@dynamic-labs/sdk-react-core 4.25.0 → 4.25.1

package/src/lib/widgets/DynamicWidget/prompts/PrimaryNotConnectedModal/PrimaryNotConnectedModal.cjs

@@ -83,8 +83,9 @@ require('../../../../store/state/sendBalances.cjs');
 require('../../../../components/Input/Input.cjs');
 require('../../../../components/OverlayCard/OverlayCard.cjs');
 require('../../../../views/TransactionConfirmationView/TransactionConfirmationView.cjs');
+require('../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../../../../context/PasskeyContext/PasskeyContext.cjs');
-require('../../views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
+require('../../components/PasskeyCard/PasskeyCard.cjs');
 require('../../../../context/OnrampContext/OnrampContext.cjs');
 require('../../helpers/convertExchangeKeyAndProviderEnum.cjs');
 require('qrcode');
@@ -95,7 +96,6 @@ require('../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');
 require('../../../DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
 require('../../../../context/ErrorContext/hooks/useErrorText/useErrorText.cjs');
-require('../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../../../../store/state/connectorsInitializing/connectorsInitializing.cjs');
 require('../../../../store/state/tokenBalances.cjs');
 require('../../../../store/state/multichainBalances.cjs');

package/src/lib/widgets/DynamicWidget/prompts/PrimaryNotConnectedModal/PrimaryNotConnectedModal.js

@@ -79,8 +79,9 @@ import '../../../../store/state/sendBalances.js';
 import '../../../../components/Input/Input.js';
 import '../../../../components/OverlayCard/OverlayCard.js';
 import '../../../../views/TransactionConfirmationView/TransactionConfirmationView.js';
+import '../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../../../../context/PasskeyContext/PasskeyContext.js';
-import '../../views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
+import '../../components/PasskeyCard/PasskeyCard.js';
 import '../../../../context/OnrampContext/OnrampContext.js';
 import '../../helpers/convertExchangeKeyAndProviderEnum.js';
 import 'qrcode';
@@ -91,7 +92,6 @@ import '../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';
 import '../../../DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
 import '../../../../context/ErrorContext/hooks/useErrorText/useErrorText.js';
-import '../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../../../../store/state/connectorsInitializing/connectorsInitializing.js';
 import '../../../../store/state/tokenBalances.js';
 import '../../../../store/state/multichainBalances.js';

package/src/lib/widgets/DynamicWidget/prompts/QrCodeModalView/QrCodeModalView.cjs

@@ -84,8 +84,9 @@ require('../../../../store/state/sendBalances.cjs');
 require('../../../../components/Input/Input.cjs');
 require('../../../../components/OverlayCard/OverlayCard.cjs');
 require('../../../../views/TransactionConfirmationView/TransactionConfirmationView.cjs');
+require('../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../../../../context/PasskeyContext/PasskeyContext.cjs');
-require('../../views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
+require('../../components/PasskeyCard/PasskeyCard.cjs');
 require('../../../../context/OnrampContext/OnrampContext.cjs');
 require('../../helpers/convertExchangeKeyAndProviderEnum.cjs');
 var CopyButton = require('../../../../components/CopyButton/CopyButton.cjs');
@@ -98,7 +99,6 @@ require('../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');
 require('../../../DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
 require('../../../../context/ErrorContext/hooks/useErrorText/useErrorText.cjs');
-require('../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../../../../store/state/connectorsInitializing/connectorsInitializing.cjs');
 require('../../../../store/state/tokenBalances.cjs');
 require('../../../../store/state/multichainBalances.cjs');

package/src/lib/widgets/DynamicWidget/prompts/QrCodeModalView/QrCodeModalView.js

@@ -80,8 +80,9 @@ import '../../../../store/state/sendBalances.js';
 import '../../../../components/Input/Input.js';
 import '../../../../components/OverlayCard/OverlayCard.js';
 import '../../../../views/TransactionConfirmationView/TransactionConfirmationView.js';
+import '../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../../../../context/PasskeyContext/PasskeyContext.js';
-import '../../views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
+import '../../components/PasskeyCard/PasskeyCard.js';
 import '../../../../context/OnrampContext/OnrampContext.js';
 import '../../helpers/convertExchangeKeyAndProviderEnum.js';
 import { CopyButton } from '../../../../components/CopyButton/CopyButton.js';
@@ -94,7 +95,6 @@ import '../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';
 import '../../../DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
 import '../../../../context/ErrorContext/hooks/useErrorText/useErrorText.js';
-import '../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../../../../store/state/connectorsInitializing/connectorsInitializing.js';
 import '../../../../store/state/tokenBalances.js';
 import '../../../../store/state/multichainBalances.js';

package/src/lib/widgets/DynamicWidget/prompts/UnlinkWalletPopUp/UnlinkWalletPopUp.cjs

@@ -96,7 +96,7 @@ require('../../components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 var PromptModal = require('../../components/PromptModal/PromptModal.cjs');
 var WidgetPortal = require('../../components/WidgetPortal/WidgetPortal.cjs');
 require('../../../../views/TransactionConfirmationView/TransactionConfirmationView.cjs');
-require('../../views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
+require('../../components/PasskeyCard/PasskeyCard.cjs');
 require('../../../../context/OnrampContext/OnrampContext.cjs');
 require('../../views/ReceiveWalletFunds/ReceiveWalletFunds.cjs');
 require('../../../../../index.cjs');

package/src/lib/widgets/DynamicWidget/prompts/UnlinkWalletPopUp/UnlinkWalletPopUp.js

@@ -92,7 +92,7 @@ import '../../components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import { PromptModal } from '../../components/PromptModal/PromptModal.js';
 import { WidgetPortal } from '../../components/WidgetPortal/WidgetPortal.js';
 import '../../../../views/TransactionConfirmationView/TransactionConfirmationView.js';
-import '../../views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
+import '../../components/PasskeyCard/PasskeyCard.js';
 import '../../../../context/OnrampContext/OnrampContext.js';
 import '../../views/ReceiveWalletFunds/ReceiveWalletFunds.js';
 import '../../../../../index.js';

package/src/lib/widgets/DynamicWidget/views/AccountAndSecuritySettingsView/AccountAndSecuritySettingsView.cjs

@@ -94,7 +94,7 @@ require('../../../../store/state/connectorsInitializing/connectorsInitializing.c
 require('../../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.cjs');
 require('../../components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('../../../../views/TransactionConfirmationView/TransactionConfirmationView.cjs');
-require('../ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
+require('../../components/PasskeyCard/PasskeyCard.cjs');
 var EmbeddedWalletExportSection = require('./EmbeddedWalletExportSection/EmbeddedWalletExportSection.cjs');
 var EmbeddedWalletRecoveryEmailSection = require('./EmbeddedWalletRecoveryEmailSection/EmbeddedWalletRecoveryEmailSection.cjs');
 var MfaSection = require('./MfaSection/MfaSection.cjs');

package/src/lib/widgets/DynamicWidget/views/AccountAndSecuritySettingsView/AccountAndSecuritySettingsView.js

@@ -90,7 +90,7 @@ import '../../../../store/state/connectorsInitializing/connectorsInitializing.js
 import '../../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.js';
 import '../../components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../../../../views/TransactionConfirmationView/TransactionConfirmationView.js';
-import '../ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
+import '../../components/PasskeyCard/PasskeyCard.js';
 import { EmbeddedWalletExportSection } from './EmbeddedWalletExportSection/EmbeddedWalletExportSection.js';
 import { EmbeddedWalletRecoveryEmailSection } from './EmbeddedWalletRecoveryEmailSection/EmbeddedWalletRecoveryEmailSection.js';
 import { MfaSection } from './MfaSection/MfaSection.js';

package/src/lib/widgets/DynamicWidget/views/AccountAndSecuritySettingsView/EmbeddedWalletExportSection/EmbeddedWalletExportSection.cjs

@@ -98,7 +98,7 @@ require('../../../../../store/state/connectorsInitializing/connectorsInitializin
 require('../../../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.cjs');
 require('../../../components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('../../../../../views/TransactionConfirmationView/TransactionConfirmationView.cjs');
-require('../../ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
+require('../../../components/PasskeyCard/PasskeyCard.cjs');
 var useEmbeddedReveal = require('../../../../../utils/hooks/useEmbeddedReveal/useEmbeddedReveal.cjs');
 require('../../../../../context/OnrampContext/OnrampContext.cjs');
 require('../../ReceiveWalletFunds/ReceiveWalletFunds.cjs');
@@ -147,7 +147,7 @@ const EmbeddedWalletExportSection = () => {
     if (!isEmbeddedWallet) {
         return null;
     }
-    return (jsxRuntime.jsxs("div", { className: 'settings-view__body__section', children: [jsxRuntime.jsx("div", { className: 'settings-view__body__section__title', children: jsxRuntime.jsx(Typography.Typography, { copykey: 'dyn_settings.export_section.title', children: t('dyn_settings.export_section.title') }) }), jsxRuntime.jsx(TypographyButton.TypographyButton, { dataTestId: 'embedded-reveal-account-button', onClick: handleExportButtonClick, buttonClassName: 'settings-view__body__section__button', startSlot: 
+    return (jsxRuntime.jsxs("div", { className: 'settings-view__body__section', children: [jsxRuntime.jsx("div", { className: 'settings-view__body__section__title', children: jsxRuntime.jsx(Typography.Typography, { copykey: 'dyn_settings.export_section.title', color: 'secondary', weight: 'medium', children: t('dyn_settings.export_section.title') }) }), jsxRuntime.jsx(TypographyButton.TypographyButton, { dataTestId: 'embedded-reveal-account-button', onClick: handleExportButtonClick, buttonClassName: 'settings-view__body__section__button', startSlot: 
                 // eslint-disable-next-line react/jsx-wrap-multilines
                 jsxRuntime.jsxs("div", { className: 'settings-view__body__section__button__start-slot', children: [jsxRuntime.jsx(exportPrivateKey.ReactComponent, { className: exportIconClasses }), jsxRuntime.jsx(Typography.Typography, { color: 'primary', weight: 'medium', copykey: 'dyn_settings.export_section.private_key_button', children: t('dyn_settings.export_section.private_key_button') })] }), endSlot: jsxRuntime.jsx(chevronLeft.ReactComponent, { className: 'settings-view__body__section__button__icon-secondary--rotate' }), showInternalLoading: false }), isTurnkeyHDWallet && (jsxRuntime.jsx(TypographyButton.TypographyButton, { dataTestId: 'embedded-reveal-button', onClick: handleExportWithPhraseClick, buttonClassName: 'settings-view__body__section__button', startSlot: 
                 // eslint-disable-next-line react/jsx-wrap-multilines

package/src/lib/widgets/DynamicWidget/views/AccountAndSecuritySettingsView/EmbeddedWalletExportSection/EmbeddedWalletExportSection.js

@@ -94,7 +94,7 @@ import '../../../../../store/state/connectorsInitializing/connectorsInitializing
 import '../../../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.js';
 import '../../../components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../../../../../views/TransactionConfirmationView/TransactionConfirmationView.js';
-import '../../ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
+import '../../../components/PasskeyCard/PasskeyCard.js';
 import { useEmbeddedReveal } from '../../../../../utils/hooks/useEmbeddedReveal/useEmbeddedReveal.js';
 import '../../../../../context/OnrampContext/OnrampContext.js';
 import '../../ReceiveWalletFunds/ReceiveWalletFunds.js';
@@ -143,7 +143,7 @@ const EmbeddedWalletExportSection = () => {
     if (!isEmbeddedWallet) {
         return null;
     }
-    return (jsxs("div", { className: 'settings-view__body__section', children: [jsx("div", { className: 'settings-view__body__section__title', children: jsx(Typography, { copykey: 'dyn_settings.export_section.title', children: t('dyn_settings.export_section.title') }) }), jsx(TypographyButton, { dataTestId: 'embedded-reveal-account-button', onClick: handleExportButtonClick, buttonClassName: 'settings-view__body__section__button', startSlot: 
+    return (jsxs("div", { className: 'settings-view__body__section', children: [jsx("div", { className: 'settings-view__body__section__title', children: jsx(Typography, { copykey: 'dyn_settings.export_section.title', color: 'secondary', weight: 'medium', children: t('dyn_settings.export_section.title') }) }), jsx(TypographyButton, { dataTestId: 'embedded-reveal-account-button', onClick: handleExportButtonClick, buttonClassName: 'settings-view__body__section__button', startSlot: 
                 // eslint-disable-next-line react/jsx-wrap-multilines
                 jsxs("div", { className: 'settings-view__body__section__button__start-slot', children: [jsx(SvgExportPrivateKey, { className: exportIconClasses }), jsx(Typography, { color: 'primary', weight: 'medium', copykey: 'dyn_settings.export_section.private_key_button', children: t('dyn_settings.export_section.private_key_button') })] }), endSlot: jsx(SvgChevronLeft, { className: 'settings-view__body__section__button__icon-secondary--rotate' }), showInternalLoading: false }), isTurnkeyHDWallet && (jsx(TypographyButton, { dataTestId: 'embedded-reveal-button', onClick: handleExportWithPhraseClick, buttonClassName: 'settings-view__body__section__button', startSlot: 
                 // eslint-disable-next-line react/jsx-wrap-multilines

package/src/lib/widgets/DynamicWidget/views/AccountAndSecuritySettingsView/EmbeddedWalletRecoveryEmailSection/EmbeddedWalletRecoveryEmailSection.cjs

@@ -90,8 +90,9 @@ require('../../../../../store/state/sendBalances.cjs');
 require('../../../../../components/Input/Input.cjs');
 require('../../../../../components/OverlayCard/OverlayCard.cjs');
 require('../../../../../views/TransactionConfirmationView/TransactionConfirmationView.cjs');
+require('../../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../../../../../context/PasskeyContext/PasskeyContext.cjs');
-require('../../ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
+require('../../../components/PasskeyCard/PasskeyCard.cjs');
 var useEmbeddedWalletAuthenticator = require('../../../../../utils/hooks/useEmbeddedWalletAuthenticator/useEmbeddedWalletAuthenticator.cjs');
 require('../../../../../context/OnrampContext/OnrampContext.cjs');
 require('../../../helpers/convertExchangeKeyAndProviderEnum.cjs');
@@ -103,7 +104,6 @@ require('../../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs'
 require('../../../../DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
 require('../../../../../context/ErrorContext/hooks/useErrorText/useErrorText.cjs');
-require('../../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../../../../../store/state/connectorsInitializing/connectorsInitializing.cjs');
 require('../../../../../store/state/tokenBalances.cjs');
 require('../../../../../store/state/multichainBalances.cjs');
@@ -133,7 +133,7 @@ const EmbeddedWalletRecoveryEmailSection = ({ isLoading = false, }) => {
     if (!isTurnkeyWallet || isSessionKeyCompatible || hasRecoveryEmail) {
         return null;
     }
-    return (jsxRuntime.jsxs("div", { className: 'settings-view__body__section', children: [jsxRuntime.jsxs("div", { className: classNames.classNames('settings-view__body__section__title', 'settings-view__body__section__title__info-icon'), children: [jsxRuntime.jsx(Typography.Typography, { copykey: 'dyn_settings.identity_section.title', children: t('dyn_settings.identity_section.title') }), jsxRuntime.jsx(Icon.Icon, { size: 'small', children: jsxRuntime.jsx(footerInfoIcon.ReactComponent, { className: 'settings-view__body__section__title__info-icon', "data-testid": 'email-info-icon-title' }) })] }), jsxRuntime.jsx(TypographyButton.TypographyButton, { dataTestId: 'manage-email-recovery-button', onClick: addEmbeddedWalletRecoveryEmail, buttonClassName: classNames.classNames('settings-view__body__section__button', 'settings-view__body__section__button__badge'), startSlot: 
+    return (jsxRuntime.jsxs("div", { className: 'settings-view__body__section', children: [jsxRuntime.jsxs("div", { className: classNames.classNames('settings-view__body__section__title', 'settings-view__body__section__title__info-icon'), children: [jsxRuntime.jsx(Typography.Typography, { copykey: 'dyn_settings.identity_section.title', color: 'secondary', weight: 'medium', children: t('dyn_settings.identity_section.title') }), jsxRuntime.jsx(Icon.Icon, { size: 'small', children: jsxRuntime.jsx(footerInfoIcon.ReactComponent, { className: 'settings-view__body__section__title__info-icon', "data-testid": 'email-info-icon-title' }) })] }), jsxRuntime.jsx(TypographyButton.TypographyButton, { dataTestId: 'manage-email-recovery-button', onClick: addEmbeddedWalletRecoveryEmail, buttonClassName: classNames.classNames('settings-view__body__section__button', 'settings-view__body__section__button__badge'), startSlot: 
                 // eslint-disable-next-line react/jsx-wrap-multilines
                 jsxRuntime.jsxs("div", { className: 'settings-view__body__section__button__start-slot', children: [jsxRuntime.jsx(signInWithEmail.ReactComponent, { className: 'settings-view__body__section__button__icon email' }), jsxRuntime.jsx(Typography.Typography, { color: 'primary', weight: 'medium', copykey: 'dyn_settings.identity_section.add_email_button', children: t('dyn_settings.identity_section.add_email_button') }), jsxRuntime.jsx(Badge.Badge, { text: t('dyn_settings.tags.recommended'), copykey: 'dyn_settings.tags.recommended', variant: 'secondary' })] }), endSlot: renderEmailButtonEndSlot(), disabled: isLoading || hasRecoveryEmail, showInternalLoading: false })] }));
 };

package/src/lib/widgets/DynamicWidget/views/AccountAndSecuritySettingsView/EmbeddedWalletRecoveryEmailSection/EmbeddedWalletRecoveryEmailSection.js

@@ -86,8 +86,9 @@ import '../../../../../store/state/sendBalances.js';
 import '../../../../../components/Input/Input.js';
 import '../../../../../components/OverlayCard/OverlayCard.js';
 import '../../../../../views/TransactionConfirmationView/TransactionConfirmationView.js';
+import '../../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../../../../../context/PasskeyContext/PasskeyContext.js';
-import '../../ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
+import '../../../components/PasskeyCard/PasskeyCard.js';
 import { useEmbeddedWalletAuthenticator } from '../../../../../utils/hooks/useEmbeddedWalletAuthenticator/useEmbeddedWalletAuthenticator.js';
 import '../../../../../context/OnrampContext/OnrampContext.js';
 import '../../../helpers/convertExchangeKeyAndProviderEnum.js';
@@ -99,7 +100,6 @@ import '../../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';
 import '../../../../DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
 import '../../../../../context/ErrorContext/hooks/useErrorText/useErrorText.js';
-import '../../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../../../../../store/state/connectorsInitializing/connectorsInitializing.js';
 import '../../../../../store/state/tokenBalances.js';
 import '../../../../../store/state/multichainBalances.js';
@@ -129,7 +129,7 @@ const EmbeddedWalletRecoveryEmailSection = ({ isLoading = false, }) => {
     if (!isTurnkeyWallet || isSessionKeyCompatible || hasRecoveryEmail) {
         return null;
     }
-    return (jsxs("div", { className: 'settings-view__body__section', children: [jsxs("div", { className: classNames('settings-view__body__section__title', 'settings-view__body__section__title__info-icon'), children: [jsx(Typography, { copykey: 'dyn_settings.identity_section.title', children: t('dyn_settings.identity_section.title') }), jsx(Icon, { size: 'small', children: jsx(SvgFooterInfoIcon, { className: 'settings-view__body__section__title__info-icon', "data-testid": 'email-info-icon-title' }) })] }), jsx(TypographyButton, { dataTestId: 'manage-email-recovery-button', onClick: addEmbeddedWalletRecoveryEmail, buttonClassName: classNames('settings-view__body__section__button', 'settings-view__body__section__button__badge'), startSlot: 
+    return (jsxs("div", { className: 'settings-view__body__section', children: [jsxs("div", { className: classNames('settings-view__body__section__title', 'settings-view__body__section__title__info-icon'), children: [jsx(Typography, { copykey: 'dyn_settings.identity_section.title', color: 'secondary', weight: 'medium', children: t('dyn_settings.identity_section.title') }), jsx(Icon, { size: 'small', children: jsx(SvgFooterInfoIcon, { className: 'settings-view__body__section__title__info-icon', "data-testid": 'email-info-icon-title' }) })] }), jsx(TypographyButton, { dataTestId: 'manage-email-recovery-button', onClick: addEmbeddedWalletRecoveryEmail, buttonClassName: classNames('settings-view__body__section__button', 'settings-view__body__section__button__badge'), startSlot: 
                 // eslint-disable-next-line react/jsx-wrap-multilines
                 jsxs("div", { className: 'settings-view__body__section__button__start-slot', children: [jsx(SvgSignInWithEmail, { className: 'settings-view__body__section__button__icon email' }), jsx(Typography, { color: 'primary', weight: 'medium', copykey: 'dyn_settings.identity_section.add_email_button', children: t('dyn_settings.identity_section.add_email_button') }), jsx(Badge, { text: t('dyn_settings.tags.recommended'), copykey: 'dyn_settings.tags.recommended', variant: 'secondary' })] }), endSlot: renderEmailButtonEndSlot(), disabled: isLoading || hasRecoveryEmail, showInternalLoading: false })] }));
 };

package/src/lib/widgets/DynamicWidget/views/AccountAndSecuritySettingsView/MfaSection/MfaSection.cjs

@@ -9,7 +9,8 @@ var reactI18next = require('react-i18next');
 var Typography = require('../../../../../components/Typography/Typography.cjs');
 var TypographyButton = require('../../../../../components/TypographyButton/TypographyButton.cjs');
 var chevronLeft = require('../../../../../shared/assets/chevron-left.cjs');
-var shield = require('../../../../../shared/assets/shield.cjs');
+var faceId = require('../../../../../shared/assets/face-id.cjs');
+var lock = require('../../../../../shared/assets/lock.cjs');
 require('@dynamic-labs/iconic');
 require('../../../../../context/ViewContext/ViewContext.cjs');
 require('../../../../../events/dynamicEvents.cjs');
@@ -95,26 +96,33 @@ require('../../../../../store/state/connectorsInitializing/connectorsInitializin
 require('../../../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.cjs');
 require('../../../components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('../../../../../views/TransactionConfirmationView/TransactionConfirmationView.cjs');
-require('../../ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
+require('../../../components/PasskeyCard/PasskeyCard.cjs');
 require('../../../../../context/OnrampContext/OnrampContext.cjs');
 require('../../ReceiveWalletFunds/ReceiveWalletFunds.cjs');
 require('../../../../../../index.cjs');
 var useIsMfaEnabled = require('../../../../../utils/hooks/useIsMfaEnabled/useIsMfaEnabled.cjs');
+var useIsTotpMfaEnabled = require('../../../../../utils/hooks/useIsTotpMfaEnabled/useIsTotpMfaEnabled.cjs');
 require('../../../../../store/state/tokenBalances.cjs');
 require('../../../../../store/state/multichainBalances.cjs');
 require('../../../../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');
+var useIsPasskeysMfaEnabled = require('../../../../../utils/hooks/useIsPasskeysMfaEnabled/useIsPasskeysMfaEnabled.cjs');
 
 const MfaSection = ({ isLoading }) => {
     const { t } = reactI18next.useTranslation();
     const { setDynamicWidgetView } = DynamicWidgetContext.useWidgetContext();
     const isMfaEnabled = useIsMfaEnabled.useIsMfaEnabled();
-    const handleMfaClick = React.useCallback(() => setDynamicWidgetView('manage-totp-mfa'), [setDynamicWidgetView]);
+    const isTotpMfaEnabled = useIsTotpMfaEnabled.useIsTotpMfaEnabled();
+    const isPasskeyMfaEnabled = useIsPasskeysMfaEnabled.useIsPasskeysMfaEnabled();
+    const handleTotpMfaClick = React.useCallback(() => setDynamicWidgetView('manage-totp-mfa'), [setDynamicWidgetView]);
+    const handlePasskeyMfaClick = React.useCallback(() => setDynamicWidgetView('manage-passkeys-mfa'), [setDynamicWidgetView]);
     if (!isMfaEnabled) {
         return null;
     }
-    return (jsxRuntime.jsxs("div", { className: 'settings-view__body__section', children: [jsxRuntime.jsx("div", { className: 'settings-view__body__section__title', children: jsxRuntime.jsx(Typography.Typography, { copykey: 'dyn_settings.mfa_section.title', children: t('dyn_settings.mfa_section.title') }) }), jsxRuntime.jsx(TypographyButton.TypographyButton, { dataTestId: 'manage-totp-mfa-button', onClick: handleMfaClick, buttonClassName: 'settings-view__body__section__button', startSlot: 
+    return (jsxRuntime.jsxs("div", { className: 'settings-view__body__section', children: [jsxRuntime.jsx("div", { className: 'settings-view__body__section__title', children: jsxRuntime.jsx(Typography.Typography, { copykey: 'dyn_settings.mfa_section.title', color: 'secondary', weight: 'medium', children: t('dyn_settings.mfa_section.title') }) }), isPasskeyMfaEnabled && (jsxRuntime.jsx(TypographyButton.TypographyButton, { dataTestId: 'manage-passkeys-mfa-button', onClick: handlePasskeyMfaClick, buttonClassName: 'settings-view__body__section__button', startSlot: 
                 // eslint-disable-next-line react/jsx-wrap-multilines
-                jsxRuntime.jsxs("div", { className: 'settings-view__body__section__button__start-slot', children: [jsxRuntime.jsx(shield.ReactComponent, { className: 'settings-view__body__section__button__icon' }), jsxRuntime.jsx(Typography.Typography, { color: 'primary', weight: 'medium', copykey: 'dyn_settings.mfa_section.totp_button', children: t('dyn_settings.mfa_section.totp_button') })] }), endSlot: jsxRuntime.jsx(chevronLeft.ReactComponent, { className: 'settings-view__body__section__button__icon-secondary--rotate' }), disabled: isLoading, showInternalLoading: false })] }));
+                jsxRuntime.jsxs("div", { className: 'settings-view__body__section__button__start-slot', children: [jsxRuntime.jsx(faceId.ReactComponent, { className: 'settings-view__body__section__button__icon' }), jsxRuntime.jsx(Typography.Typography, { color: 'primary', weight: 'medium', copykey: 'dyn_settings.mfa_section.passkey_button', children: t('dyn_settings.mfa_section.passkey_button') })] }), endSlot: jsxRuntime.jsx(chevronLeft.ReactComponent, { className: 'settings-view__body__section__button__icon-secondary--rotate' }), disabled: isLoading, showInternalLoading: false })), isTotpMfaEnabled && (jsxRuntime.jsx(TypographyButton.TypographyButton, { dataTestId: 'manage-totp-mfa-button', onClick: handleTotpMfaClick, buttonClassName: 'settings-view__body__section__button', startSlot: 
+                // eslint-disable-next-line react/jsx-wrap-multilines
+                jsxRuntime.jsxs("div", { className: 'settings-view__body__section__button__start-slot', children: [jsxRuntime.jsx(lock.ReactComponent, { className: 'settings-view__body__section__button__icon' }), jsxRuntime.jsx(Typography.Typography, { color: 'primary', weight: 'medium', copykey: 'dyn_settings.mfa_section.totp_button', children: t('dyn_settings.mfa_section.totp_button') })] }), endSlot: jsxRuntime.jsx(chevronLeft.ReactComponent, { className: 'settings-view__body__section__button__icon-secondary--rotate' }), disabled: isLoading, showInternalLoading: false }))] }));
 };
 
 exports.MfaSection = MfaSection;

package/src/lib/widgets/DynamicWidget/views/AccountAndSecuritySettingsView/MfaSection/MfaSection.js

@@ -5,7 +5,8 @@ import { useTranslation } from 'react-i18next';
 import { Typography } from '../../../../../components/Typography/Typography.js';
 import { TypographyButton } from '../../../../../components/TypographyButton/TypographyButton.js';
 import { ReactComponent as SvgChevronLeft } from '../../../../../shared/assets/chevron-left.js';
-import { ReactComponent as SvgShield } from '../../../../../shared/assets/shield.js';
+import { ReactComponent as SvgFaceId } from '../../../../../shared/assets/face-id.js';
+import { ReactComponent as SvgLock } from '../../../../../shared/assets/lock.js';
 import '@dynamic-labs/iconic';
 import '../../../../../context/ViewContext/ViewContext.js';
 import '../../../../../events/dynamicEvents.js';
@@ -91,26 +92,33 @@ import '../../../../../store/state/connectorsInitializing/connectorsInitializing
 import '../../../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.js';
 import '../../../components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../../../../../views/TransactionConfirmationView/TransactionConfirmationView.js';
-import '../../ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
+import '../../../components/PasskeyCard/PasskeyCard.js';
 import '../../../../../context/OnrampContext/OnrampContext.js';
 import '../../ReceiveWalletFunds/ReceiveWalletFunds.js';
 import '../../../../../../index.js';
 import { useIsMfaEnabled } from '../../../../../utils/hooks/useIsMfaEnabled/useIsMfaEnabled.js';
+import { useIsTotpMfaEnabled } from '../../../../../utils/hooks/useIsTotpMfaEnabled/useIsTotpMfaEnabled.js';
 import '../../../../../store/state/tokenBalances.js';
 import '../../../../../store/state/multichainBalances.js';
 import '../../../../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
+import { useIsPasskeysMfaEnabled } from '../../../../../utils/hooks/useIsPasskeysMfaEnabled/useIsPasskeysMfaEnabled.js';
 
 const MfaSection = ({ isLoading }) => {
     const { t } = useTranslation();
     const { setDynamicWidgetView } = useWidgetContext();
     const isMfaEnabled = useIsMfaEnabled();
-    const handleMfaClick = useCallback(() => setDynamicWidgetView('manage-totp-mfa'), [setDynamicWidgetView]);
+    const isTotpMfaEnabled = useIsTotpMfaEnabled();
+    const isPasskeyMfaEnabled = useIsPasskeysMfaEnabled();
+    const handleTotpMfaClick = useCallback(() => setDynamicWidgetView('manage-totp-mfa'), [setDynamicWidgetView]);
+    const handlePasskeyMfaClick = useCallback(() => setDynamicWidgetView('manage-passkeys-mfa'), [setDynamicWidgetView]);
     if (!isMfaEnabled) {
         return null;
     }
-    return (jsxs("div", { className: 'settings-view__body__section', children: [jsx("div", { className: 'settings-view__body__section__title', children: jsx(Typography, { copykey: 'dyn_settings.mfa_section.title', children: t('dyn_settings.mfa_section.title') }) }), jsx(TypographyButton, { dataTestId: 'manage-totp-mfa-button', onClick: handleMfaClick, buttonClassName: 'settings-view__body__section__button', startSlot: 
+    return (jsxs("div", { className: 'settings-view__body__section', children: [jsx("div", { className: 'settings-view__body__section__title', children: jsx(Typography, { copykey: 'dyn_settings.mfa_section.title', color: 'secondary', weight: 'medium', children: t('dyn_settings.mfa_section.title') }) }), isPasskeyMfaEnabled && (jsx(TypographyButton, { dataTestId: 'manage-passkeys-mfa-button', onClick: handlePasskeyMfaClick, buttonClassName: 'settings-view__body__section__button', startSlot: 
                 // eslint-disable-next-line react/jsx-wrap-multilines
-                jsxs("div", { className: 'settings-view__body__section__button__start-slot', children: [jsx(SvgShield, { className: 'settings-view__body__section__button__icon' }), jsx(Typography, { color: 'primary', weight: 'medium', copykey: 'dyn_settings.mfa_section.totp_button', children: t('dyn_settings.mfa_section.totp_button') })] }), endSlot: jsx(SvgChevronLeft, { className: 'settings-view__body__section__button__icon-secondary--rotate' }), disabled: isLoading, showInternalLoading: false })] }));
+                jsxs("div", { className: 'settings-view__body__section__button__start-slot', children: [jsx(SvgFaceId, { className: 'settings-view__body__section__button__icon' }), jsx(Typography, { color: 'primary', weight: 'medium', copykey: 'dyn_settings.mfa_section.passkey_button', children: t('dyn_settings.mfa_section.passkey_button') })] }), endSlot: jsx(SvgChevronLeft, { className: 'settings-view__body__section__button__icon-secondary--rotate' }), disabled: isLoading, showInternalLoading: false })), isTotpMfaEnabled && (jsx(TypographyButton, { dataTestId: 'manage-totp-mfa-button', onClick: handleTotpMfaClick, buttonClassName: 'settings-view__body__section__button', startSlot: 
+                // eslint-disable-next-line react/jsx-wrap-multilines
+                jsxs("div", { className: 'settings-view__body__section__button__start-slot', children: [jsx(SvgLock, { className: 'settings-view__body__section__button__icon' }), jsx(Typography, { color: 'primary', weight: 'medium', copykey: 'dyn_settings.mfa_section.totp_button', children: t('dyn_settings.mfa_section.totp_button') })] }), endSlot: jsx(SvgChevronLeft, { className: 'settings-view__body__section__button__icon-secondary--rotate' }), disabled: isLoading, showInternalLoading: false }))] }));
 };
 
 export { MfaSection };

package/src/lib/widgets/DynamicWidget/views/AccountAndSecuritySettingsView/WalletSecuritySection/WalletSecuritySection.cjs

@@ -89,8 +89,9 @@ require('../../../../../store/state/sendBalances.cjs');
 require('../../../../../components/Input/Input.cjs');
 require('../../../../../components/OverlayCard/OverlayCard.cjs');
 require('../../../../../views/TransactionConfirmationView/TransactionConfirmationView.cjs');
+require('../../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../../../../../context/PasskeyContext/PasskeyContext.cjs');
-require('../../ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
+require('../../../components/PasskeyCard/PasskeyCard.cjs');
 var PasskeyDeviceIcon = require('../../../../../views/Passkey/PasskeyDeviceIcon/PasskeyDeviceIcon.cjs');
 require('../../../../../context/OnrampContext/OnrampContext.cjs');
 require('../../../helpers/convertExchangeKeyAndProviderEnum.cjs');
@@ -102,7 +103,6 @@ require('../../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs'
 require('../../../../DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
 require('../../../../../context/ErrorContext/hooks/useErrorText/useErrorText.cjs');
-require('../../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../../../../../store/state/connectorsInitializing/connectorsInitializing.cjs');
 require('../../../../../store/state/tokenBalances.cjs');
 require('../../../../../store/state/multichainBalances.cjs');
@@ -161,7 +161,7 @@ const WalletSecuritySection = ({ isLoading, setIsLoading }) => {
     }
     return (jsxRuntime.jsxs("div", { className: 'settings-view__body__section', children: [jsxRuntime.jsx("div", { className: classNames.classNames('settings-view__body__section__title', {
                     'settings-view__body__section__title__info-icon': !isTurnkeyWalletWithAuthenticator,
-                }), children: jsxRuntime.jsx(Typography.Typography, { copykey: 'dyn_settings.wallet_security_section.title', children: t('dyn_settings.wallet_security_section.title') }) }), jsxRuntime.jsx(TypographyButton.TypographyButton, { dataTestId: 'manage-passkeys-button', onClick: handlePasskeyClick, buttonClassName: classNames.classNames('settings-view__body__section__button', {
+                }), children: jsxRuntime.jsx(Typography.Typography, { copykey: 'dyn_settings.wallet_security_section.title', color: 'secondary', weight: 'medium', children: t('dyn_settings.wallet_security_section.title') }) }), jsxRuntime.jsx(TypographyButton.TypographyButton, { dataTestId: 'manage-passkeys-button', onClick: handlePasskeyClick, buttonClassName: classNames.classNames('settings-view__body__section__button', {
                     'settings-view__body__section__button__badge': !isTurnkeyWalletWithAuthenticator,
                 }), startSlot: 
                 // eslint-disable-next-line react/jsx-wrap-multilines

package/src/lib/widgets/DynamicWidget/views/AccountAndSecuritySettingsView/WalletSecuritySection/WalletSecuritySection.js

@@ -85,8 +85,9 @@ import '../../../../../store/state/sendBalances.js';
 import '../../../../../components/Input/Input.js';
 import '../../../../../components/OverlayCard/OverlayCard.js';
 import '../../../../../views/TransactionConfirmationView/TransactionConfirmationView.js';
+import '../../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../../../../../context/PasskeyContext/PasskeyContext.js';
-import '../../ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
+import '../../../components/PasskeyCard/PasskeyCard.js';
 import { PasskeyDeviceIcon } from '../../../../../views/Passkey/PasskeyDeviceIcon/PasskeyDeviceIcon.js';
 import '../../../../../context/OnrampContext/OnrampContext.js';
 import '../../../helpers/convertExchangeKeyAndProviderEnum.js';
@@ -98,7 +99,6 @@ import '../../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';
 import '../../../../DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
 import '../../../../../context/ErrorContext/hooks/useErrorText/useErrorText.js';
-import '../../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../../../../../store/state/connectorsInitializing/connectorsInitializing.js';
 import '../../../../../store/state/tokenBalances.js';
 import '../../../../../store/state/multichainBalances.js';
@@ -157,7 +157,7 @@ const WalletSecuritySection = ({ isLoading, setIsLoading }) => {
     }
     return (jsxs("div", { className: 'settings-view__body__section', children: [jsx("div", { className: classNames('settings-view__body__section__title', {
                     'settings-view__body__section__title__info-icon': !isTurnkeyWalletWithAuthenticator,
-                }), children: jsx(Typography, { copykey: 'dyn_settings.wallet_security_section.title', children: t('dyn_settings.wallet_security_section.title') }) }), jsx(TypographyButton, { dataTestId: 'manage-passkeys-button', onClick: handlePasskeyClick, buttonClassName: classNames('settings-view__body__section__button', {
+                }), children: jsx(Typography, { copykey: 'dyn_settings.wallet_security_section.title', color: 'secondary', weight: 'medium', children: t('dyn_settings.wallet_security_section.title') }) }), jsx(TypographyButton, { dataTestId: 'manage-passkeys-button', onClick: handlePasskeyClick, buttonClassName: classNames('settings-view__body__section__button', {
                     'settings-view__body__section__button__badge': !isTurnkeyWalletWithAuthenticator,
                 }), startSlot: 
                 // eslint-disable-next-line react/jsx-wrap-multilines

package/src/lib/widgets/DynamicWidget/views/AccountAndSecuritySettingsView/ZKSyncSessionsSection/ZKSyncSessionsSection.cjs

@@ -47,7 +47,7 @@ const ZKSyncSessionsSection = ({ isLoading = false }) => {
     if (!isZKSyncWallet) {
         return null;
     }
-    return (jsxRuntime.jsxs("div", { className: 'settings-view__body__section', children: [jsxRuntime.jsx("div", { className: classNames.classNames('settings-view__body__section__title', 'settings-view__body__section__title__info-icon'), children: jsxRuntime.jsx(Typography.Typography, { copykey: 'dyn_settings.session_management.title', children: t('dyn_settings.session_management.title') }) }), jsxRuntime.jsx(TypographyButton.TypographyButton, { dataTestId: 'session-management-button', onClick: handleSessionManagementClick, buttonClassName: 'settings-view__body__section__button', startSlot: 
+    return (jsxRuntime.jsxs("div", { className: 'settings-view__body__section', children: [jsxRuntime.jsx("div", { className: classNames.classNames('settings-view__body__section__title', 'settings-view__body__section__title__info-icon'), children: jsxRuntime.jsx(Typography.Typography, { copykey: 'dyn_settings.session_management.title', color: 'secondary', weight: 'medium', children: t('dyn_settings.session_management.title') }) }), jsxRuntime.jsx(TypographyButton.TypographyButton, { dataTestId: 'session-management-button', onClick: handleSessionManagementClick, buttonClassName: 'settings-view__body__section__button', startSlot: 
                 // eslint-disable-next-line react/jsx-wrap-multilines
                 jsxRuntime.jsxs("div", { className: 'settings-view__body__section__button__start-slot', children: [jsxRuntime.jsx(session.ReactComponent, { className: 'settings-view__body__section__button__icon' }), jsxRuntime.jsx(Typography.Typography, { color: 'primary', weight: 'medium', copykey: 'dyn_settings.session_management.session_management_button', children: t('dyn_settings.session_management.session_management_button') })] }), endSlot: jsxRuntime.jsx(chevronLeft.ReactComponent, { className: 'settings-view__body__section__button__icon-secondary--rotate' }), disabled: isLoading, showInternalLoading: false })] }));
 };

package/src/lib/widgets/DynamicWidget/views/AccountAndSecuritySettingsView/ZKSyncSessionsSection/ZKSyncSessionsSection.js

@@ -43,7 +43,7 @@ const ZKSyncSessionsSection = ({ isLoading = false }) => {
     if (!isZKSyncWallet) {
         return null;
     }
-    return (jsxs("div", { className: 'settings-view__body__section', children: [jsx("div", { className: classNames('settings-view__body__section__title', 'settings-view__body__section__title__info-icon'), children: jsx(Typography, { copykey: 'dyn_settings.session_management.title', children: t('dyn_settings.session_management.title') }) }), jsx(TypographyButton, { dataTestId: 'session-management-button', onClick: handleSessionManagementClick, buttonClassName: 'settings-view__body__section__button', startSlot: 
+    return (jsxs("div", { className: 'settings-view__body__section', children: [jsx("div", { className: classNames('settings-view__body__section__title', 'settings-view__body__section__title__info-icon'), children: jsx(Typography, { copykey: 'dyn_settings.session_management.title', color: 'secondary', weight: 'medium', children: t('dyn_settings.session_management.title') }) }), jsx(TypographyButton, { dataTestId: 'session-management-button', onClick: handleSessionManagementClick, buttonClassName: 'settings-view__body__section__button', startSlot: 
                 // eslint-disable-next-line react/jsx-wrap-multilines
                 jsxs("div", { className: 'settings-view__body__section__button__start-slot', children: [jsx(SvgSession, { className: 'settings-view__body__section__button__icon' }), jsx(Typography, { color: 'primary', weight: 'medium', copykey: 'dyn_settings.session_management.session_management_button', children: t('dyn_settings.session_management.session_management_button') })] }), endSlot: jsx(SvgChevronLeft, { className: 'settings-view__body__section__button__icon-secondary--rotate' }), disabled: isLoading, showInternalLoading: false })] }));
 };

package/src/lib/widgets/DynamicWidget/views/ChooseOnrampProviderView/ChooseOnrampProviderView.cjs

@@ -84,8 +84,9 @@ require('../../../../store/state/sendBalances.cjs');
 require('../../../../components/Input/Input.cjs');
 require('../../../../components/OverlayCard/OverlayCard.cjs');
 require('../../../../views/TransactionConfirmationView/TransactionConfirmationView.cjs');
+require('../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../../../../context/PasskeyContext/PasskeyContext.cjs');
-require('../ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
+require('../../components/PasskeyCard/PasskeyCard.cjs');
 require('../../helpers/convertExchangeKeyAndProviderEnum.cjs');
 require('qrcode');
 require('../ReceiveWalletFunds/ReceiveWalletFunds.cjs');
@@ -95,7 +96,6 @@ require('../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');
 require('../../../DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
 require('../../../../context/ErrorContext/hooks/useErrorText/useErrorText.cjs');
-require('../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../../../../store/state/connectorsInitializing/connectorsInitializing.cjs');
 require('../../../../store/state/tokenBalances.cjs');
 require('../../../../store/state/multichainBalances.cjs');

package/src/lib/widgets/DynamicWidget/views/ChooseOnrampProviderView/ChooseOnrampProviderView.js

@@ -80,8 +80,9 @@ import '../../../../store/state/sendBalances.js';
 import '../../../../components/Input/Input.js';
 import '../../../../components/OverlayCard/OverlayCard.js';
 import '../../../../views/TransactionConfirmationView/TransactionConfirmationView.js';
+import '../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../../../../context/PasskeyContext/PasskeyContext.js';
-import '../ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
+import '../../components/PasskeyCard/PasskeyCard.js';
 import '../../helpers/convertExchangeKeyAndProviderEnum.js';
 import 'qrcode';
 import '../ReceiveWalletFunds/ReceiveWalletFunds.js';
@@ -91,7 +92,6 @@ import '../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';
 import '../../../DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
 import '../../../../context/ErrorContext/hooks/useErrorText/useErrorText.js';
-import '../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../../../../store/state/connectorsInitializing/connectorsInitializing.js';
 import '../../../../store/state/tokenBalances.js';
 import '../../../../store/state/multichainBalances.js';

package/src/lib/widgets/DynamicWidget/views/ChooseWalletFundingMethod/useFundingMethods/useFundingMethods.cjs

@@ -85,8 +85,9 @@ require('../../../../../store/state/sendBalances.cjs');
 require('../../../../../components/Input/Input.cjs');
 require('../../../../../components/OverlayCard/OverlayCard.cjs');
 require('../../../../../views/TransactionConfirmationView/TransactionConfirmationView.cjs');
+require('../../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../../../../../context/PasskeyContext/PasskeyContext.cjs');
-require('../../ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
+require('../../../components/PasskeyCard/PasskeyCard.cjs');
 var OnrampContext = require('../../../../../context/OnrampContext/OnrampContext.cjs');
 var index = require('../../../../../utils/functions/walletFilters/index.cjs');
 var useFundWithWallet = require('../../../../../utils/hooks/useFundWithWallet/useFundWithWallet.cjs');
@@ -103,7 +104,6 @@ require('../../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs'
 require('../../../../DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
 require('../../../../../context/ErrorContext/hooks/useErrorText/useErrorText.cjs');
-require('../../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../../../../../store/state/connectorsInitializing/connectorsInitializing.cjs');
 require('../../../../../store/state/tokenBalances.cjs');
 require('../../../../../store/state/multichainBalances.cjs');

package/src/lib/widgets/DynamicWidget/views/ChooseWalletFundingMethod/useFundingMethods/useFundingMethods.js

@@ -81,8 +81,9 @@ import '../../../../../store/state/sendBalances.js';
 import '../../../../../components/Input/Input.js';
 import '../../../../../components/OverlayCard/OverlayCard.js';
 import '../../../../../views/TransactionConfirmationView/TransactionConfirmationView.js';
+import '../../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../../../../../context/PasskeyContext/PasskeyContext.js';
-import '../../ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
+import '../../../components/PasskeyCard/PasskeyCard.js';
 import { useOnrampContext } from '../../../../../context/OnrampContext/OnrampContext.js';
 import { FilterChain } from '../../../../../utils/functions/walletFilters/index.js';
 import { useInternalFundWithWallet } from '../../../../../utils/hooks/useFundWithWallet/useFundWithWallet.js';
@@ -99,7 +100,6 @@ import '../../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';
 import '../../../../DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
 import '../../../../../context/ErrorContext/hooks/useErrorText/useErrorText.js';
-import '../../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../../../../../store/state/connectorsInitializing/connectorsInitializing.js';
 import '../../../../../store/state/tokenBalances.js';
 import '../../../../../store/state/multichainBalances.js';

package/src/lib/widgets/DynamicWidget/views/ChooseWalletFundingMethod/useFundingMethods/useStartExchangeFunding/useStartExchangeFunding.cjs

@@ -94,7 +94,7 @@ require('../../../../../../store/state/connectorsInitializing/connectorsInitiali
 require('../../../../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.cjs');
 require('../../../../components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('../../../../../../views/TransactionConfirmationView/TransactionConfirmationView.cjs');
-require('../../../ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
+require('../../../../components/PasskeyCard/PasskeyCard.cjs');
 require('../../../ReceiveWalletFunds/ReceiveWalletFunds.cjs');
 require('../../../../../../../index.cjs');
 require('../../../../../../store/state/tokenBalances.cjs');

package/src/lib/widgets/DynamicWidget/views/ChooseWalletFundingMethod/useFundingMethods/useStartExchangeFunding/useStartExchangeFunding.js

@@ -90,7 +90,7 @@ import '../../../../../../store/state/connectorsInitializing/connectorsInitializ
 import '../../../../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.js';
 import '../../../../components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../../../../../../views/TransactionConfirmationView/TransactionConfirmationView.js';
-import '../../../ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
+import '../../../../components/PasskeyCard/PasskeyCard.js';
 import '../../../ReceiveWalletFunds/ReceiveWalletFunds.js';
 import '../../../../../../../index.js';
 import '../../../../../../store/state/tokenBalances.js';

package/src/lib/widgets/DynamicWidget/views/ConfirmExchangeTransferView/ConfirmExchangeTransferView.cjs

@@ -86,8 +86,9 @@ require('../../../../store/state/sendBalances.cjs');
 require('../../../../components/Input/Input.cjs');
 require('../../../../components/OverlayCard/OverlayCard.cjs');
 require('../../../../views/TransactionConfirmationView/TransactionConfirmationView.cjs');
+require('../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../../../../context/PasskeyContext/PasskeyContext.cjs');
-require('../ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
+require('../../components/PasskeyCard/PasskeyCard.cjs');
 require('../../../../context/OnrampContext/OnrampContext.cjs');
 require('../../helpers/convertExchangeKeyAndProviderEnum.cjs');
 require('qrcode');
@@ -98,7 +99,6 @@ require('../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');
 require('../../../DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
 require('../../../../context/ErrorContext/hooks/useErrorText/useErrorText.cjs');
-require('../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../../../../store/state/connectorsInitializing/connectorsInitializing.cjs');
 require('../../../../store/state/tokenBalances.cjs');
 require('../../../../store/state/multichainBalances.cjs');

package/src/lib/widgets/DynamicWidget/views/ConfirmExchangeTransferView/ConfirmExchangeTransferView.js

@@ -82,8 +82,9 @@ import '../../../../store/state/sendBalances.js';
 import '../../../../components/Input/Input.js';
 import '../../../../components/OverlayCard/OverlayCard.js';
 import '../../../../views/TransactionConfirmationView/TransactionConfirmationView.js';
+import '../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../../../../context/PasskeyContext/PasskeyContext.js';
-import '../ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
+import '../../components/PasskeyCard/PasskeyCard.js';
 import '../../../../context/OnrampContext/OnrampContext.js';
 import '../../helpers/convertExchangeKeyAndProviderEnum.js';
 import 'qrcode';
@@ -94,7 +95,6 @@ import '../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';
 import '../../../DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
 import '../../../../context/ErrorContext/hooks/useErrorText/useErrorText.js';
-import '../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../../../../store/state/connectorsInitializing/connectorsInitializing.js';
 import '../../../../store/state/tokenBalances.js';
 import '../../../../store/state/multichainBalances.js';