@dynamic-labs/sdk-react-core 2.0.0-alpha.3 → 2.0.0-alpha.5

package/src/lib/context/ConnectWithEmailOtpContext/ConnectWithEmailOtpProvider.js

@@ -18,15 +18,17 @@ import { dynamicEvents } from '../../events/dynamicEvents.js';
 import '../CaptchaContext/CaptchaContext.js';
 import '../ErrorContext/ErrorContext.js';
 import '@dynamic-labs/multi-wallet';
+import '../../config/ApiEndpoint.js';
+import 'react-international-phone';
 import { isProviderEnabled } from '../../utils/functions/isProviderEnabled/isProviderEnabled.js';
 import { isEmailValid } from '../../utils/functions/isEmailValid/isEmailValid.js';
 import 'viem/chains';
 import '../AccessDeniedContext/AccessDeniedContext.js';
 import '../AccountExistsContext/AccountExistsContext.js';
-import '../../config/ApiEndpoint.js';
 import { useCreateUserProfileByJWTCallback } from '../../utils/hooks/useCreateUserProfileByJWTCallback/useCreateUserProfileByJWTCallback.js';
-import '../EmailVerificationContext/EmailVerificationContext.js';
+import '../VerificationContext/VerificationContext.js';
 import 'react-dom';
+import '../WalletContext/WalletContext.js';
 import '../ThemeContext/ThemeContext.js';
 import '@dynamic-labs/types';
 import 'yup';
@@ -41,31 +43,33 @@ import '../../components/Alert/Alert.js';
 import '../../components/ShadowDOM/ShadowDOM.js';
 import '../../components/IconButton/IconButton.js';
 import '../../components/InlineWidget/InlineWidget.js';
+import '../../components/Input/Input.js';
 import '../../components/IsBrowser/IsBrowser.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';
 import '../../components/Transition/ZoomTransition/ZoomTransition.js';
 import '../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../components/Transition/OpacityTransition/OpacityTransition.js';
+import '../../components/OverlayCard/OverlayCardTarget/OverlayCardTarget.js';
+import '../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../../components/Popper/Popper/Popper.js';
 import '../../components/Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
-import 'formik';
-import 'i18next';
-import '../../components/OverlayCard/OverlayCard.context.js';
-import '../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
-import '../PasskeyContext/PasskeyContext.js';
 import '../../views/WalletList/WalletList.js';
+import 'formik';
 import 'qrcode';
 import '@hcaptcha/react-hcaptcha';
 import '../LoadingContext/LoadingContext.js';
 import '../SocialRedirectContext/SocialRedirectContext.js';
 import '../WalletGroupContext/WalletGroupContext.js';
 import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
+import 'i18next';
 import '../FooterAnimationContext/index.js';
+import '../../views/LoginView/sections/PhoneNumberSignInSection/usePhoneInputLogic/usePhoneInputLogic.js';
+import '../PasskeyContext/PasskeyContext.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
-import '@dynamic-labs/viem-utils';
+import '../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import { useInternalDynamicContext } from '../DynamicContext/useDynamicContext/useInternalDynamicContext.js';
 import { connectWithEmailOtpContext } from './connectWithEmailOtpContext.js';

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

@@ -28,12 +28,14 @@ var CaptchaContext = require('../CaptchaContext/CaptchaContext.cjs');
 var ErrorContext = require('../ErrorContext/ErrorContext.cjs');
 require('@dynamic-labs/multi-wallet');
 var getAuthToken = require('../../utils/functions/getAuthToken/getAuthToken.cjs');
+require('react-international-phone');
 require('viem/chains');
+var api = require('../../data/api.cjs');
 var AccessDeniedContext = require('../AccessDeniedContext/AccessDeniedContext.cjs');
 var AccountExistsContext = require('../AccountExistsContext/AccountExistsContext.cjs');
-var api = require('../../data/api.cjs');
-var EmailVerificationContext = require('../EmailVerificationContext/EmailVerificationContext.cjs');
+var VerificationContext = require('../VerificationContext/VerificationContext.cjs');
 require('react-dom');
+var WalletContext = require('../WalletContext/WalletContext.cjs');
 var useFetchNonce = require('../../utils/hooks/useFetchNonce/useFetchNonce.cjs');
 var useFetchProjectSettings = require('../../utils/hooks/useFetchProjectSettings/useFetchProjectSettings.cjs');
 var ThemeContext = require('../ThemeContext/ThemeContext.cjs');
@@ -51,29 +53,31 @@ require('../../components/Alert/Alert.cjs');
 require('../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../components/IconButton/IconButton.cjs');
 require('../../components/InlineWidget/InlineWidget.cjs');
