@dynamic-labs/sdk-react-core 2.0.0-alpha.21 → 2.0.0-alpha.22

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

@@ -7,7 +7,6 @@ import { SetShowAuthFlow } from '../useShowAuthFlow';
 export type UseHandleLogoutParams = {
     removeUser: () => void;
     clearAllWalletConnectSessions: () => void;
-    setBridgeChainsToConnect: Dispatch<SetStateAction<ChainsToConnect[] | undefined>>;
     bridgeChains: ChainsToConnect[] | undefined;
     setShowDynamicUserProfile: Dispatch<SetStateAction<boolean>>;
     setShowBridgeWidget: Dispatch<SetStateAction<boolean>>;
@@ -25,8 +24,8 @@ export type UseHandleLogoutParams = {
     setMultiWalletWidgetState: MultiWalletWidgetStateSetter;
     handleRemoveLsNetworks: () => void;
     setOnboardingOnlyJwt: Dispatch<SetStateAction<string | undefined>>;
+    removeBridgeOnboardingCompleted: () => void;
     removeConnectedWalletsInfo: () => void;
-    removeIsFullyConnected: () => void;
     clearPrimaryWalletId: () => void;
     removeConnectedNameService: () => void;
     eventsCallbacks: DynamicEventsCallbacks | undefined;

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

@@ -55,7 +55,6 @@ require('../../../../components/Transition/SlideInUpTransition/SlideInUpTransiti
 require('../../../../components/Transition/OpacityTransition/OpacityTransition.cjs');
 require('../../../../components/OverlayCard/OverlayCardTarget/OverlayCardTarget.cjs');
 require('../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
-require('../../../../components/PhoneNumberField/usePhoneInputLogic/usePhoneInputLogic.cjs');
 require('../../../../components/Popper/Popper/Popper.cjs');
 require('../../../../components/Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
@@ -69,7 +68,7 @@ require('@hcaptcha/react-hcaptcha');
 require('../../../LoadingContext/LoadingContext.cjs');
 require('../../../../config/ApiEndpoint.cjs');
 require('../../../FooterAnimationContext/index.cjs');
-require('../../../../locale/locale.cjs');
+require('../../../../views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.cjs');
 require('../../../WalletGroupContext/WalletGroupContext.cjs');
 require('../../../PasskeyContext/PasskeyContext.cjs');
 require('../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
@@ -83,7 +82,6 @@ const useHandleLogout = (params) => {
     const logout = React.useCallback(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         const p = paramsRef.current;
         p.clearAllWalletConnectSessions();
-        p.setBridgeChainsToConnect(p.bridgeChains);
         p.setShowDynamicUserProfile(false);
         p.setShowBridgeWidget(false);
         p.resetLoginWithEmail();
@@ -102,6 +100,7 @@ const useHandleLogout = (params) => {
             p.setIsVerificationInProgress(false);
         p.setLegacyIsVerifying(false);
         localStorage.LocalStorage.removeFromLS(localStorage$1.AUTH_TOKEN);
+        localStorage.LocalStorage.removeFromLS(localStorage$1.AUTH_MIN_TOKEN);
         p.setAuthMode(p.initialAuthenticationMode);
         p.setShowAuthFlow(false, {
             emitCancelAuth: false,
@@ -113,7 +112,7 @@ const useHandleLogout = (params) => {
         p.handleRemoveLsNetworks();
         p.setOnboardingOnlyJwt(undefined);
         p.removeConnectedWalletsInfo();
-        p.removeIsFullyConnected();
+        p.removeBridgeOnboardingCompleted();
         p.clearPrimaryWalletId();
         p.removeConnectedNameService();
         dynamicEvents.dynamicEvents.removeListener('embeddedWalletCreatePasswordCompleted');

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

@@ -9,7 +9,7 @@ import '@dynamic-labs/wallet-connector-core';
 import 'react/jsx-runtime';
 import '../../../ViewContext/ViewContext.js';
 import '@dynamic-labs/wallet-book';
-import { WALLET_PICKER_SEARCH_KEY, IS_MULTI_WALLET_ENABLED, AUTH_TOKEN } from '../../../../utils/constants/localStorage.js';
+import { WALLET_PICKER_SEARCH_KEY, IS_MULTI_WALLET_ENABLED, AUTH_TOKEN, AUTH_MIN_TOKEN } from '../../../../utils/constants/localStorage.js';
 import '../../../../utils/constants/colors.js';
 import '../../../../utils/constants/values.js';
 import { LocalStorage } from '../../../../shared/utils/classes/storage/localStorage.js';
@@ -51,7 +51,6 @@ import '../../../../components/Transition/SlideInUpTransition/SlideInUpTransitio
 import '../../../../components/Transition/OpacityTransition/OpacityTransition.js';
 import '../../../../components/OverlayCard/OverlayCardTarget/OverlayCardTarget.js';
 import '../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
-import '../../../../components/PhoneNumberField/usePhoneInputLogic/usePhoneInputLogic.js';
 import '../../../../components/Popper/Popper/Popper.js';
 import '../../../../components/Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
@@ -65,7 +64,7 @@ import '@hcaptcha/react-hcaptcha';
 import '../../../LoadingContext/LoadingContext.js';
 import '../../../../config/ApiEndpoint.js';
 import '../../../FooterAnimationContext/index.js';
-import '../../../../locale/locale.js';
+import '../../../../views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.js';
 import '../../../WalletGroupContext/WalletGroupContext.js';
 import '../../../PasskeyContext/PasskeyContext.js';
 import '../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
@@ -79,7 +78,6 @@ const useHandleLogout = (params) => {
     const logout = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
         const p = paramsRef.current;
         p.clearAllWalletConnectSessions();
-        p.setBridgeChainsToConnect(p.bridgeChains);
         p.setShowDynamicUserProfile(false);
         p.setShowBridgeWidget(false);
         p.resetLoginWithEmail();
@@ -98,6 +96,7 @@ const useHandleLogout = (params) => {
             p.setIsVerificationInProgress(false);
         p.setLegacyIsVerifying(false);
         LocalStorage.removeFromLS(AUTH_TOKEN);
+        LocalStorage.removeFromLS(AUTH_MIN_TOKEN);
         p.setAuthMode(p.initialAuthenticationMode);
         p.setShowAuthFlow(false, {
             emitCancelAuth: false,
@@ -109,7 +108,7 @@ const useHandleLogout = (params) => {
         p.handleRemoveLsNetworks();
         p.setOnboardingOnlyJwt(undefined);
         p.removeConnectedWalletsInfo();
-        p.removeIsFullyConnected();
+        p.removeBridgeOnboardingCompleted();
         p.clearPrimaryWalletId();
         p.removeConnectedNameService();
         dynamicEvents.removeListener('embeddedWalletCreatePasswordCompleted');

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

@@ -53,7 +53,6 @@ require('../../../../components/Transition/SlideInUpTransition/SlideInUpTransiti
 require('../../../../components/Transition/OpacityTransition/OpacityTransition.cjs');
 require('../../../../components/OverlayCard/OverlayCardTarget/OverlayCardTarget.cjs');
 require('../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
-require('../../../../components/PhoneNumberField/usePhoneInputLogic/usePhoneInputLogic.cjs');
 require('../../../../components/Popper/Popper/Popper.cjs');
 require('../../../../components/Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
@@ -66,7 +65,7 @@ require('i18next');
 require('@hcaptcha/react-hcaptcha');
 require('../../../LoadingContext/LoadingContext.cjs');
 require('../../../FooterAnimationContext/index.cjs');
-require('../../../../locale/locale.cjs');
+require('../../../../views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.cjs');
 require('../../../WalletGroupContext/WalletGroupContext.cjs');
 require('../../../PasskeyContext/PasskeyContext.cjs');
 require('../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
@@ -75,7 +74,7 @@ require('../../../../views/TransactionConfirmationView/helpers/transactionErrorM
 require('../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 
 /** Ties the customer callbacks to our events, such that our events will also trigger the callbacks */
-const useTieCallbacksToEvents = ({ clientCallbacks, connectedWallets, user, }) => {
+const useTieCallbacksToEvents = ({ clientCallbacks, connectedWallets, user, setHasLoggedOut, }) => {
     useDynamicEvents.useInternalDynamicEvents('emailVerificationResult', (result, email) => {
         var _a, _b;
         if (result)
@@ -95,6 +94,7 @@ const useTieCallbacksToEvents = ({ clientCallbacks, connectedWallets, user, }) =
     useDynamicEvents.useInternalDynamicEvents('walletConnected', (wallet) => {
         var _a;
         (_a = clientCallbacks === null || clientCallbacks === void 0 ? void 0 : clientCallbacks.onConnect) === null || _a === void 0 ? void 0 : _a.call(clientCallbacks, { wallet });
+        setHasLoggedOut(false);
     });
     useDynamicEvents.useInternalDynamicEvents('embeddedWalletCreated', (_wallet, jwtVerifiedCredential) => {
         var _a;

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

@@ -1,8 +1,10 @@
+import { Dispatch, SetStateAction } from 'react';
 import { DynamicEventsCallbacks, UserProfile, Wallet } from '../../../../shared';
 export type UseTieCallbacksToEventsParams = {
     clientCallbacks: DynamicEventsCallbacks | undefined;
     connectedWallets: Wallet[];
     user: UserProfile | undefined;
+    setHasLoggedOut: Dispatch<SetStateAction<boolean>>;
 };
 /** Ties the customer callbacks to our events, such that our events will also trigger the callbacks */
-export declare const useTieCallbacksToEvents: ({ clientCallbacks, connectedWallets, user, }: UseTieCallbacksToEventsParams) => void;
+export declare const useTieCallbacksToEvents: ({ clientCallbacks, connectedWallets, user, setHasLoggedOut, }: UseTieCallbacksToEventsParams) => void;

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

@@ -49,7 +49,6 @@ import '../../../../components/Transition/SlideInUpTransition/SlideInUpTransitio
 import '../../../../components/Transition/OpacityTransition/OpacityTransition.js';
 import '../../../../components/OverlayCard/OverlayCardTarget/OverlayCardTarget.js';
 import '../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
-import '../../../../components/PhoneNumberField/usePhoneInputLogic/usePhoneInputLogic.js';
 import '../../../../components/Popper/Popper/Popper.js';
 import '../../../../components/Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
@@ -62,7 +61,7 @@ import 'i18next';
 import '@hcaptcha/react-hcaptcha';
 import '../../../LoadingContext/LoadingContext.js';
 import '../../../FooterAnimationContext/index.js';
-import '../../../../locale/locale.js';
+import '../../../../views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.js';
 import '../../../WalletGroupContext/WalletGroupContext.js';
 import '../../../PasskeyContext/PasskeyContext.js';
 import '../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
@@ -71,7 +70,7 @@ import '../../../../views/TransactionConfirmationView/helpers/transactionErrorMe
 import '../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 
 /** Ties the customer callbacks to our events, such that our events will also trigger the callbacks */
-const useTieCallbacksToEvents = ({ clientCallbacks, connectedWallets, user, }) => {
+const useTieCallbacksToEvents = ({ clientCallbacks, connectedWallets, user, setHasLoggedOut, }) => {
     useInternalDynamicEvents('emailVerificationResult', (result, email) => {
         var _a, _b;
         if (result)
@@ -91,6 +90,7 @@ const useTieCallbacksToEvents = ({ clientCallbacks, connectedWallets, user, }) =
     useInternalDynamicEvents('walletConnected', (wallet) => {
         var _a;
         (_a = clientCallbacks === null || clientCallbacks === void 0 ? void 0 : clientCallbacks.onConnect) === null || _a === void 0 ? void 0 : _a.call(clientCallbacks, { wallet });
+        setHasLoggedOut(false);
     });
     useInternalDynamicEvents('embeddedWalletCreated', (_wallet, jwtVerifiedCredential) => {
         var _a;

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

@@ -71,8 +71,8 @@ export interface IDynamicContext {
     locale: {
         changeLanguage: (lang: string) => void;
     };
-    isFullyConnected: boolean;
-    setIsFullyConnected: (value: boolean | ((val: boolean) => boolean)) => void;
+    bridgeOnboardingCompleted: boolean;
+    setBridgeOnboardingCompleted: (value: boolean | ((val: boolean) => boolean)) => void;
     consumeNonce: () => string | undefined;
     cssOverrides?: string | JSX.Element;
     customPrivacyPolicy?: ReactNode;
@@ -83,7 +83,6 @@ export interface IDynamicContext {
     defaultNumberOfWalletsToShow: number;
     bridgeChains: ChainsToConnect[] | undefined;
     bridgeChainsToConnect: ChainsToConnect[] | undefined;
-    setBridgeChainsToConnect: Dispatch<SetStateAction<ChainsToConnect[] | undefined>>;
     desktopUri: string;
     displaySiweStatement: boolean;
     environmentId: string;

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

@@ -1,3 +1,4 @@
+import { Dispatch, SetStateAction } from 'react';
 import { JwtVerifiedCredential } from '@dynamic-labs/sdk-api';
 import { OnAuthSuccess, OnLinkSuccess, OnUserProfileUpdate, UserProfile, Wallet } from '../../../shared/types';
 import { IDynamicContext } from '../types';
@@ -20,6 +21,7 @@ export type UseCustomerCallbacksArgs = {
     primaryWallet: Wallet | null;
     secondaryWallets: Wallet[];
     user: UserProfile | undefined;
+    setHasLoggedOut: Dispatch<SetStateAction<boolean>>;
     setIsVerificationInProgress: IDynamicContext['setIsVerificationInProgress'];
 };
 export type SetCallbackType = (callback: Callback, params?: CallbackParams) => void;

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

@@ -23,7 +23,7 @@ require('viem');
 require('viem/chains');
 require('../../../config/ApiEndpoint.cjs');
 
-const useCustomerCallbacks = ({ callbacks: { onAuthSuccess, onLinkSuccess, onUserProfileUpdate }, handleLogOut, primaryWallet, secondaryWallets, user, isAuthenticated, setIsVerificationInProgress, }) => {
+const useCustomerCallbacks = ({ callbacks: { onAuthSuccess, onLinkSuccess, onUserProfileUpdate }, handleLogOut, primaryWallet, secondaryWallets, user, isAuthenticated, setIsVerificationInProgress, setHasLoggedOut, }) => {
     const [callbackQueue, setCallbackQueue] = React.useState([]);
     /** Gets the wallet from its id */
     const getWallet = React.useCallback((id) => {
@@ -45,6 +45,7 @@ const useCustomerCallbacks = ({ callbacks: { onAuthSuccess, onLinkSuccess, onUse
                         primaryWallet,
                         user,
                     });
+                    setHasLoggedOut(false);
                 }
                 catch (e) {
                     logger.logger.error('Error calling onAuthSuccess: ', e);
@@ -83,6 +84,7 @@ const useCustomerCallbacks = ({ callbacks: { onAuthSuccess, onLinkSuccess, onUse
         onLinkSuccess,
         onUserProfileUpdate,
         primaryWallet,
+        setHasLoggedOut,
         setIsVerificationInProgress,
     ]);
     React.useEffect(() => {

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

@@ -1,4 +1,4 @@
 import { SetCallbackType, UseCustomerCallbacksArgs } from './types';
-export declare const useCustomerCallbacks: ({ callbacks: { onAuthSuccess, onLinkSuccess, onUserProfileUpdate }, handleLogOut, primaryWallet, secondaryWallets, user, isAuthenticated, setIsVerificationInProgress, }: UseCustomerCallbacksArgs) => {
+export declare const useCustomerCallbacks: ({ callbacks: { onAuthSuccess, onLinkSuccess, onUserProfileUpdate }, handleLogOut, primaryWallet, secondaryWallets, user, isAuthenticated, setIsVerificationInProgress, setHasLoggedOut, }: UseCustomerCallbacksArgs) => {
     setCallback: SetCallbackType;
 };

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

@@ -19,7 +19,7 @@ import 'viem';
 import 'viem/chains';
 import '../../../config/ApiEndpoint.js';
 
-const useCustomerCallbacks = ({ callbacks: { onAuthSuccess, onLinkSuccess, onUserProfileUpdate }, handleLogOut, primaryWallet, secondaryWallets, user, isAuthenticated, setIsVerificationInProgress, }) => {
+const useCustomerCallbacks = ({ callbacks: { onAuthSuccess, onLinkSuccess, onUserProfileUpdate }, handleLogOut, primaryWallet, secondaryWallets, user, isAuthenticated, setIsVerificationInProgress, setHasLoggedOut, }) => {
     const [callbackQueue, setCallbackQueue] = useState([]);
     /** Gets the wallet from its id */
     const getWallet = useCallback((id) => {
@@ -41,6 +41,7 @@ const useCustomerCallbacks = ({ callbacks: { onAuthSuccess, onLinkSuccess, onUse
                         primaryWallet,
                         user,
                     });
+                    setHasLoggedOut(false);
                 }
                 catch (e) {
                     logger.error('Error calling onAuthSuccess: ', e);
@@ -79,6 +80,7 @@ const useCustomerCallbacks = ({ callbacks: { onAuthSuccess, onLinkSuccess, onUse
         onLinkSuccess,
         onUserProfileUpdate,
         primaryWallet,
+        setHasLoggedOut,
         setIsVerificationInProgress,
     ]);
     useEffect(() => {

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

@@ -12,7 +12,7 @@ const useDynamicContext = () => {
     if (context === undefined) {
         throw new Error('useDynamicContext must be used within a DynamicContextProvider');
     }
-    const { accountSwitchState, authMode, authToken, awaitingSignatureState, getNameService, handleLogOut, handleUnlinkWallet, isAuthenticated, isFullyConnected, isVerificationInProgress, loadingNetwork, locale, loginWithEmail, multiWalletWidgetState, network, networkConfigurations, qrcodeUri, rpcProviders, sdkHasLoaded, setLogInWithEmail, setMultiWalletWidgetState, setPrimaryWallet, setShowAuthFlow, setShowDynamicUserProfile, setShowQrcodeModal, shadowDOMEnabled, showAuthFlow, showQrcodeModal, user, walletConnector, walletConnectorOptions, bridgeChains, bridgeChainsToConnect, primaryWallet, setShowBridgeWidget, sendWagmiSettings, showDynamicUserProfile, } = context;
+    const { accountSwitchState, authMode, authToken, awaitingSignatureState, getNameService, handleLogOut, handleUnlinkWallet, isAuthenticated, isVerificationInProgress, loadingNetwork, locale, loginWithEmail, multiWalletWidgetState, network, networkConfigurations, qrcodeUri, rpcProviders, sdkHasLoaded, setLogInWithEmail, setMultiWalletWidgetState, setPrimaryWallet, setShowAuthFlow, setShowDynamicUserProfile, setShowQrcodeModal, shadowDOMEnabled, showAuthFlow, showQrcodeModal, user, walletConnector, walletConnectorOptions, bridgeChains, bridgeChainsToConnect, primaryWallet, setShowBridgeWidget, sendWagmiSettings, showDynamicUserProfile, } = context;
     const { setAuthMode } = useOverrides.useOverrides(context);
     return {
         accountSwitchState,
@@ -25,7 +25,6 @@ const useDynamicContext = () => {
         handleLogOut,
         handleUnlinkWallet,
         isAuthenticated,
-        isFullyConnected,
         isVerificationInProgress,
         loadingNetwork,
         locale,

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

@@ -1,6 +1,6 @@
 import { Dispatch, SetStateAction } from 'react';
 import { IDynamicContext } from '../types';
-export type UseDynamicContext = Pick<IDynamicContext, 'accountSwitchState' | 'authMode' | 'authToken' | 'awaitingSignatureState' | 'getNameService' | 'handleLogOut' | 'handleUnlinkWallet' | 'isAuthenticated' | 'isFullyConnected' | 'isVerificationInProgress' | 'loadingNetwork' | 'locale' | 'loginWithEmail' | 'multiWalletWidgetState' | 'network' | 'networkConfigurations' | 'primaryWallet' | 'qrcodeUri' | 'rpcProviders' | 'sdkHasLoaded' | 'setLogInWithEmail' | 'setMultiWalletWidgetState' | 'setPrimaryWallet' | 'setShowDynamicUserProfile' | 'setShowQrcodeModal' | 'shadowDOMEnabled' | 'showAuthFlow' | 'showQrcodeModal' | 'user' | 'walletConnector' | 'walletConnectorOptions' | 'bridgeChains' | 'bridgeChainsToConnect' | 'setShowBridgeWidget' | 'sendWagmiSettings' | 'showDynamicUserProfile' | 'setAuthMode'> & {
+export type UseDynamicContext = Pick<IDynamicContext, 'accountSwitchState' | 'authMode' | 'authToken' | 'awaitingSignatureState' | 'getNameService' | 'handleLogOut' | 'handleUnlinkWallet' | 'isAuthenticated' | 'isVerificationInProgress' | 'loadingNetwork' | 'locale' | 'loginWithEmail' | 'multiWalletWidgetState' | 'network' | 'networkConfigurations' | 'primaryWallet' | 'qrcodeUri' | 'rpcProviders' | 'sdkHasLoaded' | 'setLogInWithEmail' | 'setMultiWalletWidgetState' | 'setPrimaryWallet' | 'setShowDynamicUserProfile' | 'setShowQrcodeModal' | 'shadowDOMEnabled' | 'showAuthFlow' | 'showQrcodeModal' | 'user' | 'walletConnector' | 'walletConnectorOptions' | 'bridgeChains' | 'bridgeChainsToConnect' | 'setShowBridgeWidget' | 'sendWagmiSettings' | 'showDynamicUserProfile' | 'setAuthMode'> & {
     setShowAuthFlow: Dispatch<SetStateAction<boolean>>;
 };
 export declare const useDynamicContext: () => UseDynamicContext;

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

@@ -8,7 +8,7 @@ const useDynamicContext = () => {
     if (context === undefined) {
         throw new Error('useDynamicContext must be used within a DynamicContextProvider');
     }
-    const { accountSwitchState, authMode, authToken, awaitingSignatureState, getNameService, handleLogOut, handleUnlinkWallet, isAuthenticated, isFullyConnected, isVerificationInProgress, loadingNetwork, locale, loginWithEmail, multiWalletWidgetState, network, networkConfigurations, qrcodeUri, rpcProviders, sdkHasLoaded, setLogInWithEmail, setMultiWalletWidgetState, setPrimaryWallet, setShowAuthFlow, setShowDynamicUserProfile, setShowQrcodeModal, shadowDOMEnabled, showAuthFlow, showQrcodeModal, user, walletConnector, walletConnectorOptions, bridgeChains, bridgeChainsToConnect, primaryWallet, setShowBridgeWidget, sendWagmiSettings, showDynamicUserProfile, } = context;
+    const { accountSwitchState, authMode, authToken, awaitingSignatureState, getNameService, handleLogOut, handleUnlinkWallet, isAuthenticated, isVerificationInProgress, loadingNetwork, locale, loginWithEmail, multiWalletWidgetState, network, networkConfigurations, qrcodeUri, rpcProviders, sdkHasLoaded, setLogInWithEmail, setMultiWalletWidgetState, setPrimaryWallet, setShowAuthFlow, setShowDynamicUserProfile, setShowQrcodeModal, shadowDOMEnabled, showAuthFlow, showQrcodeModal, user, walletConnector, walletConnectorOptions, bridgeChains, bridgeChainsToConnect, primaryWallet, setShowBridgeWidget, sendWagmiSettings, showDynamicUserProfile, } = context;
     const { setAuthMode } = useOverrides(context);
     return {
         accountSwitchState,
@@ -21,7 +21,6 @@ const useDynamicContext = () => {
         handleLogOut,
         handleUnlinkWallet,
         isAuthenticated,
-        isFullyConnected,
         isVerificationInProgress,
         loadingNetwork,
         locale,

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

@@ -53,7 +53,6 @@ require('../../../../components/Transition/SlideInUpTransition/SlideInUpTransiti
 require('../../../../components/Transition/OpacityTransition/OpacityTransition.cjs');
 require('../../../../components/OverlayCard/OverlayCardTarget/OverlayCardTarget.cjs');
 require('../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
-require('../../../../components/PhoneNumberField/usePhoneInputLogic/usePhoneInputLogic.cjs');
 require('../../../../components/Popper/Popper/Popper.cjs');
 require('../../../../components/Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
@@ -66,7 +65,7 @@ require('i18next');
 require('@hcaptcha/react-hcaptcha');
 require('../../../LoadingContext/LoadingContext.cjs');
 require('../../../FooterAnimationContext/index.cjs');
-require('../../../../locale/locale.cjs');
+require('../../../../views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.cjs');
 require('../../../WalletGroupContext/WalletGroupContext.cjs');
 require('../../../PasskeyContext/PasskeyContext.cjs');
 require('../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');

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

@@ -49,7 +49,6 @@ import '../../../../components/Transition/SlideInUpTransition/SlideInUpTransitio
 import '../../../../components/Transition/OpacityTransition/OpacityTransition.js';
 import '../../../../components/OverlayCard/OverlayCardTarget/OverlayCardTarget.js';
 import '../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
-import '../../../../components/PhoneNumberField/usePhoneInputLogic/usePhoneInputLogic.js';
 import '../../../../components/Popper/Popper/Popper.js';
 import '../../../../components/Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
@@ -62,7 +61,7 @@ import 'i18next';
 import '@hcaptcha/react-hcaptcha';
 import '../../../LoadingContext/LoadingContext.js';
 import '../../../FooterAnimationContext/index.js';
-import '../../../../locale/locale.js';
+import '../../../../views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.js';
 import '../../../WalletGroupContext/WalletGroupContext.js';
 import '../../../PasskeyContext/PasskeyContext.js';
 import '../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';

package/src/lib/context/FundingContext/FundingContext.cjs

@@ -54,7 +54,6 @@ 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/PhoneNumberField/usePhoneInputLogic/usePhoneInputLogic.cjs');
 require('../../components/Popper/Popper/Popper.cjs');
 require('../../components/Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
@@ -68,7 +67,7 @@ require('@hcaptcha/react-hcaptcha');
 require('../LoadingContext/LoadingContext.cjs');
 require('../../config/ApiEndpoint.cjs');
 require('../FooterAnimationContext/index.cjs');
-require('../../locale/locale.cjs');
+require('../../views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.cjs');
 require('../WalletGroupContext/WalletGroupContext.cjs');
 require('../PasskeyContext/PasskeyContext.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');

package/src/lib/context/FundingContext/FundingContext.js

@@ -50,7 +50,6 @@ 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/PhoneNumberField/usePhoneInputLogic/usePhoneInputLogic.js';
 import '../../components/Popper/Popper/Popper.js';
 import '../../components/Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
@@ -64,7 +63,7 @@ import '@hcaptcha/react-hcaptcha';
 import '../LoadingContext/LoadingContext.js';
 import '../../config/ApiEndpoint.js';
 import '../FooterAnimationContext/index.js';
-import '../../locale/locale.js';
+import '../../views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.js';
 import '../WalletGroupContext/WalletGroupContext.js';
 import '../PasskeyContext/PasskeyContext.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';

package/src/lib/context/LoadingContext/LoadingContext.cjs

@@ -53,7 +53,6 @@ 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/PhoneNumberField/usePhoneInputLogic/usePhoneInputLogic.cjs');
 require('../../components/Popper/Popper/Popper.cjs');
 require('../../components/Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
@@ -65,7 +64,7 @@ require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/Secondar
 require('i18next');
 require('@hcaptcha/react-hcaptcha');
 require('../FooterAnimationContext/index.cjs');
-require('../../locale/locale.cjs');
+require('../../views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.cjs');
 require('../WalletGroupContext/WalletGroupContext.cjs');
 require('../PasskeyContext/PasskeyContext.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
@@ -77,6 +76,7 @@ const LoadingContext = React.createContext(undefined);
 const LoadingContextProvider = ({ children, }) => {
     const [loading, setLoading] = React.useState(false);
     useDynamicEvents.useInternalDynamicEvents('logout', () => setLoading(false));
+    useDynamicEvents.useInternalDynamicEvents('embeddedWalletCreated', () => setLoading(false));
     const value = React.useMemo(() => ({
         loading,
         setLoading,

package/src/lib/context/LoadingContext/LoadingContext.js

@@ -49,7 +49,6 @@ 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/PhoneNumberField/usePhoneInputLogic/usePhoneInputLogic.js';
 import '../../components/Popper/Popper/Popper.js';
 import '../../components/Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
@@ -61,7 +60,7 @@ import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/Secondary
 import 'i18next';
 import '@hcaptcha/react-hcaptcha';
 import '../FooterAnimationContext/index.js';
-import '../../locale/locale.js';
+import '../../views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.js';
 import '../WalletGroupContext/WalletGroupContext.js';
 import '../PasskeyContext/PasskeyContext.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
@@ -73,6 +72,7 @@ const LoadingContext = createContext(undefined);
 const LoadingContextProvider = ({ children, }) => {
     const [loading, setLoading] = useState(false);
     useInternalDynamicEvents('logout', () => setLoading(false));
+    useInternalDynamicEvents('embeddedWalletCreated', () => setLoading(false));
     const value = useMemo(() => ({
         loading,
         setLoading,

package/src/lib/context/MockContext/MockContext.cjs

@@ -57,7 +57,6 @@ require('../../components/InlineWidget/InlineWidget.cjs');
 require('../../components/IsBrowser/IsBrowser.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');
 require('../../components/OverlayCard/OverlayCardTarget/OverlayCardTarget.cjs');
-require('../../components/PhoneNumberField/usePhoneInputLogic/usePhoneInputLogic.cjs');
 require('../../components/Popper/Popper/Popper.cjs');
 var PopperContext = require('../../components/Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
@@ -67,7 +66,7 @@ require('../SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
 require('../LoadingContext/LoadingContext.cjs');
-require('../../locale/locale.cjs');
+require('../../views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.cjs');
 require('../WalletGroupContext/WalletGroupContext.cjs');
 var index$1 = require('./constants/index.cjs');
 

package/src/lib/context/MockContext/MockContext.js

@@ -53,7 +53,6 @@ import '../../components/InlineWidget/InlineWidget.js';
 import '../../components/IsBrowser/IsBrowser.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';
 import '../../components/OverlayCard/OverlayCardTarget/OverlayCardTarget.js';
-import '../../components/PhoneNumberField/usePhoneInputLogic/usePhoneInputLogic.js';
 import '../../components/Popper/Popper/Popper.js';
 import { PopperProvider } from '../../components/Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
@@ -63,7 +62,7 @@ import '../SocialRedirectContext/SocialRedirectContext.js';
 import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
 import '../LoadingContext/LoadingContext.js';
-import '../../locale/locale.js';
+import '../../views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.js';
 import '../WalletGroupContext/WalletGroupContext.js';
 import { walletBookMock } from './constants/index.js';
 

package/src/lib/context/PasskeyContext/PasskeyContext.cjs

@@ -58,7 +58,6 @@ 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/PhoneNumberField/usePhoneInputLogic/usePhoneInputLogic.cjs');
 require('../../components/Popper/Popper/Popper.cjs');
 require('../../components/Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
@@ -73,7 +72,7 @@ require('@hcaptcha/react-hcaptcha');
 require('../LoadingContext/LoadingContext.cjs');
 require('../../config/ApiEndpoint.cjs');
 require('../FooterAnimationContext/index.cjs');
-require('../../locale/locale.cjs');
+require('../../views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.cjs');
 require('../WalletGroupContext/WalletGroupContext.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');

package/src/lib/context/PasskeyContext/PasskeyContext.js

@@ -54,7 +54,6 @@ 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/PhoneNumberField/usePhoneInputLogic/usePhoneInputLogic.js';
 import '../../components/Popper/Popper/Popper.js';
 import '../../components/Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
@@ -69,7 +68,7 @@ import '@hcaptcha/react-hcaptcha';
 import '../LoadingContext/LoadingContext.js';
 import '../../config/ApiEndpoint.js';
 import '../FooterAnimationContext/index.js';
-import '../../locale/locale.js';
+import '../../views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.js';
 import '../WalletGroupContext/WalletGroupContext.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';

package/src/lib/context/PhantomRedirectContext/PhantomRedirectContext.cjs

@@ -52,7 +52,6 @@ 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/PhoneNumberField/usePhoneInputLogic/usePhoneInputLogic.cjs');
 require('../../components/Popper/Popper/Popper.cjs');
 require('../../components/Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
@@ -65,7 +64,7 @@ require('i18next');
 require('@hcaptcha/react-hcaptcha');
 require('../LoadingContext/LoadingContext.cjs');
 require('../FooterAnimationContext/index.cjs');
-require('../../locale/locale.cjs');
+require('../../views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.cjs');
 require('../WalletGroupContext/WalletGroupContext.cjs');
 require('../PasskeyContext/PasskeyContext.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');

package/src/lib/context/PhantomRedirectContext/PhantomRedirectContext.js

@@ -48,7 +48,6 @@ 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/PhoneNumberField/usePhoneInputLogic/usePhoneInputLogic.js';
 import '../../components/Popper/Popper/Popper.js';
 import '../../components/Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
@@ -61,7 +60,7 @@ import 'i18next';
 import '@hcaptcha/react-hcaptcha';
 import '../LoadingContext/LoadingContext.js';
 import '../FooterAnimationContext/index.js';
-import '../../locale/locale.js';
+import '../../views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.js';
 import '../WalletGroupContext/WalletGroupContext.js';
 import '../PasskeyContext/PasskeyContext.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';