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

package/src/lib/utils/hooks/useNetworkNotSupported/useNetworkNotSupported.cjs

@@ -0,0 +1,106 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var useWalletConnectorNetwork = require('../useWalletConnectorNetwork/useWalletConnectorNetwork.cjs');
+require('@dynamic-labs/wallet-connector-core');
+require('@dynamic-labs/sdk-api');
+require('../../../shared/logger.cjs');
+require('@dynamic-labs/iconic');
+require('react/jsx-runtime');
+require('../../../context/ViewContext/ViewContext.cjs');
+require('@dynamic-labs/wallet-book');
+require('../../constants/colors.cjs');
+require('../../constants/values.cjs');
+require('../../../shared/utils/classes/storage/localStorage.cjs');
+require('@dynamic-labs/utils');
+require('../../../shared/consts/index.cjs');
+require('../../../../../_virtual/_tslib.cjs');
+require('@dynamic-labs/multi-wallet');
+require('react-international-phone');
+var isSupportedNetwork = require('../../functions/isSupportedNetwork/isSupportedNetwork.cjs');
+require('viem');
+require('viem/chains');
+require('../../../config/ApiEndpoint.cjs');
+var useConnectAndSign = require('../authenticationHooks/useConnectAndSign/useConnectAndSign.cjs');
+require('../../../context/DynamicContext/DynamicContext.cjs');
+require('../../../events/dynamicEvents.cjs');
+require('react-dom');
+require('../../../context/WalletContext/WalletContext.cjs');
+require('../../../context/ErrorContext/ErrorContext.cjs');
+require('../../../context/ThemeContext/ThemeContext.cjs');
+require('../../../context/VerificationContext/VerificationContext.cjs');
+require('@dynamic-labs/types');
+require('../../../context/AccountExistsContext/AccountExistsContext.cjs');
+require('yup');
+require('react-i18next');
+require('../../../context/FieldsStateContext/FieldsStateContext.cjs');
+require('../../../context/MockContext/MockContext.cjs');
+require('../useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
+require('../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
+require('../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
+require('@dynamic-labs/rpc-providers');
+require('../../../context/UserWalletsContext/UserWalletsContext.cjs');
+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('qrcode');
+require('formik');
+require('../../../views/WalletList/WalletList.cjs');
+require('../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
+require('../../../context/CaptchaContext/CaptchaContext.cjs');
+require('../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
+require('i18next');
+require('@hcaptcha/react-hcaptcha');
+require('../../../context/LoadingContext/LoadingContext.cjs');
+require('../../../context/FooterAnimationContext/index.cjs');
+require('../../../views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.cjs');
+require('../../../context/WalletGroupContext/WalletGroupContext.cjs');
+require('../../../context/PasskeyContext/PasskeyContext.cjs');
+require('../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
+require('../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
+require('../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
+require('../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
+var useInternalDynamicContext = require('../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
+
+const useNetworkNotSupported = () => {
+    const { selectedWalletConnector: walletConnector, setShowAuthFlow, bridgeChainsToConnect, bridgeOnboardingCompleted, } = useInternalDynamicContext.useInternalDynamicContext();
+    const { network: walletConnectorNetwork } = useWalletConnectorNetwork.useWalletConnectorNetwork(walletConnector);
+    const finishConnectAndSign = useConnectAndSign.useConnectAndSign({
+        shouldCallCallback: false,
+        shouldUpdateWallets: Boolean(bridgeChainsToConnect === null || bridgeChainsToConnect === void 0 ? void 0 : bridgeChainsToConnect.length),
+    });
+    // Finishes auth flow when wallet switches to proper network
+    React.useEffect(() => {
+        if (!isSupportedNetwork.isSupportedNetwork({ network: walletConnectorNetwork, walletConnector })) {
+            return;
+        }
+        finishConnectAndSign({
+            walletConnector: walletConnector,
+        });
+        // there are two scenarios here, one in not connected state and the other one in connected state.
+        // previously we were calling setShowAuthFlow(false) in useHandleWalletsToConnect.
+        // now, we don't call it in network-not-supported view, so we need to handle that scenario and close modal here
+        // this should be gone, once we're done with the useConnectAndSign hook refactor.
+        // TODO: https://linear.app/dynamic-labs/issue/QNTM-117/break-useconnectandsign-hook-to-small-parts
+        if (bridgeOnboardingCompleted) {
+            setShowAuthFlow(false);
+        }
+    }, [walletConnectorNetwork, setShowAuthFlow, bridgeOnboardingCompleted]);
+    return { currentNetwork: walletConnectorNetwork };
+};
+
+exports.useNetworkNotSupported = useNetworkNotSupported;

package/src/lib/utils/hooks/useNetworkNotSupported/useNetworkNotSupported.d.ts

@@ -0,0 +1,3 @@
+export declare const useNetworkNotSupported: () => {
+    currentNetwork: string | number | undefined;
+};

package/src/lib/utils/hooks/useNetworkNotSupported/useNetworkNotSupported.js

@@ -0,0 +1,102 @@
+import { useEffect } from 'react';
+import { useWalletConnectorNetwork } from '../useWalletConnectorNetwork/useWalletConnectorNetwork.js';
+import '@dynamic-labs/wallet-connector-core';
+import '@dynamic-labs/sdk-api';
+import '../../../shared/logger.js';
+import '@dynamic-labs/iconic';
+import 'react/jsx-runtime';
+import '../../../context/ViewContext/ViewContext.js';
+import '@dynamic-labs/wallet-book';
+import '../../constants/colors.js';
+import '../../constants/values.js';
+import '../../../shared/utils/classes/storage/localStorage.js';
+import '@dynamic-labs/utils';
+import '../../../shared/consts/index.js';
+import '../../../../../_virtual/_tslib.js';
+import '@dynamic-labs/multi-wallet';
+import 'react-international-phone';
+import { isSupportedNetwork } from '../../functions/isSupportedNetwork/isSupportedNetwork.js';
+import 'viem';
+import 'viem/chains';
+import '../../../config/ApiEndpoint.js';
+import { useConnectAndSign } from '../authenticationHooks/useConnectAndSign/useConnectAndSign.js';
+import '../../../context/DynamicContext/DynamicContext.js';
+import '../../../events/dynamicEvents.js';
+import 'react-dom';
+import '../../../context/WalletContext/WalletContext.js';
+import '../../../context/ErrorContext/ErrorContext.js';
+import '../../../context/ThemeContext/ThemeContext.js';
+import '../../../context/VerificationContext/VerificationContext.js';
+import '@dynamic-labs/types';
+import '../../../context/AccountExistsContext/AccountExistsContext.js';
+import 'yup';
+import 'react-i18next';
+import '../../../context/FieldsStateContext/FieldsStateContext.js';
+import '../../../context/MockContext/MockContext.js';
+import '../useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
+import '../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
+import '../../../context/AccessDeniedContext/AccessDeniedContext.js';
+import '@dynamic-labs/rpc-providers';
+import '../../../context/UserWalletsContext/UserWalletsContext.js';
+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 'qrcode';
+import 'formik';
+import '../../../views/WalletList/WalletList.js';
+import '../../../context/SocialRedirectContext/SocialRedirectContext.js';
+import '../../../context/CaptchaContext/CaptchaContext.js';
+import '../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
+import 'i18next';
+import '@hcaptcha/react-hcaptcha';
+import '../../../context/LoadingContext/LoadingContext.js';
+import '../../../context/FooterAnimationContext/index.js';
+import '../../../views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.js';
+import '../../../context/WalletGroupContext/WalletGroupContext.js';
+import '../../../context/PasskeyContext/PasskeyContext.js';
+import '../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
+import '../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
+import '../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
+import '../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
+import { useInternalDynamicContext } from '../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
+
+const useNetworkNotSupported = () => {
+    const { selectedWalletConnector: walletConnector, setShowAuthFlow, bridgeChainsToConnect, bridgeOnboardingCompleted, } = useInternalDynamicContext();
+    const { network: walletConnectorNetwork } = useWalletConnectorNetwork(walletConnector);
+    const finishConnectAndSign = useConnectAndSign({
+        shouldCallCallback: false,
+        shouldUpdateWallets: Boolean(bridgeChainsToConnect === null || bridgeChainsToConnect === void 0 ? void 0 : bridgeChainsToConnect.length),
+    });
+    // Finishes auth flow when wallet switches to proper network
+    useEffect(() => {
+        if (!isSupportedNetwork({ network: walletConnectorNetwork, walletConnector })) {
+            return;
+        }
+        finishConnectAndSign({
+            walletConnector: walletConnector,
+        });
+        // there are two scenarios here, one in not connected state and the other one in connected state.
+        // previously we were calling setShowAuthFlow(false) in useHandleWalletsToConnect.
+        // now, we don't call it in network-not-supported view, so we need to handle that scenario and close modal here
+        // this should be gone, once we're done with the useConnectAndSign hook refactor.
+        // TODO: https://linear.app/dynamic-labs/issue/QNTM-117/break-useconnectandsign-hook-to-small-parts
+        if (bridgeOnboardingCompleted) {
+            setShowAuthFlow(false);
+        }
+    }, [walletConnectorNetwork, setShowAuthFlow, bridgeOnboardingCompleted]);
+    return { currentNetwork: walletConnectorNetwork };
+};
+
+export { useNetworkNotSupported };

package/src/lib/utils/hooks/useOnlyConnectedMode/useOnlyConnectedMode.cjs

@@ -52,7 +52,6 @@ require('../../../components/Transition/SlideInUpTransition/SlideInUpTransition.
 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('../../../context/LoadingContext/LoadingContext.cjs');
 require('../../../context/FooterAnimationContext/index.cjs');
-require('../../../locale/locale.cjs');
+require('../../../views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.cjs');
 require('../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');

package/src/lib/utils/hooks/useOnlyConnectedMode/useOnlyConnectedMode.js

@@ -48,7 +48,6 @@ import '../../../components/Transition/SlideInUpTransition/SlideInUpTransition.j
 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 '../../../context/LoadingContext/LoadingContext.js';
 import '../../../context/FooterAnimationContext/index.js';
-import '../../../locale/locale.js';
+import '../../../views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.js';
 import '../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../../context/PasskeyContext/PasskeyContext.js';
 import '../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';

package/src/lib/utils/hooks/usePasskeyRecovery/usePasskeyRecovery.cjs

@@ -62,7 +62,6 @@ require('../../../components/Transition/SlideInUpTransition/SlideInUpTransition.
 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');
@@ -76,7 +75,7 @@ require('i18next');
 require('@hcaptcha/react-hcaptcha');
 require('../../../context/LoadingContext/LoadingContext.cjs');
 require('../../../context/FooterAnimationContext/index.cjs');
-require('../../../locale/locale.cjs');
+require('../../../views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.cjs');
 require('../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
@@ -115,13 +114,13 @@ const usePasskeyRecovery = () => {
         // email auth - session is still up, so create passkey authenticator usign the same session
         if (authenticatorType === 'passkey' &&
             turnkeyRecoveryHandler.isSessionActive()) {
-            const { jwt } = yield passkeyRecovery.addNewPasskeyAuthenticator({
+            const { passkeyRecoveryResponse } = yield passkeyRecovery.addNewPasskeyAuthenticator({
                 authToken,
                 environmentId,
                 userEmail: user === null || user === void 0 ? void 0 : user.email,
                 wallet,
             });
-            setUser(updateJWTAndCreateUserProfile.updateJWTAndCreateUserProfile(jwt));
+            setUser(updateJWTAndCreateUserProfile.updateJWTAndCreateUserProfile(passkeyRecoveryResponse.jwt, passkeyRecoveryResponse.minifiedJwt));
             setShowAuthFlow(false);
             return wallet;
         }

package/src/lib/utils/hooks/usePasskeyRecovery/usePasskeyRecovery.js

@@ -58,7 +58,6 @@ import '../../../components/Transition/SlideInUpTransition/SlideInUpTransition.j
 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';
@@ -72,7 +71,7 @@ import 'i18next';
 import '@hcaptcha/react-hcaptcha';
 import '../../../context/LoadingContext/LoadingContext.js';
 import '../../../context/FooterAnimationContext/index.js';
-import '../../../locale/locale.js';
+import '../../../views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.js';
 import '../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../../context/PasskeyContext/PasskeyContext.js';
 import '../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
@@ -111,13 +110,13 @@ const usePasskeyRecovery = () => {
         // email auth - session is still up, so create passkey authenticator usign the same session
         if (authenticatorType === 'passkey' &&
             turnkeyRecoveryHandler.isSessionActive()) {
-            const { jwt } = yield addNewPasskeyAuthenticator({
+            const { passkeyRecoveryResponse } = yield addNewPasskeyAuthenticator({
                 authToken,
                 environmentId,
                 userEmail: user === null || user === void 0 ? void 0 : user.email,
                 wallet,
             });
-            setUser(updateJWTAndCreateUserProfile(jwt));
+            setUser(updateJWTAndCreateUserProfile(passkeyRecoveryResponse.jwt, passkeyRecoveryResponse.minifiedJwt));
             setShowAuthFlow(false);
             return wallet;
         }

package/src/lib/utils/hooks/useRpcProviders/useRpcProviders.cjs

@@ -19,22 +19,24 @@ require('@dynamic-labs/utils');
 require('../../../shared/consts/index.cjs');
 
 const useRpcProviders = ({ networkConfigurations, }) => {
+    var _a, _b;
     let providers, evmDefaultProvider, solanaDefaultProvider;
     if (networkConfigurations) {
         try {
             providers = rpcProviders.ChainRpcProviders.getProviders(networkConfigurations);
-            evmDefaultProvider = rpcProviders.ChainRpcProviders.getEvmProviderByChainId(networkConfigurations, 1);
-            solanaDefaultProvider = rpcProviders.ChainRpcProviders.getSolanaRpcProviderByChainId(networkConfigurations, '101');
+            evmDefaultProvider = (_a = rpcProviders.ChainRpcProviders.getEvmProviderByChainId) === null || _a === void 0 ? void 0 : _a.call(rpcProviders.ChainRpcProviders, networkConfigurations, 1);
+            solanaDefaultProvider = (_b = rpcProviders.ChainRpcProviders.getSolanaRpcProviderByChainId) === null || _b === void 0 ? void 0 : _b.call(rpcProviders.ChainRpcProviders, networkConfigurations, '101');
         }
         catch (error) {
             logger.logger.error(error);
         }
     }
     const getEvmRpcProviderByChainId = React.useCallback((chainId) => {
+        var _a;
         if (!networkConfigurations) {
             return undefined;
         }
-        return rpcProviders.ChainRpcProviders.getEvmProviderByChainId(networkConfigurations, chainId);
+        return (_a = rpcProviders.ChainRpcProviders.getEvmProviderByChainId) === null || _a === void 0 ? void 0 : _a.call(rpcProviders.ChainRpcProviders, networkConfigurations, chainId);
     }, [networkConfigurations]);
     return {
         evmDefaultProvider,

package/src/lib/utils/hooks/useRpcProviders/useRpcProviders.js

@@ -15,22 +15,24 @@ import '@dynamic-labs/utils';
 import '../../../shared/consts/index.js';
 
 const useRpcProviders = ({ networkConfigurations, }) => {
+    var _a, _b;
     let providers, evmDefaultProvider, solanaDefaultProvider;
     if (networkConfigurations) {
         try {
             providers = ChainRpcProviders.getProviders(networkConfigurations);
-            evmDefaultProvider = ChainRpcProviders.getEvmProviderByChainId(networkConfigurations, 1);
-            solanaDefaultProvider = ChainRpcProviders.getSolanaRpcProviderByChainId(networkConfigurations, '101');
+            evmDefaultProvider = (_a = ChainRpcProviders.getEvmProviderByChainId) === null || _a === void 0 ? void 0 : _a.call(ChainRpcProviders, networkConfigurations, 1);
+            solanaDefaultProvider = (_b = ChainRpcProviders.getSolanaRpcProviderByChainId) === null || _b === void 0 ? void 0 : _b.call(ChainRpcProviders, networkConfigurations, '101');
         }
         catch (error) {
             logger.error(error);
         }
     }
     const getEvmRpcProviderByChainId = useCallback((chainId) => {
+        var _a;
         if (!networkConfigurations) {
             return undefined;
         }
-        return ChainRpcProviders.getEvmProviderByChainId(networkConfigurations, chainId);
+        return (_a = ChainRpcProviders.getEvmProviderByChainId) === null || _a === void 0 ? void 0 : _a.call(ChainRpcProviders, networkConfigurations, chainId);
     }, [networkConfigurations]);
     return {
         evmDefaultProvider,

package/src/lib/utils/hooks/useSocialAccounts/useSocialAccounts.cjs

@@ -58,7 +58,6 @@ require('../../../components/Transition/SlideInUpTransition/SlideInUpTransition.
 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');
@@ -72,7 +71,7 @@ require('@hcaptcha/react-hcaptcha');
 require('../../../context/LoadingContext/LoadingContext.cjs');
 require('../../../config/ApiEndpoint.cjs');
 require('../../../context/FooterAnimationContext/index.cjs');
-require('../../../locale/locale.cjs');
+require('../../../views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.cjs');
 require('../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
@@ -139,16 +138,16 @@ const useSocialAccounts = ({ sessionTimeout } = {
         }
         try {
             const primaryWalletId = localStorage.LocalStorage.getFromLS(localStorage$1.PRIMARY_WALLET_ID);
-            const jwt = yield api.unlinkOAuth({
+            const response = yield api.unlinkOAuth({
                 environmentId,
                 primaryWalletId,
                 verifiedCrentialId: (_b = verifiedCredential.id) !== null && _b !== void 0 ? _b : '',
             }, String(userJwt));
-            if (!jwt) {
+            if (!response) {
                 handleError(types.SocialOAuthErrorCode.UNLINK_ERROR, `Failed to unlink social account: ${provider} | ${verifiedCredential.id}`);
                 return;
             }
-            yield updateUserProfileByJWT(jwt);
+            yield updateUserProfileByJWT(response.jwt, response.minifiedJwt);
             setIsProcessing(false);
         }
         catch (err) {

package/src/lib/utils/hooks/useSocialAccounts/useSocialAccounts.js

@@ -54,7 +54,6 @@ import '../../../components/Transition/SlideInUpTransition/SlideInUpTransition.j
 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';
@@ -68,7 +67,7 @@ import '@hcaptcha/react-hcaptcha';
 import '../../../context/LoadingContext/LoadingContext.js';
 import '../../../config/ApiEndpoint.js';
 import '../../../context/FooterAnimationContext/index.js';
-import '../../../locale/locale.js';
+import '../../../views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.js';
 import '../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../../context/PasskeyContext/PasskeyContext.js';
 import '../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
@@ -135,16 +134,16 @@ const useSocialAccounts = ({ sessionTimeout } = {
         }
         try {
             const primaryWalletId = LocalStorage.getFromLS(PRIMARY_WALLET_ID);
-            const jwt = yield unlinkOAuth({
+            const response = yield unlinkOAuth({
                 environmentId,
                 primaryWalletId,
                 verifiedCrentialId: (_b = verifiedCredential.id) !== null && _b !== void 0 ? _b : '',
             }, String(userJwt));
-            if (!jwt) {
+            if (!response) {
                 handleError(SocialOAuthErrorCode.UNLINK_ERROR, `Failed to unlink social account: ${provider} | ${verifiedCredential.id}`);
                 return;
             }
-            yield updateUserProfileByJWT(jwt);
+            yield updateUserProfileByJWT(response.jwt, response.minifiedJwt);
             setIsProcessing(false);
         }
         catch (err) {

package/src/lib/utils/hooks/useSocialAuth/useSocialAuth.cjs

@@ -63,7 +63,6 @@ require('../../../components/Transition/SlideInUpTransition/SlideInUpTransition.
 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');
@@ -78,7 +77,7 @@ require('@hcaptcha/react-hcaptcha');
 require('../../../context/LoadingContext/LoadingContext.cjs');
 require('../../../config/ApiEndpoint.cjs');
 require('../../../context/FooterAnimationContext/index.cjs');
-require('../../../locale/locale.cjs');
+require('../../../views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.cjs');
 require('../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
@@ -164,12 +163,12 @@ const useSocialAuth = ({ sessionTimeout, authMode, onSettled, onError, }) => {
     };
     const linkAccount = (provider, apiCall) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         try {
-            const jwt = yield apiCall();
-            if (!jwt) {
+            const response = yield apiCall();
+            if (!response) {
                 handleError(types.SocialOAuthErrorCode.VERIFICATION_ERROR, `Failed to link social account: ${provider}`);
                 return;
             }
-            yield updateUserProfileByJWT(jwt);
+            yield updateUserProfileByJWT(response.jwt, response.minifiedJwt);
             onSettled === null || onSettled === void 0 ? void 0 : onSettled();
         }
         catch (error) {
@@ -181,15 +180,15 @@ const useSocialAuth = ({ sessionTimeout, authMode, onSettled, onError, }) => {
     const signInAccount = (provider, apiCall) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         var _b;
         try {
-            const jwt = yield apiCall();
-            if (!jwt) {
+            const response = yield apiCall();
+            if (!response) {
                 handleError(types.SocialOAuthErrorCode.SIGNIN_ERROR, `Failed to sign-in with social account: ${provider}`);
                 return;
             }
             setIsVerificationInProgress(true);
-            const decodedJwt = decodeJwt.decodeJwt(jwt);
+            const decodedJwt = decodeJwt.decodeJwt(response.jwt);
             if (decodedJwt === null || decodedJwt === void 0 ? void 0 : decodedJwt.missingFields.length) {
-                setOnboardingOnlyJwt(jwt);
+                setOnboardingOnlyJwt(response.jwt);
                 setView('collect-user-data-login-no-wallet', {
                     userIdentification: 'email',
                 });
@@ -197,7 +196,7 @@ const useSocialAuth = ({ sessionTimeout, authMode, onSettled, onError, }) => {
                 return;
             }
             setCallback('authSuccess');
-            yield createUserProfileByJWT(jwt);
+            yield createUserProfileByJWT(response.jwt, response.minifiedJwt);
             if (!((_b = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _b === void 0 ? void 0 : _b.automaticEmbeddedWalletCreation)) {
                 setShowAuthFlow(false);
                 onSettled === null || onSettled === void 0 ? void 0 : onSettled();
@@ -210,7 +209,9 @@ const useSocialAuth = ({ sessionTimeout, authMode, onSettled, onError, }) => {
         }
         catch (error) {
             if (error instanceof utils.NoAccessError) {
+                onSettled === null || onSettled === void 0 ? void 0 : onSettled();
                 setView('no-access');
+                return;
             }
             if (error instanceof utils.AccountExistsError) {
                 setExistentAccountData(error.errorPayload);

package/src/lib/utils/hooks/useSocialAuth/useSocialAuth.js

@@ -59,7 +59,6 @@ import '../../../components/Transition/SlideInUpTransition/SlideInUpTransition.j
 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';
@@ -74,7 +73,7 @@ import '@hcaptcha/react-hcaptcha';
 import '../../../context/LoadingContext/LoadingContext.js';
 import '../../../config/ApiEndpoint.js';
 import '../../../context/FooterAnimationContext/index.js';
-import '../../../locale/locale.js';
+import '../../../views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.js';
 import '../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../../context/PasskeyContext/PasskeyContext.js';
 import '../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
@@ -160,12 +159,12 @@ const useSocialAuth = ({ sessionTimeout, authMode, onSettled, onError, }) => {
     };
     const linkAccount = (provider, apiCall) => __awaiter(void 0, void 0, void 0, function* () {
         try {
-            const jwt = yield apiCall();
-            if (!jwt) {
+            const response = yield apiCall();
+            if (!response) {
                 handleError(SocialOAuthErrorCode.VERIFICATION_ERROR, `Failed to link social account: ${provider}`);
                 return;
             }
-            yield updateUserProfileByJWT(jwt);
+            yield updateUserProfileByJWT(response.jwt, response.minifiedJwt);
             onSettled === null || onSettled === void 0 ? void 0 : onSettled();
         }
         catch (error) {
@@ -177,15 +176,15 @@ const useSocialAuth = ({ sessionTimeout, authMode, onSettled, onError, }) => {
     const signInAccount = (provider, apiCall) => __awaiter(void 0, void 0, void 0, function* () {
         var _b;
         try {
-            const jwt = yield apiCall();
-            if (!jwt) {
+            const response = yield apiCall();
+            if (!response) {
                 handleError(SocialOAuthErrorCode.SIGNIN_ERROR, `Failed to sign-in with social account: ${provider}`);
                 return;
             }
             setIsVerificationInProgress(true);
-            const decodedJwt = decodeJwt(jwt);
+            const decodedJwt = decodeJwt(response.jwt);
             if (decodedJwt === null || decodedJwt === void 0 ? void 0 : decodedJwt.missingFields.length) {
-                setOnboardingOnlyJwt(jwt);
+                setOnboardingOnlyJwt(response.jwt);
                 setView('collect-user-data-login-no-wallet', {
                     userIdentification: 'email',
                 });
@@ -193,7 +192,7 @@ const useSocialAuth = ({ sessionTimeout, authMode, onSettled, onError, }) => {
                 return;
             }
             setCallback('authSuccess');
-            yield createUserProfileByJWT(jwt);
+            yield createUserProfileByJWT(response.jwt, response.minifiedJwt);
             if (!((_b = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _b === void 0 ? void 0 : _b.automaticEmbeddedWalletCreation)) {
                 setShowAuthFlow(false);
                 onSettled === null || onSettled === void 0 ? void 0 : onSettled();
@@ -206,7 +205,9 @@ const useSocialAuth = ({ sessionTimeout, authMode, onSettled, onError, }) => {
         }
         catch (error) {
             if (error instanceof NoAccessError) {
+                onSettled === null || onSettled === void 0 ? void 0 : onSettled();
                 setView('no-access');
+                return;
             }
             if (error instanceof AccountExistsError) {
                 setExistentAccountData(error.errorPayload);

package/src/lib/utils/hooks/useUpdateUserProfileByJWTCallback/useUpdateUserProfileByJWTCallback.cjs

@@ -53,7 +53,6 @@ require('../../../components/Transition/SlideInUpTransition/SlideInUpTransition.
 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('../../../context/LoadingContext/LoadingContext.cjs');
 require('../../../context/FooterAnimationContext/index.cjs');
-require('../../../locale/locale.cjs');
+require('../../../views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.cjs');
 require('../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
@@ -85,8 +84,8 @@ var useInternalDynamicContext = require('../../../context/DynamicContext/useDyna
 const useUpdateUserProfileByJWTCallback = () => {
     const { createUserProfileByJWT } = useCreateUserProfileByJWTCallback.useCreateUserProfileByJWTCallback();
     const { setCallback } = useInternalDynamicContext.useInternalDynamicContext();
-    const updateUserProfileByJWT = React.useCallback((jwt) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-        yield createUserProfileByJWT(jwt);
+    const updateUserProfileByJWT = React.useCallback((jwt, minifiedJwt) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        yield createUserProfileByJWT(jwt, minifiedJwt);
         setCallback('userProfileUpdate');
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }), []);