+require('../../components/Input/Input.cjs');
 require('../../components/IsBrowser/IsBrowser.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');
 require('../../components/Transition/ZoomTransition/ZoomTransition.cjs');
 require('../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../../components/Transition/OpacityTransition/OpacityTransition.cjs');
+require('../../components/OverlayCard/OverlayCardTarget/OverlayCardTarget.cjs');
+require('../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../../components/Popper/Popper/Popper.cjs');
 require('../../components/Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
-require('formik');
-require('i18next');
-require('../../components/OverlayCard/OverlayCard.context.cjs');
-var SyncPasskeyFlow = require('../../components/SyncPasskeyFlow/SyncPasskeyFlow.cjs');
-var Toolkit = require('../../components/Toolkit/Toolkit.cjs');
-require('../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
-var PasskeyContext = require('../PasskeyContext/PasskeyContext.cjs');
 require('../../views/WalletList/WalletList.cjs');
+require('formik');
 require('qrcode');
 require('@hcaptcha/react-hcaptcha');
 var LoadingContext = require('../LoadingContext/LoadingContext.cjs');
 require('../SocialRedirectContext/SocialRedirectContext.cjs');
 var WalletGroupContext = require('../WalletGroupContext/WalletGroupContext.cjs');
 require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
+require('i18next');
 require('../FooterAnimationContext/index.cjs');
+require('../../views/LoginView/sections/PhoneNumberSignInSection/usePhoneInputLogic/usePhoneInputLogic.cjs');
+var PasskeyContext = require('../PasskeyContext/PasskeyContext.cjs');
+var SyncEmbeddedWalletAuthFlow = require('../../components/SyncEmbeddedWalletAuthFlow/SyncEmbeddedWalletAuthFlow.cjs');
+var Toolkit = require('../../components/Toolkit/Toolkit.cjs');
 var ApiEndpoint = require('../../config/ApiEndpoint.cjs');
 var locale = require('../../locale/locale.cjs');
 var getMissingChains = require('../../utils/functions/getMissingChains/getMissingChains.cjs');
@@ -93,17 +97,16 @@ var DynamicWidgetContext = require('../../widgets/DynamicWidget/context/DynamicW
 require('../../widgets/DynamicWidget/components/DynamicWidgetCard/DynamicWidgetCard.cjs');
 require('../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
-require('@dynamic-labs/viem-utils');
+require('../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 var FundingWidget = require('../../widgets/FundingWidget/FundingWidget.cjs');
 var ConnectWithEmailOtpProvider = require('../ConnectWithEmailOtpContext/ConnectWithEmailOtpProvider.cjs');
 require('../ConnectWithEmailOtpContext/connectWithEmailOtpContext.cjs');
 var FundingContext = require('../FundingContext/FundingContext.cjs');
+var PhantomRedirectContext = require('../PhantomRedirectContext/PhantomRedirectContext.cjs');
 var SendBalanceContext = require('../SendBalanceContext/SendBalanceContext.cjs');
 var UseNetworkValidation = require('../UseNetworkValidation/UseNetworkValidation.cjs');
 var UserWalletsContext = require('../UserWalletsContext/UserWalletsContext.cjs');
-var WalletContext = require('../WalletContext/WalletContext.cjs');
-var PhantomRedirectContext = require('../PhantomRedirectContext/PhantomRedirectContext.cjs');
 var handleDisconnectWallet = require('./handleDisconnectWallet/handleDisconnectWallet.cjs');
 var helpers = require('./helpers/helpers.cjs');
 var useDisplayOrderState = require('./hooks/useDisplayOrderState/useDisplayOrderState.cjs');
@@ -124,14 +127,13 @@ const EMPTY_INITIAL_USER = undefined;
 const DynamicContext = React.createContext(undefined);
 /** The context provider itself we only use internally */
 const InnerDynamicContextProvider = ({ children, theme, settings, locale: locale$1, }) => {
-    var _a, _b, _c, _d, _e, _f;
+    var _a, _b, _c, _d;
     const { accessDeniedMessagePrimary, accessDeniedMessageSecondary, accessDeniedButton, apiBaseUrl, enableConnectOnlyFallback = false, enableForcedNetworkValidation: enableForcedNetworkValidationProp = false, deepLinkPreference = 'native', bridgeChains, 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', 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, } = settings;
     let enableForcedNetworkValidation = enableForcedNetworkValidationProp;
     if (bridgeChains) {
         enableForcedNetworkValidation = true;
     }
     let { appLogoUrl = 'https://demo.dynamic.xyz/assets/dynamic-logo.svg', appName = 'Dynamic Example', } = settings;
-    const { walletConnectV1Bridge } = settings;
     if (!environmentId) {
         throw new utils.MissingEnvironmentIdError();
     }
@@ -203,7 +205,6 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale: locale
         projectSettings,
         walletBook: walletBook$1,
         walletConnectPreferredChains,
-        walletConnectV1Bridge,
         walletConnectorExtensions,
         walletConnectorsProp,
         walletUiUtils,
@@ -324,20 +325,12 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale: locale
         user,
         walletConnectors,
     });
-    let wcVersion;
-    if (projectSettings) {
-        wcVersion =
-            ((_e = (_d = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _d === void 0 ? void 0 : _d.walletConnect) === null || _e === void 0 ? void 0 : _e.v2Enabled) && !walletConnectV1Bridge
-                ? 2
-                : 1;
-    }
     useValidateSession.useValidateSession({
         authToken,
+        environmentId,
         handleLogOut,
+        setUser,
         user,
-        walletConnectV1Bridge,
-        walletConnectors,
-        wcVersion,
     });
     const handleUnlinkWallet = useHandleUnlinkWallet.useHandleUnlinkWallet({
         environmentId,
@@ -697,13 +690,13 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale: locale
             setShowDynamicUserProfile(true);
         }
     }, [multiWallet, multiWalletWidgetState, showDynamicUserProfile, user]);
-    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, ((_d = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.design) === null || _d === void 0 ? void 0 : _d.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({
                                 connectedWallets,
                                 isAuthenticated,
                                 isBridgeFlow,
                                 isFullyConnected,
                                 isMultiWalletEnabled: multiWallet,
-                            }), children: [enableForcedNetworkValidation && jsxRuntime.jsx(UseNetworkValidation.UseNetworkValidation, {}), jsxRuntime.jsx(CaptchaContext.CaptchaContextProvider, { children: jsxRuntime.jsx(AccountExistsContext.AccountExistsContextProvider, { children: jsxRuntime.jsx(WalletContext.WalletContextProvider, { canSync: didConnectedStateLoad, children: jsxRuntime.jsx(PasskeyContext.PasskeyContextProvider, { children: jsxRuntime.jsx(EmailVerificationContext.EmailVerificationContextProvider, { children: jsxRuntime.jsx(DynamicWidgetContext.DynamicWidgetContextProvider, { children: jsxRuntime.jsx(DynamicBridgeWidgetContext.DynamicBridgeWidgetContextProvider, { children: jsxRuntime.jsx(FundingContext.FundingContextProvider, { children: jsxRuntime.jsx(AccessDeniedContext.AccessDeniedContextProvider, { children: jsxRuntime.jsx(SendBalanceContext.SendBalanceContextProvider, { children: jsxRuntime.jsx(WalletGroupContext.WalletGroupContextProvider, { children: jsxRuntime.jsx(UserFieldEditorContext.UserFieldEditorContextProvider, { children: jsxRuntime.jsx(ConnectWithEmailOtpProvider.ConnectWithEmailOtpProvider, { children: jsxRuntime.jsxs(PhantomRedirectContext.PhantomRedirectContextProvider, { children: [jsxRuntime.jsx(app.DynamicAuthFlow, {}), jsxRuntime.jsx(Toolkit.Toolkit, {}), jsxRuntime.jsx(FundingWidget.FundingWidget, {}), jsxRuntime.jsx(SyncPasskeyFlow.SyncPasskeyFlow, {}), confirmationModal, children] }) }) }) }) }) }) }) }) }) }) }) }) }) })] }) }) }) }) }) }));
+                            }), children: [enableForcedNetworkValidation && jsxRuntime.jsx(UseNetworkValidation.UseNetworkValidation, {}), jsxRuntime.jsx(CaptchaContext.CaptchaContextProvider, { children: jsxRuntime.jsx(AccountExistsContext.AccountExistsContextProvider, { children: jsxRuntime.jsx(WalletContext.WalletContextProvider, { canSync: didConnectedStateLoad, children: jsxRuntime.jsx(PasskeyContext.PasskeyContextProvider, { children: jsxRuntime.jsx(VerificationContext.VerificationProvider, { children: jsxRuntime.jsx(DynamicWidgetContext.DynamicWidgetContextProvider, { children: jsxRuntime.jsx(DynamicBridgeWidgetContext.DynamicBridgeWidgetContextProvider, { children: jsxRuntime.jsx(FundingContext.FundingContextProvider, { children: jsxRuntime.jsx(AccessDeniedContext.AccessDeniedContextProvider, { children: jsxRuntime.jsx(SendBalanceContext.SendBalanceContextProvider, { children: jsxRuntime.jsx(WalletGroupContext.WalletGroupContextProvider, { children: jsxRuntime.jsx(UserFieldEditorContext.UserFieldEditorContextProvider, { children: jsxRuntime.jsx(ConnectWithEmailOtpProvider.ConnectWithEmailOtpProvider, { children: jsxRuntime.jsxs(PhantomRedirectContext.PhantomRedirectContextProvider, { children: [jsxRuntime.jsx(app.DynamicAuthFlow, {}), jsxRuntime.jsx(Toolkit.Toolkit, {}), jsxRuntime.jsx(FundingWidget.FundingWidget, {}), jsxRuntime.jsx(SyncEmbeddedWalletAuthFlow.SyncEmbeddedWalletAuthFlow, {}), confirmationModal, children] }) }) }) }) }) }) }) }) }) }) }) }) }) })] }) }) }) }) }) }));
 };
 /** The context provider you need to have access too all of Dynamic's hooks */
 const DynamicContextProvider = (props) => (jsxRuntime.jsx(ErrorContext.ErrorContextProvider, { children: jsxRuntime.jsx(UserWalletsContext.UserWalletsProvider, { children: jsxRuntime.jsx(InnerDynamicContextProvider, Object.assign({}, props)) }) }));

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

