@dynamic-labs/sdk-react-core 4.20.15 → 4.20.17

package/CHANGELOG.md

@@ -1,4 +1,20 @@
 
+### [4.20.17](https://github.com/dynamic-labs/dynamic-auth/compare/v4.20.16...v4.20.17) (2025-07-04)
+
+
+### Bug Fixes
+
+* accidentally setting primary wallet back after logout ([#9095](https://github.com/dynamic-labs/dynamic-auth/issues/9095)) ([9fc029c](https://github.com/dynamic-labs/dynamic-auth/commit/9fc029c3e83a946e134715549fdf5b81699df9bc))
+* make export handler static to avoid issues with reconstrucs ([#9092](https://github.com/dynamic-labs/dynamic-auth/issues/9092)) ([5bcd68e](https://github.com/dynamic-labs/dynamic-auth/commit/5bcd68ee8fa81c7ae77680be157417e54edb9533))
+* phantom redirect for mainnet ([#9094](https://github.com/dynamic-labs/dynamic-auth/issues/9094)) ([5e9066f](https://github.com/dynamic-labs/dynamic-auth/commit/5e9066fa9cc0648cb48dda1f553f56c9f98028f3))
+
+### [4.20.16](https://github.com/dynamic-labs/dynamic-auth/compare/v4.20.15...v4.20.16) (2025-07-03)
+
+
+### Bug Fixes
+
+* remove metamask in-app-browser default ([#9086](https://github.com/dynamic-labs/dynamic-auth/issues/9086)) ([f3170d6](https://github.com/dynamic-labs/dynamic-auth/commit/f3170d6a6de251f8d9f6585fbc1bac916aa892a2))
+
 ### [4.20.15](https://github.com/dynamic-labs/dynamic-auth/compare/v4.20.14...v4.20.15) (2025-07-03)
 
 

package/package.cjs

@@ -3,7 +3,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "4.20.15";
+var version = "4.20.17";
 var dependencies = {
 	"@dynamic-labs/sdk-api-core": "0.0.704",
 	"@dynamic-labs-sdk/client": "0.0.1-alpha.7",

package/package.js

@@ -1,5 +1,5 @@
 'use client'
-var version = "4.20.15";
+var version = "4.20.17";
 var dependencies = {
 	"@dynamic-labs/sdk-api-core": "0.0.704",
 	"@dynamic-labs-sdk/client": "0.0.1-alpha.7",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dynamic-labs/sdk-react-core",
-  "version": "4.20.15",
+  "version": "4.20.17",
   "dependencies": {
     "@dynamic-labs/sdk-api-core": "0.0.704",
     "@dynamic-labs-sdk/client": "0.0.1-alpha.7",
@@ -15,16 +15,16 @@
     "yup": "0.32.11",
     "react-international-phone": "4.5.0",
     "bs58": "5.0.0",
-    "@dynamic-labs/assert-package-version": "4.20.15",
-    "@dynamic-labs/iconic": "4.20.15",
-    "@dynamic-labs/logger": "4.20.15",
-    "@dynamic-labs/multi-wallet": "4.20.15",
-    "@dynamic-labs/rpc-providers": "4.20.15",
-    "@dynamic-labs/store": "4.20.15",
-    "@dynamic-labs/types": "4.20.15",
-    "@dynamic-labs/utils": "4.20.15",
-    "@dynamic-labs/wallet-book": "4.20.15",
-    "@dynamic-labs/wallet-connector-core": "4.20.15",
+    "@dynamic-labs/assert-package-version": "4.20.17",
+    "@dynamic-labs/iconic": "4.20.17",
+    "@dynamic-labs/logger": "4.20.17",
+    "@dynamic-labs/multi-wallet": "4.20.17",
+    "@dynamic-labs/rpc-providers": "4.20.17",
+    "@dynamic-labs/store": "4.20.17",
+    "@dynamic-labs/types": "4.20.17",
+    "@dynamic-labs/utils": "4.20.17",
+    "@dynamic-labs/wallet-book": "4.20.17",
+    "@dynamic-labs/wallet-connector-core": "4.20.17",
     "eventemitter3": "5.0.1"
   },
   "devDependencies": {

package/src/index.cjs

@@ -119,9 +119,9 @@ var useMultiWalletPromptState = require('./lib/widgets/DynamicWidget/hooks/useMu
 require('./lib/context/WalletContext/WalletContext.cjs');
 require('./lib/context/CaptchaContext/CaptchaContext.cjs');
 var DynamicWidgetContext = require('./lib/widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
+var useSwitchWallet = require('./lib/utils/hooks/useSwitchWallet/useSwitchWallet.cjs');
 require('./lib/components/IconButton/IconButton.cjs');
 require('./lib/components/MenuList/Dropdown/Dropdown.cjs');
-var useSwitchWallet = require('./lib/utils/hooks/useSwitchWallet/useSwitchWallet.cjs');
 require('formik');
 require('./lib/utils/hooks/useSubdomainCheck/useSubdomainCheck.cjs');
 require('./lib/store/state/sendBalances.cjs');

package/src/index.js

@@ -115,9 +115,9 @@ export { useMultiWalletPromptState } from './lib/widgets/DynamicWidget/hooks/use
 import './lib/context/WalletContext/WalletContext.js';
 import './lib/context/CaptchaContext/CaptchaContext.js';
 export { DynamicWidgetContextProvider } from './lib/widgets/DynamicWidget/context/DynamicWidgetContext.js';
+export { useSwitchWallet } from './lib/utils/hooks/useSwitchWallet/useSwitchWallet.js';
 import './lib/components/IconButton/IconButton.js';
 import './lib/components/MenuList/Dropdown/Dropdown.js';
-export { useSwitchWallet } from './lib/utils/hooks/useSwitchWallet/useSwitchWallet.js';
 import 'formik';
 import './lib/utils/hooks/useSubdomainCheck/useSubdomainCheck.js';
 import './lib/store/state/sendBalances.js';

package/src/lib/components/MenuList/DropdownMenu/DropdownMenu.types.d.ts

@@ -9,6 +9,7 @@ export type MenuOption = {
     fontWeight?: TypographyWeight;
     endSlot?: ReactElement;
     badge?: string;
+    copykey: string;
 };
 export type DropdownMenuProps = {
     options: MenuOption[];

package/src/lib/components/NetworkPicker/components/Network/Network.cjs

@@ -107,7 +107,7 @@ const Network = ({ iconUrl, isActive, networkName, className, checkboxClassName
     const { t } = reactI18next.useTranslation();
     return (jsxRuntime.jsxs("div", { className: classNames.classNames('network', className, {
             'network--not-supported': notSupported,
-        }), children: [jsxRuntime.jsxs("div", { className: 'network__container', children: [iconUrl ? (jsxRuntime.jsx("img", { src: iconUrl, className: 'network__title-icon', alt: `${networkName} icon` })) : (jsxRuntime.jsx(error.ReactComponent, {})), jsxRuntime.jsxs("div", { className: 'network__title-container', children: [jsxRuntime.jsx(Typography.Typography, { variant: 'button_primary', className: 'network__title-copy', as: 'span', weight: 'medium', color: notSupported ? 'secondary' : 'primary', children: networkName }), notSupported && (jsxRuntime.jsx(Typography.Typography, { variant: 'body_mini', className: 'network__title-copy', as: 'span', weight: 'medium', color: notSupported ? 'secondary' : 'primary', "data-testid": 'network-not-supported', children: t('dyn_network_not_supported.wallet') }))] })] }), jsxRuntime.jsxs("div", { className: classNames.classNames('network__status-container', {
+        }), children: [jsxRuntime.jsxs("div", { className: 'network__container', children: [iconUrl ? (jsxRuntime.jsx("img", { src: iconUrl, className: 'network__title-icon', alt: `${networkName} icon` })) : (jsxRuntime.jsx(error.ReactComponent, {})), jsxRuntime.jsxs("div", { className: 'network__title-container', children: [jsxRuntime.jsx(Typography.Typography, { variant: 'button_primary', className: 'network__title-copy', as: 'span', weight: 'medium', color: notSupported ? 'secondary' : 'primary', children: networkName }), notSupported && (jsxRuntime.jsx(Typography.Typography, { variant: 'body_mini', className: 'network__title-copy', as: 'span', weight: 'medium', color: notSupported ? 'secondary' : 'primary', "data-testid": 'network-not-supported', copykey: 'dyn_network_not_supported.wallet', children: t('dyn_network_not_supported.wallet') }))] })] }), jsxRuntime.jsxs("div", { className: classNames.classNames('network__status-container', {
                     'network__status-container--active': isActive,
                 }, checkboxClassName), "data-testid": 'single-network-checkbox', children: [isActive && jsxRuntime.jsx(check.ReactComponent, { className: 'network__status-icon' }), isChanging && (jsxRuntime.jsx(Spinner.Spinner, { className: 'network__status-spinner-icon', size: 12 }))] })] }));
 };

package/src/lib/components/NetworkPicker/components/Network/Network.js

@@ -103,7 +103,7 @@ const Network = ({ iconUrl, isActive, networkName, className, checkboxClassName
     const { t } = useTranslation();
     return (jsxs("div", { className: classNames('network', className, {
             'network--not-supported': notSupported,
-        }), children: [jsxs("div", { className: 'network__container', children: [iconUrl ? (jsx("img", { src: iconUrl, className: 'network__title-icon', alt: `${networkName} icon` })) : (jsx(SvgError, {})), jsxs("div", { className: 'network__title-container', children: [jsx(Typography, { variant: 'button_primary', className: 'network__title-copy', as: 'span', weight: 'medium', color: notSupported ? 'secondary' : 'primary', children: networkName }), notSupported && (jsx(Typography, { variant: 'body_mini', className: 'network__title-copy', as: 'span', weight: 'medium', color: notSupported ? 'secondary' : 'primary', "data-testid": 'network-not-supported', children: t('dyn_network_not_supported.wallet') }))] })] }), jsxs("div", { className: classNames('network__status-container', {
+        }), children: [jsxs("div", { className: 'network__container', children: [iconUrl ? (jsx("img", { src: iconUrl, className: 'network__title-icon', alt: `${networkName} icon` })) : (jsx(SvgError, {})), jsxs("div", { className: 'network__title-container', children: [jsx(Typography, { variant: 'button_primary', className: 'network__title-copy', as: 'span', weight: 'medium', color: notSupported ? 'secondary' : 'primary', children: networkName }), notSupported && (jsx(Typography, { variant: 'body_mini', className: 'network__title-copy', as: 'span', weight: 'medium', color: notSupported ? 'secondary' : 'primary', "data-testid": 'network-not-supported', copykey: 'dyn_network_not_supported.wallet', children: t('dyn_network_not_supported.wallet') }))] })] }), jsxs("div", { className: classNames('network__status-container', {
                     'network__status-container--active': isActive,
                 }, checkboxClassName), "data-testid": 'single-network-checkbox', children: [isActive && jsx(SvgCheck, { className: 'network__status-icon' }), isChanging && (jsx(Spinner, { className: 'network__status-spinner-icon', size: 12 }))] })] }));
 };

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

@@ -183,7 +183,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', 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 = 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'] &&
                             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

@@ -179,7 +179,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', 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 = 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'] &&
                             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

@@ -169,7 +169,7 @@ 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', 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', 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') }) })) })] }));
 };
 
 exports.TokensBalanceDropdown = TokensBalanceDropdown;

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

@@ -165,7 +165,7 @@ 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', 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', 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') }) })) })] }));
 };
 
 export { TokensBalanceDropdown };

package/src/lib/components/TypographyButton/TypographyButton.cjs

@@ -5,9 +5,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _tslib = require('../../../../_virtual/_tslib.cjs');
 var jsxRuntime = require('react/jsx-runtime');
+var classNames = require('../../utils/functions/classNames/classNames.cjs');
 var Button = require('../Button/Button.cjs');
 var Typography = require('../Typography/Typography.cjs');
-var classNames = require('../../utils/functions/classNames/classNames.cjs');
 
 const defaultTypographyVariantMap = {
     'brand-primary': 'button_primary',

package/src/lib/components/TypographyButton/TypographyButton.js

@@ -1,9 +1,9 @@
 'use client'
 import { __rest } from '../../../../_virtual/_tslib.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
+import { classNames } from '../../utils/functions/classNames/classNames.js';
 import { Button, defaultButtonVariant } from '../Button/Button.js';
 import { Typography } from '../Typography/Typography.js';
-import { classNames } from '../../utils/functions/classNames/classNames.js';
 
 const defaultTypographyVariantMap = {
     'brand-primary': 'button_primary',

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

@@ -891,6 +891,8 @@ const translation = {
             iPhone: 'iPhone',
             opera: 'Opera Browser',
             safari: 'Safari Browser',
+            passkey: 'Passkey',
+            passkey_rename: 'Rename',
         },
         recovery_button: 'Set up new passkey',
     },
@@ -1203,6 +1205,7 @@ const translation = {
         add_mfa_button: 'Authenticator App',
         no_devices: 'No authenticator apps configured',
         generate_backup_codes_button: 'Get new backup codes',
+        delete: 'Delete',
     },
     /**
      * @description copy keys for waas backup unsuccessful view
@@ -1883,6 +1886,20 @@ const translation = {
         description: 'You’ve selected the same wallet for both sending and receiving. To continue, choose a different wallet.',
         return: 'Return to wallet list',
     },
+    dyn_secondary_wallet: {
+        title: 'Select Wallet',
+        copy_address: 'Copy address',
+        view_address: 'View address',
+        copy_ens: 'Copy ENS',
+        view_ens: 'View ENS',
+        unlink: 'Unlink',
+        switch_wallet: 'Switch wallet',
+        unlink_from_account: 'Unlink from my account',
+        disconnect_from_account: 'Disconnect from my account',
+        export: 'Export private keys',
+        connect_new: 'Connect new',
+        link_new: 'Link new',
+    },
     /**
      * @description copy keys for send transaction flow views
      * @default

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

@@ -885,6 +885,8 @@ export declare const translation: {
             iPhone: string;
             opera: string;
             safari: string;
+            passkey: string;
+            passkey_rename: string;
         };
         recovery_button: string;
     };
@@ -1199,6 +1201,7 @@ export declare const translation: {
         add_mfa_button: string;
         no_devices: string;
         generate_backup_codes_button: string;
+        delete: string;
     };
     /**
      * @description copy keys for waas backup unsuccessful view
@@ -1879,6 +1882,20 @@ export declare const translation: {
         description: string;
         return: string;
     };
+    dyn_secondary_wallet: {
+        title: string;
+        copy_address: string;
+        view_address: string;
+        copy_ens: string;
+        view_ens: string;
+        unlink: string;
+        switch_wallet: string;
+        unlink_from_account: string;
+        disconnect_from_account: string;
+        export: string;
+        connect_new: string;
+        link_new: string;
+    };
     /**
      * @description copy keys for send transaction flow views
      * @default

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

@@ -887,6 +887,8 @@ const translation = {
             iPhone: 'iPhone',
             opera: 'Opera Browser',
             safari: 'Safari Browser',
+            passkey: 'Passkey',
+            passkey_rename: 'Rename',
         },
         recovery_button: 'Set up new passkey',
     },
@@ -1199,6 +1201,7 @@ const translation = {
         add_mfa_button: 'Authenticator App',
         no_devices: 'No authenticator apps configured',
         generate_backup_codes_button: 'Get new backup codes',
+        delete: 'Delete',
     },
     /**
      * @description copy keys for waas backup unsuccessful view
@@ -1879,6 +1882,20 @@ const translation = {
         description: 'You’ve selected the same wallet for both sending and receiving. To continue, choose a different wallet.',
         return: 'Return to wallet list',
     },
+    dyn_secondary_wallet: {
+        title: 'Select Wallet',
+        copy_address: 'Copy address',
+        view_address: 'View address',
+        copy_ens: 'Copy ENS',
+        view_ens: 'View ENS',
+        unlink: 'Unlink',
+        switch_wallet: 'Switch wallet',
+        unlink_from_account: 'Unlink from my account',
+        disconnect_from_account: 'Disconnect from my account',
+        export: 'Export private keys',
+        connect_new: 'Connect new',
+        link_new: 'Link new',
+    },
     /**
      * @description copy keys for send transaction flow views
      * @default

package/src/lib/utils/functions/findEmbeddedWalletFromVerifiedCredentials/findEmbeddedWalletFromVerifiedCredentials.d.ts

@@ -1,3 +1,4 @@
+import { SdkUser } from '@dynamic-labs/sdk-api-core';
 import { UserProfile } from '../../../..';
 /**
  * Finds the first embedded wallet from the verified credentials for the given chains.
@@ -6,4 +7,4 @@ import { UserProfile } from '../../../..';
  * @param chains - The chains to check for embedded wallets.
  * @returns The first embedded wallet from the verified credentials for the given chains.
  */
-export declare const findEmbeddedWalletFromVerifiedCredentials: (user: UserProfile, chains?: string[]) => import("@dynamic-labs/sdk-api-core").JwtVerifiedCredential | undefined;
+export declare const findEmbeddedWalletFromVerifiedCredentials: (user: UserProfile | SdkUser, chains?: string[]) => import("@dynamic-labs/sdk-api-core").JwtVerifiedCredential | undefined;

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

@@ -166,7 +166,7 @@ const useSubmitExchangeFunding = () => {
                 errorMessage = t('dyn_exchange_transfer_errors.unknown');
             }
             if (showError) {
-                const errorAlert = (jsxRuntime.jsxs(Typography.Typography, { variant: 'body_normal', color: 'current-color', children: [t('dyn_exchange_transfer_errors.title'), jsxRuntime.jsx(Typography.Typography, { color: 'current-color', children: errorMessage })] }));
+                const errorAlert = (jsxRuntime.jsxs(Typography.Typography, { variant: 'body_normal', color: 'current-color', copykey: 'dyn_exchange_transfer_errors.title', children: [t('dyn_exchange_transfer_errors.title'), jsxRuntime.jsx(Typography.Typography, { color: 'current-color', children: errorMessage })] }));
                 setShowAuthFlow(false);
                 goToInitialDynamicWidgetView();
                 setHeaderAlert({

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

@@ -162,7 +162,7 @@ const useSubmitExchangeFunding = () => {
                 errorMessage = t('dyn_exchange_transfer_errors.unknown');
             }
             if (showError) {
-                const errorAlert = (jsxs(Typography, { variant: 'body_normal', color: 'current-color', children: [t('dyn_exchange_transfer_errors.title'), jsx(Typography, { color: 'current-color', children: errorMessage })] }));
+                const errorAlert = (jsxs(Typography, { variant: 'body_normal', color: 'current-color', copykey: 'dyn_exchange_transfer_errors.title', children: [t('dyn_exchange_transfer_errors.title'), jsx(Typography, { color: 'current-color', children: errorMessage })] }));
                 setShowAuthFlow(false);
                 goToInitialDynamicWidgetView();
                 setHeaderAlert({

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

@@ -6,13 +6,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _tslib = require('../../../../../_virtual/_tslib.cjs');
 var React = require('react');
 var utils = require('@dynamic-labs/utils');
-var useEmbeddedWallet = require('../useEmbeddedWallet/useEmbeddedWallet.cjs');
-require('@dynamic-labs/sdk-api-core');
-require('@dynamic-labs/wallet-connector-core');
+var client = require('../../../client/client.cjs');
 require('../../../context/DynamicContext/DynamicContext.cjs');
 require('../../../store/state/loadingAndLifecycle/loadingAndLifecycle.cjs');
+require('@dynamic-labs/sdk-api-core');
 var logger = require('../../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
+require('@dynamic-labs/wallet-connector-core');
 require('react/jsx-runtime');
 require('../../../context/ViewContext/ViewContext.cjs');
 require('@dynamic-labs/wallet-book');
@@ -28,7 +28,6 @@ require('@dynamic-labs/multi-wallet');
 require('react-international-phone');
 require('../../../store/state/nonce/nonce.cjs');
 require('@dynamic-labs-sdk/client');
-require('../../../client/client.cjs');
 require('@dynamic-labs-sdk/client/core');
 require('../../../store/state/projectSettings/projectSettings.cjs');
 require('../../../events/dynamicEvents.cjs');
@@ -51,6 +50,9 @@ require('bs58');
 require('@dynamic-labs/types');
 require('../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 var LoadingContext = require('../../../context/LoadingContext/LoadingContext.cjs');
+var useEmbeddedWallet = require('../useEmbeddedWallet/useEmbeddedWallet.cjs');
+var WalletContext = require('../../../context/WalletContext/WalletContext.cjs');
+require('../useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.cjs');
 require('yup');
 require('../../../context/MockContext/MockContext.cjs');
 require('../../../views/CollectUserDataView/useFields.cjs');
@@ -61,7 +63,6 @@ require('../../../store/state/walletOptions/walletOptions.cjs');
 require('react-i18next');
 require('../../../components/Accordion/components/AccordionItem/AccordionItem.cjs');
 require('../../../components/Alert/Alert.cjs');
-var WalletContext = require('../../../context/WalletContext/WalletContext.cjs');
 require('../../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../../components/IconButton/IconButton.cjs');
 require('../../../components/InlineWidget/InlineWidget.cjs');
@@ -102,15 +103,14 @@ require('../../../../index.cjs');
 require('../../../store/state/tokenBalances.cjs');
 require('../../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');
 var useInternalDynamicContext = require('../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext/useInternalDynamicContext.cjs');
-require('../useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.cjs');
 
 let acknowledgedExportPrompt = false;
 const useSyncEmbeddedWalletFlow = () => {
-    const { projectSettings, user, primaryWalletId, walletConnectorOptions, primaryWallet, setShowAuthFlow, } = useInternalDynamicContext.useInternalDynamicContext();
+    const { projectSettings, user: contextUser, primaryWalletId, walletConnectorOptions, primaryWallet, setShowAuthFlow, } = useInternalDynamicContext.useInternalDynamicContext();
     const { isLoadingEmbeddedWallet } = WalletContext.useWalletContext();
     const { loading: globalLoading } = LoadingContext.useLoadingContext();
     const { initExportProcess } = useEmbeddedReveal.useEmbeddedReveal();
-    const [wasShownExportPrompt, setWasShownExportPrompt] = useLocalStorage.useLocalStorage(`dynamic_export_prompt-${user === null || user === void 0 ? void 0 : user.userId}`, false, (data) => Boolean(data));
+    const [wasShownExportPrompt, setWasShownExportPrompt] = useLocalStorage.useLocalStorage(`dynamic_export_prompt-${contextUser === null || contextUser === void 0 ? void 0 : contextUser.userId}`, false, (data) => Boolean(data));
     const { createEmbeddedWallet, shouldAutoCreateEmbeddedWallet, shouldPromptForKeyExport, } = useEmbeddedWallet.useEmbeddedWallet();
     const triggeredCreate = React.useRef(false);
     const handleAcknowledgeExportPrompt = React.useCallback((value = true) => {
@@ -126,6 +126,11 @@ const useSyncEmbeddedWalletFlow = () => {
     // we force them to created it before they can use the app
     // ** It must be an useEffect because some of the dependencies are async
     React.useEffect(() => {
+        // Explanation: if the user just logged out, the user from the hook might still be set
+        // but the client will be null.
+        // And if the user is not onboarding complete yet, the hook won't be set even though the client.user is set.
+        // This is why we check for the user AND the client.user.
+        const user = contextUser && client.getDynamicClient().user;
         const syncEmbeddedWallet = () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
             const isNewUser = user === null || user === void 0 ? void 0 : user.newUser;
             if (shouldSyncCreateWallet) {
@@ -175,7 +180,7 @@ const useSyncEmbeddedWalletFlow = () => {
         }
         syncEmbeddedWallet();
     }, [
-        user,
+        contextUser,
         projectSettings,
         primaryWalletId,
         createEmbeddedWallet,

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

@@ -2,13 +2,13 @@
 import { __awaiter } from '../../../../../_virtual/_tslib.js';
 import { useRef, useCallback, useEffect } from 'react';
 import { EmbeddedWalletException } from '@dynamic-labs/utils';
-import { useEmbeddedWallet } from '../useEmbeddedWallet/useEmbeddedWallet.js';
-import '@dynamic-labs/sdk-api-core';
-import '@dynamic-labs/wallet-connector-core';
+import { getDynamicClient } from '../../../client/client.js';
 import '../../../context/DynamicContext/DynamicContext.js';
 import '../../../store/state/loadingAndLifecycle/loadingAndLifecycle.js';
+import '@dynamic-labs/sdk-api-core';
 import { logger } from '../../../shared/logger.js';
 import '@dynamic-labs/iconic';
+import '@dynamic-labs/wallet-connector-core';
 import 'react/jsx-runtime';
 import '../../../context/ViewContext/ViewContext.js';
 import '@dynamic-labs/wallet-book';
@@ -24,7 +24,6 @@ import '@dynamic-labs/multi-wallet';
 import 'react-international-phone';
 import '../../../store/state/nonce/nonce.js';
 import '@dynamic-labs-sdk/client';
-import '../../../client/client.js';
 import '@dynamic-labs-sdk/client/core';
 import '../../../store/state/projectSettings/projectSettings.js';
 import '../../../events/dynamicEvents.js';
@@ -47,6 +46,9 @@ import 'bs58';
 import '@dynamic-labs/types';
 import '../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import { useLoadingContext } from '../../../context/LoadingContext/LoadingContext.js';
+import { useEmbeddedWallet } from '../useEmbeddedWallet/useEmbeddedWallet.js';
+import { useWalletContext } from '../../../context/WalletContext/WalletContext.js';
+import '../useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.js';
 import 'yup';
 import '../../../context/MockContext/MockContext.js';
 import '../../../views/CollectUserDataView/useFields.js';
@@ -57,7 +59,6 @@ import '../../../store/state/walletOptions/walletOptions.js';
 import 'react-i18next';
 import '../../../components/Accordion/components/AccordionItem/AccordionItem.js';
 import '../../../components/Alert/Alert.js';
-import { useWalletContext } from '../../../context/WalletContext/WalletContext.js';
 import '../../../components/ShadowDOM/ShadowDOM.js';
 import '../../../components/IconButton/IconButton.js';
 import '../../../components/InlineWidget/InlineWidget.js';
@@ -98,15 +99,14 @@ import '../../../../index.js';
 import '../../../store/state/tokenBalances.js';
 import '../../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
 import { useInternalDynamicContext } from '../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext/useInternalDynamicContext.js';
-import '../useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.js';
 
 let acknowledgedExportPrompt = false;
 const useSyncEmbeddedWalletFlow = () => {
-    const { projectSettings, user, primaryWalletId, walletConnectorOptions, primaryWallet, setShowAuthFlow, } = useInternalDynamicContext();
+    const { projectSettings, user: contextUser, primaryWalletId, walletConnectorOptions, primaryWallet, setShowAuthFlow, } = useInternalDynamicContext();
     const { isLoadingEmbeddedWallet } = useWalletContext();
     const { loading: globalLoading } = useLoadingContext();
     const { initExportProcess } = useEmbeddedReveal();
-    const [wasShownExportPrompt, setWasShownExportPrompt] = useLocalStorage(`dynamic_export_prompt-${user === null || user === void 0 ? void 0 : user.userId}`, false, (data) => Boolean(data));
+    const [wasShownExportPrompt, setWasShownExportPrompt] = useLocalStorage(`dynamic_export_prompt-${contextUser === null || contextUser === void 0 ? void 0 : contextUser.userId}`, false, (data) => Boolean(data));
     const { createEmbeddedWallet, shouldAutoCreateEmbeddedWallet, shouldPromptForKeyExport, } = useEmbeddedWallet();
     const triggeredCreate = useRef(false);
     const handleAcknowledgeExportPrompt = useCallback((value = true) => {
@@ -122,6 +122,11 @@ const useSyncEmbeddedWalletFlow = () => {
     // we force them to created it before they can use the app
     // ** It must be an useEffect because some of the dependencies are async
     useEffect(() => {
+        // Explanation: if the user just logged out, the user from the hook might still be set
+        // but the client will be null.
+        // And if the user is not onboarding complete yet, the hook won't be set even though the client.user is set.
+        // This is why we check for the user AND the client.user.
+        const user = contextUser && getDynamicClient().user;
         const syncEmbeddedWallet = () => __awaiter(void 0, void 0, void 0, function* () {
             const isNewUser = user === null || user === void 0 ? void 0 : user.newUser;
             if (shouldSyncCreateWallet) {
@@ -171,7 +176,7 @@ const useSyncEmbeddedWalletFlow = () => {
         }
         syncEmbeddedWallet();
     }, [
-        user,
+        contextUser,
         projectSettings,
         primaryWalletId,
         createEmbeddedWallet,

package/src/lib/views/AccessBlockedView/AccessBlockedView.cjs

@@ -110,7 +110,7 @@ const AccessBlockedView = () => {
         onResolve: (config) => setCountry(config === null || config === void 0 ? void 0 : config.country),
         retries: 2,
     });
-    return (jsxRuntime.jsxs("div", { className: 'access-blocked__container', children: [jsxRuntime.jsx("div", { className: 'access-blocked__icon', children: jsxRuntime.jsx(accessBlocked.ReactComponent, {}) }), jsxRuntime.jsx("div", { className: 'access-blocked__content', children: jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', color: 'secondary', children: t('dyn_access_blocked.content', { jurisdiction: country }) }) })] }));
+    return (jsxRuntime.jsxs("div", { className: 'access-blocked__container', children: [jsxRuntime.jsx("div", { className: 'access-blocked__icon', children: jsxRuntime.jsx(accessBlocked.ReactComponent, {}) }), jsxRuntime.jsx("div", { className: 'access-blocked__content', children: jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', color: 'secondary', copykey: 'dyn_access_blocked.content', children: t('dyn_access_blocked.content', { jurisdiction: country }) }) })] }));
 };
 
 exports.AccessBlockedView = AccessBlockedView;

package/src/lib/views/AccessBlockedView/AccessBlockedView.js

@@ -106,7 +106,7 @@ const AccessBlockedView = () => {
         onResolve: (config) => setCountry(config === null || config === void 0 ? void 0 : config.country),
         retries: 2,
     });
-    return (jsxs("div", { className: 'access-blocked__container', children: [jsx("div", { className: 'access-blocked__icon', children: jsx(SvgAccessBlocked, {}) }), jsx("div", { className: 'access-blocked__content', children: jsx(Typography, { variant: 'body_normal', color: 'secondary', children: t('dyn_access_blocked.content', { jurisdiction: country }) }) })] }));
+    return (jsxs("div", { className: 'access-blocked__container', children: [jsx("div", { className: 'access-blocked__icon', children: jsx(SvgAccessBlocked, {}) }), jsx("div", { className: 'access-blocked__content', children: jsx(Typography, { variant: 'body_normal', color: 'secondary', copykey: 'dyn_access_blocked.content', children: t('dyn_access_blocked.content', { jurisdiction: country }) }) })] }));
 };
 
 export { AccessBlockedView };

package/src/lib/views/ExchangeList/ExchangeListItem/ExchangeListItem.cjs

@@ -128,7 +128,7 @@ const ExchangeListItem = ({ disabled = false, exchange, onResetSearchValue, tile
         // eslint-disable-next-line react/jsx-wrap-multilines
         jsxRuntime.jsx(Icon.Icon, { color: 'text-tertiary', size: 'mini', children: jsxRuntime.jsx(stroke.ReactComponent, {}) }), children: connected && (jsxRuntime.jsx(Badge.Badge, { dot: true, variant: 'primary', text: 
             // eslint-disable-next-line react/jsx-wrap-multilines
-            jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', children: t('dyn_exchange_list.item.connected') }) })) }));
+            jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', copykey: 'dyn_exchange_list.item.connected', children: t('dyn_exchange_list.item.connected') }) })) }));
     return (jsxRuntime.jsx(Tile, { leading: leading, trailing: trailing, name: name.charAt(0).toUpperCase() + name.slice(1), onClick: handleClick }));
 };
 

package/src/lib/views/ExchangeList/ExchangeListItem/ExchangeListItem.js

@@ -124,7 +124,7 @@ const ExchangeListItem = ({ disabled = false, exchange, onResetSearchValue, tile
         // eslint-disable-next-line react/jsx-wrap-multilines
         jsx(Icon, { color: 'text-tertiary', size: 'mini', children: jsx(SvgStroke, {}) }), children: connected && (jsx(Badge, { dot: true, variant: 'primary', text: 
             // eslint-disable-next-line react/jsx-wrap-multilines
-            jsx(Typography, { variant: 'body_small', children: t('dyn_exchange_list.item.connected') }) })) }));
+            jsx(Typography, { variant: 'body_small', copykey: 'dyn_exchange_list.item.connected', children: t('dyn_exchange_list.item.connected') }) })) }));
     return (jsx(Tile, { leading: leading, trailing: trailing, name: name.charAt(0).toUpperCase() + name.slice(1), onClick: handleClick }));
 };
 

package/src/lib/views/GlobalWalletConfirmView/GlobalWalletConfirmView.cjs

@@ -106,9 +106,9 @@ const GlobalWalletConfirmView = ({ pairingInfo, onConfirm, onCancel }) => {
     const handleImageError = () => {
         setImageError(true);
     };
-    return (jsxRuntime.jsx("div", { className: 'global-wallet-confirm', children: jsxRuntime.jsx("div", { className: 'popup-content', children: jsxRuntime.jsxs("div", { className: 'wallet-connection-view', children: [!imageError && (jsxRuntime.jsx("img", { src: pairingInfo.icons[0], alt: `${pairingInfo.name} icon`, className: 'dapp-icon', onError: handleImageError })), jsxRuntime.jsx(Typography.Typography, { className: 'connection-title', variant: 'title', font: 'bold', children: t('global_wallet.confirm.description', { name: pairingInfo.name }) }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', className: 'dapp-url', children: pairingInfo.url }), jsxRuntime.jsxs("div", { className: 'button-group', children: [jsxRuntime.jsx(TypographyButton.TypographyButton, { buttonClassName: 'cancel-button', onClick: onCancel, type: 'submit', buttonPadding: 'large', children: t('global_wallet.confirm.cancel_button') }), jsxRuntime.jsx(TypographyButton.TypographyButton, { buttonClassName: 'connect-global-button', onClick: onConfirm, type: 'submit', buttonPadding: 'large', typographyProps: {
+    return (jsxRuntime.jsx("div", { className: 'global-wallet-confirm', children: jsxRuntime.jsx("div", { className: 'popup-content', children: jsxRuntime.jsxs("div", { className: 'wallet-connection-view', children: [!imageError && (jsxRuntime.jsx("img", { src: pairingInfo.icons[0], alt: `${pairingInfo.name} icon`, className: 'dapp-icon', onError: handleImageError })), jsxRuntime.jsx(Typography.Typography, { className: 'connection-title', variant: 'title', font: 'bold', copykey: 'global_wallet.confirm.description', children: t('global_wallet.confirm.description', { name: pairingInfo.name }) }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', className: 'dapp-url', children: pairingInfo.url }), jsxRuntime.jsxs("div", { className: 'button-group', children: [jsxRuntime.jsx(TypographyButton.TypographyButton, { buttonClassName: 'cancel-button', onClick: onCancel, type: 'submit', buttonPadding: 'large', copykey: 'global_wallet.confirm.cancel_button', children: t('global_wallet.confirm.cancel_button') }), jsxRuntime.jsx(TypographyButton.TypographyButton, { buttonClassName: 'connect-global-button', onClick: onConfirm, type: 'submit', buttonPadding: 'large', typographyProps: {
                                     color: 'white',
-                                }, children: t('global_wallet.confirm.connect_button') })] })] }) }) }));
+                                }, copykey: 'global_wallet.confirm.connect_button', children: t('global_wallet.confirm.connect_button') })] })] }) }) }));
 };
 
 exports.GlobalWalletConfirmView = GlobalWalletConfirmView;