@dynamic-labs/sdk-react-core 3.0.0-alpha.44 → 3.0.0-alpha.46

package/CHANGELOG.md

@@ -1,4 +1,27 @@
 
+## [3.0.0-alpha.46](https://github.com/dynamic-labs/DynamicAuth/compare/v3.0.0-alpha.45...v3.0.0-alpha.46) (2024-08-19)
+
+
+### Features
+
+* add overrides for chain info ([#6614](https://github.com/dynamic-labs/DynamicAuth/issues/6614)) ([07b76a0](https://github.com/dynamic-labs/DynamicAuth/commit/07b76a0887d3147a00d93a37bdf49a83bfec0ceb))
+* add use token balances state in global store ([#6598](https://github.com/dynamic-labs/DynamicAuth/issues/6598)) ([05baefe](https://github.com/dynamic-labs/DynamicAuth/commit/05baefe7155f197c048557b15240ad93556a8604))
+* refresh token balances ([#6578](https://github.com/dynamic-labs/DynamicAuth/issues/6578)) ([0768857](https://github.com/dynamic-labs/DynamicAuth/commit/0768857c924ce0e01b736173e50ea85b956ab067))
+
+
+### Bug Fixes
+
+* createEmbeddedWalletAccount ([#6642](https://github.com/dynamic-labs/DynamicAuth/issues/6642)) ([bce08de](https://github.com/dynamic-labs/DynamicAuth/commit/bce08deaa4a5e1ea0b134efb5c4d252c82af5eec))
+* jwt x error when singing with embedded wallet ([#6633](https://github.com/dynamic-labs/DynamicAuth/issues/6633)) ([7d1a6d4](https://github.com/dynamic-labs/DynamicAuth/commit/7d1a6d432807c5b361ff31e6feac2e10d0145d90))
+
+## [3.0.0-alpha.45](https://github.com/dynamic-labs/DynamicAuth/compare/v3.0.0-alpha.44...v3.0.0-alpha.45) (2024-08-16)
+
+
+### Bug Fixes
+
+* always check for dynamicOauthCode and use during signin or verify ([#6618](https://github.com/dynamic-labs/DynamicAuth/issues/6618)) ([dd33231](https://github.com/dynamic-labs/DynamicAuth/commit/dd332310c9fdfa7bb593b7f567751133a93c6938))
+* display qr code when no primary is selected ([#6605](https://github.com/dynamic-labs/DynamicAuth/issues/6605)) ([406afa3](https://github.com/dynamic-labs/DynamicAuth/commit/406afa32b38a29a2d8ce96803ae45ab35adb5ce3))
+
 ## [3.0.0-alpha.44](https://github.com/dynamic-labs/DynamicAuth/compare/v3.0.0-alpha.43...v3.0.0-alpha.44) (2024-08-15)
 
 

package/package.cjs

@@ -3,7 +3,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "3.0.0-alpha.44";
+var version = "3.0.0-alpha.46";
 var dependencies = {
 	"@dynamic-labs/sdk-api-core": "0.0.516",
 	"@hcaptcha/react-hcaptcha": "1.4.4",

package/package.js

@@ -1,5 +1,5 @@
 'use client'
-var version = "3.0.0-alpha.44";
+var version = "3.0.0-alpha.46";
 var dependencies = {
 	"@dynamic-labs/sdk-api-core": "0.0.516",
 	"@hcaptcha/react-hcaptcha": "1.4.4",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dynamic-labs/sdk-react-core",
-  "version": "3.0.0-alpha.44",
+  "version": "3.0.0-alpha.46",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/dynamic-labs/dynamic-auth.git",
@@ -17,17 +17,17 @@
     "react-i18next": "13.5.0",
     "yup": "0.32.11",
     "react-international-phone": "4.2.5",
-    "@dynamic-labs/iconic": "3.0.0-alpha.44",
-    "@dynamic-labs/logger": "3.0.0-alpha.44",
-    "@dynamic-labs/message-transport": "3.0.0-alpha.44",
-    "@dynamic-labs/multi-wallet": "3.0.0-alpha.44",
-    "@dynamic-labs/rpc-providers": "3.0.0-alpha.44",
-    "@dynamic-labs/store": "3.0.0-alpha.44",
-    "@dynamic-labs/types": "3.0.0-alpha.44",
-    "@dynamic-labs/utils": "3.0.0-alpha.44",
-    "@dynamic-labs/viem-utils": "3.0.0-alpha.44",
-    "@dynamic-labs/wallet-book": "3.0.0-alpha.44",
-    "@dynamic-labs/wallet-connector-core": "3.0.0-alpha.44",
+    "@dynamic-labs/iconic": "3.0.0-alpha.46",
+    "@dynamic-labs/logger": "3.0.0-alpha.46",
+    "@dynamic-labs/message-transport": "3.0.0-alpha.46",
+    "@dynamic-labs/multi-wallet": "3.0.0-alpha.46",
+    "@dynamic-labs/rpc-providers": "3.0.0-alpha.46",
+    "@dynamic-labs/store": "3.0.0-alpha.46",
+    "@dynamic-labs/types": "3.0.0-alpha.46",
+    "@dynamic-labs/utils": "3.0.0-alpha.46",
+    "@dynamic-labs/viem-utils": "3.0.0-alpha.46",
+    "@dynamic-labs/wallet-book": "3.0.0-alpha.46",
+    "@dynamic-labs/wallet-connector-core": "3.0.0-alpha.46",
     "eventemitter3": "5.0.1"
   },
   "devDependencies": {

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

@@ -98,7 +98,7 @@ require('qrcode');
 const NonNetworkSwitchingSupportedControl = ({ walletConnector, className, showNetworkName = false, }) => {
     const { chain, isLoading } = useFetchChain.useFetchChain(walletConnector);
     const chainName = (chain === null || chain === void 0 ? void 0 : chain.name) || '';
-    const ChainIcon = getChainIcon.getChainIcon(chainName);
+    const ChainIcon = getChainIcon.getChainIcon(walletConnector.connectedChain || '');
     if (isLoading) {
         return jsxRuntime.jsx(NetworkControlSkeleton.NetworkControlSkeleton, { className: className });
     }

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

@@ -94,7 +94,7 @@ import 'qrcode';
 const NonNetworkSwitchingSupportedControl = ({ walletConnector, className, showNetworkName = false, }) => {
     const { chain, isLoading } = useFetchChain(walletConnector);
     const chainName = (chain === null || chain === void 0 ? void 0 : chain.name) || '';
-    const ChainIcon = getChainIcon(chainName);
+    const ChainIcon = getChainIcon(walletConnector.connectedChain || '');
     if (isLoading) {
         return jsx(NetworkControlSkeleton, { className: className });
     }

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

@@ -175,7 +175,7 @@ const SendBalanceForm = ({ initialValues, onSubmit, decimals = 18, validateAddre
                                     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(fiatValue) && (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: fiatValue < 0 || !(currentToken === null || currentToken === void 0 ? void 0 : currentToken.price)
                                                 ? '--'
-                                                : utils.getDisplayFiatPrice(fiatValue, currentToken) })] })) })] }), jsxRuntime.jsx(Typography.Typography, { className: 'send-balance-form__amount_available', variant: 'body_small', weight: 'regular', color: 'secondary', 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', 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'] &&
+                                                : utils.getDisplayFiatPrice(fiatValue, 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'] &&
                             getDisplayErrorMessage(errors, t, 'recipient') }), jsxRuntime.jsx(TypographyButton.TypographyButton, { dataTestId: 'sendBalanceFormSubmitButton', expanded: true, type: 'submit', buttonVariant: 'primary', buttonPadding: 'large', buttonClassName: 'send-balance-form__button', copykey: 'dyn_send_transaction.preview_transaction', children: t('dyn_send_transaction.preview_transaction') })] }));
         } }));
 };

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

@@ -14,7 +14,7 @@ export type Props = {
     currentToken: TokenBalance | undefined;
     tokenBalances: TokenBalance[] | undefined;
     setCurrentToken: Dispatch<SetStateAction<TokenBalance | undefined>>;
-    isLoading: boolean;
+    isLoading?: boolean;
     transaction: IUITransaction;
     setFiatValue: Dispatch<SetStateAction<number>>;
     fiatValue: number;

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

@@ -171,7 +171,7 @@ const SendBalanceForm = ({ initialValues, onSubmit, decimals = 18, validateAddre
                                     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(fiatValue) && (jsxs(Fragment, { children: [jsx(Typography, { variant: 'body_mini', weight: 'bold', color: 'secondary', children: "$" }), jsx(Typography, { variant: 'body_mini', weight: 'regular', color: 'secondary', children: fiatValue < 0 || !(currentToken === null || currentToken === void 0 ? void 0 : currentToken.price)
                                                 ? '--'
-                                                : getDisplayFiatPrice(fiatValue, currentToken) })] })) })] }), jsx(Typography, { className: 'send-balance-form__amount_available', variant: 'body_small', weight: 'regular', color: 'secondary', 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', 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'] &&
+                                                : getDisplayFiatPrice(fiatValue, 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'] &&
                             getDisplayErrorMessage(errors, t, 'recipient') }), jsx(TypographyButton, { dataTestId: 'sendBalanceFormSubmitButton', expanded: true, type: 'submit', buttonVariant: 'primary', buttonPadding: 'large', buttonClassName: 'send-balance-form__button', copykey: 'dyn_send_transaction.preview_transaction', children: t('dyn_send_transaction.preview_transaction') })] }));
         } }));
 };

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