@@ -66,7 +66,6 @@ export interface DynamicContextProps {
         customTermsOfServices?: ReactNode;
         termsOfServiceUrl?: string;
         toolkitEnabled?: boolean;
-        walletConnectV1Bridge?: string;
         walletConnectPreferredChains?: `eip155:${number}`[];
         walletConnectors?: WalletConnectorsMethod[];
         walletConnectorExtensions?: WalletConnectorExtension[];

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

@@ -24,12 +24,14 @@ import { CaptchaContextProvider } from '../CaptchaContext/CaptchaContext.js';
 import { ErrorContextProvider } from '../ErrorContext/ErrorContext.js';
 import '@dynamic-labs/multi-wallet';
 import { getAuthToken } from '../../utils/functions/getAuthToken/getAuthToken.js';
+import 'react-international-phone';
 import 'viem/chains';
+import { sendDynamicProps } from '../../data/api.js';
 import { AccessDeniedContextProvider } from '../AccessDeniedContext/AccessDeniedContext.js';
 import { AccountExistsContextProvider } from '../AccountExistsContext/AccountExistsContext.js';
-import { sendDynamicProps } from '../../data/api.js';
-import { EmailVerificationContextProvider } from '../EmailVerificationContext/EmailVerificationContext.js';
+import { VerificationProvider } from '../VerificationContext/VerificationContext.js';
 import 'react-dom';
+import { WalletContextProvider } from '../WalletContext/WalletContext.js';
 import { useFetchNonce } from '../../utils/hooks/useFetchNonce/useFetchNonce.js';
 import { useFetchProjectSettings } from '../../utils/hooks/useFetchProjectSettings/useFetchProjectSettings.js';
 import { ThemeContextProvider } from '../ThemeContext/ThemeContext.js';
@@ -47,29 +49,31 @@ import '../../components/Alert/Alert.js';
 import '../../components/ShadowDOM/ShadowDOM.js';
 import '../../components/IconButton/IconButton.js';
 import '../../components/InlineWidget/InlineWidget.js';
+import '../../components/Input/Input.js';
 import '../../components/IsBrowser/IsBrowser.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';
 import '../../components/Transition/ZoomTransition/ZoomTransition.js';
 import '../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../components/Transition/OpacityTransition/OpacityTransition.js';
+import '../../components/OverlayCard/OverlayCardTarget/OverlayCardTarget.js';
+import '../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../../components/Popper/Popper/Popper.js';
 import '../../components/Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
-import 'formik';
-import 'i18next';
-import '../../components/OverlayCard/OverlayCard.context.js';
-import { SyncPasskeyFlow } from '../../components/SyncPasskeyFlow/SyncPasskeyFlow.js';
-import { Toolkit } from '../../components/Toolkit/Toolkit.js';
-import '../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
-import { PasskeyContextProvider } from '../PasskeyContext/PasskeyContext.js';
 import '../../views/WalletList/WalletList.js';
+import 'formik';
 import 'qrcode';
 import '@hcaptcha/react-hcaptcha';
 import { LoadingContextProvider } from '../LoadingContext/LoadingContext.js';
 import '../SocialRedirectContext/SocialRedirectContext.js';
 import { WalletGroupContextProvider } from '../WalletGroupContext/WalletGroupContext.js';
 import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
+import 'i18next';
 import '../FooterAnimationContext/index.js';
+import '../../views/LoginView/sections/PhoneNumberSignInSection/usePhoneInputLogic/usePhoneInputLogic.js';
+import { PasskeyContextProvider } from '../PasskeyContext/PasskeyContext.js';
+import { SyncEmbeddedWalletAuthFlow } from '../../components/SyncEmbeddedWalletAuthFlow/SyncEmbeddedWalletAuthFlow.js';
+import { Toolkit } from '../../components/Toolkit/Toolkit.js';
 import ApiEndpoint from '../../config/ApiEndpoint.js';
 import { Locale } from '../../locale/locale.js';
 import { getMissingChains } from '../../utils/functions/getMissingChains/getMissingChains.js';
@@ -89,17 +93,16 @@ import { DynamicWidgetContextProvider } from '../../widgets/DynamicWidget/contex
 import '../../widgets/DynamicWidget/components/DynamicWidgetCard/DynamicWidgetCard.js';
 import '../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
-import '@dynamic-labs/viem-utils';
+import '../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import { FundingWidget } from '../../widgets/FundingWidget/FundingWidget.js';
 import { ConnectWithEmailOtpProvider } from '../ConnectWithEmailOtpContext/ConnectWithEmailOtpProvider.js';
 import '../ConnectWithEmailOtpContext/connectWithEmailOtpContext.js';
 import { FundingContextProvider } from '../FundingContext/FundingContext.js';
+import { PhantomRedirectContextProvider } from '../PhantomRedirectContext/PhantomRedirectContext.js';
 import { SendBalanceContextProvider } from '../SendBalanceContext/SendBalanceContext.js';
 import { UseNetworkValidation } from '../UseNetworkValidation/UseNetworkValidation.js';
 import { UserWalletsProvider } from '../UserWalletsContext/UserWalletsContext.js';
-import { WalletContextProvider } from '../WalletContext/WalletContext.js';
-import { PhantomRedirectContextProvider } from '../PhantomRedirectContext/PhantomRedirectContext.js';
 import { handleDisconnectWallet } from './handleDisconnectWallet/handleDisconnectWallet.js';
 import { initExpirationTime, getInitialView } from './helpers/helpers.js';
 import { useDisplayOrderState } from './hooks/useDisplayOrderState/useDisplayOrderState.js';
@@ -120,14 +123,13 @@ const EMPTY_INITIAL_USER = undefined;
 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;
+    var _a, _b, _c, _d;
     const { accessDeniedMessagePrimary, accessDeniedMessageSecondary, accessDeniedButton, apiBaseUrl, enableConnectOnlyFallback = false, enableForcedNetworkValidation: enableForcedNetworkValidationProp = false, deepLinkPreference = 'native', bridgeChains, 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', 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, } = settings;
     let enableForcedNetworkValidation = enableForcedNetworkValidationProp;
     if (bridgeChains) {
         enableForcedNetworkValidation = true;
     }
     let { appLogoUrl = 'https://demo.dynamic.xyz/assets/dynamic-logo.svg', appName = 'Dynamic Example', } = settings;
-    const { walletConnectV1Bridge } = settings;
     if (!environmentId) {
         throw new MissingEnvironmentIdError();
     }
@@ -199,7 +201,6 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
         projectSettings,
         walletBook,
         walletConnectPreferredChains,
-        walletConnectV1Bridge,
         walletConnectorExtensions,
         walletConnectorsProp,
         walletUiUtils,
@@ -320,20 +321,12 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
         user,
         walletConnectors,
     });
