@dynamic-labs/sdk-react-core 3.0.0-alpha.4 → 3.0.0-alpha.40

package/src/lib/widgets/DynamicWidget/components/ActiveWalletInformation/ActiveWalletInformation.js

@@ -1,4 +1,5 @@
 'use client'
+import { __awaiter } from '../../../../../../_virtual/_tslib.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useState, useRef } from 'react';
 import { useTranslation } from 'react-i18next';
@@ -7,7 +8,6 @@ import { classNames } from '../../../../utils/functions/classNames/classNames.js
 import { AccordionItem } from '../../../../components/Accordion/components/AccordionItem/AccordionItem.js';
 import { Alert } from '../../../../components/Alert/Alert.js';
 import '../../../../events/dynamicEvents.js';
-import '../../../../../../_virtual/_tslib.js';
 import '@dynamic-labs/utils';
 import '../../../../context/DynamicContext/DynamicContext.js';
 import '@dynamic-labs/sdk-api-core';
@@ -29,9 +29,6 @@ import 'react-international-phone';
 import '../../../../config/ApiEndpoint.js';
 import '@dynamic-labs/store';
 import '../../../../locale/locale.js';
-import { isTestnet } from '../../../../utils/functions/isTestnet/isTestnet.js';
-import 'viem';
-import 'viem/chains';
 import { getEOAWallet } from '../../../../utils/functions/getEOAWallet/getEOAWallet.js';
 import '../../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../../context/AccountExistsContext/AccountExistsContext.js';
@@ -40,6 +37,7 @@ import '../../../../context/VerificationContext/VerificationContext.js';
 import 'react-dom';
 import '../../../../context/WalletContext/WalletContext.js';
 import { useIsTurnkeyWallet } from '../../../../utils/hooks/useIsTurnkeyWallet/useIsTurnkeyWallet.js';
+import '../../../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.js';
 import { usePromise } from '../../../../utils/hooks/usePromise/usePromise.js';
 import '../../../../context/ThemeContext/ThemeContext.js';
 import '../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
@@ -62,7 +60,6 @@ import '../../../../components/OverlayCard/OverlayCardTarget/OverlayCardTarget.j
 import { Skeleton } from '../../../../components/Skeleton/Skeleton.js';
 import '../../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../../../context/WalletGroupContext/WalletGroupContext.js';
-import '../../../../context/MfaSettingsContext/MfaSettingsContext.js';
 import '../DynamicWidgetHeader/DynamicWidgetHeader.js';
 import 'react-focus-lock';
 import { AuthProviderIcon } from '../../../../components/AuthProviderIcon/AuthProviderIcon.js';
@@ -72,23 +69,35 @@ import '../../../../components/MenuList/Dropdown/Dropdown.js';
 import 'formik';
 import '../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../../../components/Input/Input.js';
-import { StatusDot } from '../../../../components/StatusDot/StatusDot.js';
-import '../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
+import '@dynamic-labs/viem-utils';
 import { usePasskeyContext } from '../../../../context/PasskeyContext/PasskeyContext.js';
 import '../../views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
-import { useTokenBalances } from '../../../../utils/hooks/useTokenBalances/useTokenBalances.js';
-import '../../../../components/InlineWidget/InlineWidget.js';
+import '../../../../../polyfills.js';
+import '../../../../context/ErrorBoundary/ErrorBoundaryBase.js';
+import '../../../../context/ErrorBoundary/ErrorBoundaryContext.js';
+import '../../../DynamicBridgeWidget/context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.js';
+import '../DynamicWidgetCard/DynamicWidgetCard.js';
+import { Balance } from '../Balance/Balance.js';
+import { useFetchNameService } from '../../hooks/useFetchNameService/useFetchNameService.js';
 import '../../../../components/IsBrowser/IsBrowser.js';
