@dynamic-labs/sdk-react-core 4.40.0 → 4.40.2

package/CHANGELOG.md

@@ -1,4 +1,17 @@
 
+### [4.40.2](https://github.com/dynamic-labs/dynamic-auth/compare/v4.40.1...v4.40.2) (2025-10-28)
+
+
+### Bug Fixes
+
+* upgrade node to 20.20 in sanity-yarn-add-sdk job for compatibility ([#9743](https://github.com/dynamic-labs/dynamic-auth/issues/9743)) ([58d7e32](https://github.com/dynamic-labs/dynamic-auth/commit/58d7e32cd3965fba983c91c6345eae3bfe8dd1d5))
+
+### [4.40.1](https://github.com/dynamic-labs/dynamic-auth/compare/v4.40.0...v4.40.1) (2025-10-24)
+
+### Bug Fixes
+
+* add support for Keplr in-app browser redirect for cosmos chain ([#9770](https://github.com/dynamic-labs/dynamic-auth/issues/9770)) ([35652f3](https://github.com/dynamic-labs/dynamic-auth/commit/35652f3167a4e768f5d4c634ab1b4f127fd5076a))
+
 ## [4.40.0](https://github.com/dynamic-labs/dynamic-auth/compare/v4.39.0...v4.40.0) (2025-10-22)
 
 

package/package.cjs

@@ -3,7 +3,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "4.40.0";
+var version = "4.40.2";
 var dependencies = {
 	"@dynamic-labs/sdk-api-core": "0.0.813",
 	"@dynamic-labs-sdk/client": "0.1.0-alpha.23",

package/package.js

@@ -1,5 +1,5 @@
 'use client'
-var version = "4.40.0";
+var version = "4.40.2";
 var dependencies = {
 	"@dynamic-labs/sdk-api-core": "0.0.813",
 	"@dynamic-labs-sdk/client": "0.1.0-alpha.23",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dynamic-labs/sdk-react-core",
-  "version": "4.40.0",
+  "version": "4.40.2",
   "dependencies": {
     "@dynamic-labs/sdk-api-core": "0.0.813",
     "@dynamic-labs-sdk/client": "0.1.0-alpha.23",
@@ -15,17 +15,17 @@
     "yup": "0.32.11",
     "react-international-phone": "4.5.0",
     "bs58": "5.0.0",
-    "@dynamic-labs/assert-package-version": "4.40.0",
-    "@dynamic-labs/iconic": "4.40.0",
-    "@dynamic-labs/locale": "4.40.0",
-    "@dynamic-labs/logger": "4.40.0",
-    "@dynamic-labs/multi-wallet": "4.40.0",
-    "@dynamic-labs/rpc-providers": "4.40.0",
-    "@dynamic-labs/store": "4.40.0",
-    "@dynamic-labs/types": "4.40.0",
-    "@dynamic-labs/utils": "4.40.0",
-    "@dynamic-labs/wallet-book": "4.40.0",
-    "@dynamic-labs/wallet-connector-core": "4.40.0",
+    "@dynamic-labs/assert-package-version": "4.40.2",
+    "@dynamic-labs/iconic": "4.40.2",
+    "@dynamic-labs/locale": "4.40.2",
+    "@dynamic-labs/logger": "4.40.2",
+    "@dynamic-labs/multi-wallet": "4.40.2",
+    "@dynamic-labs/rpc-providers": "4.40.2",
+    "@dynamic-labs/store": "4.40.2",
+    "@dynamic-labs/types": "4.40.2",
+    "@dynamic-labs/utils": "4.40.2",
+    "@dynamic-labs/wallet-book": "4.40.2",
+    "@dynamic-labs/wallet-connector-core": "4.40.2",
     "eventemitter3": "5.0.1"
   },
   "devDependencies": {

package/src/lib/components/SendBalanceForm/SendBalanceForm.cjs

@@ -93,7 +93,6 @@ require('../../views/MfaChooseDeviceView/useGetMfaOptions/useGetMfaOptions.cjs')
 require('../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../context/OnrampContext/OnrampContext.cjs');
 var sendBalances = require('../../store/state/sendBalances.cjs');
-var roundToNthDecimal = require('../../utils/functions/roundToNthDecimal/roundToNthDecimal.cjs');
 var TokensBalanceDropdown = require('../SendBalancePageLayout/components/TokensBalanceDropdown/TokensBalanceDropdown.cjs');
 var utils = require('../TransactionConfirmationPageLayout/utils.cjs');
 require('../../store/state/connectorsInitializing/connectorsInitializing.cjs');
@@ -186,7 +185,7 @@ const SendBalanceForm = ({ initialValues, onSubmit, decimals = 18, validateAddre
                                 }, placeholder: t('dyn_send_transaction.data.amount.placeholder'), as: Input.Input, error: errors['amount'], copykey: 'dyn_send_transaction.data.amount.label', message: touched['amount'] &&
                                     getDisplayErrorMessage(errors, t, 'amount', decimals), style: {
                                     paddingLeft: `${leftSymbolPadding}px`,
-                                } }), jsxRuntime.jsx("div", { className: 'send-balance-form__amount-container__floating_value', ref: floatingValueRef, children: jsxRuntime.jsx(Typography.Typography, { variant: 'title', weight: 'regular', color: 'secondary', children: currentToken === null || currentToken === void 0 ? void 0 : currentToken.symbol }) }), jsxRuntime.jsx("div", { className: 'send-balance-form__amount-container__balance', children: showFiat && !Number.isNaN(amount) && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Typography.Typography, { variant: 'body_mini', weight: 'bold', color: 'secondary', children: "$" }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_mini', weight: 'regular', color: 'secondary', children: utils.getDisplayFiatPrice(amount, currentToken) })] })) })] }), jsxRuntime.jsx(Typography.Typography, { className: 'send-balance-form__amount_available', variant: 'body_small', weight: 'regular', color: 'secondary', as: 'div', children: jsxRuntime.jsxs("div", { style: { display: 'flex', gap: '0.225rem' }, children: [jsxRuntime.jsx(Typography.Typography, { className: 'send-balance-form__amount_available__line', variant: 'body_small', weight: 'bold', color: 'primary', as: 'div', children: (_a = roundToNthDecimal.roundToNthDecimal(currentToken === null || currentToken === void 0 ? void 0 : currentToken.balance, 6)) !== null && _a !== void 0 ? _a : 0 }), `${currentToken === null || currentToken === void 0 ? void 0 : currentToken.symbol} Available`] }) }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', weight: 'regular', color: 'secondary', copykey: 'dyn_send_transaction.data.recipient.label', children: "Recipient Address" }), jsxRuntime.jsx(formik.Field, { className: 'send-balance-form__field', placeholder: t('dyn_send_transaction.data.recipient.placeholder'), label: t('dyn_send_transaction.data.recipient.label'), id: 'recipient', name: 'recipient', as: Input.Input, error: errors['recipient'], copykey: 'dyn_send_transaction.data.recipient.label', message: touched['recipient'] &&
+                                } }), jsxRuntime.jsx("div", { className: 'send-balance-form__amount-container__floating_value', ref: floatingValueRef, children: jsxRuntime.jsx(Typography.Typography, { variant: 'title', weight: 'regular', color: 'secondary', children: currentToken === null || currentToken === void 0 ? void 0 : currentToken.symbol }) }), jsxRuntime.jsx("div", { className: 'send-balance-form__amount-container__balance', children: showFiat && !Number.isNaN(amount) && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Typography.Typography, { variant: 'body_mini', weight: 'bold', color: 'secondary', children: "$" }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_mini', weight: 'regular', color: 'secondary', children: utils.getDisplayFiatPrice(amount, currentToken) })] })) })] }), jsxRuntime.jsx(Typography.Typography, { className: 'send-balance-form__amount_available', variant: 'body_small', weight: 'regular', color: 'secondary', as: 'div', children: jsxRuntime.jsxs("div", { style: { display: 'flex', gap: '0.225rem' }, children: [jsxRuntime.jsx(Typography.Typography, { className: 'send-balance-form__amount_available__line', variant: 'body_small', weight: 'bold', color: 'primary', as: 'div', children: (_a = currentToken === null || currentToken === void 0 ? void 0 : currentToken.balance) !== null && _a !== void 0 ? _a : 0 }), `${currentToken === null || currentToken === void 0 ? void 0 : currentToken.symbol} Available`] }) }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', weight: 'regular', color: 'secondary', copykey: 'dyn_send_transaction.data.recipient.label', children: "Recipient Address" }), jsxRuntime.jsx(formik.Field, { className: 'send-balance-form__field', placeholder: t('dyn_send_transaction.data.recipient.placeholder'), label: t('dyn_send_transaction.data.recipient.label'), id: 'recipient', name: 'recipient', as: Input.Input, error: errors['recipient'], copykey: 'dyn_send_transaction.data.recipient.label', message: touched['recipient'] &&
                             getDisplayErrorMessage(errors, t, 'recipient') }), jsxRuntime.jsx(TypographyButton.TypographyButton, { dataTestId: 'sendBalanceFormSubmitButton', expanded: true, type: 'submit', buttonVariant: 'primary', buttonPadding: 'small', buttonClassName: 'send-balance-form__button', copykey: 'dyn_send_transaction.preview_transaction', children: t('dyn_send_transaction.preview_transaction') })] }));
         } }));
 };

