@dynamic-labs/sdk-react-core 4.91.1 → 4.91.3

package/CHANGELOG.md

@@ -1,4 +1,40 @@
 
+### [4.91.3](https://github.com/dynamic-labs/dynamic-auth/compare/v4.91.2...v4.91.3) (2026-06-30)
+
+
+### Bug Fixes
+
+* **bitcoin:** detect late-registering wallet-standard wallets (DYNT-1210) ([#11747](https://github.com/dynamic-labs/dynamic-auth/issues/11747)) ([17809f6](https://github.com/dynamic-labs/dynamic-auth/commit/17809f6e811fe101367cc31a2d899a8d0b0d107e))
+* fetch onramp providers lazily instead of eagerly on mount ([#11767](https://github.com/dynamic-labs/dynamic-auth/issues/11767)) ([3ee6708](https://github.com/dynamic-labs/dynamic-auth/commit/3ee67087142ae1942f865e0ab37b7108700b3327))
+* **iframe-setup:** sync parent URL to iframe on pushState/replaceState ([#11751](https://github.com/dynamic-labs/dynamic-auth/issues/11751)) ([c8be3af](https://github.com/dynamic-labs/dynamic-auth/commit/c8be3afc301f77b349f23398bed940ce40f93b73))
+* **nonce:** fetch nonce on demand when missing before wallet verification ([#11753](https://github.com/dynamic-labs/dynamic-auth/issues/11753)) ([4f01a21](https://github.com/dynamic-labs/dynamic-auth/commit/4f01a21b6081c852f32868c8a5e04d70aaf280a2)), closes [#1](https://github.com/dynamic-labs/dynamic-auth/issues/1)
+* **react-native-extension:** arm loading timer before setUrl to cover pre-onLoadStart gap ([#11764](https://github.com/dynamic-labs/dynamic-auth/issues/11764)) ([31f2015](https://github.com/dynamic-labs/dynamic-auth/commit/31f20151a4b59279f9c133b723e50de771b06436))
+* **webview-controller:** unwrap ZeroDev smart wallet for native gasless ([#11758](https://github.com/dynamic-labs/dynamic-auth/issues/11758)) ([989714e](https://github.com/dynamic-labs/dynamic-auth/commit/989714e414556868c8e0c54401aac1ed7354331b))
+
+### [4.91.2](https://github.com/dynamic-labs/dynamic-auth/compare/v4.91.1...v4.91.2) (2026-06-26)
+
+
+### ⚠ BREAKING CHANGES
+
+* **waas:** require expectedAddresses on migrateFromFireblocks (#11730)
+
+### Features
+
+* **midnight:** support shielded/unshielded transfers and dust states in the embedded Send flow ([#11731](https://github.com/dynamic-labs/dynamic-auth/issues/11731)) ([663d171](https://github.com/dynamic-labs/dynamic-auth/commit/663d171a9628c634586831ee35c234e9331e3f80))
+* **react-native-extension:** instrument all embedded webview failure paths ([#11737](https://github.com/dynamic-labs/dynamic-auth/issues/11737)) ([172998b](https://github.com/dynamic-labs/dynamic-auth/commit/172998b56e9bee04fbb8da71e83ce8885bc378ff))
+* **waas:** migrateFromFireblocks connector method + demo panel (browser-wallet-client 1.0.46) ([#11702](https://github.com/dynamic-labs/dynamic-auth/issues/11702)) ([6bfc844](https://github.com/dynamic-labs/dynamic-auth/commit/6bfc8443fbaedabe1e7bee0ed78742cbbe5d0084))
+
+
+### Bug Fixes
+
+* add coverage for scenario with passkey re-login and smart account ([#11726](https://github.com/dynamic-labs/dynamic-auth/issues/11726)) ([5364a72](https://github.com/dynamic-labs/dynamic-auth/commit/5364a72a750d835b9b2da602a91e8b5d7d305db7))
+* remediate high-severity dependency vulnerabilities ([#11721](https://github.com/dynamic-labs/dynamic-auth/issues/11721)) ([cdb9306](https://github.com/dynamic-labs/dynamic-auth/commit/cdb93061365a20b8f73a1f8bea8352332e282c1e))
+* replace node-fetch v2 with native fetch to fix Node 22 stream failure ([#11732](https://github.com/dynamic-labs/dynamic-auth/issues/11732)) ([b98f801](https://github.com/dynamic-labs/dynamic-auth/commit/b98f801e307b52dbd7e4b241a9a4a2d34d89118e))
+* **zerodev-extension:** derive kernel 7702 vs 4337 per-wallet, not from global dashboard flag ([#11735](https://github.com/dynamic-labs/dynamic-auth/issues/11735)) ([72cf6a7](https://github.com/dynamic-labs/dynamic-auth/commit/72cf6a70a4857a4ea469faa555c485dbad8d0217))
+
+
+* **waas:** require expectedAddresses on migrateFromFireblocks ([#11730](https://github.com/dynamic-labs/dynamic-auth/issues/11730)) ([c94824e](https://github.com/dynamic-labs/dynamic-auth/commit/c94824ebe11e0433a6ffbd2a5a9dd4283aeed31e))
+
 ### [4.91.1](https://github.com/dynamic-labs/dynamic-auth/compare/v4.91.0...v4.91.1) (2026-06-24)
 
 

package/package.cjs

@@ -3,11 +3,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "4.91.1";
+var version = "4.91.3";
 var dependencies = {
 	"@dynamic-labs/sdk-api-core": "0.0.1046",
 	"@dynamic-labs-sdk/client": "1.12.1",
-	"@dynamic-labs-wallet/browser-wallet-client": "1.0.44",
+	"@dynamic-labs-wallet/browser-wallet-client": "1.0.48",
 	"@dynamic-labs-wallet/forward-mpc-client": "0.12.0",
 	"@hcaptcha/react-hcaptcha": "1.4.4",
 	"@thumbmarkjs/thumbmarkjs": "0.16.0",

package/package.js

@@ -1,9 +1,9 @@
 'use client'
-var version = "4.91.1";
+var version = "4.91.3";
 var dependencies = {
 	"@dynamic-labs/sdk-api-core": "0.0.1046",
 	"@dynamic-labs-sdk/client": "1.12.1",
-	"@dynamic-labs-wallet/browser-wallet-client": "1.0.44",
+	"@dynamic-labs-wallet/browser-wallet-client": "1.0.48",
 	"@dynamic-labs-wallet/forward-mpc-client": "0.12.0",
 	"@hcaptcha/react-hcaptcha": "1.4.4",
 	"@thumbmarkjs/thumbmarkjs": "0.16.0",

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@dynamic-labs/sdk-react-core",
-  "version": "4.91.1",
+  "version": "4.91.3",
   "dependencies": {
     "@dynamic-labs/sdk-api-core": "0.0.1046",
     "@dynamic-labs-sdk/client": "1.12.1",
-    "@dynamic-labs-wallet/browser-wallet-client": "1.0.44",
+    "@dynamic-labs-wallet/browser-wallet-client": "1.0.48",
     "@dynamic-labs-wallet/forward-mpc-client": "0.12.0",
     "@hcaptcha/react-hcaptcha": "1.4.4",
     "@thumbmarkjs/thumbmarkjs": "0.16.0",
@@ -17,17 +17,17 @@
     "yup": "0.32.11",
     "react-international-phone": "4.5.0",
     "bs58": "5.0.0",
-    "@dynamic-labs/assert-package-version": "4.91.1",
-    "@dynamic-labs/iconic": "4.91.1",
-    "@dynamic-labs/locale": "4.91.1",
-    "@dynamic-labs/logger": "4.91.1",
-    "@dynamic-labs/multi-wallet": "4.91.1",
-    "@dynamic-labs/rpc-providers": "4.91.1",
-    "@dynamic-labs/store": "4.91.1",
-    "@dynamic-labs/types": "4.91.1",
-    "@dynamic-labs/utils": "4.91.1",
-    "@dynamic-labs/wallet-book": "4.91.1",
-    "@dynamic-labs/wallet-connector-core": "4.91.1",
+    "@dynamic-labs/assert-package-version": "4.91.3",
+    "@dynamic-labs/iconic": "4.91.3",
+    "@dynamic-labs/locale": "4.91.3",
+    "@dynamic-labs/logger": "4.91.3",
+    "@dynamic-labs/multi-wallet": "4.91.3",
+    "@dynamic-labs/rpc-providers": "4.91.3",
+    "@dynamic-labs/store": "4.91.3",
+    "@dynamic-labs/types": "4.91.3",
+    "@dynamic-labs/utils": "4.91.3",
+    "@dynamic-labs/wallet-book": "4.91.3",
+    "@dynamic-labs/wallet-connector-core": "4.91.3",
     "eventemitter3": "5.0.1"
   },
   "devDependencies": {

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

@@ -82,7 +82,7 @@ const getDisplayErrorMessage = (errors, t, field, decimals) => {
     }
     return '';
 };
-const SendBalanceForm = ({ initialValues, onSubmit, decimals = 18, validateAddress = () => true, validateAmount = () => true, currentToken, transaction, tokenBalances, setCurrentToken, isLoading, supportsFeeTokenSelection = false, feeTokenOptions, currentFeeToken, setCurrentFeeToken, }) => {
+const SendBalanceForm = ({ initialValues, onSubmit, decimals = 18, validateAddress = () => true, validateAmount = () => true, currentToken, transaction, tokenBalances, setCurrentToken, isLoading, supportsFeeTokenSelection = false, feeTokenOptions, currentFeeToken, setCurrentFeeToken, fallbackTokenIcon, }) => {
     var _a;
     const { t } = reactI18next.useTranslation();
     const { showFiat } = useInternalDynamicContext.useInternalDynamicContext();
@@ -114,12 +114,34 @@ const SendBalanceForm = ({ initialValues, onSubmit, decimals = 18, validateAddre
         var _a;
         setMergeAction((_a = transaction === null || transaction === void 0 ? void 0 : transaction.getRecordMergeAction) === null || _a === void 0 ? void 0 : _a.call(transaction));
     };
+    // With a mode toggle + per-token pool (Midnight), filter the picker to the
+    // selected pool. Chains without `getTokenPool` show the full list unchanged.
+    const filteredTokenBalances = React.useMemo(() => {
+        if (!hasModes || !selectedModeId || !(transaction === null || transaction === void 0 ? void 0 : transaction.getTokenPool)) {
+            return tokenBalances;
+        }
+        return tokenBalances === null || tokenBalances === void 0 ? void 0 : tokenBalances.filter((token) => { var _a; return ((_a = transaction.getTokenPool) === null || _a === void 0 ? void 0 : _a.call(transaction, token.address)) === selectedModeId; });
+    }, [tokenBalances, hasModes, selectedModeId, transaction]);
     const handleModeChange = (modeId) => {
         var _a;
         setSelectedModeId(modeId);
+        // Set the mode + filter only — do NOT change `currentToken`, which would
+        // trip the Send view's transaction-recreation effect (reload). The picker
+        // resets to a placeholder + gates Preview until a valid token is picked.
         (_a = transaction === null || transaction === void 0 ? void 0 : transaction.setTransactionMode) === null || _a === void 0 ? void 0 : _a.call(transaction, modeId);
         refreshMergeAction();
     };
+    // The selected token must belong to the active pool; while it doesn't, the
+    // picker shows a placeholder and Preview is disabled so we never carry an
+    // incompatible token into a transfer.
+    const selectionMatchesMode = !hasModes ||
+        !selectedModeId ||
+        !(transaction === null || transaction === void 0 ? void 0 : transaction.getTokenPool) ||
+        (currentToken !== undefined &&
+            transaction.getTokenPool(currentToken.address) === selectedModeId);
+    // Token shown as "selected" in the picker — hidden when it doesn't match the
+    // active pool so the row reads as unset rather than showing the wrong token.
+    const pickerToken = selectionMatchesMode ? currentToken : undefined;
     const handleMergeAction = () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         if (!mergeAction || isMerging)
             return;
@@ -139,7 +161,10 @@ const SendBalanceForm = ({ initialValues, onSubmit, decimals = 18, validateAddre
         }
     }, [currentToken]);
     const sendBalanceFormValidationSchema = React.useMemo(() => {
-        const decimalsRegex = new RegExp(`^\\d*(\\.\\d{1,${decimals}})?$`);
+        // For 0-decimal tokens (e.g. Midnight shielded tokens) only whole numbers
+        // are valid — a `\d{1,0}` quantifier is an invalid regex and throws, so
+        // build an integer-only pattern in that case.
+        const decimalsRegex = decimals > 0 ? new RegExp(`^\\d*(\\.\\d{1,${decimals}})?$`) : /^\d*$/;
         return yup.object().shape({
             amount: yup.string()
                 .required('required')
@@ -173,7 +198,7 @@ const SendBalanceForm = ({ initialValues, onSubmit, decimals = 18, validateAddre
     }, [decimals, validateAddress, validateAmount]);
     return (jsxRuntime.jsx(formik.Formik, { initialValues: initialValues || sendBalanceFormInitialValues, validationSchema: sendBalanceFormValidationSchema, onSubmit: (values) => onSubmit(values), validateOnChange: false, validateOnBlur: false, children: ({ errors, touched, values, handleChange, setFieldValue, setErrors, handleBlur, setFieldTouched, validateField, }) => {
             var _a;
-            return (jsxRuntime.jsxs(formik.Form, { className: 'send-balance-form', children: [jsxRuntime.jsxs("div", { className: 'send-balance-page-layout__balance-container', children: [jsxRuntime.jsx(FormFieldLabel.FormFieldLabel, { copykey: 'dyn_send_transaction.data.select_token', children: t('dyn_send_transaction.data.select_token') }), jsxRuntime.jsx(TokensBalanceDropdown.TokensBalanceDropdown, { tokenBalances: tokenBalances !== null && tokenBalances !== void 0 ? tokenBalances : (currentToken && [currentToken]), currentToken: currentToken, setCurrentToken: setCurrentToken, isLoading: isLoading, setFieldValue: setFieldValue, setErrors: setErrors })] }), jsxRuntime.jsxs("div", { className: 'send-balance-form__amount-container', children: [jsxRuntime.jsx(formik.Field, { variant: 'regular', className: `send-balance-form__amount-container__field ${showFiat ? 'fiat' : ''}`, name: 'amount', id: 'amount', onChange: (e) => {
+            return (jsxRuntime.jsxs(formik.Form, { className: 'send-balance-form', children: [jsxRuntime.jsxs("div", { className: 'send-balance-page-layout__balance-container', children: [jsxRuntime.jsx(FormFieldLabel.FormFieldLabel, { copykey: 'dyn_send_transaction.data.select_token', children: t('dyn_send_transaction.data.select_token') }), jsxRuntime.jsx(TokensBalanceDropdown.TokensBalanceDropdown, { tokenBalances: filteredTokenBalances !== null && filteredTokenBalances !== void 0 ? filteredTokenBalances : (pickerToken && [pickerToken]), currentToken: pickerToken, setCurrentToken: setCurrentToken, isLoading: isLoading, setFieldValue: setFieldValue, setErrors: setErrors, fallbackTokenIcon: fallbackTokenIcon, placeholder: t('dyn_send_transaction.data.select_token') })] }), jsxRuntime.jsxs("div", { className: 'send-balance-form__amount-container', children: [jsxRuntime.jsx(formik.Field, { variant: 'regular', className: `send-balance-form__amount-container__field ${showFiat ? 'fiat' : ''}`, name: 'amount', id: 'amount', onChange: (e) => {
                                     const newValue = e.target.value;
                                     // Matching 123, 123.45, .45, 123.
                                     if (newValue !== '' && !/^(?:\d+|\d*\.\d*|)$/.test(newValue)) {
@@ -200,8 +225,8 @@ 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 = currentToken === null || currentToken === void 0 ? void 0 : currentToken.balance) !== null && _a !== void 0 ? _a : 0 }), t('dyn_send_transaction.data.symbol_available', {
-                                    symbol: currentToken === null || currentToken === void 0 ? void 0 : currentToken.symbol,
+                                } }), 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 = pickerToken === null || pickerToken === void 0 ? void 0 : pickerToken.balance) !== null && _a !== void 0 ? _a : 0 }), t('dyn_send_transaction.data.symbol_available', {
+                                    symbol: pickerToken === null || pickerToken === void 0 ? void 0 : pickerToken.symbol,
                                 })] }) }), supportsFeeTokenSelection &&
                         feeTokenOptions &&
                         feeTokenOptions.length > 0 &&
@@ -215,7 +240,10 @@ const SendBalanceForm = ({ initialValues, onSubmit, decimals = 18, validateAddre
                             refreshMergeAction();
                         } }), hasModes && (jsxRuntime.jsx(TransactionModeSegmentedControl.TransactionModeSegmentedControl, { options: transactionModes, selectedId: selectedModeId, onChange: handleModeChange, disabled: isMerging })), mergeAction && (jsxRuntime.jsx("div", { className: 'send-balance-form__inline-action', children: jsxRuntime.jsx(Alert.Alert, { icon: 'error', variant: 'warning', children: jsxRuntime.jsxs("div", { className: 'send-balance-form__inline-action-content', children: [jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', weight: 'regular', children: mergeAction.message }), jsxRuntime.jsx(TypographyButton.TypographyButton, { dataTestId: 'sendBalanceFormMergeRecordsButton', type: 'button', buttonVariant: 'secondary', buttonPadding: 'small', onClick: handleMergeAction, disabled: isMerging, children: isMerging
                                             ? t('dyn_send_transaction.merging', 'Merging…')
-                                            : mergeAction.actionLabel })] }) }) })), 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', disabled: !modeReady || isMerging || Boolean(mergeAction), children: t('dyn_send_transaction.preview_transaction') })] }));
+                                            : mergeAction.actionLabel })] }) }) })), 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', disabled: !modeReady ||
+                            !selectionMatchesMode ||
+                            isMerging ||
+                            Boolean(mergeAction), children: t('dyn_send_transaction.preview_transaction') })] }));
         } }));
 };
 

package/src/lib/components/SendBalanceForm/SendBalanceForm.d.ts

@@ -1,4 +1,4 @@
-import { Dispatch, FC, SetStateAction } from 'react';
+import { Dispatch, FC, type ReactNode, SetStateAction } from 'react';
 import { TokenBalance } from '@dynamic-labs/sdk-api-core';
 import { IUITransaction } from '@dynamic-labs/types';
 export type SendBalanceFormValues = {
@@ -20,5 +20,6 @@ export type Props = {
     feeTokenOptions?: TokenBalance[];
     currentFeeToken?: TokenBalance;
     setCurrentFeeToken?: Dispatch<SetStateAction<TokenBalance | undefined>>;
+    fallbackTokenIcon?: ReactNode;
 };
 export declare const SendBalanceForm: FC<Props>;

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

@@ -1,7 +1,7 @@
 'use client'
 import { __awaiter } from '../../../../_virtual/_tslib.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { useRef, useState, useEffect, useMemo } from 'react';
+import { useRef, useState, useMemo, useEffect } from 'react';
 import { Formik, Form, Field } from 'formik';
 import { useTranslation } from 'react-i18next';
 import { object, string } from 'yup';
@@ -78,7 +78,7 @@ const getDisplayErrorMessage = (errors, t, field, decimals) => {
     }
     return '';
 };
-const SendBalanceForm = ({ initialValues, onSubmit, decimals = 18, validateAddress = () => true, validateAmount = () => true, currentToken, transaction, tokenBalances, setCurrentToken, isLoading, supportsFeeTokenSelection = false, feeTokenOptions, currentFeeToken, setCurrentFeeToken, }) => {
+const SendBalanceForm = ({ initialValues, onSubmit, decimals = 18, validateAddress = () => true, validateAmount = () => true, currentToken, transaction, tokenBalances, setCurrentToken, isLoading, supportsFeeTokenSelection = false, feeTokenOptions, currentFeeToken, setCurrentFeeToken, fallbackTokenIcon, }) => {
     var _a;
     const { t } = useTranslation();
     const { showFiat } = useInternalDynamicContext();
@@ -110,12 +110,34 @@ const SendBalanceForm = ({ initialValues, onSubmit, decimals = 18, validateAddre
         var _a;
         setMergeAction((_a = transaction === null || transaction === void 0 ? void 0 : transaction.getRecordMergeAction) === null || _a === void 0 ? void 0 : _a.call(transaction));
     };
+    // With a mode toggle + per-token pool (Midnight), filter the picker to the
+    // selected pool. Chains without `getTokenPool` show the full list unchanged.
+    const filteredTokenBalances = useMemo(() => {
+        if (!hasModes || !selectedModeId || !(transaction === null || transaction === void 0 ? void 0 : transaction.getTokenPool)) {
+            return tokenBalances;
+        }
+        return tokenBalances === null || tokenBalances === void 0 ? void 0 : tokenBalances.filter((token) => { var _a; return ((_a = transaction.getTokenPool) === null || _a === void 0 ? void 0 : _a.call(transaction, token.address)) === selectedModeId; });
+    }, [tokenBalances, hasModes, selectedModeId, transaction]);
     const handleModeChange = (modeId) => {
         var _a;
         setSelectedModeId(modeId);
+        // Set the mode + filter only — do NOT change `currentToken`, which would
+        // trip the Send view's transaction-recreation effect (reload). The picker
+        // resets to a placeholder + gates Preview until a valid token is picked.
         (_a = transaction === null || transaction === void 0 ? void 0 : transaction.setTransactionMode) === null || _a === void 0 ? void 0 : _a.call(transaction, modeId);
         refreshMergeAction();
     };
+    // The selected token must belong to the active pool; while it doesn't, the
+    // picker shows a placeholder and Preview is disabled so we never carry an
+    // incompatible token into a transfer.
+    const selectionMatchesMode = !hasModes ||
+        !selectedModeId ||
+        !(transaction === null || transaction === void 0 ? void 0 : transaction.getTokenPool) ||
+        (currentToken !== undefined &&
+            transaction.getTokenPool(currentToken.address) === selectedModeId);
+    // Token shown as "selected" in the picker — hidden when it doesn't match the
+    // active pool so the row reads as unset rather than showing the wrong token.
+    const pickerToken = selectionMatchesMode ? currentToken : undefined;
     const handleMergeAction = () => __awaiter(void 0, void 0, void 0, function* () {
         if (!mergeAction || isMerging)
             return;
@@ -135,7 +157,10 @@ const SendBalanceForm = ({ initialValues, onSubmit, decimals = 18, validateAddre
         }
     }, [currentToken]);
     const sendBalanceFormValidationSchema = useMemo(() => {
-        const decimalsRegex = new RegExp(`^\\d*(\\.\\d{1,${decimals}})?$`);
+        // For 0-decimal tokens (e.g. Midnight shielded tokens) only whole numbers
+        // are valid — a `\d{1,0}` quantifier is an invalid regex and throws, so
+        // build an integer-only pattern in that case.
+        const decimalsRegex = decimals > 0 ? new RegExp(`^\\d*(\\.\\d{1,${decimals}})?$`) : /^\d*$/;
         return object().shape({
             amount: string()
                 .required('required')
@@ -169,7 +194,7 @@ const SendBalanceForm = ({ initialValues, onSubmit, decimals = 18, validateAddre
     }, [decimals, validateAddress, validateAmount]);
     return (jsx(Formik, { initialValues: initialValues || sendBalanceFormInitialValues, validationSchema: sendBalanceFormValidationSchema, onSubmit: (values) => onSubmit(values), validateOnChange: false, validateOnBlur: false, children: ({ errors, touched, values, handleChange, setFieldValue, setErrors, handleBlur, setFieldTouched, validateField, }) => {
             var _a;
-            return (jsxs(Form, { className: 'send-balance-form', children: [jsxs("div", { className: 'send-balance-page-layout__balance-container', children: [jsx(FormFieldLabel, { copykey: 'dyn_send_transaction.data.select_token', children: t('dyn_send_transaction.data.select_token') }), jsx(TokensBalanceDropdown, { tokenBalances: tokenBalances !== null && tokenBalances !== void 0 ? tokenBalances : (currentToken && [currentToken]), currentToken: currentToken, setCurrentToken: setCurrentToken, isLoading: isLoading, setFieldValue: setFieldValue, setErrors: setErrors })] }), jsxs("div", { className: 'send-balance-form__amount-container', children: [jsx(Field, { variant: 'regular', className: `send-balance-form__amount-container__field ${showFiat ? 'fiat' : ''}`, name: 'amount', id: 'amount', onChange: (e) => {
+            return (jsxs(Form, { className: 'send-balance-form', children: [jsxs("div", { className: 'send-balance-page-layout__balance-container', children: [jsx(FormFieldLabel, { copykey: 'dyn_send_transaction.data.select_token', children: t('dyn_send_transaction.data.select_token') }), jsx(TokensBalanceDropdown, { tokenBalances: filteredTokenBalances !== null && filteredTokenBalances !== void 0 ? filteredTokenBalances : (pickerToken && [pickerToken]), currentToken: pickerToken, setCurrentToken: setCurrentToken, isLoading: isLoading, setFieldValue: setFieldValue, setErrors: setErrors, fallbackTokenIcon: fallbackTokenIcon, placeholder: t('dyn_send_transaction.data.select_token') })] }), jsxs("div", { className: 'send-balance-form__amount-container', children: [jsx(Field, { variant: 'regular', className: `send-balance-form__amount-container__field ${showFiat ? 'fiat' : ''}`, name: 'amount', id: 'amount', onChange: (e) => {
                                     const newValue = e.target.value;
                                     // Matching 123, 123.45, .45, 123.
                                     if (newValue !== '' && !/^(?:\d+|\d*\.\d*|)$/.test(newValue)) {
@@ -196,8 +221,8 @@ 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 = currentToken === null || currentToken === void 0 ? void 0 : currentToken.balance) !== null && _a !== void 0 ? _a : 0 }), t('dyn_send_transaction.data.symbol_available', {
-                                    symbol: currentToken === null || currentToken === void 0 ? void 0 : currentToken.symbol,
+                                } }), 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 = pickerToken === null || pickerToken === void 0 ? void 0 : pickerToken.balance) !== null && _a !== void 0 ? _a : 0 }), t('dyn_send_transaction.data.symbol_available', {
+                                    symbol: pickerToken === null || pickerToken === void 0 ? void 0 : pickerToken.symbol,
                                 })] }) }), supportsFeeTokenSelection &&
                         feeTokenOptions &&
                         feeTokenOptions.length > 0 &&
@@ -211,7 +236,10 @@ const SendBalanceForm = ({ initialValues, onSubmit, decimals = 18, validateAddre
                             refreshMergeAction();
                         } }), hasModes && (jsx(TransactionModeSegmentedControl, { options: transactionModes, selectedId: selectedModeId, onChange: handleModeChange, disabled: isMerging })), mergeAction && (jsx("div", { className: 'send-balance-form__inline-action', children: jsx(Alert, { icon: 'error', variant: 'warning', children: jsxs("div", { className: 'send-balance-form__inline-action-content', children: [jsx(Typography, { variant: 'body_small', weight: 'regular', children: mergeAction.message }), jsx(TypographyButton, { dataTestId: 'sendBalanceFormMergeRecordsButton', type: 'button', buttonVariant: 'secondary', buttonPadding: 'small', onClick: handleMergeAction, disabled: isMerging, children: isMerging
                                             ? t('dyn_send_transaction.merging', 'Merging…')
-                                            : mergeAction.actionLabel })] }) }) })), jsx(TypographyButton, { dataTestId: 'sendBalanceFormSubmitButton', expanded: true, type: 'submit', buttonVariant: 'primary', buttonPadding: 'small', buttonClassName: 'send-balance-form__button', copykey: 'dyn_send_transaction.preview_transaction', disabled: !modeReady || isMerging || Boolean(mergeAction), children: t('dyn_send_transaction.preview_transaction') })] }));
+                                            : mergeAction.actionLabel })] }) }) })), jsx(TypographyButton, { dataTestId: 'sendBalanceFormSubmitButton', expanded: true, type: 'submit', buttonVariant: 'primary', buttonPadding: 'small', buttonClassName: 'send-balance-form__button', copykey: 'dyn_send_transaction.preview_transaction', disabled: !modeReady ||
+                            !selectionMatchesMode ||
+                            isMerging ||
+                            Boolean(mergeAction), children: t('dyn_send_transaction.preview_transaction') })] }));
         } }));
 };
 

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

@@ -126,7 +126,7 @@ require('../../store/state/multichainBalances.cjs');
 require('@dynamic-labs/store');
 require('../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');
 
-const SendBalancePageLayout = ({ error, onClickClose, onClickBack, onSubmit, displayPoweredByDynamicFooter = false, transaction, networkCurrencyDecimals, tokenBalances, currentToken, setCurrentToken, isLoading, isNativeToken, }) => {
+const SendBalancePageLayout = ({ error, onClickClose, onClickBack, onSubmit, displayPoweredByDynamicFooter = false, transaction, networkIcon, networkCurrencyDecimals, tokenBalances, currentToken, setCurrentToken, isLoading, isNativeToken, }) => {
     var _a, _b, _c;
     const { t } = reactI18next.useTranslation();
     const { primaryWallet, projectSettings, overrides } = useInternalDynamicContext.useInternalDynamicContext();
@@ -254,7 +254,7 @@ const SendBalancePageLayout = ({ error, onClickClose, onClickBack, onSubmit, dis
                                 return false;
                             const amount = Number(transaction.parseNonNativeToken(amountText, (currentToken === null || currentToken === void 0 ? void 0 : currentToken.decimals) || 18));
                             return amount <= currentToken.rawBalance;
-                        }, currentToken: currentToken, transaction: transaction }), displayPoweredByDynamicFooter && (jsxRuntime.jsx(PoweredByDynamic.PoweredByDynamic, { classNameRoot: 'send-balance-page-layout__footer' }))] })] }));
+                        }, currentToken: currentToken, transaction: transaction, fallbackTokenIcon: networkIcon }), displayPoweredByDynamicFooter && (jsxRuntime.jsx(PoweredByDynamic.PoweredByDynamic, { classNameRoot: 'send-balance-page-layout__footer' }))] })] }));
 };
 
 exports.SendBalancePageLayout = SendBalancePageLayout;

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

@@ -122,7 +122,7 @@ import '../../store/state/multichainBalances.js';
 import '@dynamic-labs/store';
 import '../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
 
-const SendBalancePageLayout = ({ error, onClickClose, onClickBack, onSubmit, displayPoweredByDynamicFooter = false, transaction, networkCurrencyDecimals, tokenBalances, currentToken, setCurrentToken, isLoading, isNativeToken, }) => {
+const SendBalancePageLayout = ({ error, onClickClose, onClickBack, onSubmit, displayPoweredByDynamicFooter = false, transaction, networkIcon, networkCurrencyDecimals, tokenBalances, currentToken, setCurrentToken, isLoading, isNativeToken, }) => {
     var _a, _b, _c;
     const { t } = useTranslation();
     const { primaryWallet, projectSettings, overrides } = useInternalDynamicContext();
@@ -250,7 +250,7 @@ const SendBalancePageLayout = ({ error, onClickClose, onClickBack, onSubmit, dis
                                 return false;
                             const amount = Number(transaction.parseNonNativeToken(amountText, (currentToken === null || currentToken === void 0 ? void 0 : currentToken.decimals) || 18));
                             return amount <= currentToken.rawBalance;
-                        }, currentToken: currentToken, transaction: transaction }), displayPoweredByDynamicFooter && (jsx(PoweredByDynamic, { classNameRoot: 'send-balance-page-layout__footer' }))] })] }));
+                        }, currentToken: currentToken, transaction: transaction, fallbackTokenIcon: networkIcon }), displayPoweredByDynamicFooter && (jsx(PoweredByDynamic, { classNameRoot: 'send-balance-page-layout__footer' }))] })] }));
 };
 
 export { SendBalancePageLayout };

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