+import { NetworkPicker } from '../../../../components/NetworkPicker/NetworkPicker.js';
+import '../../../../context/WidgetRegistry/WidgetRegistryContextProvider.js';
+import '../../../../context/FundingContext/FundingContext.js';
 import '../../../../components/Popper/Popper/Popper.js';
 import '../../../../components/Popper/PopperContext/PopperContext.js';
-import 'qrcode';
-import { NetworkPicker } from '../../../../components/NetworkPicker/NetworkPicker.js';
-import { useFetchNameService } from '../../hooks/useFetchNameService/useFetchNameService.js';
+import { StatusDot } from '../../../../components/StatusDot/StatusDot.js';
 import '../../../../views/WalletList/WalletList.js';
 import '../../../DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
-import { Balance } from '../Balance/Balance.js';
 import '@hcaptcha/react-hcaptcha';
 import '../../../../context/IpConfigurationContext/IpConfigurationContext.js';
+import '../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
+import '../../../../context/SendBalanceContext/SendBalanceContext.js';
+import '../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';
+import '../../../../context/ConnectWithOtpContext/constants.js';
+import '../../../../context/ReinitializeContext/ReinitializeContextProvider.js';
+import { useTokenBalances } from '../../../../utils/hooks/useTokenBalances/useTokenBalances.js';
+import '../../../../components/InlineWidget/InlineWidget.js';
+import 'qrcode';
 import { isMultiAssetSupportedNetwork } from '../../../../utils/functions/isMultiAssetSupportedNetwork/isMultiAssetSupportedNetwork.js';
 import { ActiveBitcoinWalletAddresses } from './ActiveBitcoinWalletAddresses/ActiveBitcoinWalletAddresses.js';
 import { ActiveWalletAddress } from './ActiveWalletAddress/ActiveWalletAddress.js';
