@dynamic-labs/sdk-react-core 4.40.1 → 4.41.0

package/src/lib/utils/functions/openOnrampPopup.cjs

@@ -5,6 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _tslib = require('../../../../_virtual/_tslib.cjs');
 var sdkApiCore = require('@dynamic-labs/sdk-api-core');
+var utils = require('@dynamic-labs/utils');
 var openPopup = require('./openPopup/openPopup.cjs');
 
 const ONRAMP_POPUP_CONFIG = {
@@ -26,6 +27,13 @@ const openOnrampPopup = (url_1, wallet_1, setShowOnramp_1, ...args_1) => _tslib.
         if (!url) {
             throw new Error('Cannot open onramp popup: Empty URL');
         }
+        // On mobile devices, fall back to direct navigation for crypto.com
+        // since mobile browsers often block popups
+        if (utils.isMobile() && provider === sdkApiCore.OnrampProviders.CryptoDotCom) {
+            window.open(url, '_blank', 'noopener,noreferrer');
+            setShowOnramp(false);
+            return;
+        }
         // Open the popup - errors will propagate to the caller
         yield openPopup.openPopup(url, ONRAMP_POPUP_CONFIG.width, ONRAMP_POPUP_CONFIG.height, () => {
             // When the popup is closed (by user or programmatically), update the UI

package/src/lib/utils/functions/openOnrampPopup.js

@@ -1,6 +1,7 @@
 'use client'
 import { __awaiter } from '../../../../_virtual/_tslib.js';
 import { OnrampProviders } from '@dynamic-labs/sdk-api-core';
+import { isMobile } from '@dynamic-labs/utils';
 import { openPopup } from './openPopup/openPopup.js';
 
 const ONRAMP_POPUP_CONFIG = {
@@ -22,6 +23,13 @@ const openOnrampPopup = (url_1, wallet_1, setShowOnramp_1, ...args_1) => __await
         if (!url) {
             throw new Error('Cannot open onramp popup: Empty URL');
         }
+        // On mobile devices, fall back to direct navigation for crypto.com
+        // since mobile browsers often block popups
+        if (isMobile() && provider === OnrampProviders.CryptoDotCom) {
+            window.open(url, '_blank', 'noopener,noreferrer');
+            setShowOnramp(false);
+            return;
+        }
         // Open the popup - errors will propagate to the caller
         yield openPopup(url, ONRAMP_POPUP_CONFIG.width, ONRAMP_POPUP_CONFIG.height, () => {
             // When the popup is closed (by user or programmatically), update the UI

package/src/lib/utils/hooks/authenticationHooks/useSignConnectOnlyUser/useSignConnectOnlyUser.cjs

@@ -124,7 +124,10 @@ const useSignConnectOnlyUser = () => {
             // We need this because in connect-only we don't want to show wallet-list
             // We don't want to show the back button in the pending signature view
             // because we don't want to go back to the wallet-list
-            setSelectedWalletConnectorKey(walletConnector.key);
+            setSelectedWalletConnectorKey({
+                chain: walletConnector.connectedChain,
+                key: walletConnector.key,
+            });
             pushView('pending-signature-without-back-button');
             setShowAuthFlow(true);
             // Wallet should be already connected at this point

package/src/lib/utils/hooks/authenticationHooks/useSignConnectOnlyUser/useSignConnectOnlyUser.js

@@ -120,7 +120,10 @@ const useSignConnectOnlyUser = () => {
             // We need this because in connect-only we don't want to show wallet-list
             // We don't want to show the back button in the pending signature view
             // because we don't want to go back to the wallet-list
-            setSelectedWalletConnectorKey(walletConnector.key);
+            setSelectedWalletConnectorKey({
+                chain: walletConnector.connectedChain,
+                key: walletConnector.key,
+            });
             pushView('pending-signature-without-back-button');
             setShowAuthFlow(true);
             // Wallet should be already connected at this point

package/src/lib/utils/hooks/useConnectedWalletsNetworkValidation/useConnectedWalletsNetworkValidation.cjs

@@ -137,7 +137,10 @@ const useConnectedWalletsNetworkValidation = () => {
         // This is required because NetworkNotSupported uses walletConnector to display wallet icon, address etc.
         if (connectedWalletWithInvalidNetwork.connector.key !==
             (selectedWalletConnector === null || selectedWalletConnector === void 0 ? void 0 : selectedWalletConnector.key)) {
-            setSelectedWalletConnectorKey(connectedWalletWithInvalidNetwork.connector.key);
+            setSelectedWalletConnectorKey({
+                chain: connectedWalletWithInvalidNetwork.connector.connectedChain,
+                key: connectedWalletWithInvalidNetwork.connector.key,
+            });
         }
         const networkNotSupportedView = isProgrammableNetworkSwitchSupported.isProgrammableNetworkSwitchSupported(connectedWalletWithInvalidNetwork.connector)
             ? 'network-not-supported'

package/src/lib/utils/hooks/useConnectedWalletsNetworkValidation/useConnectedWalletsNetworkValidation.js

@@ -133,7 +133,10 @@ const useConnectedWalletsNetworkValidation = () => {
         // This is required because NetworkNotSupported uses walletConnector to display wallet icon, address etc.
         if (connectedWalletWithInvalidNetwork.connector.key !==
             (selectedWalletConnector === null || selectedWalletConnector === void 0 ? void 0 : selectedWalletConnector.key)) {
-            setSelectedWalletConnectorKey(connectedWalletWithInvalidNetwork.connector.key);
+            setSelectedWalletConnectorKey({
+                chain: connectedWalletWithInvalidNetwork.connector.connectedChain,
+                key: connectedWalletWithInvalidNetwork.connector.key,
+            });
         }
         const networkNotSupportedView = isProgrammableNetworkSwitchSupported(connectedWalletWithInvalidNetwork.connector)
             ? 'network-not-supported'

package/src/lib/utils/hooks/useSyncOnboardingFlow/useSyncOnboardingFlow.cjs

@@ -17,7 +17,7 @@ var logger = require('../../../shared/logger.cjs');
 require('@dynamic-labs/wallet-book');
 require('@dynamic-labs/utils');
 require('../../constants/colors.cjs');
-require('../../constants/values.cjs');
+var values = require('../../constants/values.cjs');
 var hasPendingMfaAction = require('../../../shared/utils/functions/hasPendingMfaAction/hasPendingMfaAction.cjs');
 require('../../../shared/consts/index.cjs');
 require('../../../context/CaptchaContext/CaptchaContext.cjs');
@@ -162,7 +162,12 @@ const useSyncOnboardingFlow = ({ handler: headlessHandler, } = {}) => {
             setShowAuthFlow(true);
             const lastVerifiedCredential = userWithMissingInfo === null || userWithMissingInfo === void 0 ? void 0 : userWithMissingInfo.verifiedCredentials.find((vc) => vc.id === (userWithMissingInfo === null || userWithMissingInfo === void 0 ? void 0 : userWithMissingInfo.lastVerifiedCredentialId));
             if (lastVerifiedCredential === null || lastVerifiedCredential === void 0 ? void 0 : lastVerifiedCredential.walletName) {
-                setSelectedWalletConnectorKey(lastVerifiedCredential === null || lastVerifiedCredential === void 0 ? void 0 : lastVerifiedCredential.walletName);
+                setSelectedWalletConnectorKey({
+                    chain: (lastVerifiedCredential === null || lastVerifiedCredential === void 0 ? void 0 : lastVerifiedCredential.chain)
+                        ? values.VerifiedCredentialNameToChainEnum[lastVerifiedCredential.chain]
+                        : undefined,
+                    key: lastVerifiedCredential === null || lastVerifiedCredential === void 0 ? void 0 : lastVerifiedCredential.walletName,
+                });
             }
             switch (lastVerifiedCredential === null || lastVerifiedCredential === void 0 ? void 0 : lastVerifiedCredential.format) {
                 case sdkApiCore.JwtVerifiedCredentialFormatEnum.Email:

package/src/lib/utils/hooks/useSyncOnboardingFlow/useSyncOnboardingFlow.js

@@ -13,7 +13,7 @@ import { logger } from '../../../shared/logger.js';
 import '@dynamic-labs/wallet-book';
 import '@dynamic-labs/utils';
 import '../../constants/colors.js';
-import '../../constants/values.js';
+import { VerifiedCredentialNameToChainEnum } from '../../constants/values.js';
 import { hasPendingMfaAction } from '../../../shared/utils/functions/hasPendingMfaAction/hasPendingMfaAction.js';
 import '../../../shared/consts/index.js';
 import '../../../context/CaptchaContext/CaptchaContext.js';
@@ -158,7 +158,12 @@ const useSyncOnboardingFlow = ({ handler: headlessHandler, } = {}) => {
             setShowAuthFlow(true);
             const lastVerifiedCredential = userWithMissingInfo === null || userWithMissingInfo === void 0 ? void 0 : userWithMissingInfo.verifiedCredentials.find((vc) => vc.id === (userWithMissingInfo === null || userWithMissingInfo === void 0 ? void 0 : userWithMissingInfo.lastVerifiedCredentialId));
             if (lastVerifiedCredential === null || lastVerifiedCredential === void 0 ? void 0 : lastVerifiedCredential.walletName) {
-                setSelectedWalletConnectorKey(lastVerifiedCredential === null || lastVerifiedCredential === void 0 ? void 0 : lastVerifiedCredential.walletName);
+                setSelectedWalletConnectorKey({
+                    chain: (lastVerifiedCredential === null || lastVerifiedCredential === void 0 ? void 0 : lastVerifiedCredential.chain)
+                        ? VerifiedCredentialNameToChainEnum[lastVerifiedCredential.chain]
+                        : undefined,
+                    key: lastVerifiedCredential === null || lastVerifiedCredential === void 0 ? void 0 : lastVerifiedCredential.walletName,
+                });
             }
             switch (lastVerifiedCredential === null || lastVerifiedCredential === void 0 ? void 0 : lastVerifiedCredential.format) {
                 case JwtVerifiedCredentialFormatEnum.Email:

package/src/lib/utils/hooks/useWalletEventListeners/useWalletEventListeners.cjs

@@ -45,7 +45,10 @@ const useWalletEventListeners = ({ disconnectWallet, handleLogOut, multiWallet,
         if (!linkedSecondaryWallet) {
             setMultiWalletWidgetState('awaiting_signature', undefined, 'linking_new_wallet');
             if (isPrimaryWallet && primaryWallet) {
-                setSelectedWalletConnectorKey(primaryWallet.connector.key);
+                setSelectedWalletConnectorKey({
+                    chain: primaryWallet.connector.connectedChain,
+                    key: primaryWallet.connector.key,
+                });
             }
             return;
         }
@@ -105,7 +108,10 @@ const useWalletEventListeners = ({ disconnectWallet, handleLogOut, multiWallet,
         }
         if (user && detectNewWalletsForLinking) {
             setMultiWalletWidgetState('detected_new_wallet');
-            setSelectedWalletConnectorKey(primaryWallet.connector.key);
+            setSelectedWalletConnectorKey({
+                chain: primaryWallet.connector.connectedChain,
+                key: primaryWallet.connector.key,
+            });
         }
     }, [
         detectNewWalletsForLinking,

package/src/lib/utils/hooks/useWalletEventListeners/useWalletEventListeners.js

@@ -41,7 +41,10 @@ const useWalletEventListeners = ({ disconnectWallet, handleLogOut, multiWallet,
         if (!linkedSecondaryWallet) {
             setMultiWalletWidgetState('awaiting_signature', undefined, 'linking_new_wallet');
             if (isPrimaryWallet && primaryWallet) {
-                setSelectedWalletConnectorKey(primaryWallet.connector.key);
+                setSelectedWalletConnectorKey({
+                    chain: primaryWallet.connector.connectedChain,
+                    key: primaryWallet.connector.key,
+                });
             }
             return;
         }
@@ -101,7 +104,10 @@ const useWalletEventListeners = ({ disconnectWallet, handleLogOut, multiWallet,
         }
         if (user && detectNewWalletsForLinking) {
             setMultiWalletWidgetState('detected_new_wallet');
-            setSelectedWalletConnectorKey(primaryWallet.connector.key);
+            setSelectedWalletConnectorKey({
+                chain: primaryWallet.connector.connectedChain,
+                key: primaryWallet.connector.key,
+            });
         }
     }, [
         detectNewWalletsForLinking,

package/src/lib/utils/hooks/useWalletItemActions/useHandleWalletItem/useHandleWalletItem.cjs

@@ -116,7 +116,10 @@ const useHandleWalletItem = ({ allowAlreadyConnectedWallet, onQrCodeConnect, onC
         logger.logger.logVerboseTroubleshootingMessage('[handleCustodialWalletClick]', {
             twoStepAuthentication,
         });
-        setSelectedWalletConnectorKey(walletConnector.key);
+        setSelectedWalletConnectorKey({
+            chain: walletConnector.connectedChain,
+            key: walletConnector.key,
+        });
         return onCustodialWallet({
             requiresTwoStepAuthentication: twoStepAuthentication,
             walletConnector,
@@ -125,7 +128,10 @@ const useHandleWalletItem = ({ allowAlreadyConnectedWallet, onQrCodeConnect, onC
     const handleMobileWalletClick = (walletConnector) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         var _a;
         logger.logger.debug('handleMobileWalletClick', walletConnector);
-        setSelectedWalletConnectorKey(walletConnector.key);
+        setSelectedWalletConnectorKey({
+            chain: walletConnector.connectedChain,
+            key: walletConnector.key,
+        });
         // We need to set to LS when about to verify phantom wallet on mobile
         // because the deeplink interrupts this code execution and then redirects back on a new tab.
         // This resets all state (except for LS obviously). When we receive the phantom signature in this new tab,
@@ -153,12 +159,18 @@ const useHandleWalletItem = ({ allowAlreadyConnectedWallet, onQrCodeConnect, onC
     });
     const handleInstalledExtensionClick = (walletConnector) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         logger.logger.debug('handleInstalledExtensionClick', walletConnector);
-        setSelectedWalletConnectorKey(walletConnector.key);
+        setSelectedWalletConnectorKey({
+            chain: walletConnector.connectedChain,
+            key: walletConnector.key,
+        });
         return onInstalledExtension({ walletConnector });
     });
     const handleUninstalledClick = (walletConnector) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         logger.logger.debug('handleUninstalledClick', walletConnector);
-        setSelectedWalletConnectorKey(walletConnector.key);
+        setSelectedWalletConnectorKey({
+            chain: walletConnector.connectedChain,
+            key: walletConnector.key,
+        });
         if (!walletConnector.canConnectViaQrCode) {
             replaceView('no-qr-not-installed');
         }
@@ -191,7 +203,10 @@ const useHandleWalletItem = ({ allowAlreadyConnectedWallet, onQrCodeConnect, onC
             linkedWallets,
             walletConnectorKey: walletConnector.key,
         });
-        setSelectedWalletConnectorKey(walletConnector.key);
+        setSelectedWalletConnectorKey({
+            chain: walletConnector.connectedChain,
+            key: walletConnector.key,
+        });
         if (!activeAccountAlreadyLinked) {
             setMultiWalletWidgetState('awaiting_signature', undefined, 'linking_new_wallet');
             return;
@@ -246,7 +261,10 @@ const useHandleWalletItem = ({ allowAlreadyConnectedWallet, onQrCodeConnect, onC
         // also this is only a feature in MM
         if (authMode$1 !== 'connect-only' && isMetamask) {
             try {
-                setSelectedWalletConnectorKey(walletConnector.key);
+                setSelectedWalletConnectorKey({
+                    chain: walletConnector.connectedChain,
+                    key: walletConnector.key,
+                });
                 pushView('pending-connect');
                 yield walletConnector.chooseAccountsToConnect();
             }

package/src/lib/utils/hooks/useWalletItemActions/useHandleWalletItem/useHandleWalletItem.js

@@ -112,7 +112,10 @@ const useHandleWalletItem = ({ allowAlreadyConnectedWallet, onQrCodeConnect, onC
         logger.logVerboseTroubleshootingMessage('[handleCustodialWalletClick]', {
             twoStepAuthentication,
         });
-        setSelectedWalletConnectorKey(walletConnector.key);
+        setSelectedWalletConnectorKey({
+            chain: walletConnector.connectedChain,
+            key: walletConnector.key,
+        });
         return onCustodialWallet({
             requiresTwoStepAuthentication: twoStepAuthentication,
             walletConnector,
@@ -121,7 +124,10 @@ const useHandleWalletItem = ({ allowAlreadyConnectedWallet, onQrCodeConnect, onC
     const handleMobileWalletClick = (walletConnector) => __awaiter(void 0, void 0, void 0, function* () {
         var _a;
         logger.debug('handleMobileWalletClick', walletConnector);
-        setSelectedWalletConnectorKey(walletConnector.key);
+        setSelectedWalletConnectorKey({
+            chain: walletConnector.connectedChain,
+            key: walletConnector.key,
+        });
         // We need to set to LS when about to verify phantom wallet on mobile
         // because the deeplink interrupts this code execution and then redirects back on a new tab.
         // This resets all state (except for LS obviously). When we receive the phantom signature in this new tab,
@@ -149,12 +155,18 @@ const useHandleWalletItem = ({ allowAlreadyConnectedWallet, onQrCodeConnect, onC
     });
     const handleInstalledExtensionClick = (walletConnector) => __awaiter(void 0, void 0, void 0, function* () {
         logger.debug('handleInstalledExtensionClick', walletConnector);
-        setSelectedWalletConnectorKey(walletConnector.key);
+        setSelectedWalletConnectorKey({
+            chain: walletConnector.connectedChain,
+            key: walletConnector.key,
+        });
         return onInstalledExtension({ walletConnector });
     });
     const handleUninstalledClick = (walletConnector) => __awaiter(void 0, void 0, void 0, function* () {
         logger.debug('handleUninstalledClick', walletConnector);
-        setSelectedWalletConnectorKey(walletConnector.key);
+        setSelectedWalletConnectorKey({
+            chain: walletConnector.connectedChain,
+            key: walletConnector.key,
+        });
         if (!walletConnector.canConnectViaQrCode) {
             replaceView('no-qr-not-installed');
         }
@@ -187,7 +199,10 @@ const useHandleWalletItem = ({ allowAlreadyConnectedWallet, onQrCodeConnect, onC
             linkedWallets,
             walletConnectorKey: walletConnector.key,
         });
-        setSelectedWalletConnectorKey(walletConnector.key);
+        setSelectedWalletConnectorKey({
+            chain: walletConnector.connectedChain,
+            key: walletConnector.key,
+        });
         if (!activeAccountAlreadyLinked) {
             setMultiWalletWidgetState('awaiting_signature', undefined, 'linking_new_wallet');
             return;
@@ -242,7 +257,10 @@ const useHandleWalletItem = ({ allowAlreadyConnectedWallet, onQrCodeConnect, onC
         // also this is only a feature in MM
         if (authMode !== 'connect-only' && isMetamask) {
             try {
-                setSelectedWalletConnectorKey(walletConnector.key);
+                setSelectedWalletConnectorKey({
+                    chain: walletConnector.connectedChain,
+                    key: walletConnector.key,
+                });
                 pushView('pending-connect');
                 yield walletConnector.chooseAccountsToConnect();
             }

package/src/lib/widgets/DynamicWidget/prompts/PendingAccountSwitchModal/SwitchOrUseActiveAccountView/SwitchOrUseActiveAccountView.cjs

@@ -119,7 +119,10 @@ const SwitchOrUseActiveAccountView = ({ connectedWallet, selectedWalletToSwitchT
         }
         setSelectedWalletWithAction({ action: 'select', wallet: connectedWallet });
         setPrimaryWallet(connectedWallet === null || connectedWallet === void 0 ? void 0 : connectedWallet.id);
-        setSelectedWalletConnectorKey(connectedWallet === null || connectedWallet === void 0 ? void 0 : connectedWallet.connector.key);
+        setSelectedWalletConnectorKey({
+            chain: connectedWallet === null || connectedWallet === void 0 ? void 0 : connectedWallet.connector.connectedChain,
+            key: connectedWallet === null || connectedWallet === void 0 ? void 0 : connectedWallet.connector.key,
+        });
     }), [
         connectedWallet,
         setSelectedWalletWithAction,

package/src/lib/widgets/DynamicWidget/prompts/PendingAccountSwitchModal/SwitchOrUseActiveAccountView/SwitchOrUseActiveAccountView.js

@@ -115,7 +115,10 @@ const SwitchOrUseActiveAccountView = ({ connectedWallet, selectedWalletToSwitchT
         }
         setSelectedWalletWithAction({ action: 'select', wallet: connectedWallet });
         setPrimaryWallet(connectedWallet === null || connectedWallet === void 0 ? void 0 : connectedWallet.id);
-        setSelectedWalletConnectorKey(connectedWallet === null || connectedWallet === void 0 ? void 0 : connectedWallet.connector.key);
+        setSelectedWalletConnectorKey({
+            chain: connectedWallet === null || connectedWallet === void 0 ? void 0 : connectedWallet.connector.connectedChain,
+            key: connectedWallet === null || connectedWallet === void 0 ? void 0 : connectedWallet.connector.key,
+        });
     }), [
         connectedWallet,
         setSelectedWalletWithAction,