-    let wcVersion;
-    if (projectSettings) {
-        wcVersion =
-            ((_e = (_d = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _d === void 0 ? void 0 : _d.walletConnect) === null || _e === void 0 ? void 0 : _e.v2Enabled) && !walletConnectV1Bridge
-                ? 2
-                : 1;
-    }
     useValidateSession({
         authToken,
+        environmentId,
         handleLogOut,
+        setUser,
         user,
-        walletConnectV1Bridge,
-        walletConnectors,
-        wcVersion,
     });
     const handleUnlinkWallet = useHandleUnlinkWallet({
         environmentId,
@@ -693,13 +686,13 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
             setShowDynamicUserProfile(true);
         }
     }, [multiWallet, multiWalletWidgetState, showDynamicUserProfile, user]);
-    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, ((_d = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.design) === null || _d === void 0 ? void 0 : _d.modal) || undefined), designSettings: projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.design, children: jsx(LoadingContextProvider, { children: jsxs(ViewContextProvider, { initialView: getInitialView({
                                 connectedWallets,
                                 isAuthenticated,
                                 isBridgeFlow,
                                 isFullyConnected,
                                 isMultiWalletEnabled: multiWallet,
-                            }), children: [enableForcedNetworkValidation && jsx(UseNetworkValidation, {}), jsx(CaptchaContextProvider, { children: jsx(AccountExistsContextProvider, { children: jsx(WalletContextProvider, { canSync: didConnectedStateLoad, children: jsx(PasskeyContextProvider, { children: jsx(EmailVerificationContextProvider, { children: jsx(DynamicWidgetContextProvider, { children: jsx(DynamicBridgeWidgetContextProvider, { children: jsx(FundingContextProvider, { children: jsx(AccessDeniedContextProvider, { children: jsx(SendBalanceContextProvider, { children: jsx(WalletGroupContextProvider, { children: jsx(UserFieldEditorContextProvider, { children: jsx(ConnectWithEmailOtpProvider, { children: jsxs(PhantomRedirectContextProvider, { children: [jsx(DynamicAuthFlow, {}), jsx(Toolkit, {}), jsx(FundingWidget, {}), jsx(SyncPasskeyFlow, {}), confirmationModal, children] }) }) }) }) }) }) }) }) }) }) }) }) }) })] }) }) }) }) }) }));
+                            }), children: [enableForcedNetworkValidation && jsx(UseNetworkValidation, {}), jsx(CaptchaContextProvider, { children: jsx(AccountExistsContextProvider, { children: jsx(WalletContextProvider, { canSync: didConnectedStateLoad, children: jsx(PasskeyContextProvider, { children: jsx(VerificationProvider, { children: jsx(DynamicWidgetContextProvider, { children: jsx(DynamicBridgeWidgetContextProvider, { children: jsx(FundingContextProvider, { children: jsx(AccessDeniedContextProvider, { children: jsx(SendBalanceContextProvider, { children: jsx(WalletGroupContextProvider, { children: jsx(UserFieldEditorContextProvider, { children: jsx(ConnectWithEmailOtpProvider, { children: jsxs(PhantomRedirectContextProvider, { children: [jsx(DynamicAuthFlow, {}), jsx(Toolkit, {}), jsx(FundingWidget, {}), jsx(SyncEmbeddedWalletAuthFlow, {}), confirmationModal, children] }) }) }) }) }) }) }) }) }) }) }) }) }) })] }) }) }) }) }) }));
 };
 /** The context provider you need to have access too all of Dynamic's hooks */
 const DynamicContextProvider = (props) => (jsx(ErrorContextProvider, { children: jsx(UserWalletsProvider, { children: jsx(InnerDynamicContextProvider, Object.assign({}, props)) }) }));

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