@@ -16,7 +16,7 @@ export type SendBalancePageLayoutProps = {
     tokenBalances: TokenBalance[] | undefined;
     currentToken: TokenBalance | undefined;
     setCurrentToken: Dispatch<SetStateAction<TokenBalance | undefined>>;
-    isLoading: boolean;
+    isLoading?: boolean;
     isNativeToken: boolean;
     chainName: string;
     setNativePrice: Dispatch<SetStateAction<number>>;

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

@@ -5,7 +5,7 @@ type TokensBalanceDropdownProps = {
     currentToken: TokenBalance | undefined;
     setCurrentToken: Dispatch<SetStateAction<TokenBalance | undefined>>;
     setFiatValue: Dispatch<SetStateAction<number>>;
-    isLoading: boolean;
+    isLoading?: boolean;
     setFieldValue: (field: string, value: string) => void;
     setErrors: (errors: any) => void;
     setNativePrice: Dispatch<SetStateAction<number>>;

package/src/lib/components/TransactionStatusLayout/TransactionStatusLayout.cjs

@@ -5,14 +5,17 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
 var reactI18next = require('react-i18next');
-var ModalHeader = require('../ModalHeader/ModalHeader.cjs');
-var IconButton = require('../IconButton/IconButton.cjs');
+require('../Accordion/components/AccordionItem/AccordionItem.cjs');
+var Alert = require('../Alert/Alert.cjs');
+var AnimatePresence = require('../AnimatePresence/AnimatePresence.cjs');
+require('react');
+var Typography = require('../Typography/Typography.cjs');
+require('../../../../_virtual/_tslib.cjs');
 require('@dynamic-labs/sdk-api-core');
 require('../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
 require('../../context/ViewContext/ViewContext.cjs');
-require('react');
 var checkBlue = require('../../shared/assets/check-blue.cjs');
 var close = require('../../shared/assets/close.cjs');
 require('@dynamic-labs/wallet-book');
@@ -24,13 +27,11 @@ require('../../shared/utils/classes/storage/sessionStorage.cjs');
 require('@dynamic-labs/utils');
 require('../../shared/consts/index.cjs');
 var Icon = require('../Icon/Icon.cjs');
-var Typography = require('../Typography/Typography.cjs');
-var PoweredByDynamic = require('../PoweredByDynamic/PoweredByDynamic.cjs');
 var TypographyButton = require('../TypographyButton/TypographyButton.cjs');
-var fiatUtils = require('../../utils/functions/fiatUtils/fiatUtils.cjs');
-require('../../context/DynamicContext/DynamicContext.cjs');
+require('react-dom');
 require('../../events/dynamicEvents.cjs');
-require('../../../../_virtual/_tslib.cjs');
+require('../../context/DynamicContext/DynamicContext.cjs');
+var useInternalDynamicContext = require('../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
 require('../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../context/ErrorContext/ErrorContext.cjs');
 require('@dynamic-labs/multi-wallet');
@@ -38,11 +39,11 @@ require('react-international-phone');
 require('../../config/ApiEndpoint.cjs');
 require('@dynamic-labs/store');
 require('../../locale/locale.cjs');
+var fiatUtils = require('../../utils/functions/fiatUtils/fiatUtils.cjs');
 require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('../../context/UserWalletsContext/UserWalletsContext.cjs');
 require('../../context/VerificationContext/VerificationContext.cjs');
-require('react-dom');
 require('../../context/WalletContext/WalletContext.cjs');
 require('../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.cjs');
 require('../../context/ThemeContext/ThemeContext.cjs');
@@ -55,49 +56,50 @@ require('../../views/CollectUserDataView/useFields.cjs');
 require('../../context/FieldsStateContext/FieldsStateContext.cjs');
 require('../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');
-require('../Accordion/components/AccordionItem/AccordionItem.cjs');
-require('../Alert/Alert.cjs');
+var PoweredByDynamic = require('../PoweredByDynamic/PoweredByDynamic.cjs');
+require('../../context/FooterAnimationContext/index.cjs');
 require('../ShadowDOM/ShadowDOM.cjs');
-require('../InlineWidget/InlineWidget.cjs');
-require('../Input/Input.cjs');
-require('../IsBrowser/IsBrowser.cjs');
-require('../MenuList/Dropdown/Dropdown.cjs');
 require('../Transition/ZoomTransition/ZoomTransition.cjs');
 require('../Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../Transition/OpacityTransition/OpacityTransition.cjs');
+var VerticalDrawerTransition = require('../Transition/VerticalDrawerTransition/VerticalDrawerTransition.cjs');
 require('../OverlayCard/OverlayCardTarget/OverlayCardTarget.cjs');
-require('../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
-require('../Popper/Popper/Popper.cjs');
-require('../Popper/PopperContext/PopperContext.cjs');
-require('react-focus-lock');
-require('qrcode');
-require('formik');
-require('../../views/WalletList/WalletList.cjs');
 require('../../context/SocialRedirectContext/SocialRedirectContext.cjs');
-require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
-require('@hcaptcha/react-hcaptcha');
-require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
-require('../../context/FooterAnimationContext/index.cjs');
 require('../../context/WalletGroupContext/WalletGroupContext.cjs');
-require('../../context/IpConfigurationContext/IpConfigurationContext.cjs');
-require('../../context/PasskeyContext/PasskeyContext.cjs');
-require('@dynamic-labs/viem-utils');
-var utils = require('../TransactionConfirmationPageLayout/utils.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
+require('react-focus-lock');
+require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
+var IconButton = require('../IconButton/IconButton.cjs');
+require('../MenuList/Dropdown/Dropdown.cjs');
+require('formik');
 require('../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
+var ModalHeader = require('../ModalHeader/ModalHeader.cjs');
+require('../Input/Input.cjs');
+require('@dynamic-labs/viem-utils');
+var utils = require('../TransactionConfirmationPageLayout/utils.cjs');
+require('../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../../../polyfills.cjs');
 require('../../context/ErrorBoundary/ErrorBoundaryBase.cjs');
 require('../../context/ErrorBoundary/ErrorBoundaryContext.cjs');
 require('../../widgets/DynamicBridgeWidget/context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetCard/DynamicWidgetCard.cjs');
+require('../IsBrowser/IsBrowser.cjs');
 require('../../context/WidgetRegistry/WidgetRegistryContextProvider.cjs');
 require('../../context/FundingContext/FundingContext.cjs');
+require('../Popper/Popper/Popper.cjs');
+require('../Popper/PopperContext/PopperContext.cjs');
+require('../../views/WalletList/WalletList.cjs');
+require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
+require('@hcaptcha/react-hcaptcha');
+require('../../context/IpConfigurationContext/IpConfigurationContext.cjs');
+require('../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../../context/SendBalanceContext/SendBalanceContext.cjs');
 require('../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');
 require('../../context/ConnectWithOtpContext/constants.cjs');
 require('../../context/ReinitializeContext/ReinitializeContextProvider.cjs');
-var useInternalDynamicContext = require('../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
+require('../InlineWidget/InlineWidget.cjs');
+require('qrcode');
 
 const TransactionStatusLayout = ({ destinationAddress, transactionValue, networkCurrency, onDone, displayPoweredByDynamicFooter = true, onClickClose, transaction, currentToken, nativePrice, isNativeToken, }) => {
     const { t } = reactI18next.useTranslation();
@@ -106,7 +108,7 @@ const TransactionStatusLayout = ({ destinationAddress, transactionValue, network
     const totalFiatCost = fiatUtils.getTotalFiatCost(currentToken, transaction, nativePrice, transactionValue);
     return (jsxRuntime.jsxs("div", { className: 'transaction-status-layout', children: [jsxRuntime.jsx(ModalHeader.ModalHeader, { trailing: closeButton, alignContent: 'bottom', children: jsxRuntime.jsx(Icon.Icon, { size: 'large', className: 'transaction-status-layout__status-icon', children: jsxRuntime.jsx(checkBlue.ReactComponent, {}) }) }), jsxRuntime.jsxs("div", { className: 'transaction-status-layout__body', children: [jsxRuntime.jsxs("div", { className: 'transaction-status-layout__sent_to', children: [jsxRuntime.jsxs(Typography.Typography, { variant: 'body_small', color: 'secondary', className: 'transaction-status-layout__title', copykey: 'dyn_send_transaction.succeeded.title', children: [t('dyn_send_transaction.succeeded.title'), ' '] }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', color: 'primary', className: 'transaction-status-layout__title', copykey: 'dyn_send_transaction.succeeded.title', children: shortenWalletAddress.shortenWalletAddress(destinationAddress, 3, 3) })] }), jsxRuntime.jsx("div", { className: 'transaction-status-layout__content', children: jsxRuntime.jsx("div", { className: 'transaction-status-layout__rows', children: jsxRuntime.jsxs(Typography.Typography, { variant: 'title', color: 'primary', className: 'transaction-status-layout__title', copykey: 'dyn_send_transaction.succeeded.title', children: [`${utils.getValueRounded(isNativeToken, transaction)} ${networkCurrency} `, showFiat &&
                                         (currentToken === null || currentToken === void 0 ? void 0 : currentToken.price) &&
-                                        `($${Number(totalFiatCost) <= 0.01 ? '<0.01' : totalFiatCost})`] }) }) }), jsxRuntime.jsx("div", { className: 'transaction-status-layout__actions', children: jsxRuntime.jsx(TypographyButton.TypographyButton, { buttonVariant: 'brand-primary', buttonPadding: 'large', expanded: true, onClick: onDone, loading: false, copykey: 'dyn_send_transaction.succeeded.continue_button', dataTestId: 'transaction-done-continue', children: t('dyn_send_transaction.succeeded.continue_button') }) }), displayPoweredByDynamicFooter && (jsxRuntime.jsx(PoweredByDynamic.PoweredByDynamic, { classNameRoot: 'transaction-status-layout__footer' }))] })] }));
+                                        `($${Number(totalFiatCost) <= 0.01 ? '<0.01' : totalFiatCost})`] }) }) }), jsxRuntime.jsx(AnimatePresence.AnimatePresence, { animationComponent: jsxRuntime.jsx(VerticalDrawerTransition.VerticalDrawerTransition, {}), children: jsxRuntime.jsx("div", { className: 'transaction-confirmation__warning', children: jsxRuntime.jsx(Alert.Alert, { variant: 'info', copykey: 'dyn_send_transaction.info_message.refresh_balance_time', children: t('dyn_send_transaction.info_message.refresh_balance_time') }) }) }), jsxRuntime.jsx("div", { className: 'transaction-status-layout__actions', children: jsxRuntime.jsx(TypographyButton.TypographyButton, { buttonVariant: 'brand-primary', buttonPadding: 'large', expanded: true, onClick: onDone, loading: false, copykey: 'dyn_send_transaction.succeeded.continue_button', dataTestId: 'transaction-done-continue', children: t('dyn_send_transaction.succeeded.continue_button') }) }), displayPoweredByDynamicFooter && (jsxRuntime.jsx(PoweredByDynamic.PoweredByDynamic, { classNameRoot: 'transaction-status-layout__footer' }))] })] }));
 };
 
 exports.TransactionStatusLayout = TransactionStatusLayout;