@@ -121,7 +121,8 @@ require('../../../OverlayCard/OverlayCard.cjs');
 require('../../../Popper/Popper/Popper.cjs');
 require('../../../Popper/PopperContext/PopperContext.cjs');
 
-const TokensBalanceDropdown = ({ tokenBalances, currentToken, setCurrentToken, isLoading, setFieldValue, setErrors, }) => {
+const TokensBalanceDropdown = ({ tokenBalances, currentToken, setCurrentToken, isLoading, setFieldValue, setErrors, fallbackTokenIcon, placeholder, }) => {
+    var _a;
     const { t } = reactI18next.useTranslation();
     const [isDropdownOpen, setIsDropdownOpen] = React.useState(false);
     // Hide rows the user can't actually send from: anonymous tokens (no
@@ -155,7 +156,7 @@ const TokensBalanceDropdown = ({ tokenBalances, currentToken, setCurrentToken, i
             });
             [balance, decimals] = results.map((v) => Number(v.result));
         }
-        catch (_a) {
+        catch (_b) {
             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' })),
@@ -183,14 +184,14 @@ const TokensBalanceDropdown = ({ tokenBalances, currentToken, setCurrentToken, i
         }
     });
     const handleTokenClick = (selectedTokenName) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-        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;
+        var _c, _d;
+        const selectedToken = (_c = tokenBalances === null || tokenBalances === void 0 ? void 0 : tokenBalances.find((t) => t.name === selectedTokenName)) !== null && _c !== void 0 ? _c : 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 && ((_c = tokenBalances[0]) === null || _c === void 0 ? void 0 : _c.price))
+            if (tokenBalances && ((_d = tokenBalances[0]) === null || _d === void 0 ? void 0 : _d.price))
                 sendBalances.setSendBalanceVariable('nativePrice', tokenBalances[0].price);
             setCurrentToken(selectedToken);
             setFieldValue('amount', '');
@@ -204,8 +205,8 @@ const TokensBalanceDropdown = ({ tokenBalances, currentToken, setCurrentToken, i
     }
     const tokenLogo = (token, size) => (jsxRuntime.jsx(Image.Image, { src: token === null || token === void 0 ? void 0 : token.logoURI, alt: token === null || token === void 0 ? void 0 : token.name, className: 'token-balance-item__icon', dataTestId: 'token-balance-item-icon', fallback: 
         // eslint-disable-next-line react/jsx-wrap-multilines
-        jsxRuntime.jsx("div", { className: 'token-balance-item__skeleton-icon', "data-testid": 'token-balance-item__skeleton-icon', style: { height: `${size}px`, width: `${size}px` } }) }));
-    return (jsxRuntime.jsxs("div", { className: 'tokens-balance-dropdown', ref: anchorRef, onClick: () => setIsDropdownOpen(!isDropdownOpen), "data-testid": 'tokens-balance-dropdown', children: [!isLoading && (jsxRuntime.jsxs("div", { className: 'tokens-balance-dropdown__selected', children: [tokenLogo(currentToken, '20'), jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', color: 'primary', children: currentToken === null || currentToken === void 0 ? void 0 : currentToken.name }), jsxRuntime.jsx(Icon.Icon, { color: 'text-primary', size: 'small', className: classNames.classNames('evm-network-control__arrow-icon', {
+        fallbackTokenIcon !== null && fallbackTokenIcon !== void 0 ? fallbackTokenIcon : (jsxRuntime.jsx("div", { className: 'token-balance-item__skeleton-icon', "data-testid": 'token-balance-item__skeleton-icon', style: { height: `${size}px`, width: `${size}px` } })) }));
+    return (jsxRuntime.jsxs("div", { className: 'tokens-balance-dropdown', ref: anchorRef, onClick: () => setIsDropdownOpen(!isDropdownOpen), "data-testid": 'tokens-balance-dropdown', children: [!isLoading && (jsxRuntime.jsxs("div", { className: 'tokens-balance-dropdown__selected', children: [tokenLogo(currentToken, '20'), jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', color: 'primary', children: (_a = currentToken === null || currentToken === void 0 ? void 0 : currentToken.name) !== null && _a !== void 0 ? _a : placeholder }), jsxRuntime.jsx(Icon.Icon, { color: 'text-primary', size: 'small', className: classNames.classNames('evm-network-control__arrow-icon', {
                             'evm-network-control__arrow-icon--active': isDropdownOpen,
                         }), children: jsxRuntime.jsx(stroke.ReactComponent, {}) })] })), jsxRuntime.jsx(MenuList.MenuList, { className: 'tokens-balance-dropdown__menu_list', isOpen: isDropdownOpen, popperProps: {
                     anchorOrigin: 'bottom-left',

package/src/lib/components/SendBalancePageLayout/components/TokensBalanceDropdown/TokensBalanceDropdown.d.ts

@@ -1,4 +1,4 @@
-import { Dispatch, FC, SetStateAction } from 'react';
+import { Dispatch, FC, type ReactNode, SetStateAction } from 'react';
 import { TokenBalance } from '@dynamic-labs/sdk-api-core';
 type TokensBalanceDropdownProps = {
     tokenBalances: TokenBalance[] | undefined;
@@ -7,6 +7,8 @@ type TokensBalanceDropdownProps = {
     isLoading?: boolean;
     setFieldValue: (field: string, value: string) => void;
     setErrors: (errors: any) => void;
+    fallbackTokenIcon?: ReactNode;
+    placeholder?: string;
 };
 export declare const TokensBalanceDropdown: FC<TokensBalanceDropdownProps>;
 export {};

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

@@ -117,7 +117,8 @@ import '../../../OverlayCard/OverlayCard.js';
 import '../../../Popper/Popper/Popper.js';
 import '../../../Popper/PopperContext/PopperContext.js';
 
-const TokensBalanceDropdown = ({ tokenBalances, currentToken, setCurrentToken, isLoading, setFieldValue, setErrors, }) => {
+const TokensBalanceDropdown = ({ tokenBalances, currentToken, setCurrentToken, isLoading, setFieldValue, setErrors, fallbackTokenIcon, placeholder, }) => {
+    var _a;
     const { t } = useTranslation();
     const [isDropdownOpen, setIsDropdownOpen] = useState(false);
     // Hide rows the user can't actually send from: anonymous tokens (no
@@ -151,7 +152,7 @@ const TokensBalanceDropdown = ({ tokenBalances, currentToken, setCurrentToken, i
             });
             [balance, decimals] = results.map((v) => Number(v.result));
         }
-        catch (_a) {
+        catch (_b) {
             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' })),
@@ -179,14 +180,14 @@ const TokensBalanceDropdown = ({ tokenBalances, currentToken, setCurrentToken, i
         }
     });
     const handleTokenClick = (selectedTokenName) => __awaiter(void 0, void 0, void 0, function* () {
-        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;
+        var _c, _d;
+        const selectedToken = (_c = tokenBalances === null || tokenBalances === void 0 ? void 0 : tokenBalances.find((t) => t.name === selectedTokenName)) !== null && _c !== void 0 ? _c : 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 && ((_c = tokenBalances[0]) === null || _c === void 0 ? void 0 : _c.price))
+            if (tokenBalances && ((_d = tokenBalances[0]) === null || _d === void 0 ? void 0 : _d.price))
                 setSendBalanceVariable('nativePrice', tokenBalances[0].price);
             setCurrentToken(selectedToken);
             setFieldValue('amount', '');
@@ -200,8 +201,8 @@ const TokensBalanceDropdown = ({ tokenBalances, currentToken, setCurrentToken, i
     }
     const tokenLogo = (token, size) => (jsx(Image, { src: token === null || token === void 0 ? void 0 : token.logoURI, alt: token === null || token === void 0 ? void 0 : token.name, className: 'token-balance-item__icon', dataTestId: 'token-balance-item-icon', fallback: 
         // eslint-disable-next-line react/jsx-wrap-multilines
-        jsx("div", { className: 'token-balance-item__skeleton-icon', "data-testid": 'token-balance-item__skeleton-icon', style: { height: `${size}px`, width: `${size}px` } }) }));
-    return (jsxs("div", { className: 'tokens-balance-dropdown', ref: anchorRef, onClick: () => setIsDropdownOpen(!isDropdownOpen), "data-testid": 'tokens-balance-dropdown', children: [!isLoading && (jsxs("div", { className: 'tokens-balance-dropdown__selected', children: [tokenLogo(currentToken, '20'), jsx(Typography, { variant: 'body_normal', color: 'primary', children: currentToken === null || currentToken === void 0 ? void 0 : currentToken.name }), jsx(Icon, { color: 'text-primary', size: 'small', className: classNames('evm-network-control__arrow-icon', {
+        fallbackTokenIcon !== null && fallbackTokenIcon !== void 0 ? fallbackTokenIcon : (jsx("div", { className: 'token-balance-item__skeleton-icon', "data-testid": 'token-balance-item__skeleton-icon', style: { height: `${size}px`, width: `${size}px` } })) }));
+    return (jsxs("div", { className: 'tokens-balance-dropdown', ref: anchorRef, onClick: () => setIsDropdownOpen(!isDropdownOpen), "data-testid": 'tokens-balance-dropdown', children: [!isLoading && (jsxs("div", { className: 'tokens-balance-dropdown__selected', children: [tokenLogo(currentToken, '20'), jsx(Typography, { variant: 'body_normal', color: 'primary', children: (_a = currentToken === null || currentToken === void 0 ? void 0 : currentToken.name) !== null && _a !== void 0 ? _a : placeholder }), jsx(Icon, { color: 'text-primary', size: 'small', className: classNames('evm-network-control__arrow-icon', {
                             'evm-network-control__arrow-icon--active': isDropdownOpen,
                         }), children: jsx(SvgStroke, {}) })] })), jsx(MenuList, { className: 'tokens-balance-dropdown__menu_list', isOpen: isDropdownOpen, popperProps: {
                     anchorOrigin: 'bottom-left',

package/src/lib/context/ErrorContext/ErrorContext.cjs

@@ -10,30 +10,50 @@ var logger = require('../../shared/logger.cjs');
 var createProviderHook = require('../../shared/utils/functions/createProviderHook/createProviderHook.cjs');
 
 const FALLBACK_ERROR_LOG_EVENT = 'ui.fallback_error_shown';
-/** @deprecated Prefer setError with a translation key instead */
-const errorMessageMap = {
-    '-32000': 'Message signature denied',
-    '-32002': 'Please unlock your wallet extension and try again.',
-    '-32003': 'Message signature denied.',
-    '-32602': 'Invalid parameters. Please try again.',
-    '-32603': 'There was an internal error. Please try again.',
-    0: 'Message signature denied.',
-    4001: 'Message signature denied.',
-    4100: 'Please unlock your wallet extension and try again.',
-    4900: 'There was an internal error. Please try again.',
-    5001: 'Message signature denied.',
-    5002: 'Message signature denied.',
-    account_already_linked_to_different_profile: 'This social account is already linked to a different profile.',
-    connection_rejected: 'Connection rejected. Please try again.',
-    metamask_timeout: 'Whoops. Looks like something went wrong. Please try again.',
-    'missing-nonce': 'Something went wrong. Please try again.',
-    'missing-public-address': 'Connection cancelled. Please try again',
-    oauth_window_blocked: 'To connect to your social account, enable popups in your browser and then try again.',
-    oauth_window_timeout: 'Session time out. Please try again.',
-    too_many_email_verification_attempts: 'Too many email verification attempts, please try again later',
-    'user-cancelled': '',
-    wallet_not_deployed: 'Your smart wallet has not been deployed.',
-    wrong_email_verification_token: 'The code you entered is incorrect. Please try again.',
+const DEFAULT_ERROR_MESSAGE = 'Something went wrong. Please try again.';
+const MESSAGE_SIGNATURE_DENIED = 'Message signature denied.';
+const UNLOCK_WALLET_MESSAGE = 'Please unlock your wallet extension and try again.';
+const INTERNAL_ERROR_MESSAGE = 'There was an internal error. Please try again.';
+let _errorMessageMap;
+const getErrorMessageMap = () => {
+    if (!_errorMessageMap) {
+        _errorMessageMap = {
+            '-1': DEFAULT_ERROR_MESSAGE,
+            '-32000': MESSAGE_SIGNATURE_DENIED,
+            '-32002': UNLOCK_WALLET_MESSAGE,
+            '-32003': MESSAGE_SIGNATURE_DENIED,
+            '-32602': 'Invalid parameters. Please try again.',
+            '-32603': INTERNAL_ERROR_MESSAGE,
+            0: MESSAGE_SIGNATURE_DENIED,
+            4001: MESSAGE_SIGNATURE_DENIED,
+            4100: UNLOCK_WALLET_MESSAGE,
+            4900: INTERNAL_ERROR_MESSAGE,
+            5001: MESSAGE_SIGNATURE_DENIED,
+            5002: MESSAGE_SIGNATURE_DENIED,
+            account_already_linked_to_different_profile: 'This social account is already linked to a different profile.',
+            [utils.SdkErrorCode.CONNECTION_REJECTED]: 'Connection rejected. Please try again.',
+            general_error: DEFAULT_ERROR_MESSAGE,
+            [utils.SdkErrorCode.INVALID_EMAIL_VERIFICATION]: 'The verification link is no longer valid. Please start again.',
+            metamask_timeout: 'Whoops. Looks like something went wrong. Please try again.',
+            [utils.SdkErrorCode.MISSING_NONCE]: DEFAULT_ERROR_MESSAGE,
+            'missing-public-address': 'Connection cancelled. Please try again',
+            no_webauthn_support_error: 'Your browser does not support passkeys. Please try a different browser.',
+            oauth_error: 'Authentication failed. Please try again.',
+            oauth_window_blocked: 'To connect to your social account, enable popups in your browser and then try again.',
+            oauth_window_timeout: 'Session time out. Please try again.',
+            provider_not_enabled: 'This sign-in provider is not enabled. Please contact the app administrator.',
+            signin_error: 'Sign-in failed. Please try again.',
+            social_linking_not_enabled: 'Social account linking is not enabled for this application.',
+            [utils.SdkErrorCode.TOO_MANY_EMAIL_VERIFICATION_ATTEMPTS]: 'Too many email verification attempts, please try again later',
+            [utils.SdkErrorCode.UNKNOWN_ERROR]: 'An unexpected error occurred. Please try again.',
+            [utils.SdkErrorCode.USER_CANCELLED]: '',
+            [utils.SdkErrorCode.USER_CANCELLED_OAUTH]: '',
+            verification_error: 'Verification failed. Please try again.',
+            [utils.SdkErrorCode.WALLET_NOT_DEPLOYED]: 'Your smart wallet has not been deployed.',
+            wrong_email_verification_token: 'The code you entered is incorrect. Please try again.',
+        };
+    }
+    return _errorMessageMap;
 };
 const ErrorContext = React.createContext(undefined);
 const ErrorContextProvider = ({ children }) => {
@@ -54,12 +74,12 @@ const ErrorContextProvider = ({ children }) => {
             source: 'setDefaultError',
             time: 0,
         });
-        setError('Something went wrong. Please try again.', utils.ErrorCode.DEFAULT);
+        setError(DEFAULT_ERROR_MESSAGE, utils.ErrorCode.DEFAULT);
     }, [setError]);
     /** @deprecated Prefer setError with a translation key instead */
     const setErrorMessage = React.useCallback((status, error, source) => {
-        const mappedMessage = errorMessageMap[status];
-        if (!mappedMessage) {
+        const mappedMessage = getErrorMessageMap()[status];
+        if (mappedMessage === undefined) {
             logger.logger.instrument(FALLBACK_ERROR_LOG_EVENT, {
                 error: error instanceof Error ? error.message : undefined,
                 errorCode: status,
@@ -68,7 +88,7 @@ const ErrorContextProvider = ({ children }) => {
                 time: 0,
             });
         }
-        setError(mappedMessage !== null && mappedMessage !== void 0 ? mappedMessage : 'Something went wrong. Please try again.');
+        setError(mappedMessage !== null && mappedMessage !== void 0 ? mappedMessage : DEFAULT_ERROR_MESSAGE);
     }, [setError]);
     const clearError = React.useCallback(() => {
         _setError(undefined);