@@ -36,10 +36,7 @@ const handleDisconnectWallet = ({ wallet, connectedWalletsInfo, bridgeChains, se
         return;
     }
     try {
-        (_a = eventsCallbacks === null || eventsCallbacks === void 0 ? void 0 : eventsCallbacks.onDisconnect) === null || _a === void 0 ? void 0 : _a.call(eventsCallbacks, {
-            wallet,
-            walletConnector: wallet.connector,
-        });
+        (_a = eventsCallbacks === null || eventsCallbacks === void 0 ? void 0 : eventsCallbacks.onDisconnect) === null || _a === void 0 ? void 0 : _a.call(eventsCallbacks, { wallet });
     }
     catch (error) {
         logger.logger.warn('Error calling onDisconnect', error);

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

@@ -32,10 +32,7 @@ const handleDisconnectWallet = ({ wallet, connectedWalletsInfo, bridgeChains, se
         return;
     }
     try {
-        (_a = eventsCallbacks === null || eventsCallbacks === void 0 ? void 0 : eventsCallbacks.onDisconnect) === null || _a === void 0 ? void 0 : _a.call(eventsCallbacks, {
-            wallet,
-            walletConnector: wallet.connector,
-        });
+        (_a = eventsCallbacks === null || eventsCallbacks === void 0 ? void 0 : eventsCallbacks.onDisconnect) === null || _a === void 0 ? void 0 : _a.call(eventsCallbacks, { wallet });
     }
     catch (error) {
         logger.warn('Error calling onDisconnect', error);

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

@@ -1 +1,2 @@
 export * from './helpers';
+export * from './initRefreshAuth';

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

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

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

@@ -0,0 +1,55 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _tslib = require('../../../../../../_virtual/_tslib.cjs');
+var api = require('../../../../data/api.cjs');
+var decodeJwt = require('../../../../shared/utils/functions/decodeJwt/decodeJwt.cjs');
+require('@dynamic-labs/iconic');
+require('@dynamic-labs/wallet-connector-core');
+require('react/jsx-runtime');
+require('../../../ViewContext/ViewContext.cjs');
+require('react');
+var logger = require('../../../../shared/logger.cjs');
+require('@dynamic-labs/wallet-book');
+require('../../../../utils/constants/colors.cjs');
+require('../../../../utils/constants/values.cjs');
+require('../../../../shared/utils/classes/storage/localStorage.cjs');
+require('viem');
+require('@dynamic-labs/sdk-api');
+require('@dynamic-labs/utils');
+require('../../../../shared/consts/index.cjs');
+var getAuthToken = require('../../../../utils/functions/getAuthToken/getAuthToken.cjs');
+var updateUserInfo = require('../../../../utils/functions/updateUserInfo/updateUserInfo.cjs');
+
+let refreshTimer;
+const getUpdatedData = ({ userJwt, environmentId, logout, setUser, }) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+    try {
+        const result = yield api.refreshAuth({ environmentId, userJwt });
+        // if an error occurs while calling the api, the user won't be logged out
+        if ('code' in result)
+            return;
+        const userProfile = updateUserInfo.updateUserInfo(result.jwt);
+        if (userProfile) {
+            setUser(userProfile);
+            return;
+        }
+    }
+    catch (e) {
+        logger.logger.debug('Logging out - Reason: user authentication revoked', e);
+    }
+    logout();
+    clearInterval(refreshTimer);
+});
+const initRefreshAuth = ({ environmentId, logout, setUser, }) => {
+    const userJwt = getAuthToken.getAuthToken();
+    const decodedJwt = decodeJwt.decodeJwt(userJwt);
+    if (!decodedJwt)
+        return clearInterval(refreshTimer);
+    if (refreshTimer)
+        return;
+    refreshTimer = setInterval(() => getUpdatedData({ environmentId, logout, setUser, userJwt }), 600000);
+};
+
+exports.getUpdatedData = getUpdatedData;
+exports.initRefreshAuth = initRefreshAuth;

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

@@ -0,0 +1,11 @@
+import { UserProfile } from '../../../../shared';
+interface RefreshAuthProps {
+    logout: VoidFunction;
+    environmentId: string;
+    setUser: (value: UserProfile | ((val: UserProfile | undefined) => UserProfile | undefined) | undefined) => void;
+}
+export declare const getUpdatedData: ({ userJwt, environmentId, logout, setUser, }: RefreshAuthProps & {
+    userJwt: string;
+}) => Promise<void>;
+export declare const initRefreshAuth: ({ environmentId, logout, setUser, }: RefreshAuthProps) => void;
+export {};

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

@@ -0,0 +1,50 @@
+import { __awaiter } from '../../../../../../_virtual/_tslib.js';
+import { refreshAuth } from '../../../../data/api.js';
+import { decodeJwt } from '../../../../shared/utils/functions/decodeJwt/decodeJwt.js';
+import '@dynamic-labs/iconic';
+import '@dynamic-labs/wallet-connector-core';
+import 'react/jsx-runtime';
+import '../../../ViewContext/ViewContext.js';
+import 'react';
+import { logger } from '../../../../shared/logger.js';
+import '@dynamic-labs/wallet-book';
+import '../../../../utils/constants/colors.js';
+import '../../../../utils/constants/values.js';
+import '../../../../shared/utils/classes/storage/localStorage.js';
+import 'viem';
+import '@dynamic-labs/sdk-api';
+import '@dynamic-labs/utils';
+import '../../../../shared/consts/index.js';
+import { getAuthToken } from '../../../../utils/functions/getAuthToken/getAuthToken.js';
+import { updateUserInfo } from '../../../../utils/functions/updateUserInfo/updateUserInfo.js';
+
+let refreshTimer;
+const getUpdatedData = ({ userJwt, environmentId, logout, setUser, }) => __awaiter(void 0, void 0, void 0, function* () {
+    try {
+        const result = yield refreshAuth({ environmentId, userJwt });
+        // if an error occurs while calling the api, the user won't be logged out
+        if ('code' in result)
+            return;
+        const userProfile = updateUserInfo(result.jwt);
+        if (userProfile) {
+            setUser(userProfile);
+            return;
+        }
+    }
+    catch (e) {
+        logger.debug('Logging out - Reason: user authentication revoked', e);
+    }
+    logout();
+    clearInterval(refreshTimer);
+});
+const initRefreshAuth = ({ environmentId, logout, setUser, }) => {
+    const userJwt = getAuthToken();
+    const decodedJwt = decodeJwt(userJwt);
+    if (!decodedJwt)
+        return clearInterval(refreshTimer);
+    if (refreshTimer)
+        return;
+    refreshTimer = setInterval(() => getUpdatedData({ environmentId, logout, setUser, userJwt }), 600000);
+};
+
+export { getUpdatedData, initRefreshAuth };

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

@@ -18,32 +18,16 @@ require('viem');
 require('@dynamic-labs/utils');
 require('../../../../shared/consts/index.cjs');
 
-const web2DisplayOrder = ['email', 'wallet'];
-const web3DisplayOrder = ['wallet', 'email'];
 const useDisplayOrderState = (projectSettings) => {
     const [selectedDisplayOrder, setSelectedDisplayOrder] = React.useState(null);
     const defaultDisplayOrder = React.useMemo(() => {
         var _a;
         const displayOrderFromApi = (_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.design.modal) === null || _a === void 0 ? void 0 : _a.displayOrder;
         if (!displayOrderFromApi)
-            return web3DisplayOrder;
-        if (isDisplayOrderPriorityForWeb3.isDisplayOrderPriorityForWeb3(displayOrderFromApi)) {
-            return web3DisplayOrder;
-        }
-        if (web2DisplayOrder) {
-            return web2DisplayOrder;
-        }
-        return web3DisplayOrder;
+            return 'web3';
+        return isDisplayOrderPriorityForWeb3.isDisplayOrderPriorityForWeb3(displayOrderFromApi) ? 'web3' : 'web2';
     }, [projectSettings]);
-    const setDisplayOrderPriority = React.useCallback((priority) => {
-        if (priority === 'web3') {
-            setSelectedDisplayOrder(web3DisplayOrder);
-        }
-        else {
-            setSelectedDisplayOrder(web2DisplayOrder);
-        }
-    }, [setSelectedDisplayOrder]);
-    return [selectedDisplayOrder || defaultDisplayOrder, setDisplayOrderPriority];
+    return [selectedDisplayOrder || defaultDisplayOrder, setSelectedDisplayOrder];
 };
 
 exports.useDisplayOrderState = useDisplayOrderState;

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

@@ -1,4 +1,4 @@
-import { useState, useMemo, useCallback } from 'react';
+import { useState, useMemo } from 'react';
 import '@dynamic-labs/sdk-api';
 import '../../../../shared/logger.js';
 import '@dynamic-labs/iconic';
@@ -14,32 +14,16 @@ import 'viem';
 import '@dynamic-labs/utils';
 import '../../../../shared/consts/index.js';
 
-const web2DisplayOrder = ['email', 'wallet'];
-const web3DisplayOrder = ['wallet', 'email'];
 const useDisplayOrderState = (projectSettings) => {
     const [selectedDisplayOrder, setSelectedDisplayOrder] = useState(null);
     const defaultDisplayOrder = useMemo(() => {
         var _a;
         const displayOrderFromApi = (_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.design.modal) === null || _a === void 0 ? void 0 : _a.displayOrder;
         if (!displayOrderFromApi)
-            return web3DisplayOrder;
-        if (isDisplayOrderPriorityForWeb3(displayOrderFromApi)) {
-            return web3DisplayOrder;
-        }
-        if (web2DisplayOrder) {
-            return web2DisplayOrder;
-        }
-        return web3DisplayOrder;
+            return 'web3';
+        return isDisplayOrderPriorityForWeb3(displayOrderFromApi) ? 'web3' : 'web2';
     }, [projectSettings]);
-    const setDisplayOrderPriority = useCallback((priority) => {
-        if (priority === 'web3') {
-            setSelectedDisplayOrder(web3DisplayOrder);
-        }
-        else {
-            setSelectedDisplayOrder(web2DisplayOrder);
-        }
-    }, [setSelectedDisplayOrder]);
-    return [selectedDisplayOrder || defaultDisplayOrder, setDisplayOrderPriority];
+    return [selectedDisplayOrder || defaultDisplayOrder, setSelectedDisplayOrder];
 };
 
 export { useDisplayOrderState };

package/src/lib/context/DynamicContext/hooks/useDisplayOrderState/useDisplayOrderState.types.d.ts

@@ -1,2 +1,2 @@
 export type SetDisplayOrderPriority = (priority: 'web3' | 'web2') => void;
-export type DisplayOrder = ('wallet' | 'email')[];
+export type DisplayOrder = 'web2' | 'web3';

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

@@ -18,6 +18,8 @@ require('@dynamic-labs/utils');
 require('../../../../shared/consts/index.cjs');
 require('../../../../../../_virtual/_tslib.cjs');
 require('@dynamic-labs/multi-wallet');
+require('../../../../config/ApiEndpoint.cjs');
+require('react-international-phone');
 var isEmailProviderEnabled = require('../../../../utils/functions/isEmailProviderEnabled/isEmailProviderEnabled.cjs');
 require('viem/chains');
 

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

@@ -14,6 +14,8 @@ import '@dynamic-labs/utils';
 import '../../../../shared/consts/index.js';
 import '../../../../../../_virtual/_tslib.js';
 import '@dynamic-labs/multi-wallet';
+import '../../../../config/ApiEndpoint.js';
+import 'react-international-phone';
 import { isEmailProviderEnabled } from '../../../../utils/functions/isEmailProviderEnabled/isEmailProviderEnabled.js';
 import 'viem/chains';