package/src/lib/components/TransactionStatusLayout/TransactionStatusLayout.js

@@ -1,14 +1,17 @@
 'use client'
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useTranslation } from 'react-i18next';
-import { ModalHeader } from '../ModalHeader/ModalHeader.js';
-import { IconButton } from '../IconButton/IconButton.js';
+import '../Accordion/components/AccordionItem/AccordionItem.js';
+import { Alert } from '../Alert/Alert.js';
+import { AnimatePresence } from '../AnimatePresence/AnimatePresence.js';
+import 'react';
+import { Typography } from '../Typography/Typography.js';
+import '../../../../_virtual/_tslib.js';
 import '@dynamic-labs/sdk-api-core';
 import '../../shared/logger.js';
 import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
 import '../../context/ViewContext/ViewContext.js';
-import 'react';
 import { ReactComponent as SvgCheckBlue } from '../../shared/assets/check-blue.js';
 import { ReactComponent as SvgClose } from '../../shared/assets/close.js';
 import '@dynamic-labs/wallet-book';
@@ -20,13 +23,11 @@ import '../../shared/utils/classes/storage/sessionStorage.js';
 import '@dynamic-labs/utils';
 import '../../shared/consts/index.js';
 import { Icon } from '../Icon/Icon.js';
-import { Typography } from '../Typography/Typography.js';
-import { PoweredByDynamic } from '../PoweredByDynamic/PoweredByDynamic.js';
 import { TypographyButton } from '../TypographyButton/TypographyButton.js';
