@dynamic-labs/sdk-react-core 4.25.2 → 4.25.4

package/src/lib/views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.cjs

@@ -96,8 +96,10 @@ require('../../../../context/IpConfigurationContext/IpConfigurationContext.cjs')
 require('../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');
 require('../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
+require('../../../ExchangeWhitelistWarning/ExchangeWhitelistWarning.cjs');
 require('../../../../context/ErrorContext/hooks/useErrorText/useErrorText.cjs');
 var useSubmitPhoneNumber = require('./useSubmitPhoneNumber/useSubmitPhoneNumber.cjs');
+require('../../../MfaChooseDeviceView/getMfaOptions/getMfaOptions.cjs');
 require('../../../../store/state/connectorsInitializing/connectorsInitializing.cjs');
 require('../../../../store/state/tokenBalances.cjs');
 require('../../../../store/state/multichainBalances.cjs');

package/src/lib/views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.js

@@ -92,8 +92,10 @@ import '../../../../context/IpConfigurationContext/IpConfigurationContext.js';
 import '../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';
 import '../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
+import '../../../ExchangeWhitelistWarning/ExchangeWhitelistWarning.js';
 import '../../../../context/ErrorContext/hooks/useErrorText/useErrorText.js';
 import { useSubmitPhoneNumber } from './useSubmitPhoneNumber/useSubmitPhoneNumber.js';
+import '../../../MfaChooseDeviceView/getMfaOptions/getMfaOptions.js';
 import '../../../../store/state/connectorsInitializing/connectorsInitializing.js';
 import '../../../../store/state/tokenBalances.js';
 import '../../../../store/state/multichainBalances.js';

package/src/lib/views/LoginView/sections/PhoneNumberSignInSection/useSubmitPhoneNumber/useSubmitPhoneNumber.cjs

@@ -83,12 +83,14 @@ require('../../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs'
 require('../../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
 require('../../../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
-require('../../../../../context/FooterAnimationContext/index.cjs');
+require('../../../../../widgets/DynamicWidget/helpers/convertExchangeKeyAndProviderEnum.cjs');
+require('../../../../ExchangeWhitelistWarning/ExchangeWhitelistWarning.cjs');
 require('../../../../../context/ErrorContext/hooks/useErrorText/useErrorText.cjs');
+require('../../../../../context/FooterAnimationContext/index.cjs');
 require('../../../../../locale/locale.cjs');
 var translation = require('../../../../../locale/en/translation.cjs');
+require('../../../../MfaChooseDeviceView/getMfaOptions/getMfaOptions.cjs');
 require('../../../../../context/PasskeyContext/PasskeyContext.cjs');
-require('../../../../../widgets/DynamicWidget/helpers/convertExchangeKeyAndProviderEnum.cjs');
 require('../../../../../store/state/sendBalances.cjs');
 require('../../../../../store/state/connectorsInitializing/connectorsInitializing.cjs');
 require('../../../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.cjs');

package/src/lib/views/LoginView/sections/PhoneNumberSignInSection/useSubmitPhoneNumber/useSubmitPhoneNumber.js

@@ -79,12 +79,14 @@ import '../../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';
 import '../../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
 import '../../../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
-import '../../../../../context/FooterAnimationContext/index.js';
+import '../../../../../widgets/DynamicWidget/helpers/convertExchangeKeyAndProviderEnum.js';
+import '../../../../ExchangeWhitelistWarning/ExchangeWhitelistWarning.js';
 import '../../../../../context/ErrorContext/hooks/useErrorText/useErrorText.js';
+import '../../../../../context/FooterAnimationContext/index.js';
 import '../../../../../locale/locale.js';
 import { translation } from '../../../../../locale/en/translation.js';
+import '../../../../MfaChooseDeviceView/getMfaOptions/getMfaOptions.js';
 import '../../../../../context/PasskeyContext/PasskeyContext.js';
-import '../../../../../widgets/DynamicWidget/helpers/convertExchangeKeyAndProviderEnum.js';
 import '../../../../../store/state/sendBalances.js';
 import '../../../../../store/state/connectorsInitializing/connectorsInitializing.js';
 import '../../../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.js';

package/src/lib/views/LoginView/sections/SocialSignInSection/DynamicSocialSignIn/DynamicSocialSignIn.cjs

@@ -92,7 +92,9 @@ require('../../../../../context/IpConfigurationContext/IpConfigurationContext.cj
 require('../../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');
 require('../../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
+require('../../../../ExchangeWhitelistWarning/ExchangeWhitelistWarning.cjs');
 require('../../../../../context/ErrorContext/hooks/useErrorText/useErrorText.cjs');
+require('../../../../MfaChooseDeviceView/getMfaOptions/getMfaOptions.cjs');
 require('../../../../../store/state/connectorsInitializing/connectorsInitializing.cjs');
 require('../../../../../store/state/tokenBalances.cjs');
 require('../../../../../store/state/multichainBalances.cjs');

package/src/lib/views/LoginView/sections/SocialSignInSection/DynamicSocialSignIn/DynamicSocialSignIn.js

@@ -88,7 +88,9 @@ import '../../../../../context/IpConfigurationContext/IpConfigurationContext.js'
 import '../../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';
 import '../../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
+import '../../../../ExchangeWhitelistWarning/ExchangeWhitelistWarning.js';
 import '../../../../../context/ErrorContext/hooks/useErrorText/useErrorText.js';
+import '../../../../MfaChooseDeviceView/getMfaOptions/getMfaOptions.js';
 import '../../../../../store/state/connectorsInitializing/connectorsInitializing.js';
 import '../../../../../store/state/tokenBalances.js';
 import '../../../../../store/state/multichainBalances.js';

package/src/lib/views/LoginView/sections/SocialSignInSection/MagicSocialSignIn/MagicSocialSignIn.cjs

@@ -91,7 +91,9 @@ require('../../../../../context/IpConfigurationContext/IpConfigurationContext.cj
 require('../../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');
 require('../../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
+require('../../../../ExchangeWhitelistWarning/ExchangeWhitelistWarning.cjs');
 require('../../../../../context/ErrorContext/hooks/useErrorText/useErrorText.cjs');
+require('../../../../MfaChooseDeviceView/getMfaOptions/getMfaOptions.cjs');
 require('../../../../../store/state/connectorsInitializing/connectorsInitializing.cjs');
 require('../../../../../store/state/tokenBalances.cjs');
 require('../../../../../store/state/multichainBalances.cjs');

package/src/lib/views/LoginView/sections/SocialSignInSection/MagicSocialSignIn/MagicSocialSignIn.js

@@ -87,7 +87,9 @@ import '../../../../../context/IpConfigurationContext/IpConfigurationContext.js'
 import '../../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';
 import '../../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
+import '../../../../ExchangeWhitelistWarning/ExchangeWhitelistWarning.js';
 import '../../../../../context/ErrorContext/hooks/useErrorText/useErrorText.js';
+import '../../../../MfaChooseDeviceView/getMfaOptions/getMfaOptions.js';
 import '../../../../../store/state/connectorsInitializing/connectorsInitializing.js';
 import '../../../../../store/state/tokenBalances.js';
 import '../../../../../store/state/multichainBalances.js';

package/src/lib/views/LoginView/sections/SocialSignInSection/SocialSignInSection.cjs

@@ -84,12 +84,14 @@ require('../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');
 require('../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
 require('../../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
-require('../../../../context/FooterAnimationContext/index.cjs');
+require('../../../../widgets/DynamicWidget/helpers/convertExchangeKeyAndProviderEnum.cjs');
+require('../../../ExchangeWhitelistWarning/ExchangeWhitelistWarning.cjs');
 require('../../../../context/ErrorContext/hooks/useErrorText/useErrorText.cjs');
+require('../../../../context/FooterAnimationContext/index.cjs');
 var MagicSocialSignIn = require('./MagicSocialSignIn/MagicSocialSignIn.cjs');
 var DynamicSocialSignIn = require('./DynamicSocialSignIn/DynamicSocialSignIn.cjs');
+require('../../../MfaChooseDeviceView/getMfaOptions/getMfaOptions.cjs');
 require('../../../../context/PasskeyContext/PasskeyContext.cjs');
-require('../../../../widgets/DynamicWidget/helpers/convertExchangeKeyAndProviderEnum.cjs');
 require('../../../../store/state/sendBalances.cjs');
 require('../../../../store/state/connectorsInitializing/connectorsInitializing.cjs');
 require('../../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.cjs');

package/src/lib/views/LoginView/sections/SocialSignInSection/SocialSignInSection.js

@@ -80,12 +80,14 @@ import '../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';
 import '../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
 import '../../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
-import '../../../../context/FooterAnimationContext/index.js';
+import '../../../../widgets/DynamicWidget/helpers/convertExchangeKeyAndProviderEnum.js';
+import '../../../ExchangeWhitelistWarning/ExchangeWhitelistWarning.js';
 import '../../../../context/ErrorContext/hooks/useErrorText/useErrorText.js';
+import '../../../../context/FooterAnimationContext/index.js';
 import { MagicSocialSignIn } from './MagicSocialSignIn/MagicSocialSignIn.js';
 import { DynamicSocialSignIn } from './DynamicSocialSignIn/DynamicSocialSignIn.js';
+import '../../../MfaChooseDeviceView/getMfaOptions/getMfaOptions.js';
 import '../../../../context/PasskeyContext/PasskeyContext.js';
-import '../../../../widgets/DynamicWidget/helpers/convertExchangeKeyAndProviderEnum.js';
 import '../../../../store/state/sendBalances.js';
 import '../../../../store/state/connectorsInitializing/connectorsInitializing.js';
 import '../../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.js';

package/src/lib/views/LoginView/sections/ToggleableSection/ToggleableSection.cjs

@@ -90,7 +90,9 @@ require('../../../../context/IpConfigurationContext/IpConfigurationContext.cjs')
 require('../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');
 require('../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
+require('../../../ExchangeWhitelistWarning/ExchangeWhitelistWarning.cjs');
 require('../../../../context/ErrorContext/hooks/useErrorText/useErrorText.cjs');
+require('../../../MfaChooseDeviceView/getMfaOptions/getMfaOptions.cjs');
 require('../../../../store/state/connectorsInitializing/connectorsInitializing.cjs');
 require('../../../../store/state/tokenBalances.cjs');
 require('../../../../store/state/multichainBalances.cjs');

package/src/lib/views/LoginView/sections/ToggleableSection/ToggleableSection.js

@@ -86,7 +86,9 @@ import '../../../../context/IpConfigurationContext/IpConfigurationContext.js';
 import '../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';
 import '../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
+import '../../../ExchangeWhitelistWarning/ExchangeWhitelistWarning.js';
 import '../../../../context/ErrorContext/hooks/useErrorText/useErrorText.js';
+import '../../../MfaChooseDeviceView/getMfaOptions/getMfaOptions.js';
 import '../../../../store/state/connectorsInitializing/connectorsInitializing.js';
 import '../../../../store/state/tokenBalances.js';
 import '../../../../store/state/multichainBalances.js';

package/src/lib/views/LoginView/sections/WalletSignInSection/ListItemButton/ListItemButton.cjs

@@ -94,7 +94,9 @@ require('../../../../../context/IpConfigurationContext/IpConfigurationContext.cj
 require('../../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');
 require('../../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
+require('../../../../ExchangeWhitelistWarning/ExchangeWhitelistWarning.cjs');
 require('../../../../../context/ErrorContext/hooks/useErrorText/useErrorText.cjs');
+require('../../../../MfaChooseDeviceView/getMfaOptions/getMfaOptions.cjs');
 require('../../../../../store/state/connectorsInitializing/connectorsInitializing.cjs');
 require('../../../../../store/state/tokenBalances.cjs');
 require('../../../../../store/state/multichainBalances.cjs');

package/src/lib/views/LoginView/sections/WalletSignInSection/ListItemButton/ListItemButton.js

@@ -90,7 +90,9 @@ import '../../../../../context/IpConfigurationContext/IpConfigurationContext.js'
 import '../../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';
 import '../../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
+import '../../../../ExchangeWhitelistWarning/ExchangeWhitelistWarning.js';
 import '../../../../../context/ErrorContext/hooks/useErrorText/useErrorText.js';
+import '../../../../MfaChooseDeviceView/getMfaOptions/getMfaOptions.js';
 import '../../../../../store/state/connectorsInitializing/connectorsInitializing.js';
 import '../../../../../store/state/tokenBalances.js';
 import '../../../../../store/state/multichainBalances.js';

package/src/lib/views/LoginView/sections/WalletSignInSection/WalletSignInSection.cjs

@@ -90,8 +90,10 @@ require('../../../../context/IpConfigurationContext/IpConfigurationContext.cjs')
 require('../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');
 require('../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
+require('../../../ExchangeWhitelistWarning/ExchangeWhitelistWarning.cjs');
 require('../../../../context/ErrorContext/hooks/useErrorText/useErrorText.cjs');
 var WalletSimpleSignIn = require('./WalletSimpleSignIn/WalletSimpleSignIn.cjs');
+require('../../../MfaChooseDeviceView/getMfaOptions/getMfaOptions.cjs');
 require('../../../../store/state/connectorsInitializing/connectorsInitializing.cjs');
 require('../../../../store/state/tokenBalances.cjs');
 require('../../../../store/state/multichainBalances.cjs');

package/src/lib/views/LoginView/sections/WalletSignInSection/WalletSignInSection.js

@@ -86,8 +86,10 @@ import '../../../../context/IpConfigurationContext/IpConfigurationContext.js';
 import '../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';
 import '../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
+import '../../../ExchangeWhitelistWarning/ExchangeWhitelistWarning.js';
 import '../../../../context/ErrorContext/hooks/useErrorText/useErrorText.js';
 import { WalletSimpleSignIn } from './WalletSimpleSignIn/WalletSimpleSignIn.js';
+import '../../../MfaChooseDeviceView/getMfaOptions/getMfaOptions.js';
 import '../../../../store/state/connectorsInitializing/connectorsInitializing.js';
 import '../../../../store/state/tokenBalances.js';
 import '../../../../store/state/multichainBalances.js';

package/src/lib/views/LoginView/sections/WalletSignInSection/WalletSimpleSignIn/WalletSimpleSignIn.cjs

@@ -86,12 +86,14 @@ require('../../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs'
 require('../../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
 require('../../../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
-require('../../../../../context/FooterAnimationContext/index.cjs');
+require('../../../../../widgets/DynamicWidget/helpers/convertExchangeKeyAndProviderEnum.cjs');
+require('../../../../ExchangeWhitelistWarning/ExchangeWhitelistWarning.cjs');
 require('../../../../../context/ErrorContext/hooks/useErrorText/useErrorText.cjs');
+require('../../../../../context/FooterAnimationContext/index.cjs');
 var ListItemButton = require('../ListItemButton/ListItemButton.cjs');
+require('../../../../MfaChooseDeviceView/getMfaOptions/getMfaOptions.cjs');
 require('../../../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../../../../context/WalletGroupContext/WalletGroupContext.cjs');
-require('../../../../../widgets/DynamicWidget/helpers/convertExchangeKeyAndProviderEnum.cjs');
 require('../../../../../store/state/sendBalances.cjs');
 require('../../../../../store/state/connectorsInitializing/connectorsInitializing.cjs');
 require('../../../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.cjs');

package/src/lib/views/LoginView/sections/WalletSignInSection/WalletSimpleSignIn/WalletSimpleSignIn.js

@@ -82,12 +82,14 @@ import '../../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';
 import '../../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
 import '../../../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
-import '../../../../../context/FooterAnimationContext/index.js';
+import '../../../../../widgets/DynamicWidget/helpers/convertExchangeKeyAndProviderEnum.js';
+import '../../../../ExchangeWhitelistWarning/ExchangeWhitelistWarning.js';
 import '../../../../../context/ErrorContext/hooks/useErrorText/useErrorText.js';
+import '../../../../../context/FooterAnimationContext/index.js';
 import { ListItemButton } from '../ListItemButton/ListItemButton.js';
+import '../../../../MfaChooseDeviceView/getMfaOptions/getMfaOptions.js';
 import '../../../../../context/PasskeyContext/PasskeyContext.js';
 import '../../../../../context/WalletGroupContext/WalletGroupContext.js';
-import '../../../../../widgets/DynamicWidget/helpers/convertExchangeKeyAndProviderEnum.js';
 import '../../../../../store/state/sendBalances.js';
 import '../../../../../store/state/connectorsInitializing/connectorsInitializing.js';
 import '../../../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.js';

package/src/lib/views/LoginView/sections/index.d.ts

@@ -1,5 +1,6 @@
 export * from './EmailSignInSection';
 export * from './LoginWidget';
+export * from './PasskeySignInSection';
 export * from './PhoneNumberSignInSection';
 export * from './SocialSignInSection';
 export * from './ToggleableSection';

package/src/lib/views/LoginView/useLoginView/getLoginViewStructure/getLoginViewStructure.cjs

@@ -18,7 +18,7 @@ const getSimpleSection = (type) => ({ type });
 /**
  * Defines in which order each section shows, and under which conditions
  */
-const getLoginViewStructure = ({ socialAboveEmail, showWallets, web3Layout, numOfWalletsToDisplay, showEmail, showPhone, showSocial, splitEmailAndSocial, defaultSocialItem, }) => {
+const getLoginViewStructure = ({ socialAboveEmail, showWallets, web3Layout, numOfWalletsToDisplay, showEmail, showPhone, showSocial, showPasskey, splitEmailAndSocial, defaultSocialItem, }) => {
     const joinEmailAndSocial = !splitEmailAndSocial && (showEmail || showPhone);
     const defaultSocial = splitEmailAndSocial ? defaultSocialItem : undefined;
     return [
@@ -52,6 +52,11 @@ const getLoginViewStructure = ({ socialAboveEmail, showWallets, web3Layout, numO
             hideSeparator: joinEmailAndSocial ? 'above' : undefined,
             section: getSocialsSection(5, defaultSocial),
         },
+        // Passkey
+        {
+            condition: showPasskey,
+            section: getSimpleSection(sdkApiCore.SdkViewSectionType.Passkey),
+        },
         // Web 2 layout wallets
         {
             condition: showWallets && !web3Layout,

package/src/lib/views/LoginView/useLoginView/getLoginViewStructure/getLoginViewStructure.d.ts

@@ -21,8 +21,10 @@ export type LoginViewStructureParams = {
     numOfWalletsToDisplay: number;
     /** The default item to sue for social */
     defaultSocialItem: SocialSignInProviderEnum;
+    /** Whether to show the passkey section */
+    showPasskey: boolean;
 };
 /**
  * Defines in which order each section shows, and under which conditions
  */
-export declare const getLoginViewStructure: ({ socialAboveEmail, showWallets, web3Layout, numOfWalletsToDisplay, showEmail, showPhone, showSocial, splitEmailAndSocial, defaultSocialItem, }: LoginViewStructureParams) => SectionRecipe[];
+export declare const getLoginViewStructure: ({ socialAboveEmail, showWallets, web3Layout, numOfWalletsToDisplay, showEmail, showPhone, showSocial, showPasskey, splitEmailAndSocial, defaultSocialItem, }: LoginViewStructureParams) => SectionRecipe[];

package/src/lib/views/LoginView/useLoginView/getLoginViewStructure/getLoginViewStructure.js

@@ -14,7 +14,7 @@ const getSimpleSection = (type) => ({ type });
 /**
  * Defines in which order each section shows, and under which conditions
  */
-const getLoginViewStructure = ({ socialAboveEmail, showWallets, web3Layout, numOfWalletsToDisplay, showEmail, showPhone, showSocial, splitEmailAndSocial, defaultSocialItem, }) => {
+const getLoginViewStructure = ({ socialAboveEmail, showWallets, web3Layout, numOfWalletsToDisplay, showEmail, showPhone, showSocial, showPasskey, splitEmailAndSocial, defaultSocialItem, }) => {
     const joinEmailAndSocial = !splitEmailAndSocial && (showEmail || showPhone);
     const defaultSocial = splitEmailAndSocial ? defaultSocialItem : undefined;
     return [
@@ -48,6 +48,11 @@ const getLoginViewStructure = ({ socialAboveEmail, showWallets, web3Layout, numO
             hideSeparator: joinEmailAndSocial ? 'above' : undefined,
             section: getSocialsSection(5, defaultSocial),
         },
+        // Passkey
+        {
+            condition: showPasskey,
+            section: getSimpleSection(SdkViewSectionType.Passkey),
+        },
         // Web 2 layout wallets
         {
             condition: showWallets && !web3Layout,

package/src/lib/views/LoginView/useLoginView/useLoginView.cjs

@@ -36,6 +36,7 @@ require('../../../locale/locale.cjs');
 require('../../../store/state/dynamicContextProps/dynamicContextProps.cjs');
 require('../../../store/state/primaryWalletId/primaryWalletId.cjs');
 require('../../../store/state/connectedWalletsInfo/connectedWalletsInfo.cjs');
+var isPasskeyProviderEnabled = require('../../../utils/functions/isPasskeyProviderEnabled/isPasskeyProviderEnabled.cjs');
 require('../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('../../../context/UserWalletsContext/UserWalletsContext.cjs');
@@ -85,11 +86,13 @@ require('../../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');
 require('../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
 require('../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
-require('../../../context/FooterAnimationContext/index.cjs');
+require('../../../widgets/DynamicWidget/helpers/convertExchangeKeyAndProviderEnum.cjs');
+require('../../ExchangeWhitelistWarning/ExchangeWhitelistWarning.cjs');
 require('../../../context/ErrorContext/hooks/useErrorText/useErrorText.cjs');
+require('../../../context/FooterAnimationContext/index.cjs');
 var getLoginViewStructure = require('./getLoginViewStructure/getLoginViewStructure.cjs');
+require('../../MfaChooseDeviceView/getMfaOptions/getMfaOptions.cjs');
 require('../../../context/PasskeyContext/PasskeyContext.cjs');
-require('../../../widgets/DynamicWidget/helpers/convertExchangeKeyAndProviderEnum.cjs');
 require('../../../store/state/sendBalances.cjs');
 require('../../../store/state/connectorsInitializing/connectorsInitializing.cjs');
 require('../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.cjs');
@@ -118,6 +121,7 @@ const useLoginView = () => {
     const hasSocialProvidersEnabled = Boolean(enabledSocialProviders === null || enabledSocialProviders === void 0 ? void 0 : enabledSocialProviders.length);
     const hasEmailProviderEnabled = isEmailProviderEnabled.isEmailProviderEnabled(projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.providers);
     const hasPhoneProviderEnabled = isPhoneNumberProviderEnabled.isPhoneNumberProviderEnabled(projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.providers);
+    const hasPasskeyProviderEnabled = isPasskeyProviderEnabled.isPasskeyProviderEnabled(projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.providers);
     const isWalletOnly = React.useMemo(() => {
         var _a;
         if (!projectSettings) {
@@ -181,6 +185,7 @@ const useLoginView = () => {
                 ? 0
                 : NUMBER_OF_WALLETS,
             showEmail: hasEmailProviderEnabled,
+            showPasskey: hasPasskeyProviderEnabled,
             showPhone: hasPhoneProviderEnabled,
             showSocial: Boolean(enabledSocialProviders === null || enabledSocialProviders === void 0 ? void 0 : enabledSocialProviders.length),
             // is email only is set in the project settings when the "Email (Web2) only" is toggled on in the dashboard

package/src/lib/views/LoginView/useLoginView/useLoginView.js

@@ -32,6 +32,7 @@ import '../../../locale/locale.js';
 import '../../../store/state/dynamicContextProps/dynamicContextProps.js';
 import '../../../store/state/primaryWalletId/primaryWalletId.js';
 import '../../../store/state/connectedWalletsInfo/connectedWalletsInfo.js';
+import { isPasskeyProviderEnabled } from '../../../utils/functions/isPasskeyProviderEnabled/isPasskeyProviderEnabled.js';
 import '../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../../context/UserWalletsContext/UserWalletsContext.js';
@@ -81,11 +82,13 @@ import '../../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';
 import '../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
 import '../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
-import '../../../context/FooterAnimationContext/index.js';
+import '../../../widgets/DynamicWidget/helpers/convertExchangeKeyAndProviderEnum.js';
+import '../../ExchangeWhitelistWarning/ExchangeWhitelistWarning.js';
 import '../../../context/ErrorContext/hooks/useErrorText/useErrorText.js';
+import '../../../context/FooterAnimationContext/index.js';
 import { getLoginViewStructure } from './getLoginViewStructure/getLoginViewStructure.js';
+import '../../MfaChooseDeviceView/getMfaOptions/getMfaOptions.js';
 import '../../../context/PasskeyContext/PasskeyContext.js';
-import '../../../widgets/DynamicWidget/helpers/convertExchangeKeyAndProviderEnum.js';
 import '../../../store/state/sendBalances.js';
 import '../../../store/state/connectorsInitializing/connectorsInitializing.js';
 import '../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.js';
@@ -114,6 +117,7 @@ const useLoginView = () => {
     const hasSocialProvidersEnabled = Boolean(enabledSocialProviders === null || enabledSocialProviders === void 0 ? void 0 : enabledSocialProviders.length);
     const hasEmailProviderEnabled = isEmailProviderEnabled(projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.providers);
     const hasPhoneProviderEnabled = isPhoneNumberProviderEnabled(projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.providers);
+    const hasPasskeyProviderEnabled = isPasskeyProviderEnabled(projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.providers);
     const isWalletOnly = useMemo(() => {
         var _a;
         if (!projectSettings) {
@@ -177,6 +181,7 @@ const useLoginView = () => {
                 ? 0
                 : NUMBER_OF_WALLETS,
             showEmail: hasEmailProviderEnabled,
+            showPasskey: hasPasskeyProviderEnabled,
             showPhone: hasPhoneProviderEnabled,
             showSocial: Boolean(enabledSocialProviders === null || enabledSocialProviders === void 0 ? void 0 : enabledSocialProviders.length),
             // is email only is set in the project settings when the "Email (Web2) only" is toggled on in the dashboard

package/src/lib/views/MergeUserAccountsConflictsView/MergeUserAccountsConflictsView.cjs

@@ -92,7 +92,9 @@ require('../../context/IpConfigurationContext/IpConfigurationContext.cjs');
 require('../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');
 require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
+require('../ExchangeWhitelistWarning/ExchangeWhitelistWarning.cjs');
 require('../../context/ErrorContext/hooks/useErrorText/useErrorText.cjs');
+require('../MfaChooseDeviceView/getMfaOptions/getMfaOptions.cjs');
 require('../../store/state/connectorsInitializing/connectorsInitializing.cjs');
 var useMergeUserAccounts = require('../../utils/hooks/useMergeUserAccounts/useMergeUserAccounts.cjs');
 require('../../store/state/tokenBalances.cjs');

package/src/lib/views/MergeUserAccountsConflictsView/MergeUserAccountsConflictsView.js

@@ -88,7 +88,9 @@ import '../../context/IpConfigurationContext/IpConfigurationContext.js';
 import '../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';
 import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
+import '../ExchangeWhitelistWarning/ExchangeWhitelistWarning.js';
 import '../../context/ErrorContext/hooks/useErrorText/useErrorText.js';
+import '../MfaChooseDeviceView/getMfaOptions/getMfaOptions.js';
 import '../../store/state/connectorsInitializing/connectorsInitializing.js';
 import { useMergeUserAccounts } from '../../utils/hooks/useMergeUserAccounts/useMergeUserAccounts.js';
 import '../../store/state/tokenBalances.js';

package/src/lib/views/MergeUserAccountsView/MergeUserAccountsView.cjs

@@ -84,10 +84,12 @@ require('../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');
 require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
-require('../../context/FooterAnimationContext/index.cjs');
+require('../../widgets/DynamicWidget/helpers/convertExchangeKeyAndProviderEnum.cjs');
+require('../ExchangeWhitelistWarning/ExchangeWhitelistWarning.cjs');
 require('../../context/ErrorContext/hooks/useErrorText/useErrorText.cjs');
+require('../../context/FooterAnimationContext/index.cjs');
+require('../MfaChooseDeviceView/getMfaOptions/getMfaOptions.cjs');
 require('../../context/PasskeyContext/PasskeyContext.cjs');
-require('../../widgets/DynamicWidget/helpers/convertExchangeKeyAndProviderEnum.cjs');
 require('../../store/state/sendBalances.cjs');
 require('../../store/state/connectorsInitializing/connectorsInitializing.cjs');
 require('../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.cjs');

package/src/lib/views/MergeUserAccountsView/MergeUserAccountsView.js

@@ -80,10 +80,12 @@ import '../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';
 import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
-import '../../context/FooterAnimationContext/index.js';
+import '../../widgets/DynamicWidget/helpers/convertExchangeKeyAndProviderEnum.js';
+import '../ExchangeWhitelistWarning/ExchangeWhitelistWarning.js';
 import '../../context/ErrorContext/hooks/useErrorText/useErrorText.js';
+import '../../context/FooterAnimationContext/index.js';
+import '../MfaChooseDeviceView/getMfaOptions/getMfaOptions.js';
 import '../../context/PasskeyContext/PasskeyContext.js';
-import '../../widgets/DynamicWidget/helpers/convertExchangeKeyAndProviderEnum.js';
 import '../../store/state/sendBalances.js';
 import '../../store/state/connectorsInitializing/connectorsInitializing.js';
 import '../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.js';

package/src/lib/views/MergeUserAccountsWithSameEmailView/MergeUserAccountsWithSameEmailView.cjs

@@ -98,7 +98,9 @@ require('../../context/IpConfigurationContext/IpConfigurationContext.cjs');
 require('../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');
 require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
+require('../ExchangeWhitelistWarning/ExchangeWhitelistWarning.cjs');
 require('../../context/ErrorContext/hooks/useErrorText/useErrorText.cjs');
+require('../MfaChooseDeviceView/getMfaOptions/getMfaOptions.cjs');
 require('../../store/state/connectorsInitializing/connectorsInitializing.cjs');
 require('../../store/state/tokenBalances.cjs');
 require('../../store/state/multichainBalances.cjs');

package/src/lib/views/MergeUserAccountsWithSameEmailView/MergeUserAccountsWithSameEmailView.js

@@ -94,7 +94,9 @@ import '../../context/IpConfigurationContext/IpConfigurationContext.js';
 import '../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';
 import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
+import '../ExchangeWhitelistWarning/ExchangeWhitelistWarning.js';
 import '../../context/ErrorContext/hooks/useErrorText/useErrorText.js';
+import '../MfaChooseDeviceView/getMfaOptions/getMfaOptions.js';
 import '../../store/state/connectorsInitializing/connectorsInitializing.js';
 import '../../store/state/tokenBalances.js';
 import '../../store/state/multichainBalances.js';

package/src/lib/views/MfaChooseDeviceView/MfaChooseDeviceView.cjs

@@ -5,6 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
 var reactI18next = require('react-i18next');
+var sdkApiCore = require('@dynamic-labs/sdk-api-core');
 require('react');
 var secureAccount = require('../../assets/secure-account.cjs');
 require('@dynamic-labs/utils');
@@ -21,8 +22,7 @@ require('../../context/DynamicContext/DynamicContext.cjs');
 require('@dynamic-labs/wallet-connector-core');
 require('../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../context/ErrorContext/ErrorContext.cjs');
-require('@dynamic-labs/sdk-api-core');
-require('../../shared/logger.cjs');
+var logger = require('../../shared/logger.cjs');
 require('@dynamic-labs/wallet-book');
 require('../../utils/constants/colors.cjs');
 require('../../utils/constants/values.cjs');
@@ -96,6 +96,7 @@ require('../../context/IpConfigurationContext/IpConfigurationContext.cjs');
 require('../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');
 require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
+require('../ExchangeWhitelistWarning/ExchangeWhitelistWarning.cjs');
 require('../../context/ErrorContext/hooks/useErrorText/useErrorText.cjs');
 var getMfaOptions = require('./getMfaOptions/getMfaOptions.cjs');
 require('../../store/state/connectorsInitializing/connectorsInitializing.cjs');
@@ -112,24 +113,43 @@ const MfaChooseDeviceView = ({ isInitialSetup = true, }) => {
     const { t } = reactI18next.useTranslation();
     const { pushView } = ViewContext.useViewContext();
     const mfaOptions = getMfaOptions.getMfaOptions(isInitialSetup);
-    const handleClick = (option) => {
-        if (option.type === 'backupCode') {
-            pushView('mfa-recovery');
+    const handlePasskeyClick = () => {
+        if (isInitialSetup) {
+            pushView('passkey-setup');
             return;
         }
+        pushView('passkey-confirm');
+    };
+    const handleTotpClick = () => {
         if (isInitialSetup) {
             pushView('mfa-secure-device', {
                 isInitialSetup: true,
-                type: option.type,
+                type: sdkApiCore.MFADeviceType.Totp,
             });
             return;
         }
         pushView('mfa-verification', {
             isInitialSetup,
             showBackButton: true,
-            type: option.type,
+            type: sdkApiCore.MFADeviceType.Totp,
         });
     };
+    const handleClick = (option) => {
+        switch (option.type) {
+            case 'backupCode':
+                pushView('mfa-recovery');
+                break;
+            case sdkApiCore.MFADeviceType.Passkey:
+                handlePasskeyClick();
+                break;
+            case sdkApiCore.MFADeviceType.Totp:
+                handleTotpClick();
+                break;
+            default:
+                logger.logger.error(`No handler found for selected MFA option: ${option.type}`);
+                break;
+        }
+    };
     return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(ModalHeader.ModalHeader, { alignContent: 'bottom', children: jsxRuntime.jsx("div", { className: 'otp-verification-view__status-header', children: jsxRuntime.jsx(Typography.Typography, { weight: 'medium', variant: 'title', color: 'primary', className: 'otp-verification-view__title', children: isInitialSetup
                             ? t('dyn_mfa.choose_device_view.title')
                             : t('dyn_mfa.choose_device_view.choose_another_method') }) }) }), jsxRuntime.jsxs("div", { className: 'mfa-choose-device-view__body', "data-testid": 'mfa-choose-device-view', children: [jsxRuntime.jsx(secureAccount.ReactComponent, {}), jsxRuntime.jsx(Typography.Typography, { className: 'mfa-choose-device-view__copy', variant: 'body_normal', weight: 'regular', color: 'secondary', children: isInitialSetup