@dynamic-labs/sdk-react-core 4.67.0 → 4.67.2

package/CHANGELOG.md

@@ -1,4 +1,25 @@
 
+### [4.67.2](https://github.com/dynamic-labs/dynamic-auth/compare/v4.67.1...v4.67.2) (2026-03-13)
+
+
+### Bug Fixes
+
+* add fallback connectors for all chains and fix wallet.chain mismatch for SUI wallets ([#10629](https://github.com/dynamic-labs/dynamic-auth/issues/10629)) ([dcdf5fc](https://github.com/dynamic-labs/dynamic-auth/commit/dcdf5fc5c424379cde2eecfd2d3b14fb6fe3819b))
+
+### [4.67.1](https://github.com/dynamic-labs/dynamic-auth/compare/v4.67.0...v4.67.1) (2026-03-10)
+
+
+### Features
+
+* add nonce manager and improve transaction handling ([#10612](https://github.com/dynamic-labs/dynamic-auth/issues/10612)) ([e373f12](https://github.com/dynamic-labs/dynamic-auth/commit/e373f1248beee2f12e7b4aec5a72d55b9555ad00))
+* **sdk-react-core:** commonize step-up auth around useStepUpAuthentication ([#10586](https://github.com/dynamic-labs/dynamic-auth/issues/10586)) ([6e31e66](https://github.com/dynamic-labs/dynamic-auth/commit/6e31e6673d8861bc54677ea79da31872d7ad4c4e))
+
+
+### Bug Fixes
+
+* **sdk-react-core:** hide AA warning for EIP-7702 smart wallets, show for ERC-4337 ([#10614](https://github.com/dynamic-labs/dynamic-auth/issues/10614)) ([5c46d42](https://github.com/dynamic-labs/dynamic-auth/commit/5c46d4277472cb31ddde7809d27ef7920964d548))
+* use 2-column grid layout for backup codes to prevent overflow in minimal theme ([#10607](https://github.com/dynamic-labs/dynamic-auth/issues/10607)) ([84adf87](https://github.com/dynamic-labs/dynamic-auth/commit/84adf872aae0a7fedf961b76f5004535e657b415))
+
 ## [4.67.0](https://github.com/dynamic-labs/dynamic-auth/compare/v4.66.0...v4.67.0) (2026-03-09)
 
 

package/package.cjs

@@ -3,7 +3,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "4.67.0";
+var version = "4.67.2";
 var dependencies = {
 	"@dynamic-labs/sdk-api-core": "0.0.881",
 	"@dynamic-labs-sdk/client": "0.14.0",

package/package.js

@@ -1,5 +1,5 @@
 'use client'
-var version = "4.67.0";
+var version = "4.67.2";
 var dependencies = {
 	"@dynamic-labs/sdk-api-core": "0.0.881",
 	"@dynamic-labs-sdk/client": "0.14.0",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dynamic-labs/sdk-react-core",
-  "version": "4.67.0",
+  "version": "4.67.2",
   "dependencies": {
     "@dynamic-labs/sdk-api-core": "0.0.881",
     "@dynamic-labs-sdk/client": "0.14.0",
@@ -16,17 +16,17 @@
     "yup": "0.32.11",
     "react-international-phone": "4.5.0",
     "bs58": "5.0.0",
-    "@dynamic-labs/assert-package-version": "4.67.0",
-    "@dynamic-labs/iconic": "4.67.0",
-    "@dynamic-labs/locale": "4.67.0",
-    "@dynamic-labs/logger": "4.67.0",
-    "@dynamic-labs/multi-wallet": "4.67.0",
-    "@dynamic-labs/rpc-providers": "4.67.0",
-    "@dynamic-labs/store": "4.67.0",
-    "@dynamic-labs/types": "4.67.0",
-    "@dynamic-labs/utils": "4.67.0",
-    "@dynamic-labs/wallet-book": "4.67.0",
-    "@dynamic-labs/wallet-connector-core": "4.67.0",
+    "@dynamic-labs/assert-package-version": "4.67.2",
+    "@dynamic-labs/iconic": "4.67.2",
+    "@dynamic-labs/locale": "4.67.2",
+    "@dynamic-labs/logger": "4.67.2",
+    "@dynamic-labs/multi-wallet": "4.67.2",
+    "@dynamic-labs/rpc-providers": "4.67.2",
+    "@dynamic-labs/store": "4.67.2",
+    "@dynamic-labs/types": "4.67.2",
+    "@dynamic-labs/utils": "4.67.2",
+    "@dynamic-labs/wallet-book": "4.67.2",
+    "@dynamic-labs/wallet-connector-core": "4.67.2",
     "eventemitter3": "5.0.1"
   },
   "devDependencies": {

package/src/index.d.ts

@@ -124,7 +124,7 @@ export {
 /** @deprecated */
 DynamicWidgetContextProvider, } from './lib/widgets/DynamicWidget/context';
 export { useWalletItemActions, useAuthenticateConnectedUser, useSocialAccounts, useEmbeddedWallet, useEmbeddedWalletAuthenticator, usePasskeyRecovery, useEmbeddedReveal, useIsLoggedIn, useDynamicModals, useMfa, useTokenBalances, useMultichainTokenBalances, useSwitchWallet, useRpcProviders, useRefreshUser, useRefreshAuth, useWalletOptions, useSmartWallets, useSignEip7702Authorization, EmbeddedWalletVersion, useTelegramLogin, useUpgradeEmbeddedWallet, useEVMTransactionSimulation, useSVMTransactionSimulation, useDeleteUserAccount, useDynamicWaas, useGetPasskeys, useDeletePasskey, useRegisterPasskey, useAuthenticatePasskeyMFA, useGetUserMfaMethods, usePromptMfaAuth, useUpgradeToDynamicWaasFlow, useGetMfaToken, useGetWalletPassword, useWalletPassword, useIsMfaRequiredForAction, useWalletDelegation, useWalletBackup, useBackupWallets, isWalletBackedUp, CloudBackupProvider, useExchangeAccounts, useStepUpAuthentication, } from './lib/utils/hooks';
-export type { IsStepUpRequiredParams, StepUpAuthenticationState, UseStepUpAuthenticationParams, UseStepUpAuthenticationReturn, VerifyOtpParams, VerifyPasskeyMfaParams, VerifyTotpMfaParams, VerifyWalletParams, } from './lib/utils/hooks';
+export type { IsStepUpRequiredParams, PromptMfaParams, StepUpAuthenticationState, UseStepUpAuthenticationParams, UseStepUpAuthenticationReturn, VerifyOtpParams, VerifyPasskeyMfaParams, VerifyRecoveryCodeParams, VerifyTotpMfaParams, VerifyWalletParams, } from './lib/utils/hooks';
 export { 
 /** @deprecated use useOnramp instead */
 useFunding, } from './lib/utils/hooks/useFunding';

package/src/lib/client/extension/functions/getExpiresAt/getExpiresAt.cjs

@@ -0,0 +1,10 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var client = require('@dynamic-labs-sdk/client');
+
+const getExpiresAt = () => { var _a, _b; return (_b = (_a = client.getDefaultClient().sessionExpiresAt) === null || _a === void 0 ? void 0 : _a.getTime()) !== null && _b !== void 0 ? _b : null; };
+
+exports.getExpiresAt = getExpiresAt;

package/src/lib/client/extension/functions/getExpiresAt/getExpiresAt.js

@@ -0,0 +1,6 @@
+'use client'
+import { getDefaultClient } from '@dynamic-labs-sdk/client';
+
+const getExpiresAt = () => { var _a, _b; return (_b = (_a = getDefaultClient().sessionExpiresAt) === null || _a === void 0 ? void 0 : _a.getTime()) !== null && _b !== void 0 ? _b : null; };
+
+export { getExpiresAt };

package/src/lib/components/IconWithSpinner/IconWithSpinner.cjs

@@ -43,7 +43,7 @@ const IconWithSpinner = ({ iconSize = 24, Icon, isSpinning = false, className, s
     return (jsxRuntime.jsxs("div", { className: effectiveContainerClassName, style: Object.assign({ height: pixelToRem.pixelToRem(iconSize), width: pixelToRem.pixelToRem(iconSize) }, style), children: [Icon && (jsxRuntime.jsxs("div", { style: {
                     height: pixelToRem.pixelToRem(realIconSize),
                     width: pixelToRem.pixelToRem(realIconSize),
-                }, className: 'icon-with-spinner__icon-container', children: [treatAsFunctionComponent || typeof Icon === 'function' ? (jsxRuntime.jsx(IconAsFC, { height: realIconSize, width: realIconSize })) : (Icon), indicator && jsxRuntime.jsx(Indicator.Indicator, { indicator: indicator, iconSize: iconSize })] })), isSpinning && !utils.isLegacySafari() && (jsxRuntime.jsx("div", { className: 'icon-with-spinner__spinner-container icon-with-spinner__animation', "data-chromatic": 'ignore', style: {
+                }, className: 'icon-with-spinner__icon-container', children: [treatAsFunctionComponent || typeof Icon === 'function' ? (jsxRuntime.jsx(IconAsFC, { height: realIconSize, width: realIconSize })) : (Icon), indicator && jsxRuntime.jsx(Indicator.Indicator, { indicator: indicator, iconSize: iconSize })] })), isSpinning && !utils.isLegacySafari() && (jsxRuntime.jsx("div", { className: 'icon-with-spinner__spinner-container icon-with-spinner__animation', style: {
                     height: pixelToRem.pixelToRem(iconSize),
                     width: pixelToRem.pixelToRem(iconSize),
                 }, children: jsxRuntime.jsx(Spinner.Spinner, { className: 'icon-with-spinner__spinner', customSpinnerColor: customSpinnerColor, size: spinnerIconSize }) }))] }));

package/src/lib/components/IconWithSpinner/IconWithSpinner.js

@@ -39,7 +39,7 @@ const IconWithSpinner = ({ iconSize = 24, Icon, isSpinning = false, className, s
     return (jsxs("div", { className: effectiveContainerClassName, style: Object.assign({ height: pixelToRem(iconSize), width: pixelToRem(iconSize) }, style), children: [Icon && (jsxs("div", { style: {
                     height: pixelToRem(realIconSize),
                     width: pixelToRem(realIconSize),
-                }, className: 'icon-with-spinner__icon-container', children: [treatAsFunctionComponent || typeof Icon === 'function' ? (jsx(IconAsFC, { height: realIconSize, width: realIconSize })) : (Icon), indicator && jsx(Indicator, { indicator: indicator, iconSize: iconSize })] })), isSpinning && !isLegacySafari() && (jsx("div", { className: 'icon-with-spinner__spinner-container icon-with-spinner__animation', "data-chromatic": 'ignore', style: {
+                }, className: 'icon-with-spinner__icon-container', children: [treatAsFunctionComponent || typeof Icon === 'function' ? (jsx(IconAsFC, { height: realIconSize, width: realIconSize })) : (Icon), indicator && jsx(Indicator, { indicator: indicator, iconSize: iconSize })] })), isSpinning && !isLegacySafari() && (jsx("div", { className: 'icon-with-spinner__spinner-container icon-with-spinner__animation', style: {
                     height: pixelToRem(iconSize),
                     width: pixelToRem(iconSize),
                 }, children: jsx(Spinner, { className: 'icon-with-spinner__spinner', customSpinnerColor: customSpinnerColor, size: spinnerIconSize }) }))] }));

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

@@ -132,14 +132,34 @@ const TokensBalanceDropdown = ({ tokenBalances, currentToken, setCurrentToken, i
             abi: abi.erc20Abi,
             address: selectedToken.address,
         };
-        const results = yield publicClient.multicall({
-            contracts: [
-                Object.assign(Object.assign({}, erc20Contract), { args: [primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.address], functionName: 'balanceOf' }),
-                Object.assign(Object.assign({}, erc20Contract), { functionName: 'decimals' }),
-            ],
-        });
-        const [balance, decimals] = results.map((v) => Number(v.result));
-        if (balance && decimals) {
+        let balance;
+        let decimals;
+        try {
+            const results = yield publicClient.multicall({
+                contracts: [
+                    Object.assign(Object.assign({}, erc20Contract), { args: [primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.address], functionName: 'balanceOf' }),
+                    Object.assign(Object.assign({}, erc20Contract), { functionName: 'decimals' }),
+                ],
+            });
+            [balance, decimals] = results.map((v) => Number(v.result));
+        }
+        catch (_a) {
+            if (publicClient.readContract) {
+                const [balanceResult, decimalsResult] = yield Promise.all([
+                    publicClient.readContract(Object.assign(Object.assign({}, erc20Contract), { args: [primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.address], functionName: 'balanceOf' })),
+                    publicClient.readContract(Object.assign(Object.assign({}, erc20Contract), { functionName: 'decimals' })),
+                ]);
+                balance = Number(balanceResult);
+                decimals = Number(decimalsResult);
+            }
+            else {
+                return;
+            }
+        }
+        if (typeof balance === 'number' &&
+            !isNaN(balance) &&
+            typeof decimals === 'number' &&
+            !isNaN(decimals)) {
             selectedToken.balance = balance / Math.pow(10, decimals);
             selectedToken.rawBalance = balance;
             if (tokenBalances) {
@@ -150,14 +170,14 @@ const TokensBalanceDropdown = ({ tokenBalances, currentToken, setCurrentToken, i
         }
     });
     const handleTokenClick = (selectedTokenName) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-        var _a, _b;
-        const selectedToken = (_a = tokenBalances === null || tokenBalances === void 0 ? void 0 : tokenBalances.find((t) => t.name === selectedTokenName)) !== null && _a !== void 0 ? _a : undefined;
+        var _b, _c;
+        const selectedToken = (_b = tokenBalances === null || tokenBalances === void 0 ? void 0 : tokenBalances.find((t) => t.name === selectedTokenName)) !== null && _b !== void 0 ? _b : undefined;
         // we dont need to refetch solana balances because we simulate before sending
         if ((selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.address) && (selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.address.startsWith('0x'))) {
             fetchTokenData(selectedToken);
         }
         if (selectedToken) {
-            if (tokenBalances && ((_b = tokenBalances[0]) === null || _b === void 0 ? void 0 : _b.price))
+            if (tokenBalances && ((_c = tokenBalances[0]) === null || _c === void 0 ? void 0 : _c.price))
                 sendBalances.setSendBalanceVariable('nativePrice', tokenBalances[0].price);
             setCurrentToken(selectedToken);
             setFieldValue('amount', '');

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

@@ -128,14 +128,34 @@ const TokensBalanceDropdown = ({ tokenBalances, currentToken, setCurrentToken, i
             abi: erc20Abi,
             address: selectedToken.address,
         };
-        const results = yield publicClient.multicall({
-            contracts: [
-                Object.assign(Object.assign({}, erc20Contract), { args: [primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.address], functionName: 'balanceOf' }),
-                Object.assign(Object.assign({}, erc20Contract), { functionName: 'decimals' }),
-            ],
-        });
-        const [balance, decimals] = results.map((v) => Number(v.result));
-        if (balance && decimals) {
+        let balance;
+        let decimals;
+        try {
+            const results = yield publicClient.multicall({
+                contracts: [
+                    Object.assign(Object.assign({}, erc20Contract), { args: [primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.address], functionName: 'balanceOf' }),
+                    Object.assign(Object.assign({}, erc20Contract), { functionName: 'decimals' }),
+                ],
+            });
+            [balance, decimals] = results.map((v) => Number(v.result));
+        }
+        catch (_a) {
+            if (publicClient.readContract) {
+                const [balanceResult, decimalsResult] = yield Promise.all([
+                    publicClient.readContract(Object.assign(Object.assign({}, erc20Contract), { args: [primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.address], functionName: 'balanceOf' })),
+                    publicClient.readContract(Object.assign(Object.assign({}, erc20Contract), { functionName: 'decimals' })),
+                ]);
+                balance = Number(balanceResult);
+                decimals = Number(decimalsResult);
+            }
+            else {
+                return;
+            }
+        }
+        if (typeof balance === 'number' &&
+            !isNaN(balance) &&
+            typeof decimals === 'number' &&
+            !isNaN(decimals)) {
             selectedToken.balance = balance / Math.pow(10, decimals);
             selectedToken.rawBalance = balance;
             if (tokenBalances) {
@@ -146,14 +166,14 @@ const TokensBalanceDropdown = ({ tokenBalances, currentToken, setCurrentToken, i
         }
     });
     const handleTokenClick = (selectedTokenName) => __awaiter(void 0, void 0, void 0, function* () {
-        var _a, _b;
-        const selectedToken = (_a = tokenBalances === null || tokenBalances === void 0 ? void 0 : tokenBalances.find((t) => t.name === selectedTokenName)) !== null && _a !== void 0 ? _a : undefined;
+        var _b, _c;
+        const selectedToken = (_b = tokenBalances === null || tokenBalances === void 0 ? void 0 : tokenBalances.find((t) => t.name === selectedTokenName)) !== null && _b !== void 0 ? _b : undefined;
         // we dont need to refetch solana balances because we simulate before sending
         if ((selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.address) && (selectedToken === null || selectedToken === void 0 ? void 0 : selectedToken.address.startsWith('0x'))) {
             fetchTokenData(selectedToken);
         }
         if (selectedToken) {
-            if (tokenBalances && ((_b = tokenBalances[0]) === null || _b === void 0 ? void 0 : _b.price))
+            if (tokenBalances && ((_c = tokenBalances[0]) === null || _c === void 0 ? void 0 : _c.price))
                 setSendBalanceVariable('nativePrice', tokenBalances[0].price);
             setCurrentToken(selectedToken);
             setFieldValue('amount', '');

package/src/lib/shared/utils/functions/chain/getChainIcon.cjs

@@ -11,6 +11,7 @@ require('react/jsx-runtime');
 require('../../../../context/ViewContext/ViewContext.cjs');
 
 const chainIconMap = {
+    aleo: iconic.AleoIcon,
     algorand: iconic.AlgorandIcon,
     aptos: iconic.AptosIcon,
     bitcoin: iconic.BitcoinIcon,

package/src/lib/shared/utils/functions/chain/getChainIcon.js

@@ -1,5 +1,5 @@
 'use client'
-import { AlgorandIcon, AptosIcon, BitcoinIcon, CosmosIcon, EclipseIcon, EthereumIcon, FlowIcon, SolanaIcon, SparkIcon, StarknetIcon, StellarIcon, SuiIcon, TonIcon, TronIcon } from '@dynamic-labs/iconic';
+import { AleoIcon, AlgorandIcon, AptosIcon, BitcoinIcon, CosmosIcon, EclipseIcon, EthereumIcon, FlowIcon, SolanaIcon, SparkIcon, StarknetIcon, StellarIcon, SuiIcon, TonIcon, TronIcon } from '@dynamic-labs/iconic';
 import { getChainInfo } from '@dynamic-labs/wallet-connector-core';
 import 'react';
 import { ReactComponent as SvgError } from '../../../assets/error.js';
@@ -7,6 +7,7 @@ import 'react/jsx-runtime';
 import '../../../../context/ViewContext/ViewContext.js';
 
 const chainIconMap = {
+    aleo: AleoIcon,
     algorand: AlgorandIcon,
     aptos: AptosIcon,
     bitcoin: BitcoinIcon,