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

package/src/lib/components/Transition/VerticalDrawerTransition/VerticalDrawerTransition.cjs

@@ -48,7 +48,6 @@ require('../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');
 require('react-i18next');
 var classNames = require('../../../utils/functions/classNames/classNames.cjs');
-require('../../Accordion/components/AccordionItem/AccordionItem.cjs');
 require('../../Alert/Alert.cjs');
 require('../../ShadowDOM/ShadowDOM.cjs');
 require('../../IconButton/IconButton.cjs');

package/src/lib/components/Transition/VerticalDrawerTransition/VerticalDrawerTransition.js

@@ -44,7 +44,6 @@ import '../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
 import 'react-i18next';
 import { classNames } from '../../../utils/functions/classNames/classNames.js';
-import '../../Accordion/components/AccordionItem/AccordionItem.js';
 import '../../Alert/Alert.js';
 import '../../ShadowDOM/ShadowDOM.js';
 import '../../IconButton/IconButton.js';

package/src/lib/components/UserAddress/UserAddress.cjs

@@ -50,7 +50,6 @@ require('../../context/FieldsStateContext/FieldsStateContext.cjs');
 require('../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');
 require('react-i18next');
-require('../Accordion/components/AccordionItem/AccordionItem.cjs');
 require('../Alert/Alert.cjs');
 require('../ShadowDOM/ShadowDOM.cjs');
 require('../IconButton/IconButton.cjs');

package/src/lib/components/UserAddress/UserAddress.js

@@ -46,7 +46,6 @@ import '../../context/FieldsStateContext/FieldsStateContext.js';
 import '../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
 import 'react-i18next';
-import '../Accordion/components/AccordionItem/AccordionItem.js';
 import '../Alert/Alert.js';
 import '../ShadowDOM/ShadowDOM.js';
 import '../IconButton/IconButton.js';

package/src/lib/components/UserProfile/UserProfile.cjs

@@ -8,8 +8,6 @@ var React = require('react');
 var reactI18next = require('react-i18next');
 var sdkApiCore = require('@dynamic-labs/sdk-api-core');
 var classNames = require('../../utils/functions/classNames/classNames.cjs');
-require('../Accordion/components/AccordionItem/AccordionItem.cjs');
-require('../Alert/Alert.cjs');
 require('../../events/dynamicEvents.cjs');
 require('../../../../_virtual/_tslib.cjs');
 require('@dynamic-labs/utils');
