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

package/src/lib/context/DynamicContext/useDynamicContext.d.ts

@@ -1,3 +1,6 @@
+import { Dispatch, SetStateAction } from 'react';
 import { IDynamicContext } from './types';
-export type UseDynamicContext = Pick<IDynamicContext, 'accountSwitchState' | 'authMode' | 'authToken' | 'awaitingSignatureState' | 'getNameService' | 'handleLogOut' | 'handleUnlinkWallet' | 'isAuthenticated' | 'isFullyConnected' | 'isVerificationInProgress' | 'loadingNetwork' | 'locale' | 'loginWithEmail' | 'multiWalletWidgetState' | 'network' | 'networkConfigurations' | 'primaryWallet' | 'qrcodeUri' | 'rpcProviders' | 'sdkHasLoaded' | 'setLogInWithEmail' | 'setMultiWalletWidgetState' | 'setNetwork' | 'setPrimaryWallet' | 'setShowAuthFlow' | 'setShowDynamicUserProfile' | 'setShowQrcodeModal' | 'shadowDOMEnabled' | 'showAuthFlow' | 'showQrcodeModal' | 'user' | 'walletConnector' | 'walletConnectorOptions' | 'bridgeChains' | 'bridgeChainsToConnect' | 'setShowBridgeWidget' | 'sendWagmiSettings' | 'showDynamicUserProfile'>;
+export type UseDynamicContext = Pick<IDynamicContext, 'accountSwitchState' | 'authMode' | 'authToken' | 'awaitingSignatureState' | 'getNameService' | 'handleLogOut' | 'handleUnlinkWallet' | 'isAuthenticated' | 'isFullyConnected' | 'isVerificationInProgress' | 'loadingNetwork' | 'locale' | 'loginWithEmail' | 'multiWalletWidgetState' | 'network' | 'networkConfigurations' | 'primaryWallet' | 'qrcodeUri' | 'rpcProviders' | 'sdkHasLoaded' | 'setLogInWithEmail' | 'setMultiWalletWidgetState' | 'setNetwork' | 'setPrimaryWallet' | 'setShowDynamicUserProfile' | 'setShowQrcodeModal' | 'shadowDOMEnabled' | 'showAuthFlow' | 'showQrcodeModal' | 'user' | 'walletConnector' | 'walletConnectorOptions' | 'bridgeChains' | 'bridgeChainsToConnect' | 'setShowBridgeWidget' | 'sendWagmiSettings' | 'showDynamicUserProfile' | 'setShowLinkNewWalletModal'> & {
+    setShowAuthFlow: Dispatch<SetStateAction<boolean>>;
+};
 export declare const useDynamicContext: () => UseDynamicContext;

package/src/lib/context/DynamicContext/useDynamicContext.js