-import { getTotalFiatCost } from '../../utils/functions/fiatUtils/fiatUtils.js';
-import '../../context/DynamicContext/DynamicContext.js';
+import 'react-dom';
 import '../../events/dynamicEvents.js';
-import '../../../../_virtual/_tslib.js';
+import '../../context/DynamicContext/DynamicContext.js';
+import { useInternalDynamicContext } from '../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
 import '../../context/CaptchaContext/CaptchaContext.js';
 import '../../context/ErrorContext/ErrorContext.js';
 import '@dynamic-labs/multi-wallet';
@@ -34,11 +35,11 @@ import 'react-international-phone';
 import '../../config/ApiEndpoint.js';
 import '@dynamic-labs/store';
 import '../../locale/locale.js';
+import { getTotalFiatCost } from '../../utils/functions/fiatUtils/fiatUtils.js';
 import '../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../context/UserWalletsContext/UserWalletsContext.js';
 import '../../context/VerificationContext/VerificationContext.js';
-import 'react-dom';
 import '../../context/WalletContext/WalletContext.js';
 import '../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.js';
 import '../../context/ThemeContext/ThemeContext.js';
@@ -51,49 +52,50 @@ import '../../views/CollectUserDataView/useFields.js';
 import '../../context/FieldsStateContext/FieldsStateContext.js';
 import '../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