@@ -102,14 +111,18 @@ const ActiveWalletInformation = ({ isLoading = false, }) => {
     const [balanceIsExpanded, setBalanceIsExpanded] = useState(false);
     const [hasShadow, setHasShadow] = useState(false);
     const contentRef = useRef(null);
-    const { primaryWallet, network, projectSettings, handleLogOut, user, walletConnector, authMode, } = useInternalDynamicContext();
+    const { primaryWallet, network, projectSettings, handleLogOut, user, walletConnector, authMode, showFiat, multiAsset, } = useInternalDynamicContext();
     const { setDynamicWidgetView } = useWidgetContext();
     const { isTurnkeyWalletWithoutAuthenticator } = useIsTurnkeyWallet();
-    const { isLoading: isLoadingTokenBalances, tokenBalances } = useTokenBalances({ includeFiat: projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.showFiat, includeNativeBalance: true });
+    const { isLoading: isLoadingTokenBalances, tokenBalances, error: errorTokenBalances, } = useTokenBalances({
+        chainName: primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector.connectedChain,
+        includeFiat: showFiat,
+        includeNativeBalance: true,
+    });
     const filteredTokenBalances = (tokenBalances === null || tokenBalances === void 0 ? void 0 : tokenBalances.filter((token) => token.name)) || [];
     const address = primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.address;
     const nameService = useFetchNameService(address);
-    const { data: testnet } = usePromise(() => isTestnet(primaryWallet), { deps: [network] });
+    const { data: testnet } = usePromise(() => __awaiter(void 0, void 0, void 0, function* () { return Boolean(yield (primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector.isTestnet())); }), { deps: [network] });
     const exportKeysOption = getExportKeysOption(primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector, projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.providers);
     const { showAlert } = usePasskeyContext();
     const wallet = getEOAWallet(primaryWallet, (user === null || user === void 0 ? void 0 : user.verifiedCredentials) || []);
@@ -132,7 +145,7 @@ const ActiveWalletInformation = ({ isLoading = false, }) => {
         },
         {
             Icon: null,
-            callback: () => setDynamicWidgetView('wallet-settings'),
+            callback: () => setDynamicWidgetView('settings'),
             endSlot: showAlert() ? jsx(StatusDot, { variant: 'yellow' }) : undefined,
             hide: !isEmbeddedWallet,
             text: 'Wallet settings',
@@ -164,17 +177,17 @@ const ActiveWalletInformation = ({ isLoading = false, }) => {
             return (jsx(ActiveWalletAddress, { address: address, nameServiceName: (nameService === null || nameService === void 0 ? void 0 : nameService.name) || (user === null || user === void 0 ? void 0 : user.email), menuOption: options, isLoading: isLoading, fullWidth: shouldHideNetwork }));
         }
     };
-    const enableMultiAsset = authMode === 'connect-and-sign' && (projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.enableMultiAsset);
-    const showFiat = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.showFiat;
+    const enableMultiAsset = authMode === 'connect-and-sign' && multiAsset;
     const isNetworkMultiAssetSupported = isMultiAssetSupportedNetwork(walletConnector, network);
-    const showMultiAsset = isNetworkMultiAssetSupported && enableMultiAsset;
+    const isTooManyRequests = errorTokenBalances === 'Too many requests fetching balances';
+    const showMultiAsset = !isTooManyRequests && isNetworkMultiAssetSupported && enableMultiAsset;
     filteredTokenBalances.sort((a, b) => ((b === null || b === void 0 ? void 0 : b.marketValue) || 0) - ((a === null || a === void 0 ? void 0 : a.marketValue) || 0));
     const totalValue = filteredTokenBalances.reduce((acc, token) => acc + ((token === null || token === void 0 ? void 0 : token.marketValue) || 0), 0);
     const currencyFormatter = new Intl.NumberFormat('en-US', {
         currency: 'USD',
         style: 'currency',
     });
-    const primaryWalletNativeBalance = () => primaryWallet ? (jsx(Balance, { className: 'balance-header__balance', connector: primaryWallet.connector, address: primaryWallet.address, network: network })) : (jsx(Skeleton, { className: 'balance-header__skeleton' }));
+    const primaryWalletNativeBalance = () => primaryWallet ? (jsx(Balance, { className: 'balance-header__balance', wallet: primaryWallet, network: network })) : (jsx(Skeleton, { className: 'balance-header__skeleton' }));
     const handleScroll = () => {
         if (contentRef.current) {
             setHasShadow(contentRef.current.scrollTop > 0);

package/src/lib/widgets/DynamicWidget/components/ActiveWalletInformation/TokenBalanceItem/TokenBalanceItem.cjs

@@ -31,14 +31,13 @@ require('react-international-phone');
 require('../../../../../config/ApiEndpoint.cjs');
 require('@dynamic-labs/store');
 require('../../../../../locale/locale.cjs');
-require('viem');
-require('viem/chains');
 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');
 require('../../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
 require('@dynamic-labs/types');
@@ -59,7 +58,6 @@ require('../../../../../components/Transition/OpacityTransition/OpacityTransitio
 require('../../../../../components/OverlayCard/OverlayCardTarget/OverlayCardTarget.cjs');
 require('../../../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../../../context/WalletGroupContext/WalletGroupContext.cjs');
-require('../../../../../context/MfaSettingsContext/MfaSettingsContext.cjs');
 require('../../DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('react-focus-lock');
 require('../../../context/DynamicWidgetContext.cjs');
@@ -68,26 +66,37 @@ require('../../../../../components/MenuList/Dropdown/Dropdown.cjs');
 require('formik');
 require('../../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../../../../components/Input/Input.cjs');
-require('../../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
+require('@dynamic-labs/viem-utils');
 require('../../../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../../views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
-require('../../../../../components/InlineWidget/InlineWidget.cjs');
+require('../../../../../../polyfills.cjs');
+require('../../../../../context/ErrorBoundary/ErrorBoundaryBase.cjs');
+require('../../../../../context/ErrorBoundary/ErrorBoundaryContext.cjs');
+require('../../../../DynamicBridgeWidget/context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.cjs');
+require('../../DynamicWidgetCard/DynamicWidgetCard.cjs');
 require('../../../../../components/IsBrowser/IsBrowser.cjs');
+require('../../../../../context/WidgetRegistry/WidgetRegistryContextProvider.cjs');
+require('../../../../../context/FundingContext/FundingContext.cjs');
 require('../../../../../components/Popper/Popper/Popper.cjs');
 require('../../../../../components/Popper/PopperContext/PopperContext.cjs');
-require('qrcode');
 require('../../../../../views/WalletList/WalletList.cjs');
 require('../../../../DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
 require('../../../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
+require('../../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
+require('../../../../../context/SendBalanceContext/SendBalanceContext.cjs');
+require('../../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');
+require('../../../../../context/ConnectWithOtpContext/constants.cjs');
+require('../../../../../context/ReinitializeContext/ReinitializeContextProvider.cjs');
+require('../../../../../components/InlineWidget/InlineWidget.cjs');
+require('qrcode');
 
 const currencyFormatter = new Intl.NumberFormat('en-US', {
     currency: 'USD',
     style: 'currency',
 });
 const TokenBalanceItem = ({ tokenBalance, }) => {
-    const { projectSettings } = useInternalDynamicContext.useInternalDynamicContext();
-    const showFiat = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.showFiat;
+    const { showFiat } = useInternalDynamicContext.useInternalDynamicContext();
     const roundToSixDecimal = (value) => {
         const rounded = Math.round(value * 1e6) / 1e6; // 10^6 is 1000000
         return rounded === 0 ? '<0.000001' : rounded;

package/src/lib/widgets/DynamicWidget/components/ActiveWalletInformation/TokenBalanceItem/TokenBalanceItem.js

@@ -27,14 +27,13 @@ import 'react-international-phone';
 import '../../../../../config/ApiEndpoint.js';
 import '@dynamic-labs/store';
 import '../../../../../locale/locale.js';
-import 'viem';
-import 'viem/chains';
 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';
 import '../../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
 import '@dynamic-labs/types';
@@ -55,7 +54,6 @@ import '../../../../../components/Transition/OpacityTransition/OpacityTransition
 import '../../../../../components/OverlayCard/OverlayCardTarget/OverlayCardTarget.js';
 import '../../../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../../../../context/WalletGroupContext/WalletGroupContext.js';
-import '../../../../../context/MfaSettingsContext/MfaSettingsContext.js';
 import '../../DynamicWidgetHeader/DynamicWidgetHeader.js';
 import 'react-focus-lock';
 import '../../../context/DynamicWidgetContext.js';
@@ -64,26 +62,37 @@ import '../../../../../components/MenuList/Dropdown/Dropdown.js';
 import 'formik';
 import '../../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../../../../components/Input/Input.js';
-import '../../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
+import '@dynamic-labs/viem-utils';
 import '../../../../../context/PasskeyContext/PasskeyContext.js';
 import '../../../views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
-import '../../../../../components/InlineWidget/InlineWidget.js';
+import '../../../../../../polyfills.js';
+import '../../../../../context/ErrorBoundary/ErrorBoundaryBase.js';
+import '../../../../../context/ErrorBoundary/ErrorBoundaryContext.js';
+import '../../../../DynamicBridgeWidget/context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.js';
+import '../../DynamicWidgetCard/DynamicWidgetCard.js';
 import '../../../../../components/IsBrowser/IsBrowser.js';
+import '../../../../../context/WidgetRegistry/WidgetRegistryContextProvider.js';
+import '../../../../../context/FundingContext/FundingContext.js';
 import '../../../../../components/Popper/Popper/Popper.js';
 import '../../../../../components/Popper/PopperContext/PopperContext.js';
-import 'qrcode';
 import '../../../../../views/WalletList/WalletList.js';
 import '../../../../DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
 import '../../../../../context/IpConfigurationContext/IpConfigurationContext.js';
+import '../../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
+import '../../../../../context/SendBalanceContext/SendBalanceContext.js';
+import '../../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';
+import '../../../../../context/ConnectWithOtpContext/constants.js';
+import '../../../../../context/ReinitializeContext/ReinitializeContextProvider.js';
+import '../../../../../components/InlineWidget/InlineWidget.js';
+import 'qrcode';
 
 const currencyFormatter = new Intl.NumberFormat('en-US', {
     currency: 'USD',
     style: 'currency',
 });
 const TokenBalanceItem = ({ tokenBalance, }) => {
-    const { projectSettings } = useInternalDynamicContext();
-    const showFiat = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.showFiat;
+    const { showFiat } = useInternalDynamicContext();
     const roundToSixDecimal = (value) => {
         const rounded = Math.round(value * 1e6) / 1e6; // 10^6 is 1000000
         return rounded === 0 ? '<0.000001' : rounded;

package/src/lib/widgets/DynamicWidget/components/ActiveWalletInformation/TokenBalanceList/TokenBalanceList.cjs

@@ -31,14 +31,13 @@ require('react-international-phone');
 require('../../../../../config/ApiEndpoint.cjs');
 require('@dynamic-labs/store');
 require('../../../../../locale/locale.cjs');
-require('viem');
-require('viem/chains');
 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');
 require('../../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
 require('@dynamic-labs/types');
@@ -58,7 +57,6 @@ require('../../../../../components/Transition/OpacityTransition/OpacityTransitio
 require('../../../../../components/OverlayCard/OverlayCardTarget/OverlayCardTarget.cjs');
 require('../../../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../../../context/WalletGroupContext/WalletGroupContext.cjs');
-require('../../../../../context/MfaSettingsContext/MfaSettingsContext.cjs');
 require('../../DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('react-focus-lock');
 var Divider = require('../../../../../components/Divider/Divider.cjs');
@@ -68,18 +66,30 @@ require('../../../../../components/MenuList/Dropdown/Dropdown.cjs');
 require('formik');
 require('../../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../../../../components/Input/Input.cjs');
-require('../../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
+require('@dynamic-labs/viem-utils');
 require('../../../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../../views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
-require('../../../../../components/InlineWidget/InlineWidget.cjs');
+require('../../../../../../polyfills.cjs');
+require('../../../../../context/ErrorBoundary/ErrorBoundaryBase.cjs');
+require('../../../../../context/ErrorBoundary/ErrorBoundaryContext.cjs');
+require('../../../../DynamicBridgeWidget/context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.cjs');
+require('../../DynamicWidgetCard/DynamicWidgetCard.cjs');
 require('../../../../../components/IsBrowser/IsBrowser.cjs');
+require('../../../../../context/WidgetRegistry/WidgetRegistryContextProvider.cjs');
+require('../../../../../context/FundingContext/FundingContext.cjs');
 require('../../../../../components/Popper/Popper/Popper.cjs');
 require('../../../../../components/Popper/PopperContext/PopperContext.cjs');
-require('qrcode');
 require('../../../../../views/WalletList/WalletList.cjs');
 require('../../../../DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
 require('../../../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
+require('../../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
+require('../../../../../context/SendBalanceContext/SendBalanceContext.cjs');
+require('../../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');
+require('../../../../../context/ConnectWithOtpContext/constants.cjs');
+require('../../../../../context/ReinitializeContext/ReinitializeContextProvider.cjs');
+require('../../../../../components/InlineWidget/InlineWidget.cjs');
+require('qrcode');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/src/lib/widgets/DynamicWidget/components/ActiveWalletInformation/TokenBalanceList/TokenBalanceList.js

@@ -27,14 +27,13 @@ import 'react-international-phone';
 import '../../../../../config/ApiEndpoint.js';
 import '@dynamic-labs/store';
 import '../../../../../locale/locale.js';
-import 'viem';
-import 'viem/chains';
 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';
 import '../../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
 import '@dynamic-labs/types';
@@ -54,7 +53,6 @@ import '../../../../../components/Transition/OpacityTransition/OpacityTransition
 import '../../../../../components/OverlayCard/OverlayCardTarget/OverlayCardTarget.js';
 import '../../../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../../../../context/WalletGroupContext/WalletGroupContext.js';
-import '../../../../../context/MfaSettingsContext/MfaSettingsContext.js';
 import '../../DynamicWidgetHeader/DynamicWidgetHeader.js';
 import 'react-focus-lock';
 import { Divider } from '../../../../../components/Divider/Divider.js';
@@ -64,18 +62,30 @@ import '../../../../../components/MenuList/Dropdown/Dropdown.js';
 import 'formik';
 import '../../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../../../../components/Input/Input.js';
-import '../../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
+import '@dynamic-labs/viem-utils';
 import '../../../../../context/PasskeyContext/PasskeyContext.js';
 import '../../../views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
-import '../../../../../components/InlineWidget/InlineWidget.js';
+import '../../../../../../polyfills.js';
+import '../../../../../context/ErrorBoundary/ErrorBoundaryBase.js';
+import '../../../../../context/ErrorBoundary/ErrorBoundaryContext.js';
+import '../../../../DynamicBridgeWidget/context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.js';
+import '../../DynamicWidgetCard/DynamicWidgetCard.js';
 import '../../../../../components/IsBrowser/IsBrowser.js';
+import '../../../../../context/WidgetRegistry/WidgetRegistryContextProvider.js';
+import '../../../../../context/FundingContext/FundingContext.js';
 import '../../../../../components/Popper/Popper/Popper.js';
 import '../../../../../components/Popper/PopperContext/PopperContext.js';
-import 'qrcode';
 import '../../../../../views/WalletList/WalletList.js';
 import '../../../../DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
 import '../../../../../context/IpConfigurationContext/IpConfigurationContext.js';
+import '../../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
+import '../../../../../context/SendBalanceContext/SendBalanceContext.js';
+import '../../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';
+import '../../../../../context/ConnectWithOtpContext/constants.js';
+import '../../../../../context/ReinitializeContext/ReinitializeContextProvider.js';
+import '../../../../../components/InlineWidget/InlineWidget.js';
+import 'qrcode';
 
 const TokenBalanceList = ({ tokenBalances, }) => {
     const { t } = useTranslation();

package/src/lib/widgets/DynamicWidget/components/Balance/Balance.cjs

@@ -29,14 +29,13 @@ require('react-international-phone');
 require('../../../../config/ApiEndpoint.cjs');
 require('@dynamic-labs/store');
 require('../../../../locale/locale.cjs');
-require('viem');
-require('viem/chains');
 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');
 require('../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
 require('@dynamic-labs/types');
@@ -59,7 +58,6 @@ require('../../../../components/OverlayCard/OverlayCardTarget/OverlayCardTarget.
 var Skeleton = require('../../../../components/Skeleton/Skeleton.cjs');
 require('../../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../../context/WalletGroupContext/WalletGroupContext.cjs');
-require('../../../../context/MfaSettingsContext/MfaSettingsContext.cjs');
 require('../DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('react-focus-lock');
 var useFetchBalance = require('../../hooks/useFetchBalance/useFetchBalance.cjs');
@@ -70,26 +68,37 @@ require('../../../../components/MenuList/Dropdown/Dropdown.cjs');
 require('formik');
 require('../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../../../components/Input/Input.cjs');
-require('../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
+require('@dynamic-labs/viem-utils');
 require('../../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
-require('../../../../components/InlineWidget/InlineWidget.cjs');
+require('../../../../../polyfills.cjs');
+require('../../../../context/ErrorBoundary/ErrorBoundaryBase.cjs');
+require('../../../../context/ErrorBoundary/ErrorBoundaryContext.cjs');
+require('../../../DynamicBridgeWidget/context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.cjs');
+require('../DynamicWidgetCard/DynamicWidgetCard.cjs');
 require('../../../../components/IsBrowser/IsBrowser.cjs');
+require('../../../../context/WidgetRegistry/WidgetRegistryContextProvider.cjs');
+require('../../../../context/FundingContext/FundingContext.cjs');
 require('../../../../components/Popper/Popper/Popper.cjs');
 require('../../../../components/Popper/PopperContext/PopperContext.cjs');
-require('qrcode');
 require('../../../../views/WalletList/WalletList.cjs');
 require('../../../DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
 require('../../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
+require('../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
+require('../../../../context/SendBalanceContext/SendBalanceContext.cjs');
+require('../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');
+require('../../../../context/ConnectWithOtpContext/constants.cjs');
+require('../../../../context/ReinitializeContext/ReinitializeContextProvider.cjs');
+require('../../../../components/InlineWidget/InlineWidget.cjs');
+require('qrcode');
 
-const Balance = ({ connector, address, network, className }) => {
-    const { currency, isLoading: isLoadingCurrency } = useFetchCurrency.useFetchCurrency(connector, network);
+const Balance = ({ wallet, network, className }) => {
+    const { currency, isLoading: isLoadingCurrency } = useFetchCurrency.useFetchCurrency(wallet.connector, network);
     const { balance, isLoading: isLoadingBalance } = useFetchBalance.useFetchBalance({
-        address,
         chain: currency,
-        connector,
         network,
+        wallet,
     });
     if (!balance)
         return null;

package/src/lib/widgets/DynamicWidget/components/Balance/Balance.d.ts

@@ -1,10 +1,9 @@
 /// <reference types="react" />
-import { WalletConnector } from '../../../../..';
+import { Wallet } from '../../../../..';
 type Props = {
-    address: string;
+    wallet: Wallet;
     className?: string;
-    connector: WalletConnector;
     network: number | string | undefined;
 };
-export declare const Balance: ({ connector, address, network, className }: Props) => JSX.Element | null;
+export declare const Balance: ({ wallet, network, className }: Props) => JSX.Element | null;
 export {};

package/src/lib/widgets/DynamicWidget/components/Balance/Balance.js

@@ -25,14 +25,13 @@ import 'react-international-phone';
 import '../../../../config/ApiEndpoint.js';
 import '@dynamic-labs/store';
 import '../../../../locale/locale.js';
-import 'viem';
-import 'viem/chains';
 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';
 import '../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
 import '@dynamic-labs/types';
@@ -55,7 +54,6 @@ import '../../../../components/OverlayCard/OverlayCardTarget/OverlayCardTarget.j
 import { Skeleton } from '../../../../components/Skeleton/Skeleton.js';
 import '../../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../../../context/WalletGroupContext/WalletGroupContext.js';
-import '../../../../context/MfaSettingsContext/MfaSettingsContext.js';
 import '../DynamicWidgetHeader/DynamicWidgetHeader.js';
 import 'react-focus-lock';
 import { useFetchBalance } from '../../hooks/useFetchBalance/useFetchBalance.js';
@@ -66,26 +64,37 @@ import '../../../../components/MenuList/Dropdown/Dropdown.js';
 import 'formik';
 import '../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../../../components/Input/Input.js';
-import '../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
+import '@dynamic-labs/viem-utils';
 import '../../../../context/PasskeyContext/PasskeyContext.js';
 import '../../views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
-import '../../../../components/InlineWidget/InlineWidget.js';
+import '../../../../../polyfills.js';
+import '../../../../context/ErrorBoundary/ErrorBoundaryBase.js';
+import '../../../../context/ErrorBoundary/ErrorBoundaryContext.js';
+import '../../../DynamicBridgeWidget/context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.js';
+import '../DynamicWidgetCard/DynamicWidgetCard.js';
 import '../../../../components/IsBrowser/IsBrowser.js';
+import '../../../../context/WidgetRegistry/WidgetRegistryContextProvider.js';
+import '../../../../context/FundingContext/FundingContext.js';
 import '../../../../components/Popper/Popper/Popper.js';
 import '../../../../components/Popper/PopperContext/PopperContext.js';
-import 'qrcode';
 import '../../../../views/WalletList/WalletList.js';
 import '../../../DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
 import '../../../../context/IpConfigurationContext/IpConfigurationContext.js';
+import '../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
+import '../../../../context/SendBalanceContext/SendBalanceContext.js';
+import '../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';
+import '../../../../context/ConnectWithOtpContext/constants.js';
+import '../../../../context/ReinitializeContext/ReinitializeContextProvider.js';
+import '../../../../components/InlineWidget/InlineWidget.js';
+import 'qrcode';
 
-const Balance = ({ connector, address, network, className }) => {
-    const { currency, isLoading: isLoadingCurrency } = useFetchCurrency(connector, network);
+const Balance = ({ wallet, network, className }) => {
+    const { currency, isLoading: isLoadingCurrency } = useFetchCurrency(wallet.connector, network);
     const { balance, isLoading: isLoadingBalance } = useFetchBalance({
-        address,
         chain: currency,
-        connector,
         network,
+        wallet,
     });
     if (!balance)
         return null;

package/src/lib/widgets/DynamicWidget/components/BottomNavBar/BottomNavBar.cjs

@@ -0,0 +1,16 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var classNames = require('../../../../utils/functions/classNames/classNames.cjs');
+
+const BottomNavBar = ({ value, onChange, options }) => {
+    const isActive = (_value) => _value === value;
+    return (jsxRuntime.jsx("div", { className: 'footer-options-switcher__container', "data-testid": 'OptionsSwitcher', children: options.map((option) => (jsxRuntime.jsxs("div", { className: classNames.classNames('footer-options-switcher__tab', {
+                'footer-options-switcher__tab--active': isActive(option.value),
+            }), onClick: () => onChange(option.value), children: [isActive(option.value) ? option.selectedIcon : option.icon, jsxRuntime.jsx("span", { className: 'footer-options-switcher__label', children: option.label })] }, option.value))) }));
+};
+
+exports.BottomNavBar = BottomNavBar;

package/src/lib/widgets/DynamicWidget/components/BottomNavBar/BottomNavBar.d.ts

@@ -0,0 +1,13 @@
+import { FC, ReactNode } from 'react';
+import { DynamicWidgetViews } from '../../context/DynamicWidgetContext.types';
+export type OptionsSwitcherOption = {
+    value: string;
+    label: string;
+    selectedIcon: ReactNode;
+    icon: ReactNode;
+};
+export declare const BottomNavBar: FC<{
+    value: DynamicWidgetViews;
+    onChange: (view: DynamicWidgetViews) => void;
+    options: OptionsSwitcherOption[];
+}>;

package/src/lib/widgets/DynamicWidget/components/BottomNavBar/BottomNavBar.js

@@ -0,0 +1,12 @@
+'use client'
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { classNames } from '../../../../utils/functions/classNames/classNames.js';
+
+const BottomNavBar = ({ value, onChange, options }) => {
+    const isActive = (_value) => _value === value;
+    return (jsx("div", { className: 'footer-options-switcher__container', "data-testid": 'OptionsSwitcher', children: options.map((option) => (jsxs("div", { className: classNames('footer-options-switcher__tab', {
+                'footer-options-switcher__tab--active': isActive(option.value),
+            }), onClick: () => onChange(option.value), children: [isActive(option.value) ? option.selectedIcon : option.icon, jsx("span", { className: 'footer-options-switcher__label', children: option.label })] }, option.value))) }));
+};
+
+export { BottomNavBar };

package/src/lib/widgets/DynamicWidget/components/BottomNavBar/index.d.ts

@@ -0,0 +1 @@
+export { BottomNavBar } from './BottomNavBar';