package/src/lib/components/SendBalanceForm/SendBalanceForm.js

@@ -89,7 +89,6 @@ import '../../views/MfaChooseDeviceView/useGetMfaOptions/useGetMfaOptions.js';
 import '../../context/PasskeyContext/PasskeyContext.js';
 import '../../context/OnrampContext/OnrampContext.js';
 import { useSendBalanceState, setSendBalanceVariable } from '../../store/state/sendBalances.js';
-import { roundToNthDecimal } from '../../utils/functions/roundToNthDecimal/roundToNthDecimal.js';
 import { TokensBalanceDropdown } from '../SendBalancePageLayout/components/TokensBalanceDropdown/TokensBalanceDropdown.js';
 import { getDisplayFiatPrice } from '../TransactionConfirmationPageLayout/utils.js';
 import '../../store/state/connectorsInitializing/connectorsInitializing.js';
@@ -182,7 +181,7 @@ const SendBalanceForm = ({ initialValues, onSubmit, decimals = 18, validateAddre
                                 }, placeholder: t('dyn_send_transaction.data.amount.placeholder'), as: Input, error: errors['amount'], copykey: 'dyn_send_transaction.data.amount.label', message: touched['amount'] &&
                                     getDisplayErrorMessage(errors, t, 'amount', decimals), style: {
                                     paddingLeft: `${leftSymbolPadding}px`,
-                                } }), jsx("div", { className: 'send-balance-form__amount-container__floating_value', ref: floatingValueRef, children: jsx(Typography, { variant: 'title', weight: 'regular', color: 'secondary', children: currentToken === null || currentToken === void 0 ? void 0 : currentToken.symbol }) }), jsx("div", { className: 'send-balance-form__amount-container__balance', children: showFiat && !Number.isNaN(amount) && (jsxs(Fragment, { children: [jsx(Typography, { variant: 'body_mini', weight: 'bold', color: 'secondary', children: "$" }), jsx(Typography, { variant: 'body_mini', weight: 'regular', color: 'secondary', children: getDisplayFiatPrice(amount, currentToken) })] })) })] }), jsx(Typography, { className: 'send-balance-form__amount_available', variant: 'body_small', weight: 'regular', color: 'secondary', as: 'div', children: jsxs("div", { style: { display: 'flex', gap: '0.225rem' }, children: [jsx(Typography, { className: 'send-balance-form__amount_available__line', variant: 'body_small', weight: 'bold', color: 'primary', as: 'div', children: (_a = roundToNthDecimal(currentToken === null || currentToken === void 0 ? void 0 : currentToken.balance, 6)) !== null && _a !== void 0 ? _a : 0 }), `${currentToken === null || currentToken === void 0 ? void 0 : currentToken.symbol} Available`] }) }), jsx(Typography, { variant: 'body_small', weight: 'regular', color: 'secondary', copykey: 'dyn_send_transaction.data.recipient.label', children: "Recipient Address" }), jsx(Field, { className: 'send-balance-form__field', placeholder: t('dyn_send_transaction.data.recipient.placeholder'), label: t('dyn_send_transaction.data.recipient.label'), id: 'recipient', name: 'recipient', as: Input, error: errors['recipient'], copykey: 'dyn_send_transaction.data.recipient.label', message: touched['recipient'] &&
+                                } }), jsx("div", { className: 'send-balance-form__amount-container__floating_value', ref: floatingValueRef, children: jsx(Typography, { variant: 'title', weight: 'regular', color: 'secondary', children: currentToken === null || currentToken === void 0 ? void 0 : currentToken.symbol }) }), jsx("div", { className: 'send-balance-form__amount-container__balance', children: showFiat && !Number.isNaN(amount) && (jsxs(Fragment, { children: [jsx(Typography, { variant: 'body_mini', weight: 'bold', color: 'secondary', children: "$" }), jsx(Typography, { variant: 'body_mini', weight: 'regular', color: 'secondary', children: getDisplayFiatPrice(amount, currentToken) })] })) })] }), jsx(Typography, { className: 'send-balance-form__amount_available', variant: 'body_small', weight: 'regular', color: 'secondary', as: 'div', children: jsxs("div", { style: { display: 'flex', gap: '0.225rem' }, children: [jsx(Typography, { className: 'send-balance-form__amount_available__line', variant: 'body_small', weight: 'bold', color: 'primary', as: 'div', children: (_a = currentToken === null || currentToken === void 0 ? void 0 : currentToken.balance) !== null && _a !== void 0 ? _a : 0 }), `${currentToken === null || currentToken === void 0 ? void 0 : currentToken.symbol} Available`] }) }), jsx(Typography, { variant: 'body_small', weight: 'regular', color: 'secondary', copykey: 'dyn_send_transaction.data.recipient.label', children: "Recipient Address" }), jsx(Field, { className: 'send-balance-form__field', placeholder: t('dyn_send_transaction.data.recipient.placeholder'), label: t('dyn_send_transaction.data.recipient.label'), id: 'recipient', name: 'recipient', as: Input, error: errors['recipient'], copykey: 'dyn_send_transaction.data.recipient.label', message: touched['recipient'] &&
                             getDisplayErrorMessage(errors, t, 'recipient') }), jsx(TypographyButton, { dataTestId: 'sendBalanceFormSubmitButton', expanded: true, type: 'submit', buttonVariant: 'primary', buttonPadding: 'small', buttonClassName: 'send-balance-form__button', copykey: 'dyn_send_transaction.preview_transaction', children: t('dyn_send_transaction.preview_transaction') })] }));
         } }));
 };