-import '../Accordion/components/AccordionItem/AccordionItem.js';
-import '../Alert/Alert.js';
+import { PoweredByDynamic } from '../PoweredByDynamic/PoweredByDynamic.js';
+import '../../context/FooterAnimationContext/index.js';
 import '../ShadowDOM/ShadowDOM.js';
-import '../InlineWidget/InlineWidget.js';
-import '../Input/Input.js';
-import '../IsBrowser/IsBrowser.js';
-import '../MenuList/Dropdown/Dropdown.js';
 import '../Transition/ZoomTransition/ZoomTransition.js';
 import '../Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../Transition/OpacityTransition/OpacityTransition.js';
+import { VerticalDrawerTransition } from '../Transition/VerticalDrawerTransition/VerticalDrawerTransition.js';
 import '../OverlayCard/OverlayCardTarget/OverlayCardTarget.js';
-import '../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
-import '../Popper/Popper/Popper.js';
-import '../Popper/PopperContext/PopperContext.js';
-import 'react-focus-lock';
-import 'qrcode';
-import 'formik';
-import '../../views/WalletList/WalletList.js';
 import '../../context/SocialRedirectContext/SocialRedirectContext.js';
-import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
-import '@hcaptcha/react-hcaptcha';
-import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
-import '../../context/FooterAnimationContext/index.js';
 import '../../context/WalletGroupContext/WalletGroupContext.js';
