@dynamic-labs/sdk-react-core 3.0.0-alpha.37 → 3.0.0-alpha.38

package/src/lib/views/MfaVerificationView/MfaVerificationView.cjs

@@ -9,27 +9,26 @@ var React = require('react');
 var reactI18next = require('react-i18next');
 var utils = require('@dynamic-labs/utils');
 var sdkApiCore = require('@dynamic-labs/sdk-api-core');
-var OTPVerificationView = require('../../components/OTPVerificationView/OTPVerificationView.cjs');
-require('../../events/dynamicEvents.cjs');
-var useDynamicContext = require('../../context/DynamicContext/useDynamicContext/useDynamicContext.cjs');
-require('../../context/DynamicContext/DynamicContext.cjs');
-require('@dynamic-labs/wallet-connector-core');
-require('../../context/CaptchaContext/CaptchaContext.cjs');
-require('../../context/ErrorContext/ErrorContext.cjs');
-var ViewContext = require('../../context/ViewContext/ViewContext.cjs');
+require('@dynamic-labs/store');
+require('../../utils/constants/colors.cjs');
+require('../../utils/constants/values.cjs');
 require('../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
+require('@dynamic-labs/wallet-connector-core');
+var ViewContext = require('../../context/ViewContext/ViewContext.cjs');
 var passwordHero = require('../../shared/assets/password-hero.cjs');
 require('@dynamic-labs/wallet-book');
-require('../../utils/constants/colors.cjs');
-require('../../utils/constants/values.cjs');
 require('../../shared/utils/classes/storage/localStorage.cjs');
 require('../../shared/utils/classes/storage/sessionStorage.cjs');
 require('../../shared/consts/index.cjs');
+var userActions = require('../../store/actions/userActions/userActions.cjs');
+require('../../events/dynamicEvents.cjs');
+require('../../context/DynamicContext/DynamicContext.cjs');
+require('../../context/CaptchaContext/CaptchaContext.cjs');
+require('../../context/ErrorContext/ErrorContext.cjs');
 require('@dynamic-labs/multi-wallet');
 require('react-international-phone');
 require('../../config/ApiEndpoint.cjs');
-require('@dynamic-labs/store');
 require('../../locale/locale.cjs');
 require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../context/AccountExistsContext/AccountExistsContext.cjs');
@@ -62,6 +61,7 @@ require('../../components/Transition/ZoomTransition/ZoomTransition.cjs');
 require('../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../../components/Transition/OpacityTransition/OpacityTransition.cjs');
 require('../../components/OverlayCard/OverlayCardTarget/OverlayCardTarget.cjs');
+var OTPVerificationView = require('../../components/OTPVerificationView/OTPVerificationView.cjs');
 require('../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../../components/Popper/Popper/Popper.cjs');
 require('../../components/Popper/PopperContext/PopperContext.cjs');
@@ -93,21 +93,21 @@ require('../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');
 require('../../context/ConnectWithOtpContext/constants.cjs');
 require('../../context/ReinitializeContext/ReinitializeContextProvider.cjs');
 
-const MfaVerificationView = ({ type, isInitialSetup = false, showBackButton = false, }) => {
+const MfaVerificationView = ({ type, isInitialSetup = false, showBackButton = false, deviceId, }) => {
     const { t } = reactI18next.useTranslation();
-    const { userWithMissingInfo } = useDynamicContext.useDynamicContext();
     const { setView } = ViewContext.useViewContext();
     const { authDevice } = useMfa.useMfa();
     const [code, setCode] = React.useState('');
     const [error, setError] = React.useState();
-    const { data: isValid, isLoading } = usePromise.usePromise(() => authDevice(code, type), {
+    const { data: isValid, isLoading } = usePromise.usePromise(() => authDevice(code, type, deviceId), {
         deps: [code],
         enabled: (code === null || code === void 0 ? void 0 : code.length) === 6,
         onReject: () => {
             setError(new utils.DynamicError(t('dyn_mfa.otp_verification_view.error')));
         },
         onResolve: () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-            if ((userWithMissingInfo === null || userWithMissingInfo === void 0 ? void 0 : userWithMissingInfo.mfaBackupCodeAcknowledgement) !==
+            const user = userActions.getUser();
+            if ((user === null || user === void 0 ? void 0 : user.mfaBackupCodeAcknowledgement) !==
                 sdkApiCore.MfaBackupCodeAcknowledgement.Complete) {
                 setView('mfa-display-backup-codes');
             }

package/src/lib/views/MfaVerificationView/MfaVerificationView.d.ts

@@ -1,8 +1,9 @@
 /// <reference types="react" />
 import { MFADeviceType } from '@dynamic-labs/sdk-api-core';
 export type MfaVerificationViewProps = {
+    deviceId?: string;
     type?: MFADeviceType;
     isInitialSetup?: boolean;
     showBackButton?: boolean;
 };
-export declare const MfaVerificationView: ({ type, isInitialSetup, showBackButton, }: MfaVerificationViewProps) => JSX.Element;
+export declare const MfaVerificationView: ({ type, isInitialSetup, showBackButton, deviceId, }: MfaVerificationViewProps) => JSX.Element;

package/src/lib/views/MfaVerificationView/MfaVerificationView.js

@@ -5,27 +5,26 @@ import { useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { DynamicError } from '@dynamic-labs/utils';
 import { MfaBackupCodeAcknowledgement } from '@dynamic-labs/sdk-api-core';
-import { OTPVerificationView } from '../../components/OTPVerificationView/OTPVerificationView.js';
-import '../../events/dynamicEvents.js';
-import { useDynamicContext } from '../../context/DynamicContext/useDynamicContext/useDynamicContext.js';
-import '../../context/DynamicContext/DynamicContext.js';
-import '@dynamic-labs/wallet-connector-core';
-import '../../context/CaptchaContext/CaptchaContext.js';
-import '../../context/ErrorContext/ErrorContext.js';
-import { useViewContext } from '../../context/ViewContext/ViewContext.js';
+import '@dynamic-labs/store';
+import '../../utils/constants/colors.js';
+import '../../utils/constants/values.js';
 import '../../shared/logger.js';
 import '@dynamic-labs/iconic';
+import '@dynamic-labs/wallet-connector-core';
+import { useViewContext } from '../../context/ViewContext/ViewContext.js';
 import { ReactComponent as SvgPasswordHero } from '../../shared/assets/password-hero.js';
 import '@dynamic-labs/wallet-book';
-import '../../utils/constants/colors.js';
-import '../../utils/constants/values.js';
 import '../../shared/utils/classes/storage/localStorage.js';
 import '../../shared/utils/classes/storage/sessionStorage.js';
 import '../../shared/consts/index.js';
+import { getUser } from '../../store/actions/userActions/userActions.js';
+import '../../events/dynamicEvents.js';
+import '../../context/DynamicContext/DynamicContext.js';
+import '../../context/CaptchaContext/CaptchaContext.js';
+import '../../context/ErrorContext/ErrorContext.js';
 import '@dynamic-labs/multi-wallet';
 import 'react-international-phone';
 import '../../config/ApiEndpoint.js';
-import '@dynamic-labs/store';
 import '../../locale/locale.js';
 import '../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../context/AccountExistsContext/AccountExistsContext.js';
@@ -58,6 +57,7 @@ import '../../components/Transition/ZoomTransition/ZoomTransition.js';
 import '../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../components/Transition/OpacityTransition/OpacityTransition.js';
 import '../../components/OverlayCard/OverlayCardTarget/OverlayCardTarget.js';
+import { OTPVerificationView } from '../../components/OTPVerificationView/OTPVerificationView.js';
 import '../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../../components/Popper/Popper/Popper.js';
 import '../../components/Popper/PopperContext/PopperContext.js';
@@ -89,21 +89,21 @@ import '../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';
 import '../../context/ConnectWithOtpContext/constants.js';
 import '../../context/ReinitializeContext/ReinitializeContextProvider.js';
 
-const MfaVerificationView = ({ type, isInitialSetup = false, showBackButton = false, }) => {
+const MfaVerificationView = ({ type, isInitialSetup = false, showBackButton = false, deviceId, }) => {
     const { t } = useTranslation();
-    const { userWithMissingInfo } = useDynamicContext();
     const { setView } = useViewContext();
     const { authDevice } = useMfa();
     const [code, setCode] = useState('');
     const [error, setError] = useState();
-    const { data: isValid, isLoading } = usePromise(() => authDevice(code, type), {
+    const { data: isValid, isLoading } = usePromise(() => authDevice(code, type, deviceId), {
         deps: [code],
         enabled: (code === null || code === void 0 ? void 0 : code.length) === 6,
         onReject: () => {
             setError(new DynamicError(t('dyn_mfa.otp_verification_view.error')));
         },
         onResolve: () => __awaiter(void 0, void 0, void 0, function* () {
-            if ((userWithMissingInfo === null || userWithMissingInfo === void 0 ? void 0 : userWithMissingInfo.mfaBackupCodeAcknowledgement) !==
+            const user = getUser();
+            if ((user === null || user === void 0 ? void 0 : user.mfaBackupCodeAcknowledgement) !==
                 MfaBackupCodeAcknowledgement.Complete) {
                 setView('mfa-display-backup-codes');
             }

package/src/lib/views/NoAccess/NoAccess.cjs

@@ -66,8 +66,8 @@ var AuthProviderIcon = require('../../components/AuthProviderIcon/AuthProviderIc
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../components/IconButton/IconButton.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');
-require('formik');
 var TypographyButton = require('../../components/TypographyButton/TypographyButton.cjs');
+require('formik');
 require('../TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../components/Input/Input.cjs');
 var IconWithStatus = require('../../components/IconWithStatus/IconWithStatus.cjs');

package/src/lib/views/NoAccess/NoAccess.js

@@ -62,8 +62,8 @@ import { AuthProviderIcon } from '../../components/AuthProviderIcon/AuthProvider
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../components/IconButton/IconButton.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';
-import 'formik';
 import { TypographyButton } from '../../components/TypographyButton/TypographyButton.js';
+import 'formik';
 import '../TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../components/Input/Input.js';
 import { IconWithStatus } from '../../components/IconWithStatus/IconWithStatus.js';

package/src/lib/views/Passkey/EmbeddedAuthChoice/EmbeddedAuthChoice.cjs

@@ -68,8 +68,8 @@ require('react-focus-lock');
 require('../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../../components/IconButton/IconButton.cjs');
 require('../../../components/MenuList/Dropdown/Dropdown.cjs');
-require('formik');
 var TypographyButton = require('../../../components/TypographyButton/TypographyButton.cjs');
+require('formik');
 require('../../TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 var ModalHeader = require('../../../components/ModalHeader/ModalHeader.cjs');
 require('../../../components/Input/Input.cjs');

package/src/lib/views/Passkey/EmbeddedAuthChoice/EmbeddedAuthChoice.js

@@ -64,8 +64,8 @@ import 'react-focus-lock';
 import '../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../../components/IconButton/IconButton.js';
 import '../../../components/MenuList/Dropdown/Dropdown.js';
-import 'formik';
 import { TypographyButton } from '../../../components/TypographyButton/TypographyButton.js';
+import 'formik';
 import '../../TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import { ModalHeader } from '../../../components/ModalHeader/ModalHeader.js';
 import '../../../components/Input/Input.js';

package/src/lib/views/Passkey/EmbeddedAuthChoiceCards/ActionCard/ActionCard.cjs

@@ -64,8 +64,8 @@ var Icon = require('../../../../components/Icon/Icon.cjs');
 require('../../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../../../components/IconButton/IconButton.cjs');
 require('../../../../components/MenuList/Dropdown/Dropdown.cjs');
-require('formik');
 var spinner = require('../../../../components/Spinner/spinner.cjs');
+require('formik');
 require('../../../TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../../../components/Input/Input.cjs');
 require('../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');

package/src/lib/views/Passkey/EmbeddedAuthChoiceCards/ActionCard/ActionCard.js

@@ -60,8 +60,8 @@ import { Icon } from '../../../../components/Icon/Icon.js';
 import '../../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../../../components/IconButton/IconButton.js';
 import '../../../../components/MenuList/Dropdown/Dropdown.js';
-import 'formik';
 import { Spinner } from '../../../../components/Spinner/spinner.js';
+import 'formik';
 import '../../../TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../../../components/Input/Input.js';
 import '../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';

package/src/lib/views/Passkey/PasskeyRecovery/CompleteRecovery/PasskeyCompleteRecovery.cjs

@@ -68,8 +68,8 @@ require('../../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../../../components/IconButton/IconButton.cjs');
 require('../../../../components/MenuList/Dropdown/Dropdown.cjs');
 var ErrorContainer = require('../../../../components/ErrorContainer/ErrorContainer.cjs');
-require('formik');
 var TypographyButton = require('../../../../components/TypographyButton/TypographyButton.cjs');
+require('formik');
 require('../../../TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../../../components/Input/Input.cjs');
 var PasskeyCreatedSuccessBanner = require('../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');

package/src/lib/views/Passkey/PasskeyRecovery/CompleteRecovery/PasskeyCompleteRecovery.js

@@ -64,8 +64,8 @@ import '../../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../../../components/IconButton/IconButton.js';
 import '../../../../components/MenuList/Dropdown/Dropdown.js';
 import { ErrorContainer } from '../../../../components/ErrorContainer/ErrorContainer.js';
-import 'formik';
 import { TypographyButton } from '../../../../components/TypographyButton/TypographyButton.js';
+import 'formik';
 import '../../../TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../../../components/Input/Input.js';
 import { PasskeySuccessEnum } from '../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';

package/src/lib/views/Passkey/PasskeyRecovery/InitRecovery/PasskeyInitRecovery.cjs

@@ -71,8 +71,8 @@ require('../../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 var IconButton = require('../../../../components/IconButton/IconButton.cjs');
 require('../../../../components/MenuList/Dropdown/Dropdown.cjs');
 var ErrorContainer = require('../../../../components/ErrorContainer/ErrorContainer.cjs');
-require('formik');
 var TypographyButton = require('../../../../components/TypographyButton/TypographyButton.cjs');
+require('formik');
 require('../../../TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 var ModalHeader = require('../../../../components/ModalHeader/ModalHeader.cjs');
 require('../../../../components/Input/Input.cjs');

package/src/lib/views/Passkey/PasskeyRecovery/InitRecovery/PasskeyInitRecovery.js

@@ -67,8 +67,8 @@ import '../../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import { IconButton } from '../../../../components/IconButton/IconButton.js';
 import '../../../../components/MenuList/Dropdown/Dropdown.js';
 import { ErrorContainer } from '../../../../components/ErrorContainer/ErrorContainer.js';
-import 'formik';
 import { TypographyButton } from '../../../../components/TypographyButton/TypographyButton.js';
+import 'formik';
 import '../../../TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import { ModalHeader } from '../../../../components/ModalHeader/ModalHeader.js';
 import '../../../../components/Input/Input.js';

package/src/lib/views/PendingSignatureView/PendingSignatureView.cjs

@@ -68,8 +68,8 @@ var IconWithSpinner = require('../../components/IconWithSpinner/IconWithSpinner.
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../components/IconButton/IconButton.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');
-require('formik');
 var TypographyButton = require('../../components/TypographyButton/TypographyButton.cjs');
+require('formik');
 require('../TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../components/Input/Input.cjs');
 require('../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');

package/src/lib/views/PendingSignatureView/PendingSignatureView.js

@@ -64,8 +64,8 @@ import { IconWithSpinner, iconRatio } from '../../components/IconWithSpinner/Ico
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../components/IconButton/IconButton.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';
-import 'formik';
 import { TypographyButton } from '../../components/TypographyButton/TypographyButton.js';
+import 'formik';
 import '../TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../components/Input/Input.js';
 import '../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';

package/src/lib/views/SelectHardwareWalletView/SelectHardwareWalletView.cjs

@@ -64,8 +64,8 @@ require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 var Icon = require('../../components/Icon/Icon.cjs');
 require('../../components/IconButton/IconButton.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');
-require('formik');
 var TypographyButton = require('../../components/TypographyButton/TypographyButton.cjs');
+require('formik');
 require('../TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../components/Input/Input.cjs');
 require('../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');

package/src/lib/views/SelectHardwareWalletView/SelectHardwareWalletView.js

@@ -60,8 +60,8 @@ import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import { Icon } from '../../components/Icon/Icon.js';
 import '../../components/IconButton/IconButton.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';
-import 'formik';
 import { TypographyButton } from '../../components/TypographyButton/TypographyButton.js';
+import 'formik';
 import '../TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../components/Input/Input.js';
 import '../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';

package/src/lib/views/SocialWrongAccountView/SocialWrongAccountView.cjs

@@ -64,8 +64,8 @@ var IconWithSpinner = require('../../components/IconWithSpinner/IconWithSpinner.
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../components/IconButton/IconButton.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');
-require('formik');
 var TypographyButton = require('../../components/TypographyButton/TypographyButton.cjs');
+require('formik');
 require('../TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../components/Input/Input.cjs');
 require('../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');

package/src/lib/views/SocialWrongAccountView/SocialWrongAccountView.js

@@ -60,8 +60,8 @@ import { IconWithSpinner } from '../../components/IconWithSpinner/IconWithSpinne
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../components/IconButton/IconButton.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';
-import 'formik';
 import { TypographyButton } from '../../components/TypographyButton/TypographyButton.js';
+import 'formik';
 import '../TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../components/Input/Input.js';
 import '../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';

package/src/lib/views/WalletCannotBeTransferredView/WalletCannotBeTransferredView.cjs

@@ -64,8 +64,8 @@ require('react-focus-lock');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../components/IconButton/IconButton.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');
-require('formik');
 var TypographyButton = require('../../components/TypographyButton/TypographyButton.cjs');
+require('formik');
 require('../TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../components/Input/Input.cjs');
 require('../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');

package/src/lib/views/WalletCannotBeTransferredView/WalletCannotBeTransferredView.js

@@ -60,8 +60,8 @@ import 'react-focus-lock';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../components/IconButton/IconButton.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';
-import 'formik';
 import { TypographyButton } from '../../components/TypographyButton/TypographyButton.js';
+import 'formik';
 import '../TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../components/Input/Input.js';
 import '../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';

package/src/lib/views/WalletLockedView/WalletLockedView.cjs

@@ -66,8 +66,8 @@ require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../components/IconButton/IconButton.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');
 var ErrorContainer = require('../../components/ErrorContainer/ErrorContainer.cjs');
-require('formik');
 var TypographyButton = require('../../components/TypographyButton/TypographyButton.cjs');
+require('formik');
 require('../TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../components/Input/Input.cjs');
 require('../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');

package/src/lib/views/WalletLockedView/WalletLockedView.js

@@ -62,8 +62,8 @@ import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../components/IconButton/IconButton.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';
 import { ErrorContainer } from '../../components/ErrorContainer/ErrorContainer.js';
-import 'formik';
 import { TypographyButton } from '../../components/TypographyButton/TypographyButton.js';
+import 'formik';
 import '../TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../components/Input/Input.js';
 import '../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';

package/src/lib/views/WalletUsedView/WalletUsedView.cjs

@@ -66,8 +66,8 @@ require('react-focus-lock');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../components/IconButton/IconButton.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');
-require('formik');
 var TypographyButton = require('../../components/TypographyButton/TypographyButton.cjs');
+require('formik');
 require('../TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../components/Input/Input.cjs');
 require('../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');

package/src/lib/views/WalletUsedView/WalletUsedView.js

@@ -62,8 +62,8 @@ import 'react-focus-lock';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../components/IconButton/IconButton.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';
-import 'formik';
 import { TypographyButton } from '../../components/TypographyButton/TypographyButton.js';
+import 'formik';
 import '../TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../components/Input/Input.js';
 import '../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';

package/src/lib/views/viewToComponentMap.d.ts

@@ -35,7 +35,7 @@ export declare const viewToComponentMap: {
         uri: string;
         secret: string;
     }) => JSX.Element;
-    'mfa-verification': ({ type, isInitialSetup, showBackButton, }: import("./MfaVerificationView").MfaVerificationViewProps) => JSX.Element;
+    'mfa-verification': ({ type, isInitialSetup, showBackButton, deviceId, }: import("./MfaVerificationView").MfaVerificationViewProps) => JSX.Element;
     'multi-wallet-wallet-list': ({ isWalletConnectList, }: import("./WalletList").WalletListProps) => JSX.Element;
     'network-not-supported': () => JSX.Element | null;
     'network-not-supported-manual': import("react").FC;

package/src/lib/widgets/DynamicBridgeWidget/components/DynamicBridgeUserProfile/DynamicBridgeUserProfile.cjs

@@ -89,8 +89,8 @@ require('../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');
 require('../../../../context/ConnectWithOtpContext/constants.cjs');
 require('../../../../context/ReinitializeContext/ReinitializeContextProvider.cjs');
 require('../../../../components/InlineWidget/InlineWidget.cjs');
-var OptionsSwitcher = require('../../../../components/OptionsSwitcher/OptionsSwitcher.cjs');
 require('qrcode');
+var OptionsSwitcher = require('../../../../components/OptionsSwitcher/OptionsSwitcher.cjs');
 
 const options = [
     {

package/src/lib/widgets/DynamicBridgeWidget/components/DynamicBridgeUserProfile/DynamicBridgeUserProfile.js

@@ -85,8 +85,8 @@ import '../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';
 import '../../../../context/ConnectWithOtpContext/constants.js';
 import '../../../../context/ReinitializeContext/ReinitializeContextProvider.js';
 import '../../../../components/InlineWidget/InlineWidget.js';
-import { OptionsSwitcher } from '../../../../components/OptionsSwitcher/OptionsSwitcher.js';
 import 'qrcode';
+import { OptionsSwitcher } from '../../../../components/OptionsSwitcher/OptionsSwitcher.js';
 
 const options = [
     {

package/src/lib/widgets/DynamicWidget/components/ActiveWalletInformation/ActiveWalletInformation.cjs

@@ -148,7 +148,7 @@ const ActiveWalletInformation = ({ isLoading = false, }) => {
         },
         {
             Icon: null,
-            callback: () => setDynamicWidgetView('wallet-settings'),
+            callback: () => setDynamicWidgetView('settings'),
             endSlot: showAlert() ? jsxRuntime.jsx(StatusDot.StatusDot, { variant: 'yellow' }) : undefined,
             hide: !isEmbeddedWallet,
             text: 'Wallet settings',

package/src/lib/widgets/DynamicWidget/components/ActiveWalletInformation/ActiveWalletInformation.js

@@ -144,7 +144,7 @@ const ActiveWalletInformation = ({ isLoading = false, }) => {
         },
         {
             Icon: null,
-            callback: () => setDynamicWidgetView('wallet-settings'),
+            callback: () => setDynamicWidgetView('settings'),
             endSlot: showAlert() ? jsx(StatusDot, { variant: 'yellow' }) : undefined,
             hide: !isEmbeddedWallet,
             text: 'Wallet settings',

package/src/lib/widgets/DynamicWidget/components/BottomNavBar/BottomNavBar.cjs

@@ -0,0 +1,16 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var classNames = require('../../../../utils/functions/classNames/classNames.cjs');
+
+const BottomNavBar = ({ value, onChange, options }) => {
+    const isActive = (_value) => _value === value;
+    return (jsxRuntime.jsx("div", { className: 'footer-options-switcher__container', "data-testid": 'OptionsSwitcher', children: options.map((option) => (jsxRuntime.jsxs("div", { className: classNames.classNames('footer-options-switcher__tab', {
+                'footer-options-switcher__tab--active': isActive(option.value),
+            }), onClick: () => onChange(option.value), children: [isActive(option.value) ? option.selectedIcon : option.icon, jsxRuntime.jsx("span", { className: 'footer-options-switcher__label', children: option.label })] }, option.value))) }));
+};
+
+exports.BottomNavBar = BottomNavBar;

package/src/lib/widgets/DynamicWidget/components/BottomNavBar/BottomNavBar.d.ts

@@ -0,0 +1,13 @@
+import { FC, ReactNode } from 'react';
+import { DynamicWidgetViews } from '../../context/DynamicWidgetContext.types';
+export type OptionsSwitcherOption = {
+    value: string;
+    label: string;
+    selectedIcon: ReactNode;
+    icon: ReactNode;
+};
+export declare const BottomNavBar: FC<{
+    value: DynamicWidgetViews;
+    onChange: (view: DynamicWidgetViews) => void;
+    options: OptionsSwitcherOption[];
+}>;

package/src/lib/widgets/DynamicWidget/components/BottomNavBar/BottomNavBar.js

@@ -0,0 +1,12 @@
+'use client'
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { classNames } from '../../../../utils/functions/classNames/classNames.js';
+
+const BottomNavBar = ({ value, onChange, options }) => {
+    const isActive = (_value) => _value === value;
+    return (jsx("div", { className: 'footer-options-switcher__container', "data-testid": 'OptionsSwitcher', children: options.map((option) => (jsxs("div", { className: classNames('footer-options-switcher__tab', {
+                'footer-options-switcher__tab--active': isActive(option.value),
+            }), onClick: () => onChange(option.value), children: [isActive(option.value) ? option.selectedIcon : option.icon, jsx("span", { className: 'footer-options-switcher__label', children: option.label })] }, option.value))) }));
+};
+
+export { BottomNavBar };

package/src/lib/widgets/DynamicWidget/components/BottomNavBar/index.d.ts

@@ -0,0 +1 @@
+export { BottomNavBar } from './BottomNavBar';