package/src/lib/components/SendBalancePageLayout/components/TokensBalanceDropdown/TokensBalanceDropdown.cjs

@@ -79,7 +79,6 @@ require('../../../MenuList/Dropdown/Dropdown.cjs');
 require('formik');
 require('../../../../utils/hooks/useSubdomainCheck/useSubdomainCheck.cjs');
 var sendBalances = require('../../../../store/state/sendBalances.cjs');
-var roundToNthDecimal = require('../../../../utils/functions/roundToNthDecimal/roundToNthDecimal.cjs');
 require('../../../Input/Input.cjs');
 var abi = require('../../../../utils/constants/erc20/abi.cjs');
 var MenuList = require('../../../MenuList/MenuList/MenuList.cjs');
@@ -172,7 +171,11 @@ const TokensBalanceDropdown = ({ tokenBalances, currentToken, setCurrentToken, i
                         }), children: jsxRuntime.jsx(stroke.ReactComponent, {}) })] })), jsxRuntime.jsx(MenuList.MenuList, { className: 'tokens-balance-dropdown__menu_list', isOpen: isDropdownOpen, popperProps: {
                     anchorOrigin: 'bottom-left',
                     anchorRef,
-                }, mobileTitle: 'Select token', children: filteredTokenBalances.length > 0 ? (filteredTokenBalances.map((t) => (jsxRuntime.jsxs("button", { className: 'tokens-balance-dropdown__menu_list_item', onClick: () => handleTokenClick(t.name), children: [jsxRuntime.jsxs("div", { className: 'tokens-balance-dropdown__menu_list_item__name', children: [tokenLogo(t, '16'), jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', color: 'primary', children: t.name })] }), jsxRuntime.jsxs("div", { className: 'tokens-balance-dropdown__menu_list_item__balance', children: [jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', color: 'secondary', children: t.symbol }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', color: 'primary', children: roundToNthDecimal.roundToNthDecimal(t.balance, 6) })] })] }, t.address)))) : (jsxRuntime.jsx("div", { className: 'token-balance-list__empty', children: jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', color: 'secondary', copykey: 'dyn_wallet_information.multi_asset.empty_state', children: t('dyn_wallet_information.multi_asset.empty_state') }) })) })] }));
+                }, mobileTitle: 'Select token', children: filteredTokenBalances.length > 0 ? (filteredTokenBalances.map((t) => (jsxRuntime.jsxs("button", { className: 'tokens-balance-dropdown__menu_list_item', onClick: () => handleTokenClick(t.name), children: [jsxRuntime.jsxs("div", { className: 'tokens-balance-dropdown__menu_list_item__name', children: [tokenLogo(t, '16'), jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', color: 'primary', children: t.name })] }), jsxRuntime.jsxs("div", { className: 'tokens-balance-dropdown__menu_list_item__balance', style: {
+                                alignItems: 'flex-end',
+                                display: 'flex',
+                                flexDirection: 'column',
+                            }, children: [jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', color: 'secondary', children: t.symbol }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', color: 'primary', children: t.balance })] })] }, t.address)))) : (jsxRuntime.jsx("div", { className: 'token-balance-list__empty', children: jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', color: 'secondary', copykey: 'dyn_wallet_information.multi_asset.empty_state', children: t('dyn_wallet_information.multi_asset.empty_state') }) })) })] }));
 };
 
 exports.TokensBalanceDropdown = TokensBalanceDropdown;

package/src/lib/components/SendBalancePageLayout/components/TokensBalanceDropdown/TokensBalanceDropdown.js

@@ -75,7 +75,6 @@ import '../../../MenuList/Dropdown/Dropdown.js';
 import 'formik';
 import '../../../../utils/hooks/useSubdomainCheck/useSubdomainCheck.js';
 import { setSendBalanceVariable } from '../../../../store/state/sendBalances.js';
-import { roundToNthDecimal } from '../../../../utils/functions/roundToNthDecimal/roundToNthDecimal.js';
 import '../../../Input/Input.js';
 import { erc20Abi } from '../../../../utils/constants/erc20/abi.js';
 import { MenuList } from '../../../MenuList/MenuList/MenuList.js';
@@ -168,7 +167,11 @@ const TokensBalanceDropdown = ({ tokenBalances, currentToken, setCurrentToken, i
                         }), children: jsx(SvgStroke, {}) })] })), jsx(MenuList, { className: 'tokens-balance-dropdown__menu_list', isOpen: isDropdownOpen, popperProps: {
                     anchorOrigin: 'bottom-left',
                     anchorRef,
-                }, mobileTitle: 'Select token', children: filteredTokenBalances.length > 0 ? (filteredTokenBalances.map((t) => (jsxs("button", { className: 'tokens-balance-dropdown__menu_list_item', onClick: () => handleTokenClick(t.name), children: [jsxs("div", { className: 'tokens-balance-dropdown__menu_list_item__name', children: [tokenLogo(t, '16'), jsx(Typography, { variant: 'body_small', color: 'primary', children: t.name })] }), jsxs("div", { className: 'tokens-balance-dropdown__menu_list_item__balance', children: [jsx(Typography, { variant: 'body_small', color: 'secondary', children: t.symbol }), jsx(Typography, { variant: 'body_small', color: 'primary', children: roundToNthDecimal(t.balance, 6) })] })] }, t.address)))) : (jsx("div", { className: 'token-balance-list__empty', children: jsx(Typography, { variant: 'body_small', color: 'secondary', copykey: 'dyn_wallet_information.multi_asset.empty_state', children: t('dyn_wallet_information.multi_asset.empty_state') }) })) })] }));
+                }, mobileTitle: 'Select token', children: filteredTokenBalances.length > 0 ? (filteredTokenBalances.map((t) => (jsxs("button", { className: 'tokens-balance-dropdown__menu_list_item', onClick: () => handleTokenClick(t.name), children: [jsxs("div", { className: 'tokens-balance-dropdown__menu_list_item__name', children: [tokenLogo(t, '16'), jsx(Typography, { variant: 'body_small', color: 'primary', children: t.name })] }), jsxs("div", { className: 'tokens-balance-dropdown__menu_list_item__balance', style: {
+                                alignItems: 'flex-end',
+                                display: 'flex',
+                                flexDirection: 'column',
+                            }, children: [jsx(Typography, { variant: 'body_small', color: 'secondary', children: t.symbol }), jsx(Typography, { variant: 'body_small', color: 'primary', children: t.balance })] })] }, t.address)))) : (jsx("div", { className: 'token-balance-list__empty', children: jsx(Typography, { variant: 'body_small', color: 'secondary', copykey: 'dyn_wallet_information.multi_asset.empty_state', children: t('dyn_wallet_information.multi_asset.empty_state') }) })) })] }));
 };
 
 export { TokensBalanceDropdown };