-import '../../context/IpConfigurationContext/IpConfigurationContext.js';
-import '../../context/PasskeyContext/PasskeyContext.js';
-import '@dynamic-labs/viem-utils';
-import { getValueRounded } from '../TransactionConfirmationPageLayout/utils.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
+import 'react-focus-lock';
+import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
+import { IconButton } from '../IconButton/IconButton.js';
+import '../MenuList/Dropdown/Dropdown.js';
+import 'formik';
 import '../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
+import { ModalHeader } from '../ModalHeader/ModalHeader.js';
+import '../Input/Input.js';
+import '@dynamic-labs/viem-utils';
+import { getValueRounded } from '../TransactionConfirmationPageLayout/utils.js';
+import '../../context/PasskeyContext/PasskeyContext.js';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import '../../../polyfills.js';
 import '../../context/ErrorBoundary/ErrorBoundaryBase.js';
 import '../../context/ErrorBoundary/ErrorBoundaryContext.js';
 import '../../widgets/DynamicBridgeWidget/context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetCard/DynamicWidgetCard.js';
+import '../IsBrowser/IsBrowser.js';
 import '../../context/WidgetRegistry/WidgetRegistryContextProvider.js';
 import '../../context/FundingContext/FundingContext.js';
+import '../Popper/Popper/Popper.js';
+import '../Popper/PopperContext/PopperContext.js';
+import '../../views/WalletList/WalletList.js';
+import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
+import '@hcaptcha/react-hcaptcha';
+import '../../context/IpConfigurationContext/IpConfigurationContext.js';
+import '../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../../context/SendBalanceContext/SendBalanceContext.js';
 import '../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';
 import '../../context/ConnectWithOtpContext/constants.js';
 import '../../context/ReinitializeContext/ReinitializeContextProvider.js';
-import { useInternalDynamicContext } from '../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
+import '../InlineWidget/InlineWidget.js';
+import 'qrcode';
 
 const TransactionStatusLayout = ({ destinationAddress, transactionValue, networkCurrency, onDone, displayPoweredByDynamicFooter = true, onClickClose, transaction, currentToken, nativePrice, isNativeToken, }) => {
     const { t } = useTranslation();
@@ -102,7 +104,7 @@ const TransactionStatusLayout = ({ destinationAddress, transactionValue, network
     const totalFiatCost = getTotalFiatCost(currentToken, transaction, nativePrice, transactionValue);
     return (jsxs("div", { className: 'transaction-status-layout', children: [jsx(ModalHeader, { trailing: closeButton, alignContent: 'bottom', children: jsx(Icon, { size: 'large', className: 'transaction-status-layout__status-icon', children: jsx(SvgCheckBlue, {}) }) }), jsxs("div", { className: 'transaction-status-layout__body', children: [jsxs("div", { className: 'transaction-status-layout__sent_to', children: [jsxs(Typography, { variant: 'body_small', color: 'secondary', className: 'transaction-status-layout__title', copykey: 'dyn_send_transaction.succeeded.title', children: [t('dyn_send_transaction.succeeded.title'), ' '] }), jsx(Typography, { variant: 'body_small', color: 'primary', className: 'transaction-status-layout__title', copykey: 'dyn_send_transaction.succeeded.title', children: shortenWalletAddress(destinationAddress, 3, 3) })] }), jsx("div", { className: 'transaction-status-layout__content', children: jsx("div", { className: 'transaction-status-layout__rows', children: jsxs(Typography, { variant: 'title', color: 'primary', className: 'transaction-status-layout__title', copykey: 'dyn_send_transaction.succeeded.title', children: [`${getValueRounded(isNativeToken, transaction)} ${networkCurrency} `, showFiat &&
                                         (currentToken === null || currentToken === void 0 ? void 0 : currentToken.price) &&
-                                        `($${Number(totalFiatCost) <= 0.01 ? '<0.01' : totalFiatCost})`] }) }) }), jsx("div", { className: 'transaction-status-layout__actions', children: jsx(TypographyButton, { buttonVariant: 'brand-primary', buttonPadding: 'large', expanded: true, onClick: onDone, loading: false, copykey: 'dyn_send_transaction.succeeded.continue_button', dataTestId: 'transaction-done-continue', children: t('dyn_send_transaction.succeeded.continue_button') }) }), displayPoweredByDynamicFooter && (jsx(PoweredByDynamic, { classNameRoot: 'transaction-status-layout__footer' }))] })] }));
+                                        `($${Number(totalFiatCost) <= 0.01 ? '<0.01' : totalFiatCost})`] }) }) }), jsx(AnimatePresence, { animationComponent: jsx(VerticalDrawerTransition, {}), children: jsx("div", { className: 'transaction-confirmation__warning', children: jsx(Alert, { variant: 'info', copykey: 'dyn_send_transaction.info_message.refresh_balance_time', children: t('dyn_send_transaction.info_message.refresh_balance_time') }) }) }), jsx("div", { className: 'transaction-status-layout__actions', children: jsx(TypographyButton, { buttonVariant: 'brand-primary', buttonPadding: 'large', expanded: true, onClick: onDone, loading: false, copykey: 'dyn_send_transaction.succeeded.continue_button', dataTestId: 'transaction-done-continue', children: t('dyn_send_transaction.succeeded.continue_button') }) }), displayPoweredByDynamicFooter && (jsx(PoweredByDynamic, { classNameRoot: 'transaction-status-layout__footer' }))] })] }));
 };
 
 export { TransactionStatusLayout };

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

