@dynamic-labs/sdk-react-core 0.19.0-alpha.8 → 0.19.0-alpha.9

package/src/lib/layout/DynamicAuthLayout/HelpContent/HelpHeader/HelpHeader.cjs

@@ -17,8 +17,9 @@ require('../../../../utils/constants/colors.cjs');
 require('../../../../shared/utils/classes/storage/localStorage.cjs');
 require('ethers');
 require('../../../../shared/consts/index.cjs');
-require('../../../../context/DynamicContext/DynamicContext.cjs');
+var useInternalDynamicContext = require('../../../../context/DynamicContext/useInternalDynamicContext.cjs');
 require('@dynamic-labs/multi-wallet');
+require('../../../../config/ApiEndpoint.cjs');
 require('../../../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../../../context/ThemeContext/ThemeContext.cjs');
 require('react-dom');
@@ -26,7 +27,6 @@ require('react-focus-lock');
 require('../../../../components/Transition/ZoomTransition/ZoomTransition.cjs');
 require('../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../../../../components/Transition/OpacityTransition/OpacityTransition.cjs');
-require('../../../../config/ApiEndpoint.cjs');
 require('@dynamic-labs/rpc-providers');
 require('../../../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs');
 require('../../../../context/ErrorContext/ErrorContext.cjs');
@@ -53,9 +53,10 @@ var index = require('../../../../context/FooterAnimationContext/index.cjs');
 var useDynamicLayoutData = require('../../../../utils/hooks/useDynamicLayoutData/useDynamicLayoutData.cjs');
 
 const HelpHeader = () => {
+    const { authMode } = useInternalDynamicContext.useInternalDynamicContext();
     const { setIsFooterExpanded } = index.useFooterAnimationContext();
     const { view } = ViewContext.useViewContext();
-    const { helpHeaderData } = useDynamicLayoutData.useDynamicLayoutData({ view });
+    const { helpHeaderData } = useDynamicLayoutData.useDynamicLayoutData({ authMode, view });
     const backButton = (jsxRuntime.jsx(IconButton.IconButton, Object.assign({ type: 'button', onClick: () => setIsFooterExpanded(false), "data-testid": 'back-button', className: 'header__icon' }, { children: jsxRuntime.jsx(chevronLeft.ReactComponent, { className: 'back-button ' }) })));
     return (jsxRuntime.jsx("div", Object.assign({ className: 'help-header' }, { children: jsxRuntime.jsx(ModalHeader.ModalHeader, Object.assign({ trailing: backButton }, { children: jsxRuntime.jsx(Typography.Typography, Object.assign({ as: 'h1', variant: 'title', color: 'primary', "data-testid": 'dynamic-auth-help-heading', className: 'header__typography' }, { children: helpHeaderData === null || helpHeaderData === void 0 ? void 0 : helpHeaderData.heading })) })) })));
 };

package/src/lib/layout/DynamicAuthLayout/HelpContent/HelpHeader/HelpHeader.js

@@ -13,8 +13,9 @@ import '../../../../utils/constants/colors.js';
 import '../../../../shared/utils/classes/storage/localStorage.js';
 import 'ethers';
 import '../../../../shared/consts/index.js';
-import '../../../../context/DynamicContext/DynamicContext.js';
+import { useInternalDynamicContext } from '../../../../context/DynamicContext/useInternalDynamicContext.js';
 import '@dynamic-labs/multi-wallet';
+import '../../../../config/ApiEndpoint.js';
 import '../../../../components/ShadowDOM/ShadowDOM.js';
 import '../../../../context/ThemeContext/ThemeContext.js';
 import 'react-dom';
@@ -22,7 +23,6 @@ import 'react-focus-lock';
 import '../../../../components/Transition/ZoomTransition/ZoomTransition.js';
 import '../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../../../components/Transition/OpacityTransition/OpacityTransition.js';
-import '../../../../config/ApiEndpoint.js';
 import '@dynamic-labs/rpc-providers';
 import '../../../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
 import '../../../../context/ErrorContext/ErrorContext.js';
@@ -49,9 +49,10 @@ import { useFooterAnimationContext } from '../../../../context/FooterAnimationCo
 import { useDynamicLayoutData } from '../../../../utils/hooks/useDynamicLayoutData/useDynamicLayoutData.js';
 
 const HelpHeader = () => {
+    const { authMode } = useInternalDynamicContext();
     const { setIsFooterExpanded } = useFooterAnimationContext();
     const { view } = useViewContext();
-    const { helpHeaderData } = useDynamicLayoutData({ view });
+    const { helpHeaderData } = useDynamicLayoutData({ authMode, view });
     const backButton = (jsx(IconButton, Object.assign({ type: 'button', onClick: () => setIsFooterExpanded(false), "data-testid": 'back-button', className: 'header__icon' }, { children: jsx(SvgChevronLeft, { className: 'back-button ' }) })));
     return (jsx("div", Object.assign({ className: 'help-header' }, { children: jsx(ModalHeader, Object.assign({ trailing: backButton }, { children: jsx(Typography, Object.assign({ as: 'h1', variant: 'title', color: 'primary', "data-testid": 'dynamic-auth-help-heading', className: 'header__typography' }, { children: helpHeaderData === null || helpHeaderData === void 0 ? void 0 : helpHeaderData.heading })) })) })));
 };