package/src/lib/context/DynamicContext/hooks/useHandleLogout/types.d.ts

@@ -5,10 +5,11 @@ import { DynamicEventsCallbacks, Wallet } from '../../../../shared';
 import { MultiWalletWidgetStateSetter } from '../../../../utils/hooks/multiWallet';
 import { ChainsToConnect } from '../../types';
 import { SetShowAuthFlow } from '../useShowAuthFlow';
+import { SetSelectedWalletConnectorKey } from '../useSelectedWalletConnector/SetSelectedWalletConnectorKey.type';
 export type UseHandleLogoutParams = {
     clearAllWalletConnectSessions: () => void;
     bridgeChains: ChainsToConnect[] | undefined;
-    setSelectedWalletConnectorKey: Dispatch<SetStateAction<string | null>>;
+    setSelectedWalletConnectorKey: SetSelectedWalletConnectorKey;
     setShowDynamicUserProfile: Dispatch<SetStateAction<boolean>>;
     setShowBridgeWidget: Dispatch<SetStateAction<boolean>>;
     user: UserProfile | undefined;

package/src/lib/context/DynamicContext/hooks/useSelectedWalletConnector/SetSelectedWalletConnectorKey.type.d.ts

@@ -0,0 +1,5 @@
+import { WalletConnectorBase } from '@dynamic-labs/wallet-connector-core';
+export type SetSelectedWalletConnectorKey = (data: {
+    key: string;
+    chain?: WalletConnectorBase['connectedChain'];
+} | string | null) => void;

package/src/lib/context/DynamicContext/hooks/useSelectedWalletConnector/useSelectedWalletConnector.cjs

@@ -6,15 +6,29 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 
 const useSelectedWalletConnector = ({ walletConnectorOptions, }) => {
-    const [selectedWalletConnectorKey, setSelectedWalletConnectorKey] = React.useState(null);
+    const [selectedWalletConnectorData, setSelectedWalletConnectorData] = React.useState(null);
+    /**
+     * To keep backwards compatibility, this also accepts a single string param which will be just the key
+     */
+    const setSelectedWalletConnectorKey = (data) => {
+        if (typeof data === 'string') {
+            setSelectedWalletConnectorData({ key: data });
+        }
+        else {
+            setSelectedWalletConnectorData(data);
+        }
+    };
     // Instead of storing the selected connector directly, we derive it from the wallets
     // This way if wallets change, the selected connector will be updated too
     const selectedWalletConnector = React.useMemo(() => {
-        var _a, _b;
-        if (!selectedWalletConnectorKey)
+        var _a;
+        if (!selectedWalletConnectorData)
             return null;
-        return ((_b = (_a = walletConnectorOptions.find(({ walletConnector }) => walletConnector.key === selectedWalletConnectorKey)) === null || _a === void 0 ? void 0 : _a.walletConnector) !== null && _b !== void 0 ? _b : null);
-    }, [selectedWalletConnectorKey, walletConnectorOptions]);
+        const option = walletConnectorOptions.find(({ walletConnector }) => walletConnector.key === selectedWalletConnectorData.key &&
+            (!selectedWalletConnectorData.chain ||
+                walletConnector.connectedChain === selectedWalletConnectorData.chain));
+        return (_a = option === null || option === void 0 ? void 0 : option.walletConnector) !== null && _a !== void 0 ? _a : null;
+    }, [selectedWalletConnectorData, walletConnectorOptions]);
     return { selectedWalletConnector, setSelectedWalletConnectorKey };
 };
 