@@ -77,6 +75,7 @@ var UserProfileSocialAccount = require('./parts/UserProfileSocialAccount/UserPro
 require('formik');
 var TypographyButton = require('../TypographyButton/TypographyButton.cjs');
 require('../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
+require('../Alert/Alert.cjs');
 require('../Input/Input.cjs');
 require('../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../../context/PasskeyContext/PasskeyContext.cjs');

package/src/lib/components/UserProfile/UserProfile.js

@@ -4,8 +4,6 @@ import { useRef, useEffect } from 'react';
 import { useTranslation } from 'react-i18next';
 import { KycFieldType, CustomFieldType } from '@dynamic-labs/sdk-api-core';
 import { classNames } from '../../utils/functions/classNames/classNames.js';
-import '../Accordion/components/AccordionItem/AccordionItem.js';
-import '../Alert/Alert.js';
 import '../../events/dynamicEvents.js';
 import '../../../../_virtual/_tslib.js';
 import '@dynamic-labs/utils';
@@ -73,6 +71,7 @@ import { UserProfileSocialAccount } from './parts/UserProfileSocialAccount/UserP
 import 'formik';
 import { TypographyButton } from '../TypographyButton/TypographyButton.js';
 import '../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
+import '../Alert/Alert.js';
 import '../Input/Input.js';
 import '../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../../context/PasskeyContext/PasskeyContext.js';

package/src/lib/components/UserProfile/parts/UserProfileField/UserProfileField.cjs

@@ -5,8 +5,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
 var reactI18next = require('react-i18next');
-require('../../../Accordion/components/AccordionItem/AccordionItem.cjs');
-require('../../../Alert/Alert.cjs');
 require('react');
 require('../../../../events/dynamicEvents.cjs');
 require('../../../../../../_virtual/_tslib.cjs');
@@ -67,6 +65,7 @@ require('../../../MenuList/Dropdown/Dropdown.cjs');
 var VerifiedUserFieldIcon = require('./components/VerifiedUserFieldIcon/VerifiedUserFieldIcon.cjs');
 require('formik');
 require('../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
+require('../../../Alert/Alert.cjs');
 require('../../../Input/Input.cjs');
 require('../../../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../../../../context/PasskeyContext/PasskeyContext.cjs');

package/src/lib/components/UserProfile/parts/UserProfileField/UserProfileField.js

@@ -1,8 +1,6 @@
 'use client'
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useTranslation } from 'react-i18next';
-import '../../../Accordion/components/AccordionItem/AccordionItem.js';
-import '../../../Alert/Alert.js';
 import 'react';
 import '../../../../events/dynamicEvents.js';
 import '../../../../../../_virtual/_tslib.js';
@@ -63,6 +61,7 @@ import '../../../MenuList/Dropdown/Dropdown.js';
 import { VerifiedUserFieldIcon } from './components/VerifiedUserFieldIcon/VerifiedUserFieldIcon.js';
 import 'formik';
 import '../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
+import '../../../Alert/Alert.js';
 import '../../../Input/Input.js';
 import '../../../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../../../../context/PasskeyContext/PasskeyContext.js';

package/src/lib/components/UserProfile/parts/UserProfileSection/UserProfileSection.cjs

@@ -4,8 +4,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
-require('../../../Accordion/components/AccordionItem/AccordionItem.cjs');
-require('../../../Alert/Alert.cjs');
 require('react');
 require('../../../../events/dynamicEvents.cjs');
 require('../../../../../../_virtual/_tslib.cjs');
@@ -64,6 +62,7 @@ require('../../../IconButton/IconButton.cjs');
 require('../../../MenuList/Dropdown/Dropdown.cjs');
 require('formik');
 require('../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
+require('../../../Alert/Alert.cjs');
 require('../../../Input/Input.cjs');
 require('../../../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../../../../context/PasskeyContext/PasskeyContext.cjs');

package/src/lib/components/UserProfile/parts/UserProfileSection/UserProfileSection.js

@@ -1,7 +1,5 @@
 'use client'
 import { jsxs, jsx } from 'react/jsx-runtime';
-import '../../../Accordion/components/AccordionItem/AccordionItem.js';
-import '../../../Alert/Alert.js';
 import 'react';
 import '../../../../events/dynamicEvents.js';
 import '../../../../../../_virtual/_tslib.js';
@@ -60,6 +58,7 @@ import '../../../IconButton/IconButton.js';
 import '../../../MenuList/Dropdown/Dropdown.js';
 import 'formik';
 import '../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
+import '../../../Alert/Alert.js';
 import '../../../Input/Input.js';
 import '../../../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../../../../context/PasskeyContext/PasskeyContext.js';

package/src/lib/components/UserProfile/parts/UserProfileSocialAccount/UserProfileSocialAccount.cjs

@@ -5,8 +5,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
 var iconic = require('@dynamic-labs/iconic');
-require('../../../Accordion/components/AccordionItem/AccordionItem.cjs');
-require('../../../Alert/Alert.cjs');
 require('react');
 require('../../../../events/dynamicEvents.cjs');
 require('../../../../../../_virtual/_tslib.cjs');
@@ -73,6 +71,7 @@ var ConnectedAccountAvatar = require('./components/ConnectedAccountAvatar/Connec
 require('formik');
 var TypographyButton = require('../../../TypographyButton/TypographyButton.cjs');
 require('../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
+require('../../../Alert/Alert.cjs');
 require('../../../Input/Input.cjs');
 require('../../../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../../../../context/PasskeyContext/PasskeyContext.cjs');

package/src/lib/components/UserProfile/parts/UserProfileSocialAccount/UserProfileSocialAccount.js

@@ -1,8 +1,6 @@
 'use client'
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { SocialIcon } from '@dynamic-labs/iconic';
-import '../../../Accordion/components/AccordionItem/AccordionItem.js';
-import '../../../Alert/Alert.js';
 import 'react';
 import '../../../../events/dynamicEvents.js';
 import '../../../../../../_virtual/_tslib.js';
@@ -69,6 +67,7 @@ import { ConnectedAccountAvatar } from './components/ConnectedAccountAvatar/Conn
 import 'formik';
 import { TypographyButton } from '../../../TypographyButton/TypographyButton.js';
 import '../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
+import '../../../Alert/Alert.js';
 import '../../../Input/Input.js';
 import '../../../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../../../../context/PasskeyContext/PasskeyContext.js';

package/src/lib/components/UserProfileForm/UserProfileForm.cjs

@@ -48,7 +48,6 @@ require('@dynamic-labs/rpc-providers');
 require('../../context/MockContext/MockContext.cjs');
 require('react-i18next');
 var classNames = require('../../utils/functions/classNames/classNames.cjs');
-require('../Accordion/components/AccordionItem/AccordionItem.cjs');
 require('../Alert/Alert.cjs');
 var TypographyButton = require('../TypographyButton/TypographyButton.cjs');
 require('../ShadowDOM/ShadowDOM.cjs');

package/src/lib/components/UserProfileForm/UserProfileForm.js

@@ -44,7 +44,6 @@ import '@dynamic-labs/rpc-providers';
 import '../../context/MockContext/MockContext.js';
 import 'react-i18next';
 import { classNames } from '../../utils/functions/classNames/classNames.js';
-import '../Accordion/components/AccordionItem/AccordionItem.js';
 import '../Alert/Alert.js';
 import { TypographyButton } from '../TypographyButton/TypographyButton.js';
 import '../ShadowDOM/ShadowDOM.js';

package/src/lib/context/ConnectWithOtpContext/ConnectWithOtpProvider.cjs

@@ -49,7 +49,6 @@ require('../UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');
 var useWalletItemActions = require('../../utils/hooks/useWalletItemActions/useWalletItemActions.cjs');
 require('react-i18next');
-require('../../components/Accordion/components/AccordionItem/AccordionItem.cjs');
 require('../../components/Alert/Alert.cjs');
 require('../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../components/IconButton/IconButton.cjs');

package/src/lib/context/ConnectWithOtpContext/ConnectWithOtpProvider.js

@@ -45,7 +45,6 @@ import '../UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
 import { useWalletItemActions } from '../../utils/hooks/useWalletItemActions/useWalletItemActions.js';
 import 'react-i18next';
-import '../../components/Accordion/components/AccordionItem/AccordionItem.js';
 import '../../components/Alert/Alert.js';
 import '../../components/ShadowDOM/ShadowDOM.js';
 import '../../components/IconButton/IconButton.js';

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

@@ -13,8 +13,6 @@ var utils = require('@dynamic-labs/utils');
 var walletBook = require('@dynamic-labs/wallet-book');
 var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
 var app = require('../../app.cjs');
-require('../../components/Accordion/components/AccordionItem/AccordionItem.cjs');
-require('../../components/Alert/Alert.cjs');
 require('../../events/dynamicEvents.cjs');
 require('@dynamic-labs/sdk-api-core');
 var logger$1 = require('../../shared/logger.cjs');
@@ -63,6 +61,7 @@ var useWalletConnectorNetwork = require('../../utils/hooks/useWalletConnectorNet
 var useSetWalletConnectorFetchers = require('../../utils/hooks/useSetWalletConnectorFetchers/useSetWalletConnectorFetchers.cjs');
 var useSendDynamicProps = require('../../utils/hooks/useSendDynamicProps/useSendDynamicProps.cjs');
 var MfaSettingsContext = require('../MfaSettingsContext/MfaSettingsContext.cjs');
+require('../../components/Alert/Alert.cjs');
 require('../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../components/IconButton/IconButton.cjs');
 require('../../components/InlineWidget/InlineWidget.cjs');
@@ -119,6 +118,7 @@ var store = require('../../store/store.cjs');
 var useNetworkConfigurations = require('../../store/hooks/useNetworkConfigurations/useNetworkConfigurations.cjs');
 var useProjectSettings = require('../../store/hooks/useProjectSettings/useProjectSettings.cjs');
 var useUser = require('../../store/hooks/useUser/useUser.cjs');
+var useTabState = require('../../views/WalletList/hooks/useTabState.cjs');
 var helpers = require('./helpers/helpers.cjs');
 var useDisplayOrderState = require('./hooks/useDisplayOrderState/useDisplayOrderState.cjs');
 var useEmailLoginState = require('./hooks/useEmailLoginState/useEmailLoginState.cjs');
@@ -137,8 +137,8 @@ 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, }) => {
-    var _a, _b, _c, _d, _e, _f;
-    const { accessDeniedMessagePrimary, accessDeniedMessageSecondary, accessDeniedButton, 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 = 'in-app-browser', 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;
+    var _a, _b, _c, _d, _e, _f, _g, _h;
+    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 = 'in-app-browser', 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);
     /**
      * initialize global store
@@ -172,6 +172,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
     const isBridgeFlow = Boolean(bridgeChains);
     const deepLinkPreference = helpers.getDeepLinkPreference(deepLinkPreferenceProp, isBridgeFlow);
     const [defaultTabIndex, setDefaultTabIndex] = React.useState(0);
+    const { selectedTabIndex, setSelectedTabIndex, selectedTabSettings, tabsItems, } = useTabState.useTabState({ defaultTabIndex, settingsOverrides: settings$1.overrides });
     // state to track the full connectivity status of the individual's wallets.
     // Set to true once the predetermined number of wallets is connected.
     const [bridgeOnboardingCompleted, setBridgeOnboardingCompleted, removeBridgeOnboardingCompleted,] = useLocalStorage.useLocalStorage(localStorage$1.BRIDGE_ONBOARDING_COMPLETED, false);
@@ -220,7 +221,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
         appLogoUrl,
         appName,
         getAppOrigin: () => window.location.origin,
-        hideEmbeddedWalletTransactionUIs,
+        hideEmbeddedWalletTransactionUIs: hideEmbeddedWalletTransactionUIs !== null && hideEmbeddedWalletTransactionUIs !== void 0 ? hideEmbeddedWalletTransactionUIs : !((_g = (_f = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _f === void 0 ? void 0 : _f.embeddedWallets) === null || _g === void 0 ? void 0 : _g.showEmbeddedWalletActionsUI),
     });
     const { walletConnectorOptions } = useWalletConnectorOptions.useWalletConnectorOptions({
         appLogoUrl,
@@ -442,6 +443,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
             customTermsOfServices,
             debugError,
             defaultNumberOfWalletsToShow,
+            defaultPhoneInputIso2,
             defaultTabIndex,
             desktopUri,
             disconnectWallet,
@@ -492,6 +494,8 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
             rpcProviders,
             sdkHasLoaded,
             secondaryWallets,
+            selectedTabIndex,
+            selectedTabSettings,
             selectedWalletConnector,
             selectedWalletWithAction,
             sendWagmiSettings,
@@ -509,6 +513,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
             setPrimaryWallet,
             setPrimaryWalletId,
             setQrcodeUri,
+            setSelectedTabIndex,
             setSelectedWalletConnectorKey,
             setSelectedWalletWithAction,
             setShowAuthFlow,
@@ -530,6 +535,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
             socialMediaLinkText,
             socialMediaUrl,
             socialProvidersFilter,
+            tabsItems,
             termsOfServiceUrl,
             theme,
             toolkitEnabled,
@@ -545,10 +551,8 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
         accessDeniedMessagePrimary,
         accessDeniedMessageSecondary,
         accountSwitchState,
-        handlers,
         appLogoUrl,
         appName,
-        defaultTabIndex,
         authMode,
         authorizationViewDisplayOrder,
         awaitingSignatureState,
@@ -564,6 +568,8 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
         customTermsOfServices,
         debugError,
         defaultNumberOfWalletsToShow,
+        defaultPhoneInputIso2,
+        defaultTabIndex,
         desktopUri,
         disconnectWallet,
         displaySiweStatement,
@@ -583,7 +589,6 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
         isSingleWalletAccount,
         legacyIsVerifying,
         user,
-        unauthenticatedUser,
         linkedOrConnectedWallets,
         loadingNetwork,
         loginWithEmail,
@@ -612,6 +617,8 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
         rpcProviders,
         sdkHasLoaded,
         secondaryWallets,
+        selectedTabIndex,
+        selectedTabSettings,
         selectedWalletConnector,
         selectedWalletWithAction,
         sendWagmiSettings,
@@ -624,6 +631,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
         setPasskeySuccessPopup,
         setPrimaryWallet,
         setPrimaryWalletId,
+        setSelectedTabIndex,
         setSelectedWalletConnectorKey,
         setShowAuthFlow,
         setShowQrcodeModal,
@@ -638,11 +646,13 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
         siweStatement,
         socialMediaIconUrl,
         socialMediaLinkText,
+        tabsItems,
         socialMediaUrl,
         socialProvidersFilter,
         termsOfServiceUrl,
         theme,
         toolkitEnabled,
+        unauthenticatedUser,
         walletConnectorOptions,
         walletUiUtils,
         walletsFilter,
@@ -684,7 +694,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, ((_f = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.design) === null || _f === void 0 ? void 0 : _f.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, ((_h = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.design) === null || _h === void 0 ? void 0 : _h.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),

package/src/lib/context/DynamicContext/DynamicContext.d.ts

@@ -1,4 +1,5 @@
 import { FC, ReactNode } from 'react';
+import { CountryIso2 } from 'react-international-phone';
 import { LogLevel } from '@dynamic-labs/logger';
 import { type CoinbaseWalletPreference, type SocialProviderFilter } from '@dynamic-labs/types';
 import { DeepLinkVariant, WalletConnectorExtension, WalletConnectorsMethod } from '@dynamic-labs/wallet-connector-core';
@@ -23,6 +24,7 @@ export interface DynamicContextProps {
         coinbaseWalletPreference?: CoinbaseWalletPreference;
         cssOverrides?: string | JSX.Element;
         customPrivacyPolicy?: ReactNode;
+        defaultPhoneInputIso2?: CountryIso2;
         customTermsOfServices?: ReactNode;
         debugError?: boolean;
         /**
@@ -50,6 +52,9 @@ export interface DynamicContextProps {
         flowNetwork?: 'testnet' | 'mainnet';
         handlers?: DynamicHandlers;
         headless?: boolean;
+        /**
+         * @deprecated Set this property in the dashboard instead
+         */
         hideEmbeddedWalletTransactionUIs?: boolean;
         initialAuthenticationMode?: AuthModeType;
         localStorageSuffix?: string;

package/src/lib/context/DynamicContext/DynamicContext.js

@@ -9,8 +9,6 @@ import { MissingEnvironmentIdError } from '@dynamic-labs/utils';
 import { useWalletBookCdn, getWalletBookCdnUrl, WalletBookContextProvider } from '@dynamic-labs/wallet-book';
 import { logger as logger$1 } from '@dynamic-labs/wallet-connector-core';
 import { DynamicAuthFlow } from '../../app.js';
-import '../../components/Accordion/components/AccordionItem/AccordionItem.js';
-import '../../components/Alert/Alert.js';
 import '../../events/dynamicEvents.js';
 import '@dynamic-labs/sdk-api-core';
 import { logger } from '../../shared/logger.js';
@@ -59,6 +57,7 @@ import { useWalletConnectorNetwork } from '../../utils/hooks/useWalletConnectorN
 import { useSetWalletConnectorFetchers } from '../../utils/hooks/useSetWalletConnectorFetchers/useSetWalletConnectorFetchers.js';
 import { useSendDynamicProps } from '../../utils/hooks/useSendDynamicProps/useSendDynamicProps.js';
 import { MfaSettingsContextProvider } from '../MfaSettingsContext/MfaSettingsContext.js';
+import '../../components/Alert/Alert.js';
 import '../../components/ShadowDOM/ShadowDOM.js';
 import '../../components/IconButton/IconButton.js';
 import '../../components/InlineWidget/InlineWidget.js';
@@ -115,6 +114,7 @@ import { initializeStore } from '../../store/store.js';
 import { useNetworkConfigurations } from '../../store/hooks/useNetworkConfigurations/useNetworkConfigurations.js';
 import { useProjectSettings } from '../../store/hooks/useProjectSettings/useProjectSettings.js';
 import { useUser } from '../../store/hooks/useUser/useUser.js';
+import { useTabState } from '../../views/WalletList/hooks/useTabState.js';
 import { resolveNetworkValidationMode, initExpirationTime, getInitialView, getDeepLinkPreference } from './helpers/helpers.js';
 import { useDisplayOrderState } from './hooks/useDisplayOrderState/useDisplayOrderState.js';
 import { useEmailLoginState } from './hooks/useEmailLoginState/useEmailLoginState.js';
@@ -133,8 +133,8 @@ const PUBLIC_PROJECT_LIVE_ENVIRONMENT_ID = '2762a57b-faa4-41ce-9f16-abff9300e2c9
 const DynamicContext = createContext(undefined);
 /** The context provider itself we only use internally */
 const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) => {
-    var _a, _b, _c, _d, _e, _f;
-    const { accessDeniedMessagePrimary, accessDeniedMessageSecondary, accessDeniedButton, apiBaseUrl, coinbaseWalletPreference, enableConnectOnlyFallback = false, deepLinkPreference: deepLinkPreferenceProp = 'native', bridgeChains, cssOverrides, defaultNumberOfWalletsToShow = DEFAULT_NUMBER_OF_WALLETS_TO_SHOW, flowNetwork, initialAuthenticationMode = 'connect-and-sign', debugError = false, displaySiweStatement = true, newToWeb3WalletChainMap, enableVisitTrackingOnConnectOnly = true, environmentId, walletsFilter, logLevel = 'WARN', mobileExperience = 'in-app-browser', 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;
+    var _a, _b, _c, _d, _e, _f, _g, _h;
+    const { accessDeniedMessagePrimary, accessDeniedMessageSecondary, accessDeniedButton, defaultPhoneInputIso2, apiBaseUrl, coinbaseWalletPreference, enableConnectOnlyFallback = false, deepLinkPreference: deepLinkPreferenceProp = 'native', bridgeChains, cssOverrides, defaultNumberOfWalletsToShow = DEFAULT_NUMBER_OF_WALLETS_TO_SHOW, flowNetwork, initialAuthenticationMode = 'connect-and-sign', debugError = false, displaySiweStatement = true, newToWeb3WalletChainMap, enableVisitTrackingOnConnectOnly = true, environmentId, walletsFilter, logLevel = 'WARN', mobileExperience = 'in-app-browser', 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;
     LocalStorage.setSuffix(settings.localStorageSuffix);
     /**
      * initialize global store
@@ -168,6 +168,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
     const isBridgeFlow = Boolean(bridgeChains);
     const deepLinkPreference = getDeepLinkPreference(deepLinkPreferenceProp, isBridgeFlow);
     const [defaultTabIndex, setDefaultTabIndex] = useState(0);
+    const { selectedTabIndex, setSelectedTabIndex, selectedTabSettings, tabsItems, } = useTabState({ defaultTabIndex, settingsOverrides: settings.overrides });
     // state to track the full connectivity status of the individual's wallets.
     // Set to true once the predetermined number of wallets is connected.
     const [bridgeOnboardingCompleted, setBridgeOnboardingCompleted, removeBridgeOnboardingCompleted,] = useLocalStorage(BRIDGE_ONBOARDING_COMPLETED, false);
@@ -216,7 +217,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
         appLogoUrl,
         appName,
         getAppOrigin: () => window.location.origin,
-        hideEmbeddedWalletTransactionUIs,
+        hideEmbeddedWalletTransactionUIs: hideEmbeddedWalletTransactionUIs !== null && hideEmbeddedWalletTransactionUIs !== void 0 ? hideEmbeddedWalletTransactionUIs : !((_g = (_f = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _f === void 0 ? void 0 : _f.embeddedWallets) === null || _g === void 0 ? void 0 : _g.showEmbeddedWalletActionsUI),
     });
     const { walletConnectorOptions } = useWalletConnectorOptions({
         appLogoUrl,
@@ -438,6 +439,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
             customTermsOfServices,
             debugError,
             defaultNumberOfWalletsToShow,
+            defaultPhoneInputIso2,
             defaultTabIndex,
             desktopUri,
             disconnectWallet,
@@ -488,6 +490,8 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
             rpcProviders,
             sdkHasLoaded,
             secondaryWallets,
+            selectedTabIndex,
+            selectedTabSettings,
             selectedWalletConnector,
             selectedWalletWithAction,
             sendWagmiSettings,
@@ -505,6 +509,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
             setPrimaryWallet,
             setPrimaryWalletId,
             setQrcodeUri,
+            setSelectedTabIndex,
             setSelectedWalletConnectorKey,
             setSelectedWalletWithAction,
             setShowAuthFlow,
@@ -526,6 +531,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
             socialMediaLinkText,
             socialMediaUrl,
             socialProvidersFilter,
+            tabsItems,
             termsOfServiceUrl,
             theme,
             toolkitEnabled,
@@ -541,10 +547,8 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
         accessDeniedMessagePrimary,
         accessDeniedMessageSecondary,
         accountSwitchState,
-        handlers,
         appLogoUrl,
         appName,
-        defaultTabIndex,
         authMode,
         authorizationViewDisplayOrder,
         awaitingSignatureState,
@@ -560,6 +564,8 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
         customTermsOfServices,
         debugError,
         defaultNumberOfWalletsToShow,
+        defaultPhoneInputIso2,
+        defaultTabIndex,
         desktopUri,
         disconnectWallet,
         displaySiweStatement,
@@ -579,7 +585,6 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
         isSingleWalletAccount,
         legacyIsVerifying,
         user,
-        unauthenticatedUser,
         linkedOrConnectedWallets,
         loadingNetwork,
         loginWithEmail,
@@ -608,6 +613,8 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
         rpcProviders,
         sdkHasLoaded,
         secondaryWallets,
+        selectedTabIndex,
+        selectedTabSettings,
         selectedWalletConnector,
         selectedWalletWithAction,
         sendWagmiSettings,
@@ -620,6 +627,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
         setPasskeySuccessPopup,
         setPrimaryWallet,
         setPrimaryWalletId,
+        setSelectedTabIndex,
         setSelectedWalletConnectorKey,
         setShowAuthFlow,
         setShowQrcodeModal,
@@ -634,11 +642,13 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
         siweStatement,
         socialMediaIconUrl,
         socialMediaLinkText,
+        tabsItems,
         socialMediaUrl,
         socialProvidersFilter,
         termsOfServiceUrl,
         theme,
         toolkitEnabled,
+        unauthenticatedUser,
         walletConnectorOptions,
         walletUiUtils,
         walletsFilter,
@@ -680,7 +690,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [multiWallet, multiWalletWidgetState, showDynamicUserProfile]);
-    return (jsx(I18nextProvider, { i18n: i18nSDKInstance, children: jsx(DynamicContext.Provider, { value: value, children: jsx(WalletBookContextProvider, { walletBook: walletBook, children: jsx(ThemeContextProvider, { customerTheme: parseTheme(theme, ((_f = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.design) === null || _f === void 0 ? void 0 : _f.modal) || undefined), designSettings: projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.design, children: jsx(LoadingContextProvider, { children: jsxs(ViewContextProvider, { initialView: getInitialView({
+    return (jsx(I18nextProvider, { i18n: i18nSDKInstance, children: jsx(DynamicContext.Provider, { value: value, children: jsx(WalletBookContextProvider, { walletBook: walletBook, children: jsx(ThemeContextProvider, { customerTheme: parseTheme(theme, ((_h = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.design) === null || _h === void 0 ? void 0 : _h.modal) || undefined), designSettings: projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.design, children: jsx(LoadingContextProvider, { children: jsxs(ViewContextProvider, { initialView: getInitialView({
                                 bridgeOnboardingCompleted,
                                 connectedWallets,
                                 isAuthenticated: isAuthenticated || Boolean(primaryWallet),

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

@@ -49,7 +49,6 @@ require('../../../UserFieldEditorContext/UserFieldEditorContext.cjs');
 var storeActions = require('../../../../store/actions/storeActions/storeActions.cjs');
 require('@dynamic-labs/rpc-providers');
 require('react-i18next');
-require('../../../../components/Accordion/components/AccordionItem/AccordionItem.cjs');
 require('../../../../components/Alert/Alert.cjs');
 require('../../../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../../../components/IconButton/IconButton.cjs');

package/src/lib/context/DynamicContext/hooks/useHandleLogout/useHandleLogout.js

@@ -45,7 +45,6 @@ import '../../../UserFieldEditorContext/UserFieldEditorContext.js';
 import { clearStore } from '../../../../store/actions/storeActions/storeActions.js';
 import '@dynamic-labs/rpc-providers';
 import 'react-i18next';
-import '../../../../components/Accordion/components/AccordionItem/AccordionItem.js';
 import '../../../../components/Alert/Alert.js';
 import '../../../../components/ShadowDOM/ShadowDOM.js';
 import '../../../../components/IconButton/IconButton.js';

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

@@ -46,7 +46,6 @@ require('../../../FieldsStateContext/FieldsStateContext.cjs');
 require('../../../UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');
 require('react-i18next');
-require('../../../../components/Accordion/components/AccordionItem/AccordionItem.cjs');
 require('../../../../components/Alert/Alert.cjs');
 require('../../../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../../../components/IconButton/IconButton.cjs');

package/src/lib/context/DynamicContext/hooks/useTieCallbacksToEvents/useTieCallbacksToEvents.js

@@ -42,7 +42,6 @@ import '../../../FieldsStateContext/FieldsStateContext.js';
 import '../../../UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
 import 'react-i18next';
-import '../../../../components/Accordion/components/AccordionItem/AccordionItem.js';
 import '../../../../components/Alert/Alert.js';
 import '../../../../components/ShadowDOM/ShadowDOM.js';
 import '../../../../components/IconButton/IconButton.js';

package/src/lib/context/DynamicContext/types/index.d.ts

@@ -1,5 +1,6 @@
 import { Dispatch, MutableRefObject, ReactElement, ReactNode, SetStateAction } from 'react';
 import { changeLanguage } from 'i18next';
+import { CountryIso2 } from 'react-international-phone';
 import { NameServiceData, ProjectSettings, SdkView } from '@dynamic-labs/sdk-api-core';
 import { GenericNetwork, NetworkConfigurationMap, SocialProviderFilter, UserProfile, WalletUiUtils } from '@dynamic-labs/types';
 import { Chain, GetAddressOpts, WalletConnector } from '@dynamic-labs/wallet-connector-core';
@@ -64,6 +65,7 @@ export interface IDynamicContext {
     accountSwitchState: AccountSwitchState;
     appLogoUrl?: string;
     appName?: string;
+    defaultPhoneInputIso2?: CountryIso2;
     authMode: AuthModeType;
     authToken: string | undefined;
     authorizationViewDisplayOrder: DisplayOrder;
@@ -110,6 +112,11 @@ export interface IDynamicContext {
         changeLanguage: typeof changeLanguage;
     };
     loginWithEmail: boolean;
+    selectedTabIndex: number | null;
+    selectedTabSettings: WalletListViewTabItem | undefined;
+    tabsItems: WalletListViewTabItem[] | undefined;
+    setSelectedTabIndex: Dispatch<SetStateAction<number | null>>;
+    /** @deprecated Use setTabIndex instead */
     setDefaultTabIndex: (index: number) => void;
     defaultTabIndex: number;
     minAuthToken: string | undefined;