@dynamic-labs/sdk-react-core 0.19.0-alpha.5 → 0.19.0-alpha.7

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

@@ -5,6 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _tslib = require('../../../../_virtual/_tslib.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
+var reactI18next = require('react-i18next');
 var iconic = require('@dynamic-labs/iconic');
 var utils = require('@dynamic-labs/utils');
 var walletBook = require('@dynamic-labs/wallet-book');
@@ -58,7 +59,9 @@ require('../../components/Popper/PopperContext/PopperContext.cjs');
 require('formik');
 require('../../components/InlineWidget/InlineWidget.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');
+require('../../components/OverlayCard/OverlayCard.context.cjs');
 var ApiEndpoint = require('../../config/ApiEndpoint.cjs');
+var locale = require('../../locale/locale.cjs');
 var getMissingChains = require('../../utils/functions/getMissingChains/getMissingChains.cjs');
 var isSameWalletName = require('../../utils/functions/isSameWalletName/isSameWalletName.cjs');
 var parseTheme = require('../../utils/functions/parseTheme/parseTheme.cjs');
@@ -73,7 +76,6 @@ var usePrimaryWalletId = require('../../utils/hooks/usePrimaryWalletId/usePrimar
 var useRpcProviders = require('../../utils/hooks/useRpcProviders/useRpcProviders.cjs');
 var useWalletEventListeners = require('../../utils/hooks/useWalletEventListeners/useWalletEventListeners.cjs');
 var DynamicWidgetContext = require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
-require('../../components/OverlayCard/OverlayCard.context.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetCard/DynamicWidgetCard.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('qrcode');
@@ -101,9 +103,9 @@ var internalEvents = require('./internalEvents/internalEvents.cjs');
 const PUBLIC_PROJECT_LIVE_ENVIRONMENT_ID = '2762a57b-faa4-41ce-9f16-abff9300e2c9';
 const EMPTY_INITIAL_USER = undefined;
 const DynamicContext = React.createContext(undefined);
-const DynamicContextProvider = ({ children, theme, settings, }) => {
+const DynamicContextProvider = ({ children, theme, settings, locale: locale$1, }) => {
     var _a, _b, _c, _d, _e, _f, _g, _h;
-    const { accessDeniedMessagePrimary, accessDeniedMessageSecondary, accessDeniedButton, apiBaseUrl, walletsByChain, cssOverrides, defaultNumberOfWalletsToShow = values.DEFAULT_NUMBER_OF_WALLETS_TO_SHOW, flowNetwork, initialAuthenticationMode = 'connect-and-sign', debugError = false, displaySiweStatement = true, newToWeb3WalletChainMap, enableVisitTrackingOnConnectOnly = true, environmentId, localStorageSuffix, eventsCallbacks, evmNetworks, walletsFilter, logLevel = 'WARN', notInTheListImageUrl, onboardingImageUrl, policiesConsentInnerComponent, customPrivacyPolicy, privacyPolicyUrl, signWithEmailWalletName, socialMediaLinkText, socialMediaIconUrl, socialMediaUrl, customTermsOfServices, termsOfServiceUrl, toolkitEnabled, siweStatement, shadowDOMEnabled = true, walletConnectors: walletConnectorsProp, socialProvidersFilter, } = settings;
+    const { accessDeniedMessagePrimary, accessDeniedMessageSecondary, accessDeniedButton, apiBaseUrl, deepLinkPreference = 'native', walletsByChain, cssOverrides, defaultNumberOfWalletsToShow = values.DEFAULT_NUMBER_OF_WALLETS_TO_SHOW, flowNetwork, initialAuthenticationMode = 'connect-and-sign', debugError = false, displaySiweStatement = true, newToWeb3WalletChainMap, enableVisitTrackingOnConnectOnly = true, environmentId, localStorageSuffix, eventsCallbacks, evmNetworks, walletsFilter, logLevel = 'WARN', notInTheListImageUrl, onboardingImageUrl, policiesConsentInnerComponent, customPrivacyPolicy, privacyPolicyUrl, signWithEmailWalletName, socialMediaLinkText, socialMediaIconUrl, socialMediaUrl, customTermsOfServices, termsOfServiceUrl, toolkitEnabled, siweStatement, shadowDOMEnabled = true, walletConnectors: walletConnectorsProp, socialProvidersFilter, showLockedWalletView = true, } = settings;
     // The following event related methods are temporary and should be removed after QNTM-180 is done
     // ============ START REMOVE AFTER QNTM-180 ============
     const internalEventsRef = React.useRef(internalEvents.getInternalEvents());
@@ -118,6 +120,7 @@ const DynamicContextProvider = ({ children, theme, settings, }) => {
     }
     ApiEndpoint.setBaseUrl((_a = process.env.DYNAMIC_API_BASE_URL) !== null && _a !== void 0 ? _a : apiBaseUrl);
     localStorage.LocalStorage.setSuffix(localStorageSuffix);
+    const i18nSDKInstance = locale.Locale.setup(locale$1);
     const isAuthenticated = Boolean(getAuthToken.getAuthToken());
     const isBridgeFlow = Boolean(walletsByChain);
     const [bridgeChainToConnect, setBridgeChainToConnect] = React.useState(undefined);
@@ -176,6 +179,7 @@ const DynamicContextProvider = ({ children, theme, settings, }) => {
     const { wallets } = useWallets.useWallets({
         appLogoUrl,
         appName,
+        deepLinkPreference,
         flowNetwork,
         networkConfigurations: serverNetworkConfigurations,
         projectSettings,
@@ -236,7 +240,9 @@ const DynamicContextProvider = ({ children, theme, settings, }) => {
         walletBook: walletBook$1,
     });
     const setShowAuthFlowWithInit = useSetShowAuthFlowWithInit.useSetShowAuthFlowWithInit({
+        isMultiWalletEnabled: multiWallet,
         setShowAuthFlow,
+        user,
         wallets,
     });
     // until user completes onboarding, jwt is only stored in onboardingOnlyJwt
@@ -354,12 +360,12 @@ const DynamicContextProvider = ({ children, theme, settings, }) => {
     const onEmailVerificationFailure = (email) => {
         var _a;
         (_a = eventsCallbacks === null || eventsCallbacks === void 0 ? void 0 : eventsCallbacks.onEmailVerificationFailure) === null || _a === void 0 ? void 0 : _a.call(eventsCallbacks, email);
-        internalEventsRef.current.emit('emailVerificationResult', false);
+        internalEventsRef.current.emit('emailVerificationResult', false, email);
     };
     const onEmailVerificationSuccess = (email) => {
         var _a;
         (_a = eventsCallbacks === null || eventsCallbacks === void 0 ? void 0 : eventsCallbacks.onEmailVerificationSuccess) === null || _a === void 0 ? void 0 : _a.call(eventsCallbacks, email);
-        internalEventsRef.current.emit('emailVerificationResult', true);
+        internalEventsRef.current.emit('emailVerificationResult', true, email);
     };
     // ============ END REMOVE AFTER QNTM-180 ============
     const { setCallback } = useCustomerCallbacks.useCustomerCallbacks({
@@ -429,7 +435,7 @@ const DynamicContextProvider = ({ children, theme, settings, }) => {
         return walletsList.filter((wallet) => user.verifiedCredentials.some((verifiedCredential) => verifiedCredential.id === wallet.id));
     }, [authMode, primaryWallet, user, secondaryWallets]);
     const value = React.useMemo(() => {
-        var _a, _b;
+        var _a, _b, _c;
         return ({
             accessDeniedButton,
             accessDeniedMessagePrimary,
@@ -465,7 +471,9 @@ const DynamicContextProvider = ({ children, theme, settings, }) => {
             handleUnlinkWallet: authMode === 'connect-only'
                 ? unlinkConnectedWallet
                 : handleUnlinkWallet,
+            i18nSDKInstance,
             internalEvents: internalEventsRef,
+            internalSetShowAuthFlow: setShowAuthFlow,
             isAuthenticated,
             isBridgeFlow,
             isFullyConnected,
@@ -475,6 +483,9 @@ const DynamicContextProvider = ({ children, theme, settings, }) => {
             legacyIsVerifying,
             linkedWallets,
             loadingNetwork,
+            locale: {
+                changeLanguage: (_a = locale.Locale.getInstance()) === null || _a === void 0 ? void 0 : _a.changeLanguage,
+            },
             loginWithEmail,
             multiWallet,
             multiWalletWidgetState,
@@ -528,11 +539,12 @@ const DynamicContextProvider = ({ children, theme, settings, }) => {
             showAuthFlow,
             showBridgeWidget,
             showDynamicUserProfile,
+            showLockedWalletView,
             showQrcodeModal,
             showWidgetStatePopup,
             signWithEmailWalletName,
             siweStatement,
-            socialMediaIconUrl: ((_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.general) === null || _a === void 0 ? void 0 : _a.supportUrls) || socialMediaIconUrl,
+            socialMediaIconUrl: ((_b = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.general) === null || _b === void 0 ? void 0 : _b.supportUrls) || socialMediaIconUrl,
             socialMediaLinkText,
             socialMediaUrl,
             socialProvidersFilter,
@@ -541,7 +553,7 @@ const DynamicContextProvider = ({ children, theme, settings, }) => {
             toolkitEnabled,
             unlinkConnectedWallet,
             user,
-            walletConnector: (_b = primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector) !== null && _b !== void 0 ? _b : null,
+            walletConnector: (_c = primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector) !== null && _c !== void 0 ? _c : null,
             walletUiUtils,
             wallets,
             walletsByChain,
@@ -580,16 +592,17 @@ const DynamicContextProvider = ({ children, theme, settings, }) => {
         handleLogOut,
         unlinkConnectedWallet,
         handleUnlinkWallet,
+        i18nSDKInstance,
         isAuthenticated,
         isBridgeFlow,
+        isFullyConnected,
         isProjectSettingsLoading,
         isSingleWalletAccount,
-        isFullyConnected,
         isVerificationInProgress,
-        primaryWallet,
-        secondaryWallets,
         legacyIsVerifying,
+        linkedWallets,
         loadingNetwork,
+        locale$1,
         loginWithEmail,
         multiWallet,
         multiWalletWidgetState,
@@ -601,6 +614,7 @@ const DynamicContextProvider = ({ children, theme, settings, }) => {
         imageUserInAccessList,
         onboardingImageUrl,
         policiesConsentInnerComponent,
+        primaryWallet,
         primaryWalletId,
         privacyPolicyUrl,
         projectSettings,
@@ -608,12 +622,15 @@ const DynamicContextProvider = ({ children, theme, settings, }) => {
         removeConnectedWalletsInfo,
         rpcProviders,
         sdkHasLoaded,
+        secondaryWallets,
         selectedWalletConnector,
         selectedWalletWithAction,
+        sendWagmiSettings,
         setAuthMode,
         setAuthorizationViewDisplayOrder,
         setCallback,
         setIsFullyConnected,
+        setIsVerificationInProgress,
         setLogInWithEmail,
         setMultiWallet,
         setMultiWalletWidgetState,
@@ -628,6 +645,7 @@ const DynamicContextProvider = ({ children, theme, settings, }) => {
         showAuthFlow,
         showBridgeWidget,
         showDynamicUserProfile,
+        showLockedWalletView,
         showQrcodeModal,
         showWidgetStatePopup,
         signWithEmailWalletName,
@@ -645,7 +663,6 @@ const DynamicContextProvider = ({ children, theme, settings, }) => {
         walletsByChain,
         walletsFilter,
         walletsToConnectByChain,
-        linkedWallets,
     ]);
     React.useEffect(() => {
         const addPrefetch = (attr) => {
@@ -689,12 +706,13 @@ const DynamicContextProvider = ({ children, theme, settings, }) => {
             setShowDynamicUserProfile(true);
         }
     }, [multiWallet, multiWalletWidgetState, showDynamicUserProfile, user]);
-    return (jsxRuntime.jsx(DynamicContext.Provider, Object.assign({ value: value }, { children: jsxRuntime.jsx(walletBook.WalletBookContextProvider, Object.assign({ walletBook: walletBook$1 }, { children: jsxRuntime.jsx(ThemeContext.ThemeContextProvider, Object.assign({ 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.jsx(ViewContext.ViewContextProvider, Object.assign({ initialView: helpers.getInitialView({
-                            connectedWallets,
-                            isAuthenticated,
-                            isBridgeFlow,
-                            isFullyConnected,
-                        }) }, { children: jsxRuntime.jsx(AccountExistsContext.AccountExistsContextProvider, { children: jsxRuntime.jsx(WalletContext.WalletContextProvider, Object.assign({ canSync: didConnectedStateLoad }, { children: jsxRuntime.jsx(QrCodeContext.QrCodeContextProvider, { children: jsxRuntime.jsx(EmailVerificationContext.EmailVerificationContextProvider, { children: jsxRuntime.jsx(ErrorContext.ErrorContextProvider, { children: jsxRuntime.jsx(DynamicWidgetContext.DynamicWidgetContextProvider, { children: jsxRuntime.jsx(DynamicBridgeWidgetContext.DynamicBridgeWidgetContextProvider, { children: jsxRuntime.jsx(CaptchaContext.CaptchaContextProvider, { children: jsxRuntime.jsx(FundingContext.FundingContextProvider, { children: jsxRuntime.jsx(AccessDeniedContext.AccessDeniedContextProvider, { children: jsxRuntime.jsx(SendBalanceContext.SendBalanceContextProvider, { children: jsxRuntime.jsx(WalletGroupContext.WalletGroupContextProvider, { children: jsxRuntime.jsxs(UserFieldEditorContext.UserFieldEditorContextProvider, { children: [jsxRuntime.jsx(app.DynamicAuthFlow, {}), jsxRuntime.jsx(Toolkit.Toolkit, {}), jsxRuntime.jsx(FundingWidget.FundingWidget, {}), jsxRuntime.jsx(OAuthIFrameContainer.OAuthIFrameContainer, {}), confirmationModal, children] }) }) }) }) }) }) }) }) }) }) }) })) }) })) }) })) })) })));
+    return (jsxRuntime.jsx(reactI18next.I18nextProvider, Object.assign({ i18n: i18nSDKInstance }, { children: jsxRuntime.jsx(DynamicContext.Provider, Object.assign({ value: value }, { children: jsxRuntime.jsx(walletBook.WalletBookContextProvider, Object.assign({ walletBook: walletBook$1 }, { children: jsxRuntime.jsx(ThemeContext.ThemeContextProvider, Object.assign({ 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.jsx(ViewContext.ViewContextProvider, Object.assign({ initialView: helpers.getInitialView({
+                                connectedWallets,
+                                isAuthenticated,
+                                isBridgeFlow,
+                                isFullyConnected,
+                                isMultiWalletEnabled: multiWallet,
+                            }) }, { children: jsxRuntime.jsx(AccountExistsContext.AccountExistsContextProvider, { children: jsxRuntime.jsx(WalletContext.WalletContextProvider, Object.assign({ canSync: didConnectedStateLoad }, { children: jsxRuntime.jsx(QrCodeContext.QrCodeContextProvider, { children: jsxRuntime.jsx(EmailVerificationContext.EmailVerificationContextProvider, { children: jsxRuntime.jsx(ErrorContext.ErrorContextProvider, { children: jsxRuntime.jsx(DynamicWidgetContext.DynamicWidgetContextProvider, { children: jsxRuntime.jsx(DynamicBridgeWidgetContext.DynamicBridgeWidgetContextProvider, { children: jsxRuntime.jsx(CaptchaContext.CaptchaContextProvider, { children: jsxRuntime.jsx(FundingContext.FundingContextProvider, { children: jsxRuntime.jsx(AccessDeniedContext.AccessDeniedContextProvider, { children: jsxRuntime.jsx(SendBalanceContext.SendBalanceContextProvider, { children: jsxRuntime.jsx(WalletGroupContext.WalletGroupContextProvider, { children: jsxRuntime.jsxs(UserFieldEditorContext.UserFieldEditorContextProvider, { children: [jsxRuntime.jsx(app.DynamicAuthFlow, {}), jsxRuntime.jsx(Toolkit.Toolkit, {}), jsxRuntime.jsx(FundingWidget.FundingWidget, {}), jsxRuntime.jsx(OAuthIFrameContainer.OAuthIFrameContainer, {}), confirmationModal, children] }) }) }) }) }) }) }) }) }) }) }) })) }) })) }) })) })) })) })));
 };
 
 exports.DynamicContext = DynamicContext;

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

@@ -1,7 +1,8 @@
 import { ReactNode } from 'react';
 import { LogLevel } from '@dynamic-labs/logger';
 import { EvmNetwork, SocialProviderFilter } from '@dynamic-labs/types';
-import { WalletConnectorsMethod } from '@dynamic-labs/wallet-connector-core';
+import { DeepLinkVariant, WalletConnectorsMethod } from '@dynamic-labs/wallet-connector-core';
+import { Resources } from '../../locale';
 import { AccessDeniedCustomButton, AuthModeType, ChainToWalletMap, DynamicEventsCallbacks, WalletOption } from '../../shared';
 import { SocialNetworkIconType } from '../../utils/functions/getSocialNetworkIcon';
 import { ThemeData, ThemeSetting } from '../ThemeContext';
@@ -19,6 +20,15 @@ export interface DynamicContextProps {
         appName?: string;
         cssOverrides?: string | JSX.Element;
         debugError?: boolean;
+        /**
+         * Used to control the type of deep link used when connecting
+         * a mobile wallet. Defaults to 'native'. This is useful for
+         * example if your app is running in a webview of a native
+         * mobile app, and you want to be able to link out to any
+         * wallet without having to modify your iOS build config.
+         * In this case, you can set this to 'universal'.
+         */
+        deepLinkPreference?: DeepLinkVariant;
         defaultNumberOfWalletsToShow?: number;
         displaySiweStatement?: boolean;
         enableVisitTrackingOnConnectOnly?: boolean;
@@ -36,6 +46,7 @@ export interface DynamicContextProps {
          * @default WARN
          */
         logLevel?: keyof typeof LogLevel;
+        showLockedWalletView?: boolean;
         newToWeb3WalletChainMap?: ChainToWalletMap;
         notInTheListImageUrl?: string;
         onboardingImageUrl?: string;
@@ -57,6 +68,7 @@ export interface DynamicContextProps {
         socialProvidersFilter?: SocialProviderFilter;
     };
     theme?: ThemeData | ThemeSetting;
+    locale?: Resources;
 }
 export declare const DynamicContext: import("react").Context<IDynamicContext | undefined>;
-export declare const DynamicContextProvider: ({ children, theme, settings, }: DynamicContextProps) => JSX.Element;
+export declare const DynamicContextProvider: ({ children, theme, settings, locale, }: DynamicContextProps) => JSX.Element;

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

@@ -1,6 +1,7 @@
 import { __awaiter } from '../../../../_virtual/_tslib.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { createContext, useRef, useState, useEffect, useCallback, useMemo } from 'react';
+import { I18nextProvider } from 'react-i18next';
 import { ICONIC_SPRITE_URL } from '@dynamic-labs/iconic';
 import { MissingEnvironmentIdError } from '@dynamic-labs/utils';
 import { useWalletBookCdn, getWalletBookCdnUrl, WalletBookContextProvider } from '@dynamic-labs/wallet-book';
@@ -54,7 +55,9 @@ import '../../components/Popper/PopperContext/PopperContext.js';
 import 'formik';
 import '../../components/InlineWidget/InlineWidget.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';
+import '../../components/OverlayCard/OverlayCard.context.js';
 import ApiEndpoint from '../../config/ApiEndpoint.js';
+import { Locale } from '../../locale/locale.js';
 import { getMissingChains } from '../../utils/functions/getMissingChains/getMissingChains.js';
 import { isSameWalletName } from '../../utils/functions/isSameWalletName/isSameWalletName.js';
 import { parseTheme } from '../../utils/functions/parseTheme/parseTheme.js';
@@ -69,7 +72,6 @@ import { usePrimaryWalletId } from '../../utils/hooks/usePrimaryWalletId/usePrim
 import { useRpcProviders } from '../../utils/hooks/useRpcProviders/useRpcProviders.js';
 import { useWalletEventListeners } from '../../utils/hooks/useWalletEventListeners/useWalletEventListeners.js';
 import { DynamicWidgetContextProvider } from '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
-import '../../components/OverlayCard/OverlayCard.context.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetCard/DynamicWidgetCard.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import 'qrcode';
@@ -97,9 +99,9 @@ import { getInternalEvents } from './internalEvents/internalEvents.js';
 const PUBLIC_PROJECT_LIVE_ENVIRONMENT_ID = '2762a57b-faa4-41ce-9f16-abff9300e2c9';
 const EMPTY_INITIAL_USER = undefined;
 const DynamicContext = createContext(undefined);
-const DynamicContextProvider = ({ children, theme, settings, }) => {
+const DynamicContextProvider = ({ children, theme, settings, locale, }) => {
     var _a, _b, _c, _d, _e, _f, _g, _h;
-    const { accessDeniedMessagePrimary, accessDeniedMessageSecondary, accessDeniedButton, apiBaseUrl, walletsByChain, cssOverrides, defaultNumberOfWalletsToShow = DEFAULT_NUMBER_OF_WALLETS_TO_SHOW, flowNetwork, initialAuthenticationMode = 'connect-and-sign', debugError = false, displaySiweStatement = true, newToWeb3WalletChainMap, enableVisitTrackingOnConnectOnly = true, environmentId, localStorageSuffix, eventsCallbacks, evmNetworks, walletsFilter, logLevel = 'WARN', notInTheListImageUrl, onboardingImageUrl, policiesConsentInnerComponent, customPrivacyPolicy, privacyPolicyUrl, signWithEmailWalletName, socialMediaLinkText, socialMediaIconUrl, socialMediaUrl, customTermsOfServices, termsOfServiceUrl, toolkitEnabled, siweStatement, shadowDOMEnabled = true, walletConnectors: walletConnectorsProp, socialProvidersFilter, } = settings;
+    const { accessDeniedMessagePrimary, accessDeniedMessageSecondary, accessDeniedButton, apiBaseUrl, deepLinkPreference = 'native', walletsByChain, cssOverrides, defaultNumberOfWalletsToShow = DEFAULT_NUMBER_OF_WALLETS_TO_SHOW, flowNetwork, initialAuthenticationMode = 'connect-and-sign', debugError = false, displaySiweStatement = true, newToWeb3WalletChainMap, enableVisitTrackingOnConnectOnly = true, environmentId, localStorageSuffix, eventsCallbacks, evmNetworks, walletsFilter, logLevel = 'WARN', notInTheListImageUrl, onboardingImageUrl, policiesConsentInnerComponent, customPrivacyPolicy, privacyPolicyUrl, signWithEmailWalletName, socialMediaLinkText, socialMediaIconUrl, socialMediaUrl, customTermsOfServices, termsOfServiceUrl, toolkitEnabled, siweStatement, shadowDOMEnabled = true, walletConnectors: walletConnectorsProp, socialProvidersFilter, showLockedWalletView = true, } = settings;
     // The following event related methods are temporary and should be removed after QNTM-180 is done
     // ============ START REMOVE AFTER QNTM-180 ============
     const internalEventsRef = useRef(getInternalEvents());
@@ -114,6 +116,7 @@ const DynamicContextProvider = ({ children, theme, settings, }) => {
     }
     ApiEndpoint.setBaseUrl((_a = process.env.DYNAMIC_API_BASE_URL) !== null && _a !== void 0 ? _a : apiBaseUrl);
     LocalStorage.setSuffix(localStorageSuffix);
+    const i18nSDKInstance = Locale.setup(locale);
     const isAuthenticated = Boolean(getAuthToken());
     const isBridgeFlow = Boolean(walletsByChain);
     const [bridgeChainToConnect, setBridgeChainToConnect] = useState(undefined);
@@ -172,6 +175,7 @@ const DynamicContextProvider = ({ children, theme, settings, }) => {
     const { wallets } = useWallets({
         appLogoUrl,
         appName,
+        deepLinkPreference,
         flowNetwork,
         networkConfigurations: serverNetworkConfigurations,
         projectSettings,
@@ -232,7 +236,9 @@ const DynamicContextProvider = ({ children, theme, settings, }) => {
         walletBook,
     });
     const setShowAuthFlowWithInit = useSetShowAuthFlowWithInit({
+        isMultiWalletEnabled: multiWallet,
         setShowAuthFlow,
+        user,
         wallets,
     });
     // until user completes onboarding, jwt is only stored in onboardingOnlyJwt
@@ -350,12 +356,12 @@ const DynamicContextProvider = ({ children, theme, settings, }) => {
     const onEmailVerificationFailure = (email) => {
         var _a;
         (_a = eventsCallbacks === null || eventsCallbacks === void 0 ? void 0 : eventsCallbacks.onEmailVerificationFailure) === null || _a === void 0 ? void 0 : _a.call(eventsCallbacks, email);
-        internalEventsRef.current.emit('emailVerificationResult', false);
+        internalEventsRef.current.emit('emailVerificationResult', false, email);
     };
     const onEmailVerificationSuccess = (email) => {
         var _a;
         (_a = eventsCallbacks === null || eventsCallbacks === void 0 ? void 0 : eventsCallbacks.onEmailVerificationSuccess) === null || _a === void 0 ? void 0 : _a.call(eventsCallbacks, email);
-        internalEventsRef.current.emit('emailVerificationResult', true);
+        internalEventsRef.current.emit('emailVerificationResult', true, email);
     };
     // ============ END REMOVE AFTER QNTM-180 ============
     const { setCallback } = useCustomerCallbacks({
@@ -425,7 +431,7 @@ const DynamicContextProvider = ({ children, theme, settings, }) => {
         return walletsList.filter((wallet) => user.verifiedCredentials.some((verifiedCredential) => verifiedCredential.id === wallet.id));
     }, [authMode, primaryWallet, user, secondaryWallets]);
     const value = useMemo(() => {
-        var _a, _b;
+        var _a, _b, _c;
         return ({
             accessDeniedButton,
             accessDeniedMessagePrimary,
@@ -461,7 +467,9 @@ const DynamicContextProvider = ({ children, theme, settings, }) => {
             handleUnlinkWallet: authMode === 'connect-only'
                 ? unlinkConnectedWallet
                 : handleUnlinkWallet,
+            i18nSDKInstance,
             internalEvents: internalEventsRef,
+            internalSetShowAuthFlow: setShowAuthFlow,
             isAuthenticated,
             isBridgeFlow,
             isFullyConnected,
@@ -471,6 +479,9 @@ const DynamicContextProvider = ({ children, theme, settings, }) => {
             legacyIsVerifying,
             linkedWallets,
             loadingNetwork,
+            locale: {
+                changeLanguage: (_a = Locale.getInstance()) === null || _a === void 0 ? void 0 : _a.changeLanguage,
+            },
             loginWithEmail,
             multiWallet,
             multiWalletWidgetState,
@@ -524,11 +535,12 @@ const DynamicContextProvider = ({ children, theme, settings, }) => {
             showAuthFlow,
             showBridgeWidget,
             showDynamicUserProfile,
+            showLockedWalletView,
             showQrcodeModal,
             showWidgetStatePopup,
             signWithEmailWalletName,
             siweStatement,
-            socialMediaIconUrl: ((_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.general) === null || _a === void 0 ? void 0 : _a.supportUrls) || socialMediaIconUrl,
+            socialMediaIconUrl: ((_b = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.general) === null || _b === void 0 ? void 0 : _b.supportUrls) || socialMediaIconUrl,
             socialMediaLinkText,
             socialMediaUrl,
             socialProvidersFilter,
@@ -537,7 +549,7 @@ const DynamicContextProvider = ({ children, theme, settings, }) => {
             toolkitEnabled,
             unlinkConnectedWallet,
             user,
-            walletConnector: (_b = primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector) !== null && _b !== void 0 ? _b : null,
+            walletConnector: (_c = primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector) !== null && _c !== void 0 ? _c : null,
             walletUiUtils,
             wallets,
             walletsByChain,
@@ -576,16 +588,17 @@ const DynamicContextProvider = ({ children, theme, settings, }) => {
         handleLogOut,
         unlinkConnectedWallet,
         handleUnlinkWallet,
+        i18nSDKInstance,
         isAuthenticated,
         isBridgeFlow,
+        isFullyConnected,
         isProjectSettingsLoading,
         isSingleWalletAccount,
-        isFullyConnected,
         isVerificationInProgress,
-        primaryWallet,
-        secondaryWallets,
         legacyIsVerifying,
+        linkedWallets,
         loadingNetwork,
+        locale,
         loginWithEmail,
         multiWallet,
         multiWalletWidgetState,
@@ -597,6 +610,7 @@ const DynamicContextProvider = ({ children, theme, settings, }) => {
         imageUserInAccessList,
         onboardingImageUrl,
         policiesConsentInnerComponent,
+        primaryWallet,
         primaryWalletId,
         privacyPolicyUrl,
         projectSettings,
@@ -604,12 +618,15 @@ const DynamicContextProvider = ({ children, theme, settings, }) => {
         removeConnectedWalletsInfo,
         rpcProviders,
         sdkHasLoaded,
+        secondaryWallets,
         selectedWalletConnector,
         selectedWalletWithAction,
+        sendWagmiSettings,
         setAuthMode,
         setAuthorizationViewDisplayOrder,
         setCallback,
         setIsFullyConnected,
+        setIsVerificationInProgress,
         setLogInWithEmail,
         setMultiWallet,
         setMultiWalletWidgetState,
@@ -624,6 +641,7 @@ const DynamicContextProvider = ({ children, theme, settings, }) => {
         showAuthFlow,
         showBridgeWidget,
         showDynamicUserProfile,
+        showLockedWalletView,
         showQrcodeModal,
         showWidgetStatePopup,
         signWithEmailWalletName,
@@ -641,7 +659,6 @@ const DynamicContextProvider = ({ children, theme, settings, }) => {
         walletsByChain,
         walletsFilter,
         walletsToConnectByChain,
-        linkedWallets,
     ]);
     useEffect(() => {
         const addPrefetch = (attr) => {
@@ -685,12 +702,13 @@ const DynamicContextProvider = ({ children, theme, settings, }) => {
             setShowDynamicUserProfile(true);
         }
     }, [multiWallet, multiWalletWidgetState, showDynamicUserProfile, user]);
-    return (jsx(DynamicContext.Provider, Object.assign({ value: value }, { children: jsx(WalletBookContextProvider, Object.assign({ walletBook: walletBook }, { children: jsx(ThemeContextProvider, Object.assign({ 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: jsx(ViewContextProvider, Object.assign({ initialView: getInitialView({
-                            connectedWallets,
-                            isAuthenticated,
-                            isBridgeFlow,
-                            isFullyConnected,
-                        }) }, { children: jsx(AccountExistsContextProvider, { children: jsx(WalletContextProvider, Object.assign({ canSync: didConnectedStateLoad }, { children: jsx(QrCodeContextProvider, { children: jsx(EmailVerificationContextProvider, { children: jsx(ErrorContextProvider, { children: jsx(DynamicWidgetContextProvider, { children: jsx(DynamicBridgeWidgetContextProvider, { children: jsx(CaptchaContextProvider, { children: jsx(FundingContextProvider, { children: jsx(AccessDeniedContextProvider, { children: jsx(SendBalanceContextProvider, { children: jsx(WalletGroupContextProvider, { children: jsxs(UserFieldEditorContextProvider, { children: [jsx(DynamicAuthFlow, {}), jsx(Toolkit, {}), jsx(FundingWidget, {}), jsx(OAuthIFrameContainer, {}), confirmationModal, children] }) }) }) }) }) }) }) }) }) }) }) })) }) })) }) })) })) })));
+    return (jsx(I18nextProvider, Object.assign({ i18n: i18nSDKInstance }, { children: jsx(DynamicContext.Provider, Object.assign({ value: value }, { children: jsx(WalletBookContextProvider, Object.assign({ walletBook: walletBook }, { children: jsx(ThemeContextProvider, Object.assign({ 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: jsx(ViewContextProvider, Object.assign({ initialView: getInitialView({
+                                connectedWallets,
+                                isAuthenticated,
+                                isBridgeFlow,
+                                isFullyConnected,
+                                isMultiWalletEnabled: multiWallet,
+                            }) }, { children: jsx(AccountExistsContextProvider, { children: jsx(WalletContextProvider, Object.assign({ canSync: didConnectedStateLoad }, { children: jsx(QrCodeContextProvider, { children: jsx(EmailVerificationContextProvider, { children: jsx(ErrorContextProvider, { children: jsx(DynamicWidgetContextProvider, { children: jsx(DynamicBridgeWidgetContextProvider, { children: jsx(CaptchaContextProvider, { children: jsx(FundingContextProvider, { children: jsx(AccessDeniedContextProvider, { children: jsx(SendBalanceContextProvider, { children: jsx(WalletGroupContextProvider, { children: jsxs(UserFieldEditorContextProvider, { children: [jsx(DynamicAuthFlow, {}), jsx(Toolkit, {}), jsx(FundingWidget, {}), jsx(OAuthIFrameContainer, {}), confirmationModal, children] }) }) }) }) }) }) }) }) }) }) }) })) }) })) }) })) })) })) })));
 };
 
 export { DynamicContext, DynamicContextProvider, PUBLIC_PROJECT_LIVE_ENVIRONMENT_ID };

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

@@ -11,12 +11,15 @@ require('react');
 require('../../shared/logger.cjs');
 require('@dynamic-labs/wallet-book');
 require('@dynamic-labs/utils');
+var localStorage$1 = require('../../utils/constants/localStorage.cjs');
 require('../../utils/constants/colors.cjs');
-require('../../shared/utils/classes/storage/localStorage.cjs');
+var localStorage = require('../../shared/utils/classes/storage/localStorage.cjs');
 require('ethers');
 var getAuthToken = require('../../utils/functions/getAuthToken/getAuthToken.cjs');
 
 let logoutTimer;
+let sdkSettingsTimer;
+const sdkSettingsTimeout = 24 * 60 * 60 * 1000; // 24 hours
 const isAuthTokenExpired = (token) => {
     const decoded = decodeJwt.decodeJwt(token);
     if (!decoded) {
@@ -54,18 +57,42 @@ const initExpirationTime = (logout) => {
     const expiryTimeout = Math.min(expirationTimeInMs, 2147483647);
     logoutTimer = setTimeout(logout, expiryTimeout);
 };
-const getInitialView = ({ connectedWallets, isBridgeFlow, isFullyConnected, isAuthenticated, }) => {
+const getInitialView = ({ connectedWallets, isBridgeFlow, isFullyConnected, isAuthenticated, isMultiWalletEnabled, }) => {
     // when multiwallet enabled, and user wants to link wallet
     // show wallet-list view
     if (isFullyConnected || isAuthenticated) {
-        return 'wallet-list';
+        return isMultiWalletEnabled ? 'multi-wallet-wallet-list' : 'wallet-list';
     }
     if (isBridgeFlow && !connectedWallets.length) {
         return 'bridge-welcome';
     }
     return 'login-with-email-or-wallet';
+};
+const setSDKSessionSettings = () => {
+    const timestamp = new Date().getTime();
+    localStorage.LocalStorage.setToLS(localStorage$1.SDK_LAST_SESSION_SETTINGS, timestamp.toString());
+    sdkSettingsTimer = setTimeout(isSDKSessionSettingExpired, sdkSettingsTimeout);
+};
+const isSDKSessionSettingExpired = () => {
+    const lastSentTime = localStorage.LocalStorage.getFromLS(localStorage$1.SDK_LAST_SESSION_SETTINGS);
+    // should set new time
+    if (!lastSentTime) {
+        return true;
+    }
+    const lastSentTimestamp = parseInt(lastSentTime);
+    const currentTime = new Date().getTime();
+    if (currentTime - lastSentTimestamp > sdkSettingsTimeout) {
+        // Reset session-related data here
+        clearTimeout(sdkSettingsTimer);
+        localStorage.LocalStorage.removeFromLS(localStorage$1.SDK_LAST_SESSION_SETTINGS);
+        return true;
+    }
+    return false;
 };
 
 exports.getInitialView = getInitialView;
 exports.initExpirationTime = initExpirationTime;
 exports.isAuthTokenExpired = isAuthTokenExpired;
+exports.isSDKSessionSettingExpired = isSDKSessionSettingExpired;
+exports.sdkSettingsTimeout = sdkSettingsTimeout;
+exports.setSDKSessionSettings = setSDKSessionSettings;

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

@@ -1,10 +1,14 @@
 import { Wallet } from '../../shared';
 import { ViewType } from '../ViewContext';
+export declare const sdkSettingsTimeout: number;
 export declare const isAuthTokenExpired: (token: string) => boolean;
 export declare const initExpirationTime: (logout: VoidFunction) => void;
-export declare const getInitialView: ({ connectedWallets, isBridgeFlow, isFullyConnected, isAuthenticated, }: {
+export declare const getInitialView: ({ connectedWallets, isBridgeFlow, isFullyConnected, isAuthenticated, isMultiWalletEnabled, }: {
     connectedWallets: Wallet[];
     isBridgeFlow: boolean;
     isAuthenticated: boolean;
     isFullyConnected: boolean;
+    isMultiWalletEnabled: boolean;
 }) => ViewType;
+export declare const setSDKSessionSettings: () => void;
+export declare const isSDKSessionSettingExpired: () => boolean;

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

@@ -7,12 +7,15 @@ import 'react';
 import '../../shared/logger.js';
 import '@dynamic-labs/wallet-book';
 import '@dynamic-labs/utils';
+import { SDK_LAST_SESSION_SETTINGS } from '../../utils/constants/localStorage.js';
 import '../../utils/constants/colors.js';
-import '../../shared/utils/classes/storage/localStorage.js';
+import { LocalStorage } from '../../shared/utils/classes/storage/localStorage.js';
 import 'ethers';
 import { getAuthToken } from '../../utils/functions/getAuthToken/getAuthToken.js';
 
 let logoutTimer;
+let sdkSettingsTimer;
+const sdkSettingsTimeout = 24 * 60 * 60 * 1000; // 24 hours
 const isAuthTokenExpired = (token) => {
     const decoded = decodeJwt(token);
     if (!decoded) {
@@ -50,16 +53,37 @@ const initExpirationTime = (logout) => {
     const expiryTimeout = Math.min(expirationTimeInMs, 2147483647);
     logoutTimer = setTimeout(logout, expiryTimeout);
 };
-const getInitialView = ({ connectedWallets, isBridgeFlow, isFullyConnected, isAuthenticated, }) => {
+const getInitialView = ({ connectedWallets, isBridgeFlow, isFullyConnected, isAuthenticated, isMultiWalletEnabled, }) => {
     // when multiwallet enabled, and user wants to link wallet
     // show wallet-list view
     if (isFullyConnected || isAuthenticated) {
-        return 'wallet-list';
+        return isMultiWalletEnabled ? 'multi-wallet-wallet-list' : 'wallet-list';
     }
     if (isBridgeFlow && !connectedWallets.length) {
         return 'bridge-welcome';
     }
     return 'login-with-email-or-wallet';
+};
+const setSDKSessionSettings = () => {
+    const timestamp = new Date().getTime();
+    LocalStorage.setToLS(SDK_LAST_SESSION_SETTINGS, timestamp.toString());
+    sdkSettingsTimer = setTimeout(isSDKSessionSettingExpired, sdkSettingsTimeout);
+};
+const isSDKSessionSettingExpired = () => {
+    const lastSentTime = LocalStorage.getFromLS(SDK_LAST_SESSION_SETTINGS);
+    // should set new time
+    if (!lastSentTime) {
+        return true;
+    }
+    const lastSentTimestamp = parseInt(lastSentTime);
+    const currentTime = new Date().getTime();
+    if (currentTime - lastSentTimestamp > sdkSettingsTimeout) {
+        // Reset session-related data here
+        clearTimeout(sdkSettingsTimer);
+        LocalStorage.removeFromLS(SDK_LAST_SESSION_SETTINGS);
+        return true;
+    }
+    return false;
 };
 
-export { getInitialView, initExpirationTime, isAuthTokenExpired };
+export { getInitialView, initExpirationTime, isAuthTokenExpired, isSDKSessionSettingExpired, sdkSettingsTimeout, setSDKSessionSettings };

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

@@ -12,15 +12,18 @@ var React = require('react');
  * "Connect" button in the WalletConnect modal, there is a uri ready to go
  * to immediately trigger the deep link on mobile
  */
-const useSetShowAuthFlowWithInit = ({ setShowAuthFlow, wallets, }) => {
+const useSetShowAuthFlowWithInit = ({ setShowAuthFlow, wallets, user, isMultiWalletEnabled, }) => {
     const setShowAuthFlowWithInit = React.useCallback((value) => {
         var _a;
         if (value) {
+            // if the uer is already signed in but multiwallet is not enabled, do not change state
+            if (user && !isMultiWalletEnabled)
+                return;
             (_a = wallets
                 .find((wallet) => wallet.walletConnector.key === 'walletconnect')) === null || _a === void 0 ? void 0 : _a.walletConnector.init();
         }
         setShowAuthFlow(value);
-    }, [setShowAuthFlow, wallets]);
+    }, [setShowAuthFlow, wallets, user, isMultiWalletEnabled]);
     return setShowAuthFlowWithInit;
 };
 

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

@@ -1,5 +1,5 @@
 import { Dispatch, SetStateAction } from 'react';
-import { WalletOption } from '../../../../shared';
+import { UserProfile, WalletOption } from '../../../../shared';
 /**
  * this hook wraps `setShowAuthFlow`. WalletConnect requires initialization
  * before we can connect a wallet. The goal here is that when a user clicks
@@ -8,7 +8,9 @@ import { WalletOption } from '../../../../shared';
  * "Connect" button in the WalletConnect modal, there is a uri ready to go
  * to immediately trigger the deep link on mobile
  */
-export declare const useSetShowAuthFlowWithInit: ({ setShowAuthFlow, wallets, }: {
+export declare const useSetShowAuthFlowWithInit: ({ setShowAuthFlow, wallets, user, isMultiWalletEnabled, }: {
     setShowAuthFlow: Dispatch<SetStateAction<boolean>>;
     wallets: WalletOption[];
+    user?: UserProfile | undefined;
+    isMultiWalletEnabled?: boolean | undefined;
 }) => Dispatch<SetStateAction<boolean>>;