package/src/lib/context/DynamicContext/hooks/useSelectedWalletConnector/useSelectedWalletConnector.d.ts

@@ -1,10 +1,10 @@
-/// <reference types="react" />
 import { WalletOption } from '../../../../shared';
+import { SetSelectedWalletConnectorKey } from './SetSelectedWalletConnectorKey.type';
 type useSelectedWalletConnectorProps = {
     walletConnectorOptions: WalletOption[];
 };
 export declare const useSelectedWalletConnector: ({ walletConnectorOptions, }: useSelectedWalletConnectorProps) => {
-    selectedWalletConnector: import("dist/packages/wallet-connector-core/src").WalletConnectorCore.WalletConnector | null;
-    setSelectedWalletConnectorKey: import("react").Dispatch<import("react").SetStateAction<string | null>>;
+    selectedWalletConnector: import("@dynamic-labs/wallet-connector-core").WalletConnectorCore.WalletConnector | null;
+    setSelectedWalletConnectorKey: SetSelectedWalletConnectorKey;
 };
 export {};

package/src/lib/context/DynamicContext/hooks/useSelectedWalletConnector/useSelectedWalletConnector.js

@@ -2,15 +2,29 @@
 import { useState, useMemo } from 'react';
 
 const useSelectedWalletConnector = ({ walletConnectorOptions, }) => {
-    const [selectedWalletConnectorKey, setSelectedWalletConnectorKey] = useState(null);
+    const [selectedWalletConnectorData, setSelectedWalletConnectorData] = useState(null);
+    /**
+     * To keep backwards compatibility, this also accepts a single string param which will be just the key
+     */
+    const setSelectedWalletConnectorKey = (data) => {
+        if (typeof data === 'string') {
+            setSelectedWalletConnectorData({ key: data });
+        }
+        else {
+            setSelectedWalletConnectorData(data);
+        }
+    };
     // Instead of storing the selected connector directly, we derive it from the wallets
     // This way if wallets change, the selected connector will be updated too
     const selectedWalletConnector = useMemo(() => {
-        var _a, _b;
-        if (!selectedWalletConnectorKey)
+        var _a;
+        if (!selectedWalletConnectorData)
             return null;
-        return ((_b = (_a = walletConnectorOptions.find(({ walletConnector }) => walletConnector.key === selectedWalletConnectorKey)) === null || _a === void 0 ? void 0 : _a.walletConnector) !== null && _b !== void 0 ? _b : null);
-    }, [selectedWalletConnectorKey, walletConnectorOptions]);
+        const option = walletConnectorOptions.find(({ walletConnector }) => walletConnector.key === selectedWalletConnectorData.key &&
+            (!selectedWalletConnectorData.chain ||
+                walletConnector.connectedChain === selectedWalletConnectorData.chain));
+        return (_a = option === null || option === void 0 ? void 0 : option.walletConnector) !== null && _a !== void 0 ? _a : null;
+    }, [selectedWalletConnectorData, walletConnectorOptions]);
     return { selectedWalletConnector, setSelectedWalletConnectorKey };
 };
 