@@ -145,7 +145,7 @@ const PUBLIC_PROJECT_LIVE_ENVIRONMENT_ID = '2762a57b-faa4-41ce-9f16-abff9300e2c9
 const DynamicContext = React.createContext(undefined);
 /** The context provider itself we only use internally */
 const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, locale: locale$1, enableInstrumentation = false, }) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
     const { accessDeniedMessagePrimary, accessDeniedMessageSecondary, accessDeniedButton, defaultPhoneInputIso2, apiBaseUrl, coinbaseWalletPreference, enableConnectOnlyFallback = false, deepLinkPreference: deepLinkPreferenceProp = 'native', bridgeChains, cssOverrides, defaultNumberOfWalletsToShow = values.DEFAULT_NUMBER_OF_WALLETS_TO_SHOW, flowNetwork, initialAuthenticationMode = 'connect-and-sign', debugError = false, displaySiweStatement = true, newToWeb3WalletChainMap, enableVisitTrackingOnConnectOnly = true, environmentId, walletsFilter, logLevel = 'WARN', mobileExperience, notInTheListImageUrl, onboardingImageUrl, policiesConsentInnerComponent, customPrivacyPolicy, privacyPolicyUrl, signWithEmailWalletName, socialMediaLinkText, socialMediaIconUrl, socialMediaUrl, customTermsOfServices, termsOfServiceUrl, toolkitEnabled, siweStatement, shadowDOMEnabled = true, walletConnectors: walletConnectorsProp, socialProvidersFilter, showLockedWalletView = false, walletConnectPreferredChains, walletConnectorExtensions, recommendedWallets, hideEmbeddedWalletTransactionUIs, handlers, headless = false, } = settings$1;
     localStorage.LocalStorage.setSuffix(settings$1.localStorageSuffix);
     /**
@@ -155,13 +155,17 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
         environmentId,
         storageSuffix: settings$1.localStorageSuffix,
     });
+    /**
+     * Sets the chain info overrides if they are present
+     */
+    walletConnectorCore.setChainInfoOverrides((_a = settings$1.overrides) === null || _a === void 0 ? void 0 : _a.chainDisplayValues);
     /**
      * For backwards compatibility, we allow the client to pass in
      * `eventsCallbacks` instead of `events`. It should remove this
      * in version 3.0.0.
      * ticket: QNTM-1504
      */