package/src/lib/layout/DynamicAuthLayout/HelpContent/PasskeyInfoHelper/PasskeyInfoHelper.cjs

@@ -0,0 +1,61 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var reactI18next = require('react-i18next');
+require('@dynamic-labs/sdk-api');
+require('../../../../shared/logger.cjs');
+require('@dynamic-labs/iconic');
+require('@dynamic-labs/wallet-connector-core');
+require('../../../../context/ViewContext/ViewContext.cjs');
+require('react');
+var footerKeyIcon = require('../../../../shared/assets/footer-key-icon.cjs');
+var userAccount2 = require('../../../../shared/assets/user-account-2.cjs');
+require('@dynamic-labs/wallet-book');
+require('@dynamic-labs/utils');
+require('../../../../utils/constants/colors.cjs');
+require('../../../../shared/utils/classes/storage/localStorage.cjs');
+require('ethers');
+require('../../../../shared/consts/index.cjs');
+var Typography = require('../../../../components/Typography/Typography.cjs');
+require('../../../../context/DynamicContext/DynamicContext.cjs');
+require('@dynamic-labs/multi-wallet');
+require('../../../../config/ApiEndpoint.cjs');
+require('../../../../components/ShadowDOM/ShadowDOM.cjs');
+require('../../../../context/ThemeContext/ThemeContext.cjs');
+var Icon = require('../../../../components/Icon/Icon.cjs');
+require('react-dom');
+require('react-focus-lock');
+require('../../../../components/Transition/ZoomTransition/ZoomTransition.cjs');
+require('../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
+require('../../../../components/Transition/OpacityTransition/OpacityTransition.cjs');
+require('@dynamic-labs/rpc-providers');
+require('../../../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs');
+require('../../../../context/ErrorContext/ErrorContext.cjs');
+require('../../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
+require('../../../../context/AccountExistsContext/AccountExistsContext.cjs');
+require('../../../../components/IconButton/IconButton.cjs');
+require('../../../../components/Alert/Alert.cjs');
+require('formik');
+require('yup');
+require('../../../../views/CollectUserDataView/fieldsConfig.cjs');
+require('../../../../context/MockContext/MockContext.cjs');
+require('../../../../context/CaptchaContext/CaptchaContext.cjs');
+require('../../../../context/EmailVerificationContext/EmailVerificationContext.cjs');
+require('@dynamic-labs/types');
+require('../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
+require('../../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
+var EnterTileAnimation = require('../../../../components/EnterTileAnimation/EnterTileAnimation.cjs');
+require('../../../../components/Popper/Popper/Popper.cjs');
+require('../../../../components/Popper/PopperContext/PopperContext.cjs');
+require('../../../../components/InlineWidget/InlineWidget.cjs');
+require('../../../../components/MenuList/Dropdown/Dropdown.cjs');
+require('../../../../components/OverlayCard/OverlayCard.context.cjs');
+
+const PasskeyInfoHelper = () => {
+    const { t } = reactI18next.useTranslation();
+    return (jsxRuntime.jsx("div", Object.assign({ className: 'passkey-info-help-content__container' }, { children: jsxRuntime.jsx(EnterTileAnimation.EnterTileAnimation, Object.assign({ delay: '300ms' }, { children: jsxRuntime.jsxs("div", Object.assign({ className: 'passkey-info-help-content__typography-wrapper' }, { children: [jsxRuntime.jsxs("div", Object.assign({ className: 'passkey-info-help-content__details' }, { children: [jsxRuntime.jsx(Icon.Icon, Object.assign({ size: 'medium', color: 'text-tertiary' }, { children: jsxRuntime.jsx(userAccount2.ReactComponent, {}) })), jsxRuntime.jsxs("div", Object.assign({ className: 'passkey-info-help-content__wrapper' }, { children: [jsxRuntime.jsx(Typography.Typography, Object.assign({ variant: 'title', weight: 'medium' }, { children: t('dyn_passkey_intro.helper.section_1.title') })), jsxRuntime.jsx(Typography.Typography, Object.assign({ as: 'p', variant: 'body_normal', weight: 'regular', color: 'secondary', className: 'passkey-info-help-content__typography--label' }, { children: t('dyn_passkey_intro.helper.section_1.description') }))] }))] })), jsxRuntime.jsxs("div", Object.assign({ className: 'passkey-info-help-content__details' }, { children: [jsxRuntime.jsx(Icon.Icon, Object.assign({ size: 'medium', color: 'text-tertiary' }, { children: jsxRuntime.jsx(footerKeyIcon.ReactComponent, {}) })), jsxRuntime.jsxs("div", Object.assign({ className: 'passkey-info-help-content__wrapper' }, { children: [jsxRuntime.jsx(Typography.Typography, Object.assign({ variant: 'title', weight: 'medium' }, { children: t('dyn_passkey_intro.helper.section_2.title') })), jsxRuntime.jsx(Typography.Typography, Object.assign({ as: 'p', variant: 'body_normal', weight: 'regular', color: 'secondary', className: 'passkey-info-help-content__typography--label' }, { children: t('dyn_passkey_intro.helper.section_2.description') }))] }))] }))] })) })) })));
+};
+
+exports.PasskeyInfoHelper = PasskeyInfoHelper;

package/src/lib/layout/DynamicAuthLayout/HelpContent/PasskeyInfoHelper/PasskeyInfoHelper.d.ts

@@ -0,0 +1 @@
+export declare const PasskeyInfoHelper: () => JSX.Element;

package/src/lib/layout/DynamicAuthLayout/HelpContent/PasskeyInfoHelper/PasskeyInfoHelper.js

@@ -0,0 +1,57 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useTranslation } from 'react-i18next';
+import '@dynamic-labs/sdk-api';
+import '../../../../shared/logger.js';
+import '@dynamic-labs/iconic';
+import '@dynamic-labs/wallet-connector-core';
+import '../../../../context/ViewContext/ViewContext.js';
+import 'react';
+import { ReactComponent as SvgFooterKeyIcon } from '../../../../shared/assets/footer-key-icon.js';
+import { ReactComponent as SvgUserAccount2 } from '../../../../shared/assets/user-account-2.js';
+import '@dynamic-labs/wallet-book';
+import '@dynamic-labs/utils';
+import '../../../../utils/constants/colors.js';
+import '../../../../shared/utils/classes/storage/localStorage.js';
+import 'ethers';
+import '../../../../shared/consts/index.js';
+import { Typography } from '../../../../components/Typography/Typography.js';
+import '../../../../context/DynamicContext/DynamicContext.js';
+import '@dynamic-labs/multi-wallet';
+import '../../../../config/ApiEndpoint.js';
+import '../../../../components/ShadowDOM/ShadowDOM.js';
+import '../../../../context/ThemeContext/ThemeContext.js';
+import { Icon } from '../../../../components/Icon/Icon.js';
+import 'react-dom';
+import 'react-focus-lock';
+import '../../../../components/Transition/ZoomTransition/ZoomTransition.js';
+import '../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
+import '../../../../components/Transition/OpacityTransition/OpacityTransition.js';
+import '@dynamic-labs/rpc-providers';
+import '../../../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
+import '../../../../context/ErrorContext/ErrorContext.js';
+import '../../../../context/AccessDeniedContext/AccessDeniedContext.js';
+import '../../../../context/AccountExistsContext/AccountExistsContext.js';
+import '../../../../components/IconButton/IconButton.js';
+import '../../../../components/Alert/Alert.js';
+import 'formik';
+import 'yup';
+import '../../../../views/CollectUserDataView/fieldsConfig.js';
+import '../../../../context/MockContext/MockContext.js';
+import '../../../../context/CaptchaContext/CaptchaContext.js';
+import '../../../../context/EmailVerificationContext/EmailVerificationContext.js';
+import '@dynamic-labs/types';
+import '../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
+import '../../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
+import { EnterTileAnimation } from '../../../../components/EnterTileAnimation/EnterTileAnimation.js';
+import '../../../../components/Popper/Popper/Popper.js';
+import '../../../../components/Popper/PopperContext/PopperContext.js';
+import '../../../../components/InlineWidget/InlineWidget.js';
+import '../../../../components/MenuList/Dropdown/Dropdown.js';
+import '../../../../components/OverlayCard/OverlayCard.context.js';
+
+const PasskeyInfoHelper = () => {
+    const { t } = useTranslation();
+    return (jsx("div", Object.assign({ className: 'passkey-info-help-content__container' }, { children: jsx(EnterTileAnimation, Object.assign({ delay: '300ms' }, { children: jsxs("div", Object.assign({ className: 'passkey-info-help-content__typography-wrapper' }, { children: [jsxs("div", Object.assign({ className: 'passkey-info-help-content__details' }, { children: [jsx(Icon, Object.assign({ size: 'medium', color: 'text-tertiary' }, { children: jsx(SvgUserAccount2, {}) })), jsxs("div", Object.assign({ className: 'passkey-info-help-content__wrapper' }, { children: [jsx(Typography, Object.assign({ variant: 'title', weight: 'medium' }, { children: t('dyn_passkey_intro.helper.section_1.title') })), jsx(Typography, Object.assign({ as: 'p', variant: 'body_normal', weight: 'regular', color: 'secondary', className: 'passkey-info-help-content__typography--label' }, { children: t('dyn_passkey_intro.helper.section_1.description') }))] }))] })), jsxs("div", Object.assign({ className: 'passkey-info-help-content__details' }, { children: [jsx(Icon, Object.assign({ size: 'medium', color: 'text-tertiary' }, { children: jsx(SvgFooterKeyIcon, {}) })), jsxs("div", Object.assign({ className: 'passkey-info-help-content__wrapper' }, { children: [jsx(Typography, Object.assign({ variant: 'title', weight: 'medium' }, { children: t('dyn_passkey_intro.helper.section_2.title') })), jsx(Typography, Object.assign({ as: 'p', variant: 'body_normal', weight: 'regular', color: 'secondary', className: 'passkey-info-help-content__typography--label' }, { children: t('dyn_passkey_intro.helper.section_2.description') }))] }))] }))] })) })) })));
+};
+
+export { PasskeyInfoHelper };

package/src/lib/layout/DynamicAuthLayout/HelpContent/PasskeyInfoHelper/index.d.ts

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

package/src/lib/layout/DynamicAuthLayout/HelpContent/WalletListHelpContent/Item/Item.cjs

@@ -18,6 +18,7 @@ require('ethers');
 require('../../../../../shared/consts/index.cjs');
 require('../../../../../context/DynamicContext/DynamicContext.cjs');
 require('@dynamic-labs/multi-wallet');
+require('../../../../../config/ApiEndpoint.cjs');
 require('../../../../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../../../../context/ThemeContext/ThemeContext.cjs');
 require('react-dom');
@@ -25,7 +26,6 @@ require('react-focus-lock');
 require('../../../../../components/Transition/ZoomTransition/ZoomTransition.cjs');
 require('../../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../../../../../components/Transition/OpacityTransition/OpacityTransition.cjs');
-require('../../../../../config/ApiEndpoint.cjs');
 require('@dynamic-labs/rpc-providers');
 require('../../../../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs');
 require('../../../../../context/ErrorContext/ErrorContext.cjs');

package/src/lib/layout/DynamicAuthLayout/HelpContent/WalletListHelpContent/Item/Item.js

@@ -14,6 +14,7 @@ import 'ethers';
 import '../../../../../shared/consts/index.js';
 import '../../../../../context/DynamicContext/DynamicContext.js';
 import '@dynamic-labs/multi-wallet';
+import '../../../../../config/ApiEndpoint.js';
 import '../../../../../components/ShadowDOM/ShadowDOM.js';
 import '../../../../../context/ThemeContext/ThemeContext.js';
 import 'react-dom';
@@ -21,7 +22,6 @@ import 'react-focus-lock';
 import '../../../../../components/Transition/ZoomTransition/ZoomTransition.js';
 import '../../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../../../../components/Transition/OpacityTransition/OpacityTransition.js';
-import '../../../../../config/ApiEndpoint.js';
 import '@dynamic-labs/rpc-providers';
 import '../../../../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
 import '../../../../../context/ErrorContext/ErrorContext.js';

package/src/lib/layout/DynamicAuthLayout/HelpContent/WalletListHelpContent/WalletExtensionOrAppContinueButton/WalletExtensionOrAppContinueButton.cjs

@@ -19,6 +19,7 @@ require('ethers');
 require('../../../../../shared/consts/index.cjs');
 require('../../../../../context/DynamicContext/DynamicContext.cjs');
 require('@dynamic-labs/multi-wallet');
+require('../../../../../config/ApiEndpoint.cjs');
 require('../../../../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../../../../context/ThemeContext/ThemeContext.cjs');
 require('react-dom');
@@ -26,7 +27,6 @@ require('react-focus-lock');
 require('../../../../../components/Transition/ZoomTransition/ZoomTransition.cjs');
 require('../../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../../../../../components/Transition/OpacityTransition/OpacityTransition.cjs');
-require('../../../../../config/ApiEndpoint.cjs');
 require('@dynamic-labs/rpc-providers');
 require('../../../../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs');
 require('../../../../../context/ErrorContext/ErrorContext.cjs');

package/src/lib/layout/DynamicAuthLayout/HelpContent/WalletListHelpContent/WalletExtensionOrAppContinueButton/WalletExtensionOrAppContinueButton.js

@@ -15,6 +15,7 @@ import 'ethers';
 import '../../../../../shared/consts/index.js';
 import '../../../../../context/DynamicContext/DynamicContext.js';
 import '@dynamic-labs/multi-wallet';
+import '../../../../../config/ApiEndpoint.js';
 import '../../../../../components/ShadowDOM/ShadowDOM.js';
 import '../../../../../context/ThemeContext/ThemeContext.js';
 import 'react-dom';
@@ -22,7 +23,6 @@ import 'react-focus-lock';
 import '../../../../../components/Transition/ZoomTransition/ZoomTransition.js';
 import '../../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../../../../components/Transition/OpacityTransition/OpacityTransition.js';
-import '../../../../../config/ApiEndpoint.js';
 import '@dynamic-labs/rpc-providers';
 import '../../../../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
 import '../../../../../context/ErrorContext/ErrorContext.js';

package/src/lib/layout/DynamicAuthLayout/HelpContent/WalletListHelpContent/WalletListHelpContent.cjs

@@ -22,6 +22,7 @@ var parseWalletLinks = require('../../../../utils/functions/parseWalletLinks/par
 var Typography = require('../../../../components/Typography/Typography.cjs');
 require('@dynamic-labs/multi-wallet');
 var pixelToRem = require('../../../../utils/functions/pixelToRem/pixelToRem.cjs');
+require('../../../../config/ApiEndpoint.cjs');
 require('../../../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../../../context/ThemeContext/ThemeContext.cjs');
 require('react-dom');
@@ -29,7 +30,6 @@ require('react-focus-lock');
 require('../../../../components/Transition/ZoomTransition/ZoomTransition.cjs');
 require('../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../../../../components/Transition/OpacityTransition/OpacityTransition.cjs');
-require('../../../../config/ApiEndpoint.cjs');
 require('@dynamic-labs/rpc-providers');
 require('../../../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs');
 require('../../../../context/ErrorContext/ErrorContext.cjs');
@@ -64,7 +64,7 @@ const WalletListHelpContent = ({ chains, newToWeb3WalletChainMap, }) => {
     const [selectedUrl, setSelectedUrl] = React.useState('');
     const chainName = ((_a = chains === null || chains === void 0 ? void 0 : chains.filter((chain) => Boolean(chain.enabled)).find((enabledChain) => enabledChain.name === newToWeb3WalletChainMap.primary_chain)) === null || _a === void 0 ? void 0 : _a.name) || 'evm';
     const walletName = index.getValueByKey(newToWeb3WalletChainMap === null || newToWeb3WalletChainMap === void 0 ? void 0 : newToWeb3WalletChainMap.wallets, chainName);
-    const newToWeb3Wallet = wallets.find((wallet) => walletConnectorCore.normalizeWalletName(wallet.name) === walletName);
+    const newToWeb3Wallet = wallets.find((wallet) => { var _a; return walletConnectorCore.normalizeWalletName((_a = wallet.key) !== null && _a !== void 0 ? _a : wallet.name) === walletName; });
     const isCustodialServiceWallet = newToWeb3Wallet === null || newToWeb3Wallet === void 0 ? void 0 : newToWeb3Wallet.walletConnector.canConnectViaCustodialService;
     const links = walletBook.getWalletLinks(walletBook$1, walletName);
     const { currentDesktopUrl, canShowAndroidAppButton, canShowIosAppButton } = parseWalletLinks.parseWalletLinks(links);

package/src/lib/layout/DynamicAuthLayout/HelpContent/WalletListHelpContent/WalletListHelpContent.js

@@ -18,6 +18,7 @@ import { parseWalletLinks } from '../../../../utils/functions/parseWalletLinks/p
 import { Typography } from '../../../../components/Typography/Typography.js';
 import '@dynamic-labs/multi-wallet';
 import { pixelToRem } from '../../../../utils/functions/pixelToRem/pixelToRem.js';
+import '../../../../config/ApiEndpoint.js';
 import '../../../../components/ShadowDOM/ShadowDOM.js';
 import '../../../../context/ThemeContext/ThemeContext.js';
 import 'react-dom';
@@ -25,7 +26,6 @@ import 'react-focus-lock';
 import '../../../../components/Transition/ZoomTransition/ZoomTransition.js';
 import '../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../../../components/Transition/OpacityTransition/OpacityTransition.js';
-import '../../../../config/ApiEndpoint.js';
 import '@dynamic-labs/rpc-providers';
 import '../../../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
 import '../../../../context/ErrorContext/ErrorContext.js';
@@ -60,7 +60,7 @@ const WalletListHelpContent = ({ chains, newToWeb3WalletChainMap, }) => {
     const [selectedUrl, setSelectedUrl] = useState('');
     const chainName = ((_a = chains === null || chains === void 0 ? void 0 : chains.filter((chain) => Boolean(chain.enabled)).find((enabledChain) => enabledChain.name === newToWeb3WalletChainMap.primary_chain)) === null || _a === void 0 ? void 0 : _a.name) || 'evm';
     const walletName = getValueByKey(newToWeb3WalletChainMap === null || newToWeb3WalletChainMap === void 0 ? void 0 : newToWeb3WalletChainMap.wallets, chainName);
-    const newToWeb3Wallet = wallets.find((wallet) => normalizeWalletName(wallet.name) === walletName);
+    const newToWeb3Wallet = wallets.find((wallet) => { var _a; return normalizeWalletName((_a = wallet.key) !== null && _a !== void 0 ? _a : wallet.name) === walletName; });
     const isCustodialServiceWallet = newToWeb3Wallet === null || newToWeb3Wallet === void 0 ? void 0 : newToWeb3Wallet.walletConnector.canConnectViaCustodialService;
     const links = getWalletLinks(walletBook, walletName);
     const { currentDesktopUrl, canShowAndroidAppButton, canShowIosAppButton } = parseWalletLinks(links);

package/src/lib/layout/DynamicAuthLayout/HelpContent/WalletMoreInfoContent/WalletMoreInfoContent.cjs

@@ -21,6 +21,7 @@ require('ethers');
 require('../../../../shared/consts/index.cjs');
 require('../../../../context/DynamicContext/DynamicContext.cjs');
 require('@dynamic-labs/multi-wallet');
+require('../../../../config/ApiEndpoint.cjs');
 require('../../../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../../../context/ThemeContext/ThemeContext.cjs');
 var InfoItem = require('../../../../components/InfoItem/InfoItem.cjs');
@@ -29,7 +30,6 @@ require('react-focus-lock');
 require('../../../../components/Transition/ZoomTransition/ZoomTransition.cjs');
 require('../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../../../../components/Transition/OpacityTransition/OpacityTransition.cjs');
-require('../../../../config/ApiEndpoint.cjs');
 require('@dynamic-labs/rpc-providers');
 require('../../../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs');
 require('../../../../context/ErrorContext/ErrorContext.cjs');

package/src/lib/layout/DynamicAuthLayout/HelpContent/WalletMoreInfoContent/WalletMoreInfoContent.js

@@ -17,6 +17,7 @@ import 'ethers';
 import '../../../../shared/consts/index.js';
 import '../../../../context/DynamicContext/DynamicContext.js';
 import '@dynamic-labs/multi-wallet';
+import '../../../../config/ApiEndpoint.js';
 import '../../../../components/ShadowDOM/ShadowDOM.js';
 import '../../../../context/ThemeContext/ThemeContext.js';
 import { InfoItem } from '../../../../components/InfoItem/InfoItem.js';
@@ -25,7 +26,6 @@ import 'react-focus-lock';
 import '../../../../components/Transition/ZoomTransition/ZoomTransition.js';
 import '../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../../../components/Transition/OpacityTransition/OpacityTransition.js';
-import '../../../../config/ApiEndpoint.js';
 import '@dynamic-labs/rpc-providers';
 import '../../../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
 import '../../../../context/ErrorContext/ErrorContext.js';

package/src/lib/layout/DynamicAuthLayout/HelpContent/index.d.ts

@@ -2,3 +2,4 @@ export { EmptyHelpContent } from './EmptyHelpContent';
 export { WalletMoreInfoContent } from './WalletMoreInfoContent';
 export { WalletListHelpContent } from './WalletListHelpContent';
 export { HelpContent } from './HelpContent';
+export { PasskeyInfoHelper } from './PasskeyInfoHelper';

package/src/lib/layout/DynamicAuthLayout/ToSFooter/ToSFooter.cjs

@@ -17,6 +17,7 @@ require('ethers');
 require('../../../shared/consts/index.cjs');
 require('../../../context/DynamicContext/DynamicContext.cjs');
 require('@dynamic-labs/multi-wallet');
+require('../../../config/ApiEndpoint.cjs');
 require('../../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../../context/ThemeContext/ThemeContext.cjs');
 require('react-dom');
@@ -24,7 +25,6 @@ require('react-focus-lock');
 require('../../../components/Transition/ZoomTransition/ZoomTransition.cjs');
 require('../../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../../../components/Transition/OpacityTransition/OpacityTransition.cjs');
-require('../../../config/ApiEndpoint.cjs');
 require('@dynamic-labs/rpc-providers');
 require('../../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs');
 require('../../../context/ErrorContext/ErrorContext.cjs');

package/src/lib/layout/DynamicAuthLayout/ToSFooter/ToSFooter.js

@@ -13,6 +13,7 @@ import 'ethers';
 import '../../../shared/consts/index.js';
 import '../../../context/DynamicContext/DynamicContext.js';
 import '@dynamic-labs/multi-wallet';
+import '../../../config/ApiEndpoint.js';
 import '../../../components/ShadowDOM/ShadowDOM.js';
 import '../../../context/ThemeContext/ThemeContext.js';
 import 'react-dom';
@@ -20,7 +21,6 @@ import 'react-focus-lock';
 import '../../../components/Transition/ZoomTransition/ZoomTransition.js';
 import '../../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../../components/Transition/OpacityTransition/OpacityTransition.js';
-import '../../../config/ApiEndpoint.js';
 import '@dynamic-labs/rpc-providers';
 import '../../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
 import '../../../context/ErrorContext/ErrorContext.js';

package/src/lib/layout/DynamicAuthLayout/WalletProgressStepper/WalletProgressStepper.cjs

@@ -18,6 +18,7 @@ require('../../../context/ViewContext/ViewContext.cjs');
 require('../../../shared/consts/index.cjs');
 var useInternalDynamicContext = require('../../../context/DynamicContext/useInternalDynamicContext.cjs');
 require('@dynamic-labs/multi-wallet');
+require('../../../config/ApiEndpoint.cjs');
 require('../../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../../context/ThemeContext/ThemeContext.cjs');
 require('react-dom');
@@ -25,7 +26,6 @@ require('react-focus-lock');
 require('../../../components/Transition/ZoomTransition/ZoomTransition.cjs');
 require('../../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../../../components/Transition/OpacityTransition/OpacityTransition.cjs');
-require('../../../config/ApiEndpoint.cjs');
 require('@dynamic-labs/rpc-providers');
 require('../../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs');
 require('../../../context/ErrorContext/ErrorContext.cjs');

package/src/lib/layout/DynamicAuthLayout/WalletProgressStepper/WalletProgressStepper.js

@@ -14,6 +14,7 @@ import '../../../context/ViewContext/ViewContext.js';
 import '../../../shared/consts/index.js';
 import { useInternalDynamicContext } from '../../../context/DynamicContext/useInternalDynamicContext.js';
 import '@dynamic-labs/multi-wallet';
+import '../../../config/ApiEndpoint.js';
 import '../../../components/ShadowDOM/ShadowDOM.js';
 import '../../../context/ThemeContext/ThemeContext.js';
 import 'react-dom';
@@ -21,7 +22,6 @@ import 'react-focus-lock';
 import '../../../components/Transition/ZoomTransition/ZoomTransition.js';
 import '../../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../../components/Transition/OpacityTransition/OpacityTransition.js';
-import '../../../config/ApiEndpoint.js';
 import '@dynamic-labs/rpc-providers';
 import '../../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
 import '../../../context/ErrorContext/ErrorContext.js';

package/src/lib/layouts/BridgeNextWalletToConnectLayout/BridgeNextWalletToConnectLayout.cjs

@@ -19,6 +19,7 @@ require('ethers');
 require('../../shared/consts/index.cjs');
 require('../../context/DynamicContext/DynamicContext.cjs');
 require('@dynamic-labs/multi-wallet');
+require('../../config/ApiEndpoint.cjs');
 require('../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../context/ThemeContext/ThemeContext.cjs');
 require('react-dom');
@@ -26,7 +27,6 @@ require('react-focus-lock');
 require('../../components/Transition/ZoomTransition/ZoomTransition.cjs');
 require('../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../../components/Transition/OpacityTransition/OpacityTransition.cjs');
-require('../../config/ApiEndpoint.cjs');
 require('@dynamic-labs/rpc-providers');
 require('../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs');
 require('../../context/ErrorContext/ErrorContext.cjs');

package/src/lib/layouts/BridgeNextWalletToConnectLayout/BridgeNextWalletToConnectLayout.js

@@ -15,6 +15,7 @@ import 'ethers';
 import '../../shared/consts/index.js';
 import '../../context/DynamicContext/DynamicContext.js';
 import '@dynamic-labs/multi-wallet';
+import '../../config/ApiEndpoint.js';
 import '../../components/ShadowDOM/ShadowDOM.js';
 import '../../context/ThemeContext/ThemeContext.js';
 import 'react-dom';
@@ -22,7 +23,6 @@ import 'react-focus-lock';
 import '../../components/Transition/ZoomTransition/ZoomTransition.js';
 import '../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../components/Transition/OpacityTransition/OpacityTransition.js';
-import '../../config/ApiEndpoint.js';
 import '@dynamic-labs/rpc-providers';
 import '../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
 import '../../context/ErrorContext/ErrorContext.js';

package/src/lib/layouts/BridgeWelcomeLayout/BridgeWelcomeLayout.cjs

@@ -19,6 +19,7 @@ require('ethers');
 require('../../shared/consts/index.cjs');
 require('../../context/DynamicContext/DynamicContext.cjs');
 require('@dynamic-labs/multi-wallet');
+require('../../config/ApiEndpoint.cjs');
 require('../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../context/ThemeContext/ThemeContext.cjs');
 require('react-dom');
@@ -26,7 +27,6 @@ require('react-focus-lock');
 require('../../components/Transition/ZoomTransition/ZoomTransition.cjs');
 require('../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../../components/Transition/OpacityTransition/OpacityTransition.cjs');
-require('../../config/ApiEndpoint.cjs');
 require('@dynamic-labs/rpc-providers');
 require('../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs');
 require('../../context/ErrorContext/ErrorContext.cjs');

package/src/lib/layouts/BridgeWelcomeLayout/BridgeWelcomeLayout.js

@@ -15,6 +15,7 @@ import 'ethers';
 import '../../shared/consts/index.js';
 import '../../context/DynamicContext/DynamicContext.js';
 import '@dynamic-labs/multi-wallet';
+import '../../config/ApiEndpoint.js';
 import '../../components/ShadowDOM/ShadowDOM.js';
 import '../../context/ThemeContext/ThemeContext.js';
 import 'react-dom';
@@ -22,7 +23,6 @@ import 'react-focus-lock';
 import '../../components/Transition/ZoomTransition/ZoomTransition.js';
 import '../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../components/Transition/OpacityTransition/OpacityTransition.js';
-import '../../config/ApiEndpoint.js';
 import '@dynamic-labs/rpc-providers';
 import '../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
 import '../../context/ErrorContext/ErrorContext.js';

package/src/lib/layouts/ConnectedWalletsListLayout/ConnectedWalletsListLayout.cjs

@@ -20,6 +20,7 @@ require('ethers');
 require('../../shared/consts/index.cjs');
 require('../../context/DynamicContext/DynamicContext.cjs');
 require('@dynamic-labs/multi-wallet');
+require('../../config/ApiEndpoint.cjs');
 require('../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../context/ThemeContext/ThemeContext.cjs');
 require('react-dom');
@@ -27,7 +28,6 @@ require('react-focus-lock');
 require('../../components/Transition/ZoomTransition/ZoomTransition.cjs');
 require('../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../../components/Transition/OpacityTransition/OpacityTransition.cjs');
-require('../../config/ApiEndpoint.cjs');
 require('@dynamic-labs/rpc-providers');
 require('../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs');
 require('../../context/ErrorContext/ErrorContext.cjs');

package/src/lib/layouts/ConnectedWalletsListLayout/ConnectedWalletsListLayout.js

@@ -16,6 +16,7 @@ import 'ethers';
 import '../../shared/consts/index.js';
 import '../../context/DynamicContext/DynamicContext.js';
 import '@dynamic-labs/multi-wallet';
+import '../../config/ApiEndpoint.js';
 import '../../components/ShadowDOM/ShadowDOM.js';
 import '../../context/ThemeContext/ThemeContext.js';
 import 'react-dom';
@@ -23,7 +24,6 @@ import 'react-focus-lock';
 import '../../components/Transition/ZoomTransition/ZoomTransition.js';
 import '../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../components/Transition/OpacityTransition/OpacityTransition.js';
-import '../../config/ApiEndpoint.js';
 import '@dynamic-labs/rpc-providers';
 import '../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
 import '../../context/ErrorContext/ErrorContext.js';

package/src/lib/locale/en/translation.cjs

@@ -24,7 +24,10 @@ var dyn_login = {
 		qr_code: {
 			title: "Connecting a wallet"
 		},
-		wallet_only: "Get your first wallet"
+		wallet_only: "Get your first wallet",
+		email_form: {
+			invalid_email: "Invalid or incorrect email. Did you mistype it?"
+		}
 	},
 	separators: {
 		"default": "Or"
@@ -41,6 +44,28 @@ var dyn_login = {
 var dyn_no_access = {
 	title: "You don't have access"
 };
+var dyn_passkey_intro = {
+	button: "Set up a Passkey",
+	helper: {
+		section_1: {
+			description: "Passkeys are a standard built by Apple, Google and others, and eliminates the use of passwords.",
+			title: "Built by Apple and Google"
+		},
+		section_2: {
+			description: "Passkeys are stored on your phone and are not shared with anyone.",
+			title: "Secure and Private"
+		},
+		title: "What's Passkey",
+		tooltip: "Need some help?"
+	},
+	subtitle: "We use Passkeys to keep your account safe. Passkeys are stored natively on your phone and cannot be accessed by anyone besides you.",
+	title: "Secure your account"
+};
+var dyn_passkey_success = {
+	button: "Get started",
+	subtitle: "Welcome to {{appName}}. Your account is all set up",
+	title: "You're all set!"
+};
 var dyn_wallet_conect = {
 	mobile: {
 		wallet_list: {
@@ -49,10 +74,19 @@ var dyn_wallet_conect = {
 		}
 	}
 };
+var dyn_wallet_link = {
+	cannot_link: {
+		cancel_button: "Cancel",
+		description: "This wallet is the only wallet in your other account. You cannot transfer it, since then you will lose access to that account.",
+		link_other_button: "Link a different wallet",
+		title: "Cannot link this wallet to a new account"
+	}
+};
 var dyn_wallet_list = {
 	helper: "Get your first wallet",
 	title: {
 		link: "Link a new wallet",
+		connect: "Connect a new wallet",
 		select: "Select your wallet"
 	},
 	view_all: "View all wallets"
@@ -72,7 +106,10 @@ var sdkTranslation = {
 	dyn_connect_button: dyn_connect_button,
 	dyn_login: dyn_login,
 	dyn_no_access: dyn_no_access,
+	dyn_passkey_intro: dyn_passkey_intro,
+	dyn_passkey_success: dyn_passkey_success,
 	dyn_wallet_conect: dyn_wallet_conect,
+	dyn_wallet_link: dyn_wallet_link,
 	dyn_wallet_list: dyn_wallet_list,
 	dyn_wallet_transfer: dyn_wallet_transfer,
 	dyn_widget: dyn_widget
@@ -84,7 +121,10 @@ exports.dyn_chainalysis_blocked_wallet = dyn_chainalysis_blocked_wallet;
 exports.dyn_connect_button = dyn_connect_button;
 exports.dyn_login = dyn_login;
 exports.dyn_no_access = dyn_no_access;
+exports.dyn_passkey_intro = dyn_passkey_intro;
+exports.dyn_passkey_success = dyn_passkey_success;
 exports.dyn_wallet_conect = dyn_wallet_conect;
+exports.dyn_wallet_link = dyn_wallet_link;
 exports.dyn_wallet_list = dyn_wallet_list;
 exports.dyn_wallet_transfer = dyn_wallet_transfer;
 exports.dyn_widget = dyn_widget;