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

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);
@@ -91,7 +91,7 @@ const WalletListHelpContent = ({ chains, newToWeb3WalletChainMap, }) => {
     if (!Object.keys((_b = walletBook$1 === null || walletBook$1 === void 0 ? void 0 : walletBook$1.wallets) !== null && _b !== void 0 ? _b : {}).length) {
         return jsxRuntime.jsx(Skeleton.Skeleton, { className: 'walletlist-footer-content__container' });
     }
-    return (jsxRuntime.jsx("div", Object.assign({ className: 'walletlist-help-content__container' }, { children: jsxRuntime.jsxs(EnterTileAnimation.EnterTileAnimation, Object.assign({ delay: '300ms' }, { children: [jsxRuntime.jsx("div", Object.assign({ className: 'walletlist-help-content__icon' }, { children: jsxRuntime.jsx(walletBook.WalletIcon, { walletName: walletName, style: { height: pixelToRem.pixelToRem(56), width: pixelToRem.pixelToRem(56) } }) })), jsxRuntime.jsxs("div", Object.assign({ className: 'walletlist-help-content__typography-wrapper' }, { children: [jsxRuntime.jsxs(Typography.Typography, Object.assign({ as: 'p', variant: 'title', weight: 'medium' }, { children: ["We recommend installing", ' ', walletBook.getWalletBookWallet(walletBook$1, walletName).name] })), jsxRuntime.jsx(Typography.Typography, Object.assign({ as: 'label', variant: 'body_normal', weight: 'regular', color: 'secondary', className: 'walletlist-help-content__typography--label' }, { children: "Select your preferred option below:" }))] })), jsxRuntime.jsx("div", Object.assign({ className: 'walletlist-help-content__buttons-wrapper' }, { children: walletLinksElements.map((element, i) => element.isEnabled ? (jsxRuntime.jsx("button", Object.assign({ onClick: () => setSelectedUrl(element.url) }, { children: jsxRuntime.jsx(Item.Item, { StartIcon: element.icon, heading: element.content, url: element.url }) }), i)) : undefined) })), isCustodialServiceWallet && (jsxRuntime.jsxs("div", Object.assign({ className: 'walletlist-help-content__custodial-wallet-area' }, { children: [jsxRuntime.jsx(Typography.Typography, Object.assign({ className: 'walletlist-help-content__custodial-wallet-area--title', as: 'p', color: 'secondary', variant: 'body_normal', weight: 'regular' }, { children: "If you don't want to install a wallet, then use:" })), jsxRuntime.jsx(NewToWeb3WalletItem.NewToWeb3WalletItem, { wallet: newToWeb3Wallet })] }))), jsxRuntime.jsx(WalletExtensionOrAppContinueButton.WalletExtensionOrAppContinueButton, { selectedUrl: selectedUrl, wallet: newToWeb3Wallet })] })) })));
+    return (jsxRuntime.jsx("div", Object.assign({ className: 'walletlist-help-content__container' }, { children: jsxRuntime.jsxs(EnterTileAnimation.EnterTileAnimation, Object.assign({ delay: '300ms' }, { children: [jsxRuntime.jsx("div", Object.assign({ className: 'walletlist-help-content__icon' }, { children: jsxRuntime.jsx(walletBook.WalletIcon, { walletKey: walletName, style: { height: pixelToRem.pixelToRem(56), width: pixelToRem.pixelToRem(56) } }) })), jsxRuntime.jsxs("div", Object.assign({ className: 'walletlist-help-content__typography-wrapper' }, { children: [jsxRuntime.jsxs(Typography.Typography, Object.assign({ as: 'p', variant: 'title', weight: 'medium' }, { children: ["We recommend installing", ' ', walletBook.getWalletBookWallet(walletBook$1, walletName).name] })), jsxRuntime.jsx(Typography.Typography, Object.assign({ as: 'label', variant: 'body_normal', weight: 'regular', color: 'secondary', className: 'walletlist-help-content__typography--label' }, { children: "Select your preferred option below:" }))] })), jsxRuntime.jsx("div", Object.assign({ className: 'walletlist-help-content__buttons-wrapper' }, { children: walletLinksElements.map((element, i) => element.isEnabled ? (jsxRuntime.jsx("button", Object.assign({ onClick: () => setSelectedUrl(element.url) }, { children: jsxRuntime.jsx(Item.Item, { StartIcon: element.icon, heading: element.content, url: element.url }) }), i)) : undefined) })), isCustodialServiceWallet && (jsxRuntime.jsxs("div", Object.assign({ className: 'walletlist-help-content__custodial-wallet-area' }, { children: [jsxRuntime.jsx(Typography.Typography, Object.assign({ className: 'walletlist-help-content__custodial-wallet-area--title', as: 'p', color: 'secondary', variant: 'body_normal', weight: 'regular' }, { children: "If you don't want to install a wallet, then use:" })), jsxRuntime.jsx(NewToWeb3WalletItem.NewToWeb3WalletItem, { wallet: newToWeb3Wallet })] }))), jsxRuntime.jsx(WalletExtensionOrAppContinueButton.WalletExtensionOrAppContinueButton, { selectedUrl: selectedUrl, wallet: newToWeb3Wallet })] })) })));
 };
 
 exports.WalletListHelpContent = WalletListHelpContent;

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);
@@ -87,7 +87,7 @@ const WalletListHelpContent = ({ chains, newToWeb3WalletChainMap, }) => {
     if (!Object.keys((_b = walletBook === null || walletBook === void 0 ? void 0 : walletBook.wallets) !== null && _b !== void 0 ? _b : {}).length) {
         return jsx(Skeleton, { className: 'walletlist-footer-content__container' });
     }
-    return (jsx("div", Object.assign({ className: 'walletlist-help-content__container' }, { children: jsxs(EnterTileAnimation, Object.assign({ delay: '300ms' }, { children: [jsx("div", Object.assign({ className: 'walletlist-help-content__icon' }, { children: jsx(WalletIcon, { walletName: walletName, style: { height: pixelToRem(56), width: pixelToRem(56) } }) })), jsxs("div", Object.assign({ className: 'walletlist-help-content__typography-wrapper' }, { children: [jsxs(Typography, Object.assign({ as: 'p', variant: 'title', weight: 'medium' }, { children: ["We recommend installing", ' ', getWalletBookWallet(walletBook, walletName).name] })), jsx(Typography, Object.assign({ as: 'label', variant: 'body_normal', weight: 'regular', color: 'secondary', className: 'walletlist-help-content__typography--label' }, { children: "Select your preferred option below:" }))] })), jsx("div", Object.assign({ className: 'walletlist-help-content__buttons-wrapper' }, { children: walletLinksElements.map((element, i) => element.isEnabled ? (jsx("button", Object.assign({ onClick: () => setSelectedUrl(element.url) }, { children: jsx(Item, { StartIcon: element.icon, heading: element.content, url: element.url }) }), i)) : undefined) })), isCustodialServiceWallet && (jsxs("div", Object.assign({ className: 'walletlist-help-content__custodial-wallet-area' }, { children: [jsx(Typography, Object.assign({ className: 'walletlist-help-content__custodial-wallet-area--title', as: 'p', color: 'secondary', variant: 'body_normal', weight: 'regular' }, { children: "If you don't want to install a wallet, then use:" })), jsx(NewToWeb3WalletItem, { wallet: newToWeb3Wallet })] }))), jsx(WalletExtensionOrAppContinueButton, { selectedUrl: selectedUrl, wallet: newToWeb3Wallet })] })) })));
+    return (jsx("div", Object.assign({ className: 'walletlist-help-content__container' }, { children: jsxs(EnterTileAnimation, Object.assign({ delay: '300ms' }, { children: [jsx("div", Object.assign({ className: 'walletlist-help-content__icon' }, { children: jsx(WalletIcon, { walletKey: walletName, style: { height: pixelToRem(56), width: pixelToRem(56) } }) })), jsxs("div", Object.assign({ className: 'walletlist-help-content__typography-wrapper' }, { children: [jsxs(Typography, Object.assign({ as: 'p', variant: 'title', weight: 'medium' }, { children: ["We recommend installing", ' ', getWalletBookWallet(walletBook, walletName).name] })), jsx(Typography, Object.assign({ as: 'label', variant: 'body_normal', weight: 'regular', color: 'secondary', className: 'walletlist-help-content__typography--label' }, { children: "Select your preferred option below:" }))] })), jsx("div", Object.assign({ className: 'walletlist-help-content__buttons-wrapper' }, { children: walletLinksElements.map((element, i) => element.isEnabled ? (jsx("button", Object.assign({ onClick: () => setSelectedUrl(element.url) }, { children: jsx(Item, { StartIcon: element.icon, heading: element.content, url: element.url }) }), i)) : undefined) })), isCustodialServiceWallet && (jsxs("div", Object.assign({ className: 'walletlist-help-content__custodial-wallet-area' }, { children: [jsx(Typography, Object.assign({ className: 'walletlist-help-content__custodial-wallet-area--title', as: 'p', color: 'secondary', variant: 'body_normal', weight: 'regular' }, { children: "If you don't want to install a wallet, then use:" })), jsx(NewToWeb3WalletItem, { wallet: newToWeb3Wallet })] }))), jsx(WalletExtensionOrAppContinueButton, { selectedUrl: selectedUrl, wallet: newToWeb3Wallet })] })) })));
 };
 
 export { WalletListHelpContent };

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,12 +24,13 @@ 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: {
-		email_or_social: "Or",
-		email_or_wallets: "Or continue with a wallet",
-		wallets_or_email: "Or continue with"
+		"default": "Or"
 	},
 	title: {
 		all: "Log in or Sign up",
@@ -37,12 +38,34 @@ var dyn_login = {
 		wallet_only: "Select your wallet"
 	},
 	wallet_list: {
-		button_only: "Connect with Wallet"
+		button_only: "Continue with a wallet"
 	}
 };
 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: {
@@ -51,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"
@@ -74,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
@@ -86,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;

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

@@ -20,12 +20,13 @@ 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: {
-		email_or_social: "Or",
-		email_or_wallets: "Or continue with a wallet",
-		wallets_or_email: "Or continue with"
+		"default": "Or"
 	},
 	title: {
 		all: "Log in or Sign up",
@@ -33,12 +34,34 @@ var dyn_login = {
 		wallet_only: "Select your wallet"
 	},
 	wallet_list: {
-		button_only: "Connect with Wallet"
+		button_only: "Continue with a wallet"
 	}
 };
 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: {
@@ -47,10 +70,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"
@@ -70,10 +102,13 @@ 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
 };
 
-export { sdkTranslation as default, dyn_account_exists, dyn_chainalysis_blocked_wallet, dyn_connect_button, dyn_login, dyn_no_access, dyn_wallet_conect, dyn_wallet_list, dyn_wallet_transfer, dyn_widget };
+export { sdkTranslation as default, dyn_account_exists, dyn_chainalysis_blocked_wallet, dyn_connect_button, dyn_login, dyn_no_access, dyn_passkey_intro, dyn_passkey_success, dyn_wallet_conect, dyn_wallet_link, dyn_wallet_list, dyn_wallet_transfer, dyn_widget };

package/src/lib/locale/locale.cjs

@@ -11,24 +11,37 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var i18n__default = /*#__PURE__*/_interopDefaultLegacy(i18n);
 
 class Locale {
-    static setResources(resources) {
+    static setResources(customResources) {
         if (Locale.__resources__) {
             return;
         }
-        if (!resources) {
+        if (!customResources) {
             Locale.__resources__ = {
                 en: { translation: translation["default"] },
             };
             return;
         }
         const sdkResources = {};
-        Object.keys(resources).forEach((lang) => {
+        Object.keys(customResources).forEach((lang) => {
+            const mergedResource = Object.assign({}, translation["default"]);
             sdkResources[lang] = {
-                translation: Object.assign(Object.assign({}, translation["default"]), resources[lang]),
+                translation: Locale.mergeResources(mergedResource, customResources[lang]),
             };
         });
         Locale.__resources__ = sdkResources;
     }
+    static mergeResources(mergedResource, customResource) {
+        for (const key in customResource) {
+            if (typeof mergedResource[key] === 'object' &&
+                typeof customResource[key] === 'object') {
+                mergedResource[key] = Locale.mergeResources(mergedResource[key], customResource[key]);
+            }
+            else {
+                mergedResource[key] = customResource[key];
+            }
+        }
+        return mergedResource;
+    }
     static setup(resources) {
         if (Locale.__i18nInstance__) {
             return Locale.__i18nInstance__;

package/src/lib/locale/locale.d.ts

@@ -7,6 +7,7 @@ export declare class Locale {
     private static __i18nInstance__;
     private static getResources;
     private static setResources;
+    private static mergeResources;
     static setup(resources?: Resources): any;
     static getInstance(): any;
 }

package/src/lib/locale/locale.js

@@ -3,24 +3,37 @@ import { initReactI18next } from 'react-i18next';
 import sdkTranslation from './en/translation.js';
 
 class Locale {
-    static setResources(resources) {
+    static setResources(customResources) {
         if (Locale.__resources__) {
             return;
         }
-        if (!resources) {
+        if (!customResources) {
             Locale.__resources__ = {
                 en: { translation: sdkTranslation },
             };
             return;
         }
         const sdkResources = {};
-        Object.keys(resources).forEach((lang) => {
+        Object.keys(customResources).forEach((lang) => {
+            const mergedResource = Object.assign({}, sdkTranslation);
             sdkResources[lang] = {
-                translation: Object.assign(Object.assign({}, sdkTranslation), resources[lang]),
+                translation: Locale.mergeResources(mergedResource, customResources[lang]),
             };
         });
         Locale.__resources__ = sdkResources;
     }
+    static mergeResources(mergedResource, customResource) {
+        for (const key in customResource) {
+            if (typeof mergedResource[key] === 'object' &&
+                typeof customResource[key] === 'object') {
+                mergedResource[key] = Locale.mergeResources(mergedResource[key], customResource[key]);
+            }
+            else {
+                mergedResource[key] = customResource[key];
+            }
+        }
+        return mergedResource;
+    }
     static setup(resources) {
         if (Locale.__i18nInstance__) {
             return Locale.__i18nInstance__;

package/src/lib/modals/SendBalanceModal/SendBalanceModal.cjs

@@ -18,11 +18,11 @@ var usePreventPageScroll = require('../../shared/utils/hooks/usePreventPageScrol
 var index = 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 Portal = require('../../components/Portal/Portal.cjs');
 require('react-dom');
-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/modals/SendBalanceModal/SendBalanceModal.js

@@ -14,11 +14,11 @@ import { usePreventPageScroll } from '../../shared/utils/hooks/usePreventPageScr
 import { authModalZIndex } from '../../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 { Portal } from '../../components/Portal/Portal.js';
 import 'react-dom';
-import '../../config/ApiEndpoint.js';
 import '@dynamic-labs/rpc-providers';
 import '../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
 import '../../context/ErrorContext/ErrorContext.js';