-    const events = (_a = settings$1.events) !== null && _a !== void 0 ? _a : settings$1.eventsCallbacks;
+    const events = (_b = settings$1.events) !== null && _b !== void 0 ? _b : settings$1.eventsCallbacks;
     const networkValidationMode = helpers.resolveNetworkValidationMode({
         bridgeChains: settings$1.bridgeChains,
         networkValidationMode: settings$1.networkValidationMode,
@@ -175,7 +179,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
     if (environmentId === PUBLIC_PROJECT_LIVE_ENVIRONMENT_ID) {
         logger$1.logger.warn(`WARNING: DYNAMIC is using a test environment ID ${environmentId}. Please sign up on https://app.dynamic.xyz/ to get your production environment ID.`);
     }
-    ApiEndpoint.setBaseUrl((_b = process.env.DYNAMIC_API_BASE_URL) !== null && _b !== void 0 ? _b : apiBaseUrl);
+    ApiEndpoint.setBaseUrl((_c = process.env.DYNAMIC_API_BASE_URL) !== null && _c !== void 0 ? _c : apiBaseUrl);
     const i18nSDKInstance = locale.Locale.setup(locale$1);
     const isBridgeFlow = Boolean(bridgeChains);
     const deepLinkPreference = helpers.getDeepLinkPreference(deepLinkPreferenceProp, isBridgeFlow);
@@ -206,16 +210,16 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
     useSendDynamicProps.useSendDynamicProps({ environmentId, settings: settings$1 });
     const multiWallet = useMultiWallet.useMultiWallet({
         isBridgeFlow,
-        multiWalletOverride: (_c = settings$1.overrides) === null || _c === void 0 ? void 0 : _c.multiWallet,
-        multiWalletSettings: (_d = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _d === void 0 ? void 0 : _d.multiWallet,
+        multiWalletOverride: (_d = settings$1.overrides) === null || _d === void 0 ? void 0 : _d.multiWallet,
+        multiWalletSettings: (_e = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _e === void 0 ? void 0 : _e.multiWallet,
     });
     const multiAsset = useMultiAsset.useMultiAsset({
-        multiAssetOverride: (_e = settings$1.overrides) === null || _e === void 0 ? void 0 : _e.multiAsset,
-        multiAssetSettings: (_f = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _f === void 0 ? void 0 : _f.enableMultiAsset,
+        multiAssetOverride: (_f = settings$1.overrides) === null || _f === void 0 ? void 0 : _f.multiAsset,
+        multiAssetSettings: (_g = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _g === void 0 ? void 0 : _g.enableMultiAsset,
     });
     const showFiat = useShowFiat.useShowFiat({
-        showFiatOverride: (_g = settings$1.overrides) === null || _g === void 0 ? void 0 : _g.showFiat,
-        showFiatSettings: (_h = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _h === void 0 ? void 0 : _h.showFiat,
+        showFiatOverride: (_h = settings$1.overrides) === null || _h === void 0 ? void 0 : _h.showFiat,
+        showFiatSettings: (_j = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _j === void 0 ? void 0 : _j.showFiat,
     });
     // ensures that when user comes back to site and primary wallet is out of sync, we don't show widget popup
     const [showWidgetStatePopup, setShowWidgetStatePopup] = React.useState(!multiWallet);
@@ -224,7 +228,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
     const walletBook$1 = walletBook.useWalletBookCdn();
     const { networkConfigurations: serverNetworkConfigurations } = useNetworkConfigurations.useNetworkConfigurations({
         environmentId,
-        evmNetworksOverrides: (_j = settings$1.overrides) === null || _j === void 0 ? void 0 : _j.evmNetworks,
+        evmNetworksOverrides: (_k = settings$1.overrides) === null || _k === void 0 ? void 0 : _k.evmNetworks,
         projectSettings,
     });
     const { imageUserInAccessList, imageUserNotInAccessList, displayName, appLogo, } = (projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.general) || {};
@@ -236,7 +240,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
         appLogoUrl,
         appName,
         getAppOrigin: () => window.location.origin,
-        hideEmbeddedWalletTransactionUIs: hideEmbeddedWalletTransactionUIs !== null && hideEmbeddedWalletTransactionUIs !== void 0 ? hideEmbeddedWalletTransactionUIs : !((_l = (_k = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _k === void 0 ? void 0 : _k.embeddedWallets) === null || _l === void 0 ? void 0 : _l.showEmbeddedWalletActionsUI),
+        hideEmbeddedWalletTransactionUIs: hideEmbeddedWalletTransactionUIs !== null && hideEmbeddedWalletTransactionUIs !== void 0 ? hideEmbeddedWalletTransactionUIs : !((_m = (_l = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _l === void 0 ? void 0 : _l.embeddedWallets) === null || _m === void 0 ? void 0 : _m.showEmbeddedWalletActionsUI),
     });
     const { walletConnectorOptions } = useWalletConnectorOptions.useWalletConnectorOptions({
         appLogoUrl,
@@ -715,7 +719,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [multiWallet, multiWalletWidgetState, showDynamicUserProfile]);
-    return (jsxRuntime.jsx(reactI18next.I18nextProvider, { i18n: i18nSDKInstance, children: jsxRuntime.jsx(DynamicContext.Provider, { value: value, children: jsxRuntime.jsx(walletBook.WalletBookContextProvider, { walletBook: walletBook$1, children: jsxRuntime.jsx(ThemeContext.ThemeContextProvider, { customerTheme: parseTheme.parseTheme(theme, ((_m = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.design) === null || _m === void 0 ? void 0 : _m.modal) || undefined), designSettings: projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.design, children: jsxRuntime.jsx(LoadingContext.LoadingContextProvider, { children: jsxRuntime.jsxs(ViewContext.ViewContextProvider, { initialView: helpers.getInitialView({
+    return (jsxRuntime.jsx(reactI18next.I18nextProvider, { i18n: i18nSDKInstance, children: jsxRuntime.jsx(DynamicContext.Provider, { value: value, children: jsxRuntime.jsx(walletBook.WalletBookContextProvider, { walletBook: walletBook$1, children: jsxRuntime.jsx(ThemeContext.ThemeContextProvider, { customerTheme: parseTheme.parseTheme(theme, ((_o = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.design) === null || _o === void 0 ? void 0 : _o.modal) || undefined), designSettings: projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.design, children: jsxRuntime.jsx(LoadingContext.LoadingContextProvider, { children: jsxRuntime.jsxs(ViewContext.ViewContextProvider, { initialView: helpers.getInitialView({
                                 bridgeOnboardingCompleted,
                                 connectedWallets,
                                 isAuthenticated: isAuthenticated || Boolean(primaryWallet),