{reasonList.map((reason, i) => (
diff --git a/src/components/DetailReviewItem.js b/src/components/DetailReviewItem.js
index 22890404d6..662b2d6dc3 100644
--- a/src/components/DetailReviewItem.js
+++ b/src/components/DetailReviewItem.js
@@ -2,7 +2,7 @@ import React from 'react'
import PropTypes from 'prop-types'
import { useTokens } from '@kyper/tokenprovider'
-import { Text } from '@kyper/mui'
+import { Text } from '@mxenabled/mxui'
import { Text as ProtectedText } from 'src/privacy/components'
import { Edit } from '@kyper/icon/Edit'
import { IconButton } from '@mui/material'
diff --git a/src/components/FindAccountInfo.js b/src/components/FindAccountInfo.js
index 4350bce5b4..61ce62daff 100644
--- a/src/components/FindAccountInfo.js
+++ b/src/components/FindAccountInfo.js
@@ -2,7 +2,7 @@ import React, { useRef } from 'react'
import PropTypes from 'prop-types'
import { useTokens } from '@kyper/tokenprovider'
-import { Text } from '@kyper/mui'
+import { Text } from '@mxenabled/mxui'
import { Button } from '@mui/material'
import { fadeOut } from 'src/utilities/Animation'
diff --git a/src/components/GenericError.js b/src/components/GenericError.js
index 8e2372aeaa..8be005b22a 100644
--- a/src/components/GenericError.js
+++ b/src/components/GenericError.js
@@ -2,7 +2,7 @@ import React, { useEffect } from 'react'
import PropTypes from 'prop-types'
import { AttentionFilled } from '@kyper/icon/AttentionFilled'
import { useTokens } from '@kyper/tokenprovider'
-import { Text } from '@kyper/mui'
+import { Text } from '@mxenabled/mxui'
import { isRunningE2ETests } from 'src/utilities/e2e'
import { PageviewInfo } from 'src/const/Analytics'
diff --git a/src/components/InstitutionBlock.js b/src/components/InstitutionBlock.js
index e5583b2b39..b5fc939984 100644
--- a/src/components/InstitutionBlock.js
+++ b/src/components/InstitutionBlock.js
@@ -3,7 +3,7 @@ import PropTypes from 'prop-types'
import { __ } from 'src/utilities/Intl'
import { useTokens } from '@kyper/tokenprovider'
-import { InstitutionLogo } from '@kyper/mui'
+import { InstitutionLogo } from '@mxenabled/mxui'
import { formatUrl } from 'src/utilities/FormatUrl'
diff --git a/src/components/InstitutionGridTile.js b/src/components/InstitutionGridTile.js
index fddb34c46b..919f91541c 100644
--- a/src/components/InstitutionGridTile.js
+++ b/src/components/InstitutionGridTile.js
@@ -6,7 +6,7 @@ import { css } from '@mxenabled/cssinjs'
import { __ } from 'src/utilities/Intl'
import { useTokens } from '@kyper/tokenprovider'
-import { InstitutionLogo } from '@kyper/mui'
+import { InstitutionLogo } from '@mxenabled/mxui'
import { Button } from '@mui/material'
import { getTrueWidth } from 'src/redux/selectors/Browser'
diff --git a/src/components/InstitutionTile.js b/src/components/InstitutionTile.js
index e06d842039..f0a2eb6ab8 100644
--- a/src/components/InstitutionTile.js
+++ b/src/components/InstitutionTile.js
@@ -7,7 +7,7 @@ import { useTokens } from '@kyper/tokenprovider'
import { Button, Chip } from '@mui/material'
import { ChevronRight } from '@kyper/icon/ChevronRight'
-import { InstitutionLogo } from '@kyper/mui'
+import { InstitutionLogo } from '@mxenabled/mxui'
import { formatUrl } from 'src/utilities/FormatUrl'
diff --git a/src/components/InstructionList.js b/src/components/InstructionList.js
index 196d0fa70c..bcc25dcc69 100644
--- a/src/components/InstructionList.js
+++ b/src/components/InstructionList.js
@@ -4,7 +4,7 @@ import { css } from '@mxenabled/cssinjs'
import DOMPurify from 'dompurify'
import { useTokens } from '@kyper/tokenprovider'
-import { Text } from '@kyper/mui'
+import { Text } from '@mxenabled/mxui'
import { goToUrlLink } from 'src/utilities/global'
diff --git a/src/components/InstructionalText.js b/src/components/InstructionalText.js
index 53d85a193e..b22881af61 100644
--- a/src/components/InstructionalText.js
+++ b/src/components/InstructionalText.js
@@ -3,7 +3,7 @@ import PropTypes from 'prop-types'
import DOMPurify from 'dompurify'
import { useTokens } from '@kyper/tokenprovider'
-import { Text } from '@kyper/mui'
+import { Text } from '@mxenabled/mxui'
import { goToUrlLink } from 'src/utilities/global'
diff --git a/src/components/LeavingNoticeFlat.js b/src/components/LeavingNoticeFlat.js
index f325ea0138..409091ca20 100644
--- a/src/components/LeavingNoticeFlat.js
+++ b/src/components/LeavingNoticeFlat.js
@@ -4,7 +4,7 @@ import PropTypes from 'prop-types'
import { __ } from 'src/utilities/Intl'
-import { Text } from '@kyper/mui'
+import { Text } from '@mxenabled/mxui'
import { AttentionFilled } from '@kyper/icon/AttentionFilled'
import { Button } from '@mui/material'
import { useTokens } from '@kyper/tokenprovider'
diff --git a/src/components/MemberError.js b/src/components/MemberError.js
index fd0234e06b..ccf74fd9c9 100644
--- a/src/components/MemberError.js
+++ b/src/components/MemberError.js
@@ -2,7 +2,7 @@ import React, { Fragment, useEffect, useContext } from 'react'
import PropTypes from 'prop-types'
import { useTokens } from '@kyper/tokenprovider'
import { MessageBox } from '@kyper/messagebox'
-import { Text } from '@kyper/mui'
+import { Text } from '@mxenabled/mxui'
import { __ } from 'src/utilities/Intl'
import { AriaLive } from 'src/components/AriaLive'
diff --git a/src/components/ThankYouMessage.tsx b/src/components/ThankYouMessage.tsx
index aa06af8aa9..611c5ee7a6 100644
--- a/src/components/ThankYouMessage.tsx
+++ b/src/components/ThankYouMessage.tsx
@@ -3,7 +3,7 @@ import { createPortal } from 'react-dom'
import { __ } from 'src/utilities/Intl'
-import { Text } from '@kyper/mui'
+import { Text } from '@mxenabled/mxui'
import { Button } from '@mui/material'
import { CheckmarkFilled } from '@kyper/icon/CheckmarkFilled'
import { useTokens } from '@kyper/tokenprovider'
diff --git a/src/components/ViewTitle.js b/src/components/ViewTitle.js
index 725cf46c73..25644b2035 100644
--- a/src/components/ViewTitle.js
+++ b/src/components/ViewTitle.js
@@ -1,7 +1,7 @@
import React from 'react'
import PropTypes from 'prop-types'
-import { Text } from '@kyper/mui'
+import { Text } from '@mxenabled/mxui'
import { useTokens } from '@kyper/tokenprovider'
import { InfoFilled } from '@kyper/icon/InfoFilled'
import { AttentionFilled } from '@kyper/icon/AttentionFilled'
diff --git a/src/components/app/IEDeprecationDialog.js b/src/components/app/IEDeprecationDialog.js
index 58a69e4dce..fe8a1d0eca 100644
--- a/src/components/app/IEDeprecationDialog.js
+++ b/src/components/app/IEDeprecationDialog.js
@@ -4,7 +4,7 @@ import { useSelector } from 'react-redux'
import { AttentionFilled } from '@kyper/icon/AttentionFilled'
import { Close } from '@kyper/icon/Close'
-import { Text } from '@kyper/mui'
+import { Text } from '@mxenabled/mxui'
import { useTokens } from '@kyper/tokenprovider'
import { Button, Link } from '@mui/material'
diff --git a/src/components/app/TooSmallDialog.tsx b/src/components/app/TooSmallDialog.tsx
index ea153d0b16..3fa38eb8ad 100644
--- a/src/components/app/TooSmallDialog.tsx
+++ b/src/components/app/TooSmallDialog.tsx
@@ -6,7 +6,7 @@ import { getUnixTime } from 'date-fns'
import { defer } from 'rxjs'
import { AttentionFilled } from '@kyper/icon/AttentionFilled'
-import { Text } from '@kyper/mui'
+import { Text } from '@mxenabled/mxui'
import { useTokens } from '@kyper/tokenprovider'
import { Button } from '@mui/material'
diff --git a/src/components/support/GeneralSupport.js b/src/components/support/GeneralSupport.js
index 6beba8ce5f..a5344bf945 100644
--- a/src/components/support/GeneralSupport.js
+++ b/src/components/support/GeneralSupport.js
@@ -3,7 +3,7 @@ import PropTypes from 'prop-types'
import _isEmpty from 'lodash/isEmpty'
import { useTokens } from '@kyper/tokenprovider'
-import { Text } from '@kyper/mui'
+import { Text } from '@mxenabled/mxui'
import { TextField } from 'src/privacy/input'
import { Button } from '@mui/material'
diff --git a/src/components/support/RequestInstitution.js b/src/components/support/RequestInstitution.js
index cf6c6efaa0..dbf5eab530 100644
--- a/src/components/support/RequestInstitution.js
+++ b/src/components/support/RequestInstitution.js
@@ -3,7 +3,7 @@ import PropTypes from 'prop-types'
import _isEmpty from 'lodash/isEmpty'
import { useTokens } from '@kyper/tokenprovider'
-import { Text } from '@kyper/mui'
+import { Text } from '@mxenabled/mxui'
import { TextField } from 'src/privacy/input'
import { Button } from '@mui/material'
diff --git a/src/components/support/SupportMenu.js b/src/components/support/SupportMenu.js
index e9d670b250..9ab7ca0aae 100644
--- a/src/components/support/SupportMenu.js
+++ b/src/components/support/SupportMenu.js
@@ -4,7 +4,7 @@ import PropTypes from 'prop-types'
import { useTokens } from '@kyper/tokenprovider'
import { UtilityRow } from '@kyper/utilityrow'
import { ChevronRight } from '@kyper/icon/ChevronRight'
-import { Text } from '@kyper/mui'
+import { Text } from '@mxenabled/mxui'
import { __ } from 'src/utilities/Intl'
diff --git a/src/components/support/SupportSuccess.js b/src/components/support/SupportSuccess.js
index db2c4c0ac3..4c3d197619 100644
--- a/src/components/support/SupportSuccess.js
+++ b/src/components/support/SupportSuccess.js
@@ -2,7 +2,7 @@ import React, { useEffect } from 'react'
import PropTypes from 'prop-types'
import { useTokens } from '@kyper/tokenprovider'
-import { Text } from '@kyper/mui'
+import { Text } from '@mxenabled/mxui'
import { Button } from '@mui/material'
import { fadeOut } from 'src/utilities/Animation'
diff --git a/src/privacy/input.ts b/src/privacy/input.ts
index 19981b24bf..0e36abf1cb 100644
--- a/src/privacy/input.ts
+++ b/src/privacy/input.ts
@@ -6,7 +6,7 @@ import { Select } from '@kyper/select'
import { SelectionBox } from '@mxenabled/mxui'
import { UserFeedback } from '@kyper/userfeedback'
import { withProtection } from 'src/privacy/withProtection'
-import { TextField } from '@kyper/mui'
+import { TextField } from '@mxenabled/mxui'
/*
Add security to Kyper Inputs by wrapping them in a Higher Order Component that
diff --git a/src/redux/selectors/ClientColorScheme.js b/src/redux/selectors/ClientColorScheme.js
index ff7f1eed45..b167ab090e 100644
--- a/src/redux/selectors/ClientColorScheme.js
+++ b/src/redux/selectors/ClientColorScheme.js
@@ -1,79 +1,9 @@
-import _every from 'lodash/every'
import { createSelector } from '@reduxjs/toolkit'
-// Memoized selectors for individual pieces of state
-const getTheme = (state) => state.config.color_scheme
const getClientColorScheme = (state) => state.profiles.clientColorScheme
-
-// Memoized selector for new client colors(primary 100-500)
-export const getNewClientColors = createSelector([getClientColorScheme], (colorScheme) => ({
- Brand100: colorScheme?.primary_100,
- Brand200: colorScheme?.primary_200,
- Brand300: colorScheme?.primary_300,
- Brand400: colorScheme?.primary_400,
- Brand500: colorScheme?.primary_500,
-}))
-
-// Memoized selector for old client colors
-// This should only be used in conjuction with the TokenProvider to accomodate custom brand color via `widget_brand_color`.
-// Set in Batcave>Client>Client Color Scheme>Widget Brand Color
-export const getOldClientColors = createSelector(
- [getClientColorScheme],
- ({ widget_brand_color }) => {
- return widget_brand_color
- ? {
- Brand100: '#F8F9FB', // We couldn't come up with a consistent good looking color with the proper aspect ratio. Defaults to Neutral_100.
- Brand200: adjustColor(widget_brand_color, +15),
- Brand300: widget_brand_color,
- Brand400: adjustColor(widget_brand_color, -15),
- Brand500: adjustColor(widget_brand_color, -30),
- }
- : {}
- },
-)
-
-// Main selector that combines the results
-export const getTokenProviderValues = createSelector(
- [getTheme, getNewClientColors, getOldClientColors],
- (theme, newColors, oldColors) => {
- // If we have all the new client colors from the database, use the new colors
- const hasNewColors = _every(Object.values(newColors), Boolean)
-
- return {
- tokenOverrides: { Color: hasNewColors ? newColors : oldColors },
- theme,
- }
- },
+export const getPrimarySeedColor = createSelector(
+ getClientColorScheme,
+ // The primary seed color is either the `widget_brand_color` or the `primary_300`
+ // This is used to set the primary color in the theme paletteOptions and let MXUI generate the rest of the colors(primary 100-500)
+ (colorScheme) => colorScheme?.widget_brand_color || colorScheme?.primary_300,
)
-
-// Helper function for color adjustment
-export const adjustColor = (col, amt) => {
- let color = col
- let usePound = false
-
- if (color[0] === '#') {
- // remove hash sign
- color = color.slice(1)
- usePound = true
- }
-
- // turn it into a 6 digit string
- const colorPadded = color.padStart(6, '0')
-
- // subtract amount from each individual red/green/blue value
- let intRVal = parseInt(colorPadded.slice(0, 2), 16) + amt
- let intGVal = parseInt(colorPadded.slice(2, 4), 16) + amt
- let intBVal = parseInt(colorPadded.slice(4, 6), 16) + amt
-
- // ensure each value is between 0 and 255
- intRVal = Math.min(Math.max(intRVal, 0), 255)
- intGVal = Math.min(Math.max(intGVal, 0), 255)
- intBVal = Math.min(Math.max(intBVal, 0), 255)
-
- // pad each 2 digit hex value to ensure it is in the correct format for css
- const hexR = intRVal.toString(16).padStart(2, '0')
- const hexG = intGVal.toString(16).padStart(2, '0')
- const hexB = intBVal.toString(16).padStart(2, '0')
-
- return (usePound ? '#' : '') + (hexR + hexG + hexB)
-}
diff --git a/src/redux/selectors/__tests__/ClientColorScheme-test.js b/src/redux/selectors/__tests__/ClientColorScheme-test.js
index abaf9fc337..bb2c656adf 100644
--- a/src/redux/selectors/__tests__/ClientColorScheme-test.js
+++ b/src/redux/selectors/__tests__/ClientColorScheme-test.js
@@ -1,4 +1,4 @@
-import { getTokenProviderValues } from 'src/redux/selectors/ClientColorScheme'
+import { getPrimarySeedColor } from 'src/redux/selectors/ClientColorScheme'
describe('ClientcolorScheme Selectors', () => {
let state = {
@@ -11,30 +11,35 @@ describe('ClientcolorScheme Selectors', () => {
},
},
}
- describe('getTokenProviderValues', () => {
- it('should return the theme primary color if there is no client color scheme', () => {
- const res = getTokenProviderValues(state)
+ describe('getPrimarySeedColor', () => {
+ it('should return widget_brand_color if it exists', () => {
+ const res = getPrimarySeedColor(state)
- expect(res.tokenOverrides.Color.Brand300).toEqual(
- state.profiles.clientColorScheme.widget_brand_color,
- )
+ expect(res).toEqual(state.profiles.clientColorScheme.widget_brand_color)
})
- it('should have five different colors based on widget_brand_color', () => {
- const res = getTokenProviderValues(state)
- const colors = [
- res.tokenOverrides.Color.Brand100,
- res.tokenOverrides.Color.Brand200,
- res.tokenOverrides.Color.Brand300,
- res.tokenOverrides.Color.Brand400,
- res.tokenOverrides.Color.Brand500,
- ]
- const distinctColors = [...new Set(colors)]
+ it('should return primary_300 if widget_brand_color does not exist', () => {
+ state = {
+ config: {
+ color_scheme: 'light',
+ },
+ profiles: {
+ clientColorScheme: {
+ primary_100: '100',
+ primary_200: '200',
+ primary_300: '300',
+ primary_400: '400',
+ primary_500: '500',
+ },
+ },
+ }
+
+ const res = getPrimarySeedColor(state)
- expect(distinctColors).toHaveLength(5)
+ expect(res).toEqual(state.profiles.clientColorScheme.primary_300)
})
- it('should use the client color scheme if it exist', () => {
+ it('should return undefined if neither widget_brand_color or primary_300 exist', () => {
state = {
config: {
color_scheme: 'light',
@@ -43,30 +48,14 @@ describe('ClientcolorScheme Selectors', () => {
clientColorScheme: {
primary_100: '100',
primary_200: '200',
- primary_300: '300',
primary_400: '400',
primary_500: '500',
},
},
}
+ const res = getPrimarySeedColor(state)
- const res = getTokenProviderValues(state)
-
- expect(res.tokenOverrides.Color.Brand100).toEqual(
- state.profiles.clientColorScheme.primary_100,
- )
- expect(res.tokenOverrides.Color.Brand200).toEqual(
- state.profiles.clientColorScheme.primary_200,
- )
- expect(res.tokenOverrides.Color.Brand300).toEqual(
- state.profiles.clientColorScheme.primary_300,
- )
- expect(res.tokenOverrides.Color.Brand400).toEqual(
- state.profiles.clientColorScheme.primary_400,
- )
- expect(res.tokenOverrides.Color.Brand500).toEqual(
- state.profiles.clientColorScheme.primary_500,
- )
+ expect(res).toBeUndefined()
})
})
})
diff --git a/src/views/actionableError/ActionableError.tsx b/src/views/actionableError/ActionableError.tsx
index 2cfc752380..844ae5b693 100644
--- a/src/views/actionableError/ActionableError.tsx
+++ b/src/views/actionableError/ActionableError.tsx
@@ -1,6 +1,6 @@
import React, { useContext, useEffect, useMemo } from 'react'
import { useDispatch, useSelector } from 'react-redux'
-import { InstitutionLogo, Text } from '@kyper/mui'
+import { InstitutionLogo, Text } from '@mxenabled/mxui'
import { useTokens } from '@kyper/tokenprovider'
import { Button, Badge } from '@mui/material'
diff --git a/src/views/additionalProduct/AdditionalProductStep.tsx b/src/views/additionalProduct/AdditionalProductStep.tsx
index de2dbfb10d..4e6e1854dd 100644
--- a/src/views/additionalProduct/AdditionalProductStep.tsx
+++ b/src/views/additionalProduct/AdditionalProductStep.tsx
@@ -1,5 +1,5 @@
import React, { useImperativeHandle } from 'react'
-import { Text } from '@kyper/mui'
+import { Text } from '@mxenabled/mxui'
import { Button } from '@mui/material'
import { InstitutionBlock } from 'src/components/InstitutionBlock'
import { useSelector } from 'react-redux'
diff --git a/src/views/connected/Connected.tsx b/src/views/connected/Connected.tsx
index c132d1b459..8596f8f6b0 100644
--- a/src/views/connected/Connected.tsx
+++ b/src/views/connected/Connected.tsx
@@ -7,9 +7,9 @@ import { __ } from 'src/utilities/Intl'
import { fadeOut } from 'src/utilities/Animation'
import { Button } from '@mui/material'
-import { Text } from '@kyper/mui'
+import { Text } from '@mxenabled/mxui'
import { useTokens } from '@kyper/tokenprovider'
-import { Icon, IconWeight } from '@kyper/mui'
+import { Icon, IconWeight } from '@mxenabled/mxui'
import { SlideDown } from 'src/components/SlideDown'
import { getDelay } from 'src/utilities/getDelay'
diff --git a/src/views/connecting/Connecting.js b/src/views/connecting/Connecting.js
index 973e0cb4fb..bf53f749f9 100644
--- a/src/views/connecting/Connecting.js
+++ b/src/views/connecting/Connecting.js
@@ -14,7 +14,7 @@ import {
} from 'rxjs/operators'
import { useSelector, useDispatch } from 'react-redux'
-import { Text } from '@kyper/mui'
+import { Text } from '@mxenabled/mxui'
import { useTokens } from '@kyper/tokenprovider'
import { SlideDown } from 'src/components/SlideDown'
diff --git a/src/views/connecting/progress/ProgressMessage.js b/src/views/connecting/progress/ProgressMessage.js
index d518ab594f..fc5aaa957d 100644
--- a/src/views/connecting/progress/ProgressMessage.js
+++ b/src/views/connecting/progress/ProgressMessage.js
@@ -3,7 +3,7 @@ import PropTypes from 'prop-types'
import { from, of } from 'rxjs'
import { delay, concatMap, repeat } from 'rxjs/operators'
import { useTokens } from '@kyper/tokenprovider'
-import { Text } from '@kyper/mui'
+import { Text } from '@mxenabled/mxui'
import { JOB_TYPES } from 'src/const/consts'
diff --git a/src/views/consent/ConsentModal.tsx b/src/views/consent/ConsentModal.tsx
index 1958844d71..3c2c1603af 100644
--- a/src/views/consent/ConsentModal.tsx
+++ b/src/views/consent/ConsentModal.tsx
@@ -1,6 +1,6 @@
import React, { Dispatch, SetStateAction } from 'react'
-import { Text, DialogFooter } from '@kyper/mui'
+import { Text, DialogFooter } from '@mxenabled/mxui'
import { Box, Dialog, DialogContent, DialogTitle } from '@mui/material'
import { __ } from 'src/utilities/Intl'
import { goToUrlLink } from 'src/utilities/global'
diff --git a/src/views/consent/DynamicDisclosure.tsx b/src/views/consent/DynamicDisclosure.tsx
index 3f9eb05c54..1ff3110383 100644
--- a/src/views/consent/DynamicDisclosure.tsx
+++ b/src/views/consent/DynamicDisclosure.tsx
@@ -6,9 +6,9 @@ import type { RootState } from 'reduxify/Store'
import { __, getLocale, setLocale } from 'src/utilities/Intl'
import { Box, Button, IconButton, Link, Stack } from '@mui/material'
-import { Icon, IconWeight } from '@kyper/mui'
-import { Text } from '@kyper/mui'
-import { useTokens } from '@kyper/mui'
+import { Icon, IconWeight } from '@mxenabled/mxui'
+import { Text } from '@mxenabled/mxui'
+import { useTokens } from '@mxenabled/mxui'
import { SlideDown } from 'src/components/SlideDown'
import { getDelay } from 'src/utilities/getDelay'
@@ -210,10 +210,9 @@ export const DynamicDisclosure = React.forwardRef
(
'This app and MX Technologies will only collect, use, and retain your data to help manage your finances and will protect your data as required by',
)}
{__('applicable open banking regulations.')}
diff --git a/src/views/credentials/Credentials.js b/src/views/credentials/Credentials.js
index 86c0e9fbfb..2b61cf1264 100644
--- a/src/views/credentials/Credentials.js
+++ b/src/views/credentials/Credentials.js
@@ -10,7 +10,7 @@ import PropTypes from 'prop-types'
import _isEmpty from 'lodash/isEmpty'
import { useSelector } from 'react-redux'
-import { Text } from '@kyper/mui'
+import { Text } from '@mxenabled/mxui'
import { MessageBox } from '@kyper/messagebox'
import { useTokens } from '@kyper/tokenprovider'
import { TextField } from 'src/privacy/input'
diff --git a/src/views/credentials/usePasswordInputValidation.tsx b/src/views/credentials/usePasswordInputValidation.tsx
index b964be6068..5751e7aab0 100644
--- a/src/views/credentials/usePasswordInputValidation.tsx
+++ b/src/views/credentials/usePasswordInputValidation.tsx
@@ -1,6 +1,6 @@
import React, { useState, useEffect } from 'react'
import { IconButton, InputAdornment } from '@mui/material'
-import { Icon } from '@kyper/mui'
+import { Icon } from '@mxenabled/mxui'
import { __ } from 'src/utilities/Intl'
import { PasswordValidations } from 'src/privacy/input'
import { preventDefaultAndStopAllPropagation } from 'src/utilities/KeyPress'
diff --git a/src/views/disclosure/DataAvailable.js b/src/views/disclosure/DataAvailable.js
index 2073421faa..af9df0f25f 100644
--- a/src/views/disclosure/DataAvailable.js
+++ b/src/views/disclosure/DataAvailable.js
@@ -2,7 +2,7 @@ import React, { Fragment } from 'react'
import { useSelector } from 'react-redux'
import { useTokens } from '@kyper/tokenprovider'
-import { Text } from '@kyper/mui'
+import { Text } from '@mxenabled/mxui'
import { PageviewInfo } from 'src/const/Analytics'
diff --git a/src/views/disclosure/DataRequested.js b/src/views/disclosure/DataRequested.js
index 864de726e0..4b9efc464d 100644
--- a/src/views/disclosure/DataRequested.js
+++ b/src/views/disclosure/DataRequested.js
@@ -3,7 +3,7 @@ import { useSelector } from 'react-redux'
import PropTypes from 'prop-types'
import { useTokens } from '@kyper/tokenprovider'
-import { Text } from '@kyper/mui'
+import { Text } from '@mxenabled/mxui'
import { ChevronRight } from '@kyper/icon/ChevronRight'
import { Link } from '@mui/material'
diff --git a/src/views/disclosure/Disclosure.js b/src/views/disclosure/Disclosure.js
index b6b9e75cf8..39ef584d61 100644
--- a/src/views/disclosure/Disclosure.js
+++ b/src/views/disclosure/Disclosure.js
@@ -3,7 +3,7 @@ import PropTypes from 'prop-types'
import { css } from '@mxenabled/cssinjs'
import { useTokens } from '@kyper/tokenprovider'
-import { Text } from '@kyper/mui'
+import { Text } from '@mxenabled/mxui'
import { Lock } from '@kyper/icon/Lock'
import { Link } from '@mui/material'
import { Button } from '@mui/material'
diff --git a/src/views/disclosure/Interstitial.js b/src/views/disclosure/Interstitial.js
index 3ed6109b17..77cb971b06 100644
--- a/src/views/disclosure/Interstitial.js
+++ b/src/views/disclosure/Interstitial.js
@@ -3,7 +3,7 @@ import { useSelector } from 'react-redux'
import PropTypes from 'prop-types'
import { useTokens } from '@kyper/tokenprovider'
-import { Text } from '@kyper/mui'
+import { Text } from '@mxenabled/mxui'
import { Link as LinkIcon } from '@kyper/icon/Link'
import { Lock } from '@kyper/icon/Lock'
import { InfoOutline } from '@kyper/icon/InfoOutline'
diff --git a/src/views/disclosure/PoweredByMXText.js b/src/views/disclosure/PoweredByMXText.js
index 5b4f4bf3d6..834d3eb360 100644
--- a/src/views/disclosure/PoweredByMXText.js
+++ b/src/views/disclosure/PoweredByMXText.js
@@ -1,7 +1,7 @@
import React from 'react'
import { MXLogo } from '@kyper/icon/MXLogo'
-import { Text } from '@kyper/mui'
+import { Text } from '@mxenabled/mxui'
import { useTokens } from '@kyper/tokenprovider'
import { __ } from 'src/utilities/Intl'
diff --git a/src/views/disclosure/PrivacyPolicy.js b/src/views/disclosure/PrivacyPolicy.js
index fba6e2fa1e..5ae2be0299 100644
--- a/src/views/disclosure/PrivacyPolicy.js
+++ b/src/views/disclosure/PrivacyPolicy.js
@@ -3,7 +3,7 @@ import { useSelector } from 'react-redux'
import { css } from '@mxenabled/cssinjs'
import { useTokens } from '@kyper/tokenprovider'
-import { Text } from '@kyper/mui'
+import { Text } from '@mxenabled/mxui'
import { Link } from '@mui/material'
import { SlideDown } from 'src/components/SlideDown'
diff --git a/src/views/institutionDisabled/InstitutionDisabled.tsx b/src/views/institutionDisabled/InstitutionDisabled.tsx
index 0dfd4f089b..0fea08f772 100644
--- a/src/views/institutionDisabled/InstitutionDisabled.tsx
+++ b/src/views/institutionDisabled/InstitutionDisabled.tsx
@@ -2,7 +2,7 @@ import React, { useContext, useImperativeHandle } from 'react'
import { useDispatch, useSelector } from 'react-redux'
import { Button } from '@mui/material'
import { P, H2 } from '@mxenabled/mxui'
-import { Icon, InstitutionLogo } from '@kyper/mui'
+import { Icon, InstitutionLogo } from '@mxenabled/mxui'
import { __ } from 'src/utilities/Intl'
import useAnalyticsPath from 'src/hooks/useAnalyticsPath'
@@ -66,14 +66,7 @@ export const InstitutionDisabled = React.forwardRef
-
+