package/src/lib/context/DynamicContext/types/IDynamicContext.d.ts

@@ -13,6 +13,7 @@ import { ConnectWalletOptions } from '../../../utils/hooks/useConnectWallet/useC
 import { ThemeData, ThemeSetting } from '../../ThemeContext';
 import { DisplayOrder, SetDisplayOrderPriority, SetShowAuthFlow } from '../hooks';
 import { SetCallbackType } from '../useCustomerCallbacks';
+import { SetSelectedWalletConnectorKey } from '../hooks/useSelectedWalletConnector/SetSelectedWalletConnectorKey.type';
 import { SettingsOverrides } from './SettingsOverrides';
 import { SocialSettings } from './SocialSettings';
 export type ChainsToConnect = {
@@ -134,7 +135,7 @@ export interface IDynamicContext {
     setPasskeySuccessPopup: (key: PasskeySuccessEnum) => void;
     setPrimaryWallet: (walletId: string) => Promise<void>;
     setQrcodeUri: Dispatch<SetStateAction<string>>;
-    setSelectedWalletConnectorKey: (key: string | null) => void;
+    setSelectedWalletConnectorKey: SetSelectedWalletConnectorKey;
     setSelectedWalletWithAction: (walletWithAction: WalletWithAction | null) => void;
     setShowAuthFlow: SetShowAuthFlow;
     /**