@@ -7,7 +7,7 @@ const useDynamicContext = () => {
     if (context === undefined) {
         throw new Error('useDynamicContext must be used within a DynamicContextProvider');
     }
-    const { accountSwitchState, authMode, authToken, awaitingSignatureState, getNameService, handleLogOut, handleUnlinkWallet, isAuthenticated, isFullyConnected, isVerificationInProgress, loadingNetwork, locale, loginWithEmail, multiWalletWidgetState, network, networkConfigurations, qrcodeUri, rpcProviders, sdkHasLoaded, setLogInWithEmail, setMultiWalletWidgetState, setNetwork, setPrimaryWallet, setShowAuthFlow, setShowDynamicUserProfile, setShowQrcodeModal, shadowDOMEnabled, showAuthFlow, showQrcodeModal, user, walletConnector, walletConnectorOptions, bridgeChains, bridgeChainsToConnect, primaryWallet, setShowBridgeWidget, sendWagmiSettings, showDynamicUserProfile, } = context;
+    const { accountSwitchState, authMode, authToken, awaitingSignatureState, getNameService, handleLogOut, handleUnlinkWallet, isAuthenticated, isFullyConnected, isVerificationInProgress, loadingNetwork, locale, loginWithEmail, multiWalletWidgetState, network, networkConfigurations, qrcodeUri, rpcProviders, sdkHasLoaded, setLogInWithEmail, setMultiWalletWidgetState, setNetwork, setPrimaryWallet, setShowAuthFlow, setShowDynamicUserProfile, setShowQrcodeModal, shadowDOMEnabled, showAuthFlow, showQrcodeModal, user, walletConnector, walletConnectorOptions, bridgeChains, bridgeChainsToConnect, primaryWallet, setShowBridgeWidget, sendWagmiSettings, showDynamicUserProfile, setShowLinkNewWalletModal, } = context;
     return {
         accountSwitchState,
         authMode,
@@ -36,9 +36,15 @@ const useDynamicContext = () => {
         setMultiWalletWidgetState,
         setNetwork,
         setPrimaryWallet,
-        setShowAuthFlow,
+        setShowAuthFlow: (value) => setShowAuthFlow(value, {
+            emitCancelAuth: true,
+            ignoreIfIsEmbeddedWidget: true,
+            initializeWalletConnect: true,
+            performMultiWalletChecks: true,
+        }),
         setShowBridgeWidget,
         setShowDynamicUserProfile,
+        setShowLinkNewWalletModal,
         setShowQrcodeModal,
         shadowDOMEnabled,
         showAuthFlow,

package/src/lib/context/FundingContext/FundingContext.cjs

@@ -6,6 +6,7 @@ var _tslib = require('../../../../_virtual/_tslib.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
+var bitcoin = require('@dynamic-labs/bitcoin');
 var api = require('../../data/api.cjs');
 var useInternalDynamicContext = require('../DynamicContext/useInternalDynamicContext.cjs');
 require('@dynamic-labs/sdk-api');
@@ -39,13 +40,15 @@ const FundingContextProvider = ({ children, }) => {
         const chainName = (_c = walletConnectorCore.getChainInfo(primaryWallet.chain)) === null || _c === void 0 ? void 0 : _c.name;
         if (!chainName)
             return;
+        const bitcoinAddress = bitcoin.isBitcoinConnector(primaryWallet.connector) &&
+            (yield primaryWallet.connector.getPaymentAddress());
         try {
             const [{ url }] = yield api.getOnrampProviders({
                 chain: chainName,
                 environmentId,
                 networkId: network ? network.toString() : undefined,
                 token,
-                walletAddress: address ? address : primaryWallet.address,
+                walletAddress: address || bitcoinAddress || primaryWallet.address,
             });
             if (!url)
                 throw new Error('No onramp url found');

package/src/lib/context/FundingContext/FundingContext.js

@@ -2,6 +2,7 @@ import { __awaiter } from '../../../../_virtual/_tslib.js';
 import { jsx } from 'react/jsx-runtime';
 import { createContext, useContext, useRef, useState, useCallback, useMemo, useEffect } from 'react';
 import { getChainInfo } from '@dynamic-labs/wallet-connector-core';
+import { isBitcoinConnector } from '@dynamic-labs/bitcoin';
 import { getOnrampProviders } from '../../data/api.js';
 import { useInternalDynamicContext } from '../DynamicContext/useInternalDynamicContext.js';
 import '@dynamic-labs/sdk-api';
@@ -35,13 +36,15 @@ const FundingContextProvider = ({ children, }) => {
         const chainName = (_c = getChainInfo(primaryWallet.chain)) === null || _c === void 0 ? void 0 : _c.name;
         if (!chainName)
             return;
+        const bitcoinAddress = isBitcoinConnector(primaryWallet.connector) &&
+            (yield primaryWallet.connector.getPaymentAddress());
         try {
             const [{ url }] = yield getOnrampProviders({
                 chain: chainName,
                 environmentId,
                 networkId: network ? network.toString() : undefined,
                 token,
-                walletAddress: address ? address : primaryWallet.address,
+                walletAddress: address || bitcoinAddress || primaryWallet.address,
             });
             if (!url)
                 throw new Error('No onramp url found');

package/src/lib/context/SocialRedirectContext/SocialRedirectContext.cjs

@@ -97,7 +97,7 @@ const SocialRedirectContextProvider = ({ children, }) => {
     const handleError = React.useCallback((message) => {
         logger.logger.error(message);
         if (isAuthenticated) {
-            setShowAuthFlow(false);
+            setShowAuthFlow(false, { emitCancelAuth: true });
             setShowDynamicUserProfile(true);
         }
         else {

package/src/lib/context/SocialRedirectContext/SocialRedirectContext.js

@@ -93,7 +93,7 @@ const SocialRedirectContextProvider = ({ children, }) => {
     const handleError = useCallback((message) => {
         logger.error(message);
         if (isAuthenticated) {
-            setShowAuthFlow(false);
+            setShowAuthFlow(false, { emitCancelAuth: true });
             setShowDynamicUserProfile(true);
         }
         else {

package/src/lib/context/ViewContext/ViewContext.d.ts

@@ -1,5 +1,5 @@
 import { Dispatch, FC, PropsWithChildren, SetStateAction } from 'react';
-export type ViewType = 'captcha' | 'chainalysis-blocked-wallet' | 'collect-user-data' | 'collect-user-data-login-with-email' | 'login-with-email-or-wallet-full-wallet-list' | 'login-with-email-or-wallet' | 'login-with-wallet-only' | 'login-with-email-verification' | 'network-not-supported' | 'network-not-supported-manual' | 'no-access' | 'no-qr-not-installed' | 'pending-connect' | 'pending-signature-without-back-button' | 'pending-signature' | 'qr-code' | 'update-email' | 'verify-email' | 'wallet-connect-mobile-wallets-list' | 'wallet-list' | 'multi-wallet-wallet-list' | 'wallet-sign' | 'wallet-used' | 'wallet-group' | 'wait-for-email-confirmation-view' | 'email-wallet-otp-verification-view' | 'social-redirect-view' | 'wallet-locked-view' | 'social-wrong-account' | 'gate-blocked-wallet' | 'bridge-welcome' | 'bridge-summary' | 'bridge-next-wallet-connection' | 'account-exists' | 'merge-user-accounts' | 'wallet-cannot-be-transferred' | 'passkey-intro' | 'passkey-recovery-start' | 'passkey-recovery-bundle' | 'passkey-recovery-complete' | 'embedded-reveal-view';
+export type ViewType = 'captcha' | 'chainalysis-blocked-wallet' | 'collect-user-data' | 'collect-user-data-login-with-email' | 'login-with-email-or-wallet-full-wallet-list' | 'login-with-email-or-wallet' | 'login-with-wallet-only' | 'login-with-email-verification' | 'network-not-supported' | 'network-not-supported-manual' | 'no-access' | 'no-qr-not-installed' | 'pending-connect' | 'pending-signature-without-back-button' | 'pending-signature' | 'qr-code' | 'update-email' | 'verify-email' | 'wallet-connect-mobile-wallets-list' | 'wallet-list' | 'multi-wallet-wallet-list' | 'wallet-sign' | 'wallet-used' | 'wallet-group' | 'wait-for-email-confirmation-view' | 'email-wallet-otp-verification-view' | 'social-redirect-view' | 'wallet-locked-view' | 'social-wrong-account' | 'gate-blocked-wallet' | 'bridge-welcome' | 'bridge-summary' | 'bridge-next-wallet-connection' | 'account-exists' | 'merge-user-accounts' | 'wallet-cannot-be-transferred' | 'passkey-intro' | 'passkey-recovery-start' | 'passkey-recovery-bundle' | 'passkey-recovery-complete' | 'embedded-reveal-view' | 'embedded-reveal-account-view';
 export type ViewContextProps = {
     setView: Dispatch<SetStateAction<ViewType>>;
     view: ViewType;

package/src/lib/events/dynamicEvents.d.ts

@@ -2,6 +2,9 @@ import EventEmitter from 'eventemitter3';
 import { Wallet } from '../shared';
 /** Maps internal event names to their listeners */
 export type DynamicEvents = {
+    /** Triggered when auth is closed before reaching success (due to user cancel or fail) */
+    authFlowCancelled: () => void;
+    /** Triggered when auth is attempted but fails, like when user rejects connection or the network call fails */
     emailVerificationResult: (param: boolean, email: string) => void;
     embeddedWalletCreated: (wallet: Wallet) => void;
     embeddedWalletFailed: (error: unknown) => void;

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

@@ -64,10 +64,10 @@ require('../../../../../components/Popper/PopperContext/PopperContext.cjs');
 const WalletExtensionOrAppContinueButton = ({ wallet, selectedUrl, }) => {
     const showRefreshOnceInstalledWalletButton = Boolean(selectedUrl.length) && !(wallet === null || wallet === void 0 ? void 0 : wallet.isInstalledOnBrowser);
     const walletConnectionAfterPageReloadHandler = () => {
-        if (!(wallet === null || wallet === void 0 ? void 0 : wallet.name)) {
+        if (!(wallet === null || wallet === void 0 ? void 0 : wallet.key)) {
             return;
         }
-        localStorage.LocalStorage.setToLS(localStorage$1.NEWTOWEB3_WALLET_EXTENSION_FLAG_KEY, wallet.name);
+        localStorage.LocalStorage.setToLS(localStorage$1.NEWTOWEB3_WALLET_EXTENSION_FLAG_KEY, wallet.key);
         window.location.reload();
     };
     return (jsxRuntime.jsxs("div", { className: 'new-to-web3-buttons__container', children: [!utils.isMobile() && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [(wallet === null || wallet === void 0 ? void 0 : wallet.isInstalledOnBrowser) && (jsxRuntime.jsx(NewToWeb3WalletItem.NewToWeb3WalletItem, { wallet: wallet, children: jsxRuntime.jsx(Typography.Typography, { as: 'p', "data-testid": 'desktop-interactive-wallet-item', variant: 'body_normal', weight: 'bold', children: "Continue" }) })), showRefreshOnceInstalledWalletButton && (jsxRuntime.jsx("button", { onClick: walletConnectionAfterPageReloadHandler, children: jsxRuntime.jsx(Typography.Typography, { as: 'p', "data-testid": 'refresh-once-installed-button', variant: 'body_normal', weight: 'bold', children: "Continue once installed" }) }))] })), wallet && utils.isMobile() && (jsxRuntime.jsx(NewToWeb3WalletItem.NewToWeb3WalletItem, { wallet: wallet, children: jsxRuntime.jsx("p", { "data-testid": 'mobile-interactive-wallet-item', children: "Continue once installed" }) }))] }));

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

@@ -60,10 +60,10 @@ import '../../../../../components/Popper/PopperContext/PopperContext.js';
 const WalletExtensionOrAppContinueButton = ({ wallet, selectedUrl, }) => {
     const showRefreshOnceInstalledWalletButton = Boolean(selectedUrl.length) && !(wallet === null || wallet === void 0 ? void 0 : wallet.isInstalledOnBrowser);
     const walletConnectionAfterPageReloadHandler = () => {
-        if (!(wallet === null || wallet === void 0 ? void 0 : wallet.name)) {
+        if (!(wallet === null || wallet === void 0 ? void 0 : wallet.key)) {
             return;
         }
-        LocalStorage.setToLS(NEWTOWEB3_WALLET_EXTENSION_FLAG_KEY, wallet.name);
+        LocalStorage.setToLS(NEWTOWEB3_WALLET_EXTENSION_FLAG_KEY, wallet.key);
         window.location.reload();
     };
     return (jsxs("div", { className: 'new-to-web3-buttons__container', children: [!isMobile() && (jsxs(Fragment, { children: [(wallet === null || wallet === void 0 ? void 0 : wallet.isInstalledOnBrowser) && (jsx(NewToWeb3WalletItem, { wallet: wallet, children: jsx(Typography, { as: 'p', "data-testid": 'desktop-interactive-wallet-item', variant: 'body_normal', weight: 'bold', children: "Continue" }) })), showRefreshOnceInstalledWalletButton && (jsx("button", { onClick: walletConnectionAfterPageReloadHandler, children: jsx(Typography, { as: 'p', "data-testid": 'refresh-once-installed-button', variant: 'body_normal', weight: 'bold', children: "Continue once installed" }) }))] })), wallet && isMobile() && (jsx(NewToWeb3WalletItem, { wallet: wallet, children: jsx("p", { "data-testid": 'mobile-interactive-wallet-item', children: "Continue once installed" }) }))] }));

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

@@ -4,13 +4,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
-var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
 var iconic = require('@dynamic-labs/iconic');
 var walletBook = require('@dynamic-labs/wallet-book');
 var utils = require('@dynamic-labs/utils');
 var useInternalDynamicContext = require('../../../../context/DynamicContext/useInternalDynamicContext.cjs');
 require('@dynamic-labs/sdk-api');
 require('../../../../shared/logger.cjs');
+require('@dynamic-labs/wallet-connector-core');
 require('../../../../context/ViewContext/ViewContext.cjs');
 var puzzle = require('../../../../shared/assets/puzzle.cjs');
 var index = require('../../../../shared/utils/functions/getValueByKey/index.cjs');
@@ -74,10 +74,10 @@ const WalletListHelpContent = ({ chains, newToWeb3WalletChainMap, }) => {
     const { walletBook: walletBook$1 } = walletBook.useWalletBookContext();
     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 = walletConnectorOptions.find((wallet) => { var _a; return walletConnectorCore.normalizeWalletName((_a = wallet.key) !== null && _a !== void 0 ? _a : wallet.name) === walletName; });
+    const walletKey = index.getValueByKey(newToWeb3WalletChainMap === null || newToWeb3WalletChainMap === void 0 ? void 0 : newToWeb3WalletChainMap.wallets, chainName);
+    const newToWeb3Wallet = walletConnectorOptions.find((wallet) => wallet.key === walletKey);
     const isCustodialServiceWallet = newToWeb3Wallet === null || newToWeb3Wallet === void 0 ? void 0 : newToWeb3Wallet.walletConnector.canConnectViaCustodialService;
-    const links = walletBook.getWalletLinks(walletBook$1, walletName);
+    const links = walletBook.getWalletLinks(walletBook$1, walletKey);
     const { currentDesktopUrl, canShowAndroidAppButton, canShowIosAppButton } = parseWalletLinks.parseWalletLinks(links);
     const walletLinksElements = [
         {
@@ -102,7 +102,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", { className: 'walletlist-help-content__container', children: jsxRuntime.jsxs(EnterTileAnimation.EnterTileAnimation, { delay: '300ms', children: [jsxRuntime.jsx("div", { className: 'walletlist-help-content__icon', children: jsxRuntime.jsx(walletBook.WalletIcon, { walletKey: walletName, style: { height: pixelToRem.pixelToRem(56), width: pixelToRem.pixelToRem(56) } }) }), jsxRuntime.jsxs("div", { className: 'walletlist-help-content__typography-wrapper', children: [jsxRuntime.jsxs(Typography.Typography, { as: 'p', variant: 'title', weight: 'medium', children: ["We recommend installing", ' ', walletBook.getWalletBookWallet(walletBook$1, walletName).name] }), jsxRuntime.jsx(Typography.Typography, { as: 'label', variant: 'body_normal', weight: 'regular', color: 'secondary', className: 'walletlist-help-content__typography--label', children: "Select your preferred option below:" })] }), jsxRuntime.jsx("div", { className: 'walletlist-help-content__buttons-wrapper', children: walletLinksElements.map((element, i) => element.isEnabled ? (jsxRuntime.jsx("button", { onClick: () => setSelectedUrl(element.url), children: jsxRuntime.jsx(Item.Item, { StartIcon: element.icon, heading: element.content, url: element.url }) }, i)) : undefined) }), isCustodialServiceWallet && (jsxRuntime.jsxs("div", { className: 'walletlist-help-content__custodial-wallet-area', children: [jsxRuntime.jsx(Typography.Typography, { 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", { className: 'walletlist-help-content__container', children: jsxRuntime.jsxs(EnterTileAnimation.EnterTileAnimation, { delay: '300ms', children: [jsxRuntime.jsx("div", { className: 'walletlist-help-content__icon', children: jsxRuntime.jsx(walletBook.WalletIcon, { walletKey: walletKey, style: { height: pixelToRem.pixelToRem(56), width: pixelToRem.pixelToRem(56) } }) }), jsxRuntime.jsxs("div", { className: 'walletlist-help-content__typography-wrapper', children: [jsxRuntime.jsxs(Typography.Typography, { as: 'p', variant: 'title', weight: 'medium', children: ["We recommend installing", ' ', walletBook.getWalletBookWallet(walletBook$1, walletKey).name] }), jsxRuntime.jsx(Typography.Typography, { as: 'label', variant: 'body_normal', weight: 'regular', color: 'secondary', className: 'walletlist-help-content__typography--label', children: "Select your preferred option below:" })] }), jsxRuntime.jsx("div", { className: 'walletlist-help-content__buttons-wrapper', children: walletLinksElements.map((element, i) => element.isEnabled ? (jsxRuntime.jsx("button", { onClick: () => setSelectedUrl(element.url), children: jsxRuntime.jsx(Item.Item, { StartIcon: element.icon, heading: element.content, url: element.url }) }, i)) : undefined) }), isCustodialServiceWallet && (jsxRuntime.jsxs("div", { className: 'walletlist-help-content__custodial-wallet-area', children: [jsxRuntime.jsx(Typography.Typography, { 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

@@ -1,12 +1,12 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useState } from 'react';
-import { normalizeWalletName } from '@dynamic-labs/wallet-connector-core';
 import { AppleIcon, AndroidIcon } from '@dynamic-labs/iconic';
 import { useWalletBookContext, getWalletLinks, WalletIcon, getWalletBookWallet } from '@dynamic-labs/wallet-book';
 import { isMobile } from '@dynamic-labs/utils';
 import { useInternalDynamicContext } from '../../../../context/DynamicContext/useInternalDynamicContext.js';
 import '@dynamic-labs/sdk-api';
 import '../../../../shared/logger.js';
+import '@dynamic-labs/wallet-connector-core';
 import '../../../../context/ViewContext/ViewContext.js';
 import { ReactComponent as SvgPuzzle } from '../../../../shared/assets/puzzle.js';
 import { getValueByKey } from '../../../../shared/utils/functions/getValueByKey/index.js';
@@ -70,10 +70,10 @@ const WalletListHelpContent = ({ chains, newToWeb3WalletChainMap, }) => {
     const { walletBook } = useWalletBookContext();
     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 = walletConnectorOptions.find((wallet) => { var _a; return normalizeWalletName((_a = wallet.key) !== null && _a !== void 0 ? _a : wallet.name) === walletName; });
+    const walletKey = getValueByKey(newToWeb3WalletChainMap === null || newToWeb3WalletChainMap === void 0 ? void 0 : newToWeb3WalletChainMap.wallets, chainName);
+    const newToWeb3Wallet = walletConnectorOptions.find((wallet) => wallet.key === walletKey);
     const isCustodialServiceWallet = newToWeb3Wallet === null || newToWeb3Wallet === void 0 ? void 0 : newToWeb3Wallet.walletConnector.canConnectViaCustodialService;
-    const links = getWalletLinks(walletBook, walletName);
+    const links = getWalletLinks(walletBook, walletKey);
     const { currentDesktopUrl, canShowAndroidAppButton, canShowIosAppButton } = parseWalletLinks(links);
     const walletLinksElements = [
         {
@@ -98,7 +98,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", { className: 'walletlist-help-content__container', children: jsxs(EnterTileAnimation, { delay: '300ms', children: [jsx("div", { className: 'walletlist-help-content__icon', children: jsx(WalletIcon, { walletKey: walletName, style: { height: pixelToRem(56), width: pixelToRem(56) } }) }), jsxs("div", { className: 'walletlist-help-content__typography-wrapper', children: [jsxs(Typography, { as: 'p', variant: 'title', weight: 'medium', children: ["We recommend installing", ' ', getWalletBookWallet(walletBook, walletName).name] }), jsx(Typography, { as: 'label', variant: 'body_normal', weight: 'regular', color: 'secondary', className: 'walletlist-help-content__typography--label', children: "Select your preferred option below:" })] }), jsx("div", { className: 'walletlist-help-content__buttons-wrapper', children: walletLinksElements.map((element, i) => element.isEnabled ? (jsx("button", { onClick: () => setSelectedUrl(element.url), children: jsx(Item, { StartIcon: element.icon, heading: element.content, url: element.url }) }, i)) : undefined) }), isCustodialServiceWallet && (jsxs("div", { className: 'walletlist-help-content__custodial-wallet-area', children: [jsx(Typography, { 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", { className: 'walletlist-help-content__container', children: jsxs(EnterTileAnimation, { delay: '300ms', children: [jsx("div", { className: 'walletlist-help-content__icon', children: jsx(WalletIcon, { walletKey: walletKey, style: { height: pixelToRem(56), width: pixelToRem(56) } }) }), jsxs("div", { className: 'walletlist-help-content__typography-wrapper', children: [jsxs(Typography, { as: 'p', variant: 'title', weight: 'medium', children: ["We recommend installing", ' ', getWalletBookWallet(walletBook, walletKey).name] }), jsx(Typography, { as: 'label', variant: 'body_normal', weight: 'regular', color: 'secondary', className: 'walletlist-help-content__typography--label', children: "Select your preferred option below:" })] }), jsx("div", { className: 'walletlist-help-content__buttons-wrapper', children: walletLinksElements.map((element, i) => element.isEnabled ? (jsx("button", { onClick: () => setSelectedUrl(element.url), children: jsx(Item, { StartIcon: element.icon, heading: element.content, url: element.url }) }, i)) : undefined) }), isCustodialServiceWallet && (jsxs("div", { className: 'walletlist-help-content__custodial-wallet-area', children: [jsx(Typography, { 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/locale/en/translation.cjs

@@ -23,14 +23,18 @@ const translation = {
         trail_message_social: 'through {{socialOauth}}',
     },
     /**
-     * @description copy keys for showing an alert when a user is connected to a testnet network
+     * @description copy keys for active wallet information (address, network, etc)
      * @default
      * {
           testnet_warning: 'A testnet network has been selected. Please only use testnet funds or they will be lost.',
+          ordinals_address: 'Ordinals address',
+          payment_address: 'Payment address',
        }
      */
     dyn_active_wallet_info: {
         testnet_warning: 'A testnet network has been selected. Please only use testnet funds or they will be lost.',
+        ordinals_address: 'Ordinals address',
+        payment_address: 'Payment address',
     },
     /**
      * @description copy keys for bridge view
@@ -411,7 +415,7 @@ const translation = {
         },
         statement_2: {
             title: 'Do not publicly share your wallet key',
-            description: 'Your recovery phrase controls your account and assets.',
+            description: 'Your {{credential_type}} controls your account and assets.',
         },
         checkbox_label: 'I am responsible for safeguarding and using my wallet key information.',
         reveal_description: 'Make sure to safely back up this information',
@@ -947,6 +951,18 @@ const translation = {
             gas_not_sponsored: 'The gas fee has increased. Confirm if you still want to complete this transaction.',
         },
     },
+    /**
+     * @description copy keys for Select Chain view
+     * @default
+     * {
+        description: "This wallet supports multiple chains. Select which chain you'd like to connect to",
+        using_hardware_wallet_toggle_label: 'Using Ledger with Solana',
+      }
+     */
+    dyn_select_chain: {
+        description: "This wallet supports multiple chains. Select which chain you'd like to connect to",
+        using_hardware_wallet_toggle_label: 'Using Ledger with Solana',
+    },
     /**
      * @description copy keys for sign message flow views
      * @default

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

@@ -18,14 +18,18 @@ export declare const translation: {
         trail_message_social: string;
     };
     /**
-     * @description copy keys for showing an alert when a user is connected to a testnet network
+     * @description copy keys for active wallet information (address, network, etc)
      * @default
      * {
           testnet_warning: 'A testnet network has been selected. Please only use testnet funds or they will be lost.',
+          ordinals_address: 'Ordinals address',
+          payment_address: 'Payment address',
        }
      */
     dyn_active_wallet_info: {
         testnet_warning: string;
+        ordinals_address: string;
+        payment_address: string;
     };
     /**
      * @description copy keys for bridge view
@@ -942,6 +946,18 @@ export declare const translation: {
             gas_not_sponsored: string;
         };
     };
+    /**
+     * @description copy keys for Select Chain view
+     * @default
+     * {
+        description: "This wallet supports multiple chains. Select which chain you'd like to connect to",
+        using_hardware_wallet_toggle_label: 'Using Ledger with Solana',
+      }
+     */
+    dyn_select_chain: {
+        description: string;
+        using_hardware_wallet_toggle_label: string;
+    };
     /**
      * @description copy keys for sign message flow views
      * @default

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

@@ -19,14 +19,18 @@ const translation = {
         trail_message_social: 'through {{socialOauth}}',
     },
     /**
-     * @description copy keys for showing an alert when a user is connected to a testnet network
+     * @description copy keys for active wallet information (address, network, etc)
      * @default
      * {
           testnet_warning: 'A testnet network has been selected. Please only use testnet funds or they will be lost.',
+          ordinals_address: 'Ordinals address',
+          payment_address: 'Payment address',
        }
      */
     dyn_active_wallet_info: {
         testnet_warning: 'A testnet network has been selected. Please only use testnet funds or they will be lost.',
+        ordinals_address: 'Ordinals address',
+        payment_address: 'Payment address',
     },
     /**
      * @description copy keys for bridge view
@@ -407,7 +411,7 @@ const translation = {
         },
         statement_2: {
             title: 'Do not publicly share your wallet key',
-            description: 'Your recovery phrase controls your account and assets.',
+            description: 'Your {{credential_type}} controls your account and assets.',
         },
         checkbox_label: 'I am responsible for safeguarding and using my wallet key information.',
         reveal_description: 'Make sure to safely back up this information',
@@ -943,6 +947,18 @@ const translation = {
             gas_not_sponsored: 'The gas fee has increased. Confirm if you still want to complete this transaction.',
         },
     },
+    /**
+     * @description copy keys for Select Chain view
+     * @default
+     * {
+        description: "This wallet supports multiple chains. Select which chain you'd like to connect to",
+        using_hardware_wallet_toggle_label: 'Using Ledger with Solana',
+      }
+     */
+    dyn_select_chain: {
+        description: "This wallet supports multiple chains. Select which chain you'd like to connect to",
+        using_hardware_wallet_toggle_label: 'Using Ledger with Solana',
+    },
     /**
      * @description copy keys for sign message flow views
      * @default

package/src/lib/shared/assets/alt-key.cjs

@@ -0,0 +1,54 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n["default"] = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var _path;
+var _excluded = ["title", "titleId"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+var SvgAltKey = function SvgAltKey(_ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends({
+    width: 24,
+    height: 24,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-labelledby": titleId
+  }, props), title ? /*#__PURE__*/React__namespace.createElement("title", {
+    id: titleId
+  }, title) : null, _path || (_path = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M15 4a5 5 0 0 0-4.786 6.453 1 1 0 0 1-.25.997L4 17.414V20h2v-1a1 1 0 0 1 1-1h1v-1a1 1 0 0 1 1-1h1.586l1.964-1.964a1 1 0 0 1 .997-.25A5 5 0 1 0 15 4ZM8 20v1a1 1 0 0 1-1 1H4a2 2 0 0 1-2-2v-2.586A2 2 0 0 1 2.586 16l5.562-5.562a7 7 0 1 1 5.414 5.414l-1.855 1.855A1 1 0 0 1 11 18h-1v1a1 1 0 0 1-1 1H8Zm6-13a1 1 0 0 1 1-1 3 3 0 0 1 3 3 1 1 0 1 1-2 0 1 1 0 0 0-1-1 1 1 0 0 1-1-1Z",
+    fill: "#383C48",
+    fillOpacity: 0.4
+  })));
+};
+
+exports.ReactComponent = SvgAltKey;

package/src/lib/shared/assets/alt-key.js

@@ -0,0 +1,30 @@
+import * as React from 'react';
+
+var _path;
+var _excluded = ["title", "titleId"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+var SvgAltKey = function SvgAltKey(_ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    width: 24,
+    height: 24,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-labelledby": titleId
+  }, props), title ? /*#__PURE__*/React.createElement("title", {
+    id: titleId
+  }, title) : null, _path || (_path = /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M15 4a5 5 0 0 0-4.786 6.453 1 1 0 0 1-.25.997L4 17.414V20h2v-1a1 1 0 0 1 1-1h1v-1a1 1 0 0 1 1-1h1.586l1.964-1.964a1 1 0 0 1 .997-.25A5 5 0 1 0 15 4ZM8 20v1a1 1 0 0 1-1 1H4a2 2 0 0 1-2-2v-2.586A2 2 0 0 1 2.586 16l5.562-5.562a7 7 0 1 1 5.414 5.414l-1.855 1.855A1 1 0 0 1 11 18h-1v1a1 1 0 0 1-1 1H8Zm6-13a1 1 0 0 1 1-1 3 3 0 0 1 3 3 1 1 0 1 1-2 0 1 1 0 0 0-1-1 1 1 0 0 1-1-1Z",
+    fill: "#383C48",
+    fillOpacity: 0.4
+  })));
+};
+
+export { SvgAltKey as ReactComponent };

package/src/lib/shared/assets/index.d.ts

@@ -65,3 +65,4 @@ export { ReactComponent as AltEmbeddedWalletIcon } from './alt-embedded-wallet.s
 export { ReactComponent as FaceIdIcon } from './face-id.svg';
 export { ReactComponent as ExportEmbeddedHero } from './export-embedded-hero.svg';
 export { ReactComponent as WalletV2Icon } from './wallet-v2.svg';
+export { ReactComponent as AltKeyIcon } from './alt-key.svg';

package/src/lib/shared/types/index.d.ts

@@ -177,6 +177,9 @@ export type DynamicEventsCallbacks = {
         messageToSign: string;
         signedMessage: string;
     }) => void;
+    /** Called when the auth modal is closed before reaching success (due to user cancel or fail) */
+    onAuthFlowCancel?: () => void;
+    /** Called whenever the auth modal is closed */
     onAuthFlowClose?: () => void;
     onAuthFlowOpen?: () => void;
     onAuthSuccess?: OnAuthSuccess;