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

package/src/lib/utils/hooks/authenticationHooks/helpers/showPendingConnectView.cjs

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _tslib = require('../../../../../../_virtual/_tslib.cjs');
 var getWalletProvider = require('../../../functions/getWalletProvider/getWalletProvider.cjs');
 
-const specialCareWallets = ['slope', 'myalgo', 'bloctoevm', 'perawallet'];
+const specialCareWallets = ['myalgo', 'bloctoevm', 'perawallet'];
 const showPendingConnectView = (walletConnector, setView) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
     const walletProvider = getWalletProvider.getWalletProvider(walletConnector);
     // We don't want to show the pending connect view for qrCode and walletConnect
@@ -15,7 +15,7 @@ const showPendingConnectView = (walletConnector, setView) => _tslib.__awaiter(vo
     }
     specialCareWallets.forEach((wallet) => {
         if (walletConnector.key === wallet) {
-            // Slope and some other wallets works different as Justin mentioned in this commit:
+            // myalgo and some other wallets works different as Justin mentioned in this commit:
             // https://github.com/dynamic-labs/DynamicAuth/commit/57233d3620611bc91439f3d4587b8516f8d16f99
             // It needs to show the connect view before getting connected accounts
             setView('pending-connect');

package/src/lib/utils/hooks/authenticationHooks/helpers/showPendingConnectView.js

@@ -1,7 +1,7 @@
 import { __awaiter } from '../../../../../../_virtual/_tslib.js';
 import { getWalletProvider } from '../../../functions/getWalletProvider/getWalletProvider.js';
 
-const specialCareWallets = ['slope', 'myalgo', 'bloctoevm', 'perawallet'];
+const specialCareWallets = ['myalgo', 'bloctoevm', 'perawallet'];
 const showPendingConnectView = (walletConnector, setView) => __awaiter(void 0, void 0, void 0, function* () {
     const walletProvider = getWalletProvider(walletConnector);
     // We don't want to show the pending connect view for qrCode and walletConnect
@@ -11,7 +11,7 @@ const showPendingConnectView = (walletConnector, setView) => __awaiter(void 0, v
     }
     specialCareWallets.forEach((wallet) => {
         if (walletConnector.key === wallet) {
-            // Slope and some other wallets works different as Justin mentioned in this commit:
+            // myalgo and some other wallets works different as Justin mentioned in this commit:
             // https://github.com/dynamic-labs/DynamicAuth/commit/57233d3620611bc91439f3d4587b8516f8d16f99
             // It needs to show the connect view before getting connected accounts
             setView('pending-connect');

package/src/lib/utils/hooks/authenticationHooks/index.d.ts

@@ -1,4 +1,4 @@
 export { useConnectAndSign } from './useConnectAndSign';
 export { useSignConnectOnlyUser } from './useSignConnectOnlyUser';
 export { useConnectAndSignSplitSteps } from './useConnectAndSignSplitSteps';
-export { type VerifyEmailCallback, useOtpVerificationRequest, } from './useOtpVerificationRequest';
+export { type VerifyOtp, useOtpVerificationRequest, } from './useOtpVerificationRequest';

package/src/lib/utils/hooks/authenticationHooks/useConnectAndSign/useConnectAndSign.cjs

@@ -58,7 +58,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');
@@ -72,7 +71,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/authenticationHooks/useConnectAndSign/useConnectAndSign.js

@@ -54,7 +54,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';
@@ -68,7 +67,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/authenticationHooks/useConnectAndSignSplitSteps/useConnectAndSignSplitSteps.cjs

@@ -23,6 +23,8 @@ require('../../../../events/dynamicEvents.cjs');
 var ErrorContext = require('../../../../context/ErrorContext/ErrorContext.cjs');
 require('@dynamic-labs/multi-wallet');
 require('react-international-phone');
+var isProgrammableNetworkSwitchSupported = require('../../../functions/isProgrammableNetworkSwitchSupported/isProgrammableNetworkSwitchSupported.cjs');
+var isSupportedNetwork = require('../../../functions/isSupportedNetwork/isSupportedNetwork.cjs');
 require('viem');
 require('viem/chains');
 require('../../../../config/ApiEndpoint.cjs');
@@ -56,7 +58,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');
@@ -70,7 +71,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');
@@ -83,7 +84,7 @@ const useConnectAndSignSplitSteps = () => {
     const { setView, goToInitialView } = ViewContext.useViewContext();
     const { setErrorMessage } = ErrorContext.useErrorContext();
     const { getCaptchaToken, engageCaptcha } = CaptchaContext.useCaptchaContext();
-    const { connectWallet, consumeNonce, displaySiweStatement, projectSettings, environmentId, setIsSingleWalletAccount, setShowAuthFlow, user, authMode, setIsVerificationInProgress, } = useInternalDynamicContext.useInternalDynamicContext();
+    const { connectWallet, consumeNonce, displaySiweStatement, projectSettings, environmentId, networkValidationMode, setIsSingleWalletAccount, setShowAuthFlow, user, authMode, setIsVerificationInProgress, } = useInternalDynamicContext.useInternalDynamicContext();
     const { handleWalletsToConnect } = useHandleWalletsToConnect.useHandleWalletsToConnect();
     const verifyWallet = useVerifyWallet.useVerifyWallet({
         consumeNonce,
@@ -152,6 +153,19 @@ const useConnectAndSignSplitSteps = () => {
             if (!(connectionResult === null || connectionResult === void 0 ? void 0 : connectionResult.address)) {
                 return;
             }
+            const walletNetwork = yield walletConnector.getNetwork();
+            const usesSupportedNetwork = isSupportedNetwork.isSupportedNetwork({
+                network: walletNetwork,
+                walletConnector,
+            });
+            const isNetworkValidationEnabledForSignIn = networkValidationMode === 'always' ||
+                networkValidationMode === 'sign-in';
+            if (!usesSupportedNetwork && isNetworkValidationEnabledForSignIn) {
+                if (!isProgrammableNetworkSwitchSupported.isProgrammableNetworkSwitchSupported(walletConnector)) {
+                    return setView('network-not-supported-manual');
+                }
+                return setView('network-not-supported');
+            }
             yield verifyWallet({
                 captchaToken: getCaptchaToken(),
                 publicWalletAddress: connectionResult.address,

package/src/lib/utils/hooks/authenticationHooks/useConnectAndSignSplitSteps/useConnectAndSignSplitSteps.js

@@ -19,6 +19,8 @@ import '../../../../events/dynamicEvents.js';
 import { useErrorContext } from '../../../../context/ErrorContext/ErrorContext.js';
 import '@dynamic-labs/multi-wallet';
 import 'react-international-phone';
+import { isProgrammableNetworkSwitchSupported } from '../../../functions/isProgrammableNetworkSwitchSupported/isProgrammableNetworkSwitchSupported.js';
+import { isSupportedNetwork } from '../../../functions/isSupportedNetwork/isSupportedNetwork.js';
 import 'viem';
 import 'viem/chains';
 import '../../../../config/ApiEndpoint.js';
@@ -52,7 +54,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';
@@ -66,7 +67,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';
@@ -79,7 +80,7 @@ const useConnectAndSignSplitSteps = () => {
     const { setView, goToInitialView } = useViewContext();
     const { setErrorMessage } = useErrorContext();
     const { getCaptchaToken, engageCaptcha } = useCaptchaContext();
-    const { connectWallet, consumeNonce, displaySiweStatement, projectSettings, environmentId, setIsSingleWalletAccount, setShowAuthFlow, user, authMode, setIsVerificationInProgress, } = useInternalDynamicContext();
+    const { connectWallet, consumeNonce, displaySiweStatement, projectSettings, environmentId, networkValidationMode, setIsSingleWalletAccount, setShowAuthFlow, user, authMode, setIsVerificationInProgress, } = useInternalDynamicContext();
     const { handleWalletsToConnect } = useHandleWalletsToConnect();
     const verifyWallet = useVerifyWallet({
         consumeNonce,
@@ -148,6 +149,19 @@ const useConnectAndSignSplitSteps = () => {
             if (!(connectionResult === null || connectionResult === void 0 ? void 0 : connectionResult.address)) {
                 return;
             }
+            const walletNetwork = yield walletConnector.getNetwork();
+            const usesSupportedNetwork = isSupportedNetwork({
+                network: walletNetwork,
+                walletConnector,
+            });
+            const isNetworkValidationEnabledForSignIn = networkValidationMode === 'always' ||
+                networkValidationMode === 'sign-in';
+            if (!usesSupportedNetwork && isNetworkValidationEnabledForSignIn) {
+                if (!isProgrammableNetworkSwitchSupported(walletConnector)) {
+                    return setView('network-not-supported-manual');
+                }
+                return setView('network-not-supported');
+            }
             yield verifyWallet({
                 captchaToken: getCaptchaToken(),
                 publicWalletAddress: connectionResult.address,

package/src/lib/utils/hooks/authenticationHooks/useOtpVerificationRequest/useOtpVerificationRequest.cjs

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _tslib = require('../../../../../../_virtual/_tslib.cjs');
 var React = require('react');
+var utils = require('@dynamic-labs/utils');
 require('../../../../events/dynamicEvents.cjs');
-require('@dynamic-labs/utils');
 require('../../../../context/DynamicContext/DynamicContext.cjs');
 var decodeJwt = require('../../../../shared/utils/functions/decodeJwt/decodeJwt.cjs');
 require('@dynamic-labs/iconic');
@@ -40,7 +40,7 @@ require('yup');
 require('react-i18next');
 require('../../../../context/FieldsStateContext/FieldsStateContext.cjs');
 require('../../../../context/MockContext/MockContext.cjs');
-require('../../useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
+var useUpdateUser = require('../../useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 require('../../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');
 require('../../../../context/UserWalletsContext/UserWalletsContext.cjs');
@@ -56,7 +56,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');
@@ -70,7 +69,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');
@@ -78,38 +77,43 @@ require('../../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 
-// Hook exposed to the public as a scoped function in useUserUpdateRequest result
-const useOtpVerificationRequest = () => {
+/**
+ * Same as useOtpVerificationRequest, but requires you to pass it a handleVerificationRequired method as param.
+ * This is to avoid a circular logic issue, as handleVerificationRequired needs to use the logic in this file as well.
+ */
+const useOtpVerificationRequestRaw = () => {
     const { onboardingOnlyJwt, authToken, environmentId } = useInternalDynamicContext.useInternalDynamicContext();
     const jwtToken = onboardingOnlyJwt || authToken;
     const { updateUserProfileByJWT } = useUpdateUserProfileByJWTCallback.useUpdateUserProfileByJWTCallback();
     const { verificationUUID: contextVerificationUUID } = VerificationContext.useVerification();
-    const verifyOtp = React.useCallback((verificationToken, destination, verificationUUID) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+    const verifyOtp = React.useCallback((handleVerificationRequired, verificationToken, destination, localVerificationUUID) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         var _a;
         if (!jwtToken)
-            throw new Error('No JWT token provided');
+            throw new utils.DynamicError('No JWT token available');
         // VerificationUUID is saved in the context in case the view changes
         // after a profile update (changing the view from edit profile to verify email)
-        if (!verificationUUID && !contextVerificationUUID)
-            throw new Error('No verification UUID provided');
+        if (!localVerificationUUID && !contextVerificationUUID)
+            throw new utils.DynamicError('No verification UUID is available');
+        const verificationUUID = (localVerificationUUID !== null && localVerificationUUID !== void 0 ? localVerificationUUID : contextVerificationUUID);
         const verify = destination === 'email' ? api.verifyEmail : api.verifySms;
         const updateSelfResponse = yield verify({
             environmentId,
             verificationToken,
-            verificationUUID: String(verificationUUID !== null && verificationUUID !== void 0 ? verificationUUID : contextVerificationUUID),
+            verificationUUID,
         }, jwtToken);
         // check if decoded JWT still somehow has missing fields, we can't proceed if it does
         const decodedJwt = decodeJwt.decodeJwt(updateSelfResponse.jwt);
         const missingFields = (_a = decodedJwt === null || decodedJwt === void 0 ? void 0 : decodedJwt.missingFields) !== null && _a !== void 0 ? _a : [];
         const requiredVerificationDestination = useHandleVerificationRequired.isVerificationRequired(updateSelfResponse);
-        if (requiredVerificationDestination && handleVerificationRequired.current)
-            return handleVerificationRequired.current({
+        if (requiredVerificationDestination)
+            return handleVerificationRequired({
                 destination: requiredVerificationDestination,
+                jwtOverride: updateSelfResponse.jwt,
                 missingFields,
                 updateUserProfileResponse: updateSelfResponse,
             });
         // If verification is not needed then we can update the user profile immediately.
-        yield updateUserProfileByJWT(updateSelfResponse.jwt);
+        yield updateUserProfileByJWT(updateSelfResponse.jwt, updateSelfResponse.minifiedJwt);
         return {
             isEmailVerificationRequired: false,
             isSmsVerificationRequired: false,
@@ -117,10 +121,21 @@ const useOtpVerificationRequest = () => {
             updateUserProfileResponse: updateSelfResponse,
         };
     }), [contextVerificationUUID, environmentId, jwtToken, updateUserProfileByJWT]);
-    // This is necessary to avoid a circular declaration issue
-    const handleVerificationRequired = React.useRef(undefined);
-    handleVerificationRequired.current = useHandleVerificationRequired.useHandleVerificationRequired(verifyOtp);
     return { verifyOtp };
 };
+/**
+ * Hook to make verifications and already handle nuances like handling additional verifications
+ * and setting the user jwt on success
+ */
+// ATTENTION: THIS IS EXPOSED TO THE PUBLIC!
+const useOtpVerificationRequest = () => {
+    const updateUser = useUpdateUser.useUpdateUser(true);
+    const handleVerificationRequired = useHandleVerificationRequired.useHandleVerificationRequired(updateUser);
+    const { verifyOtp } = useOtpVerificationRequestRaw();
+    return React.useMemo(() => ({
+        verifyOtp: (token, destination, verificationUUID) => verifyOtp(handleVerificationRequired, token, destination, verificationUUID),
+    }), [handleVerificationRequired, verifyOtp]);
+};
 
 exports.useOtpVerificationRequest = useOtpVerificationRequest;
+exports.useOtpVerificationRequestRaw = useOtpVerificationRequestRaw;

package/src/lib/utils/hooks/authenticationHooks/useOtpVerificationRequest/useOtpVerificationRequest.d.ts

@@ -1,7 +1,16 @@
-import { UpdateSelfResponse } from '@dynamic-labs/sdk-api';
-import { UpdateUserReturnPayload } from '../..';
-export type VerifyEmailCallback = (verificationToken: string) => Promise<UpdateSelfResponse>;
+import { HandleVerification, UpdateUserReturnPayload } from '../..';
 export type VerifyOtp = (verificationToken: string, destination: 'email' | 'sms', verificationUUID?: string) => Promise<UpdateUserReturnPayload>;
+/**
+ * Same as useOtpVerificationRequest, but requires you to pass it a handleVerificationRequired method as param.
+ * This is to avoid a circular logic issue, as handleVerificationRequired needs to use the logic in this file as well.
+ */
+export declare const useOtpVerificationRequestRaw: () => {
+    verifyOtp: (handleVerificationRequired: HandleVerification, verificationToken: string, destination: 'email' | 'sms', localVerificationUUID?: string) => Promise<UpdateUserReturnPayload>;
+};
+/**
+ * Hook to make verifications and already handle nuances like handling additional verifications
+ * and setting the user jwt on success
+ */
 export declare const useOtpVerificationRequest: () => {
     verifyOtp: VerifyOtp;
 };

package/src/lib/utils/hooks/authenticationHooks/useOtpVerificationRequest/useOtpVerificationRequest.js

@@ -1,7 +1,7 @@
 import { __awaiter } from '../../../../../../_virtual/_tslib.js';
-import { useCallback, useRef } from 'react';
+import { useMemo, useCallback } from 'react';
+import { DynamicError } from '@dynamic-labs/utils';
 import '../../../../events/dynamicEvents.js';
-import '@dynamic-labs/utils';
 import '../../../../context/DynamicContext/DynamicContext.js';
 import { decodeJwt } from '../../../../shared/utils/functions/decodeJwt/decodeJwt.js';
 import '@dynamic-labs/iconic';
@@ -36,7 +36,7 @@ import 'yup';
 import 'react-i18next';
 import '../../../../context/FieldsStateContext/FieldsStateContext.js';
 import '../../../../context/MockContext/MockContext.js';
-import '../../useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
+import { useUpdateUser } from '../../useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
 import '../../../../context/UserWalletsContext/UserWalletsContext.js';
@@ -52,7 +52,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';
@@ -66,7 +65,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';
@@ -74,38 +73,43 @@ import '../../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 
-// Hook exposed to the public as a scoped function in useUserUpdateRequest result
-const useOtpVerificationRequest = () => {
+/**
+ * Same as useOtpVerificationRequest, but requires you to pass it a handleVerificationRequired method as param.
+ * This is to avoid a circular logic issue, as handleVerificationRequired needs to use the logic in this file as well.
+ */
+const useOtpVerificationRequestRaw = () => {
     const { onboardingOnlyJwt, authToken, environmentId } = useInternalDynamicContext();
     const jwtToken = onboardingOnlyJwt || authToken;
     const { updateUserProfileByJWT } = useUpdateUserProfileByJWTCallback();
     const { verificationUUID: contextVerificationUUID } = useVerification();
-    const verifyOtp = useCallback((verificationToken, destination, verificationUUID) => __awaiter(void 0, void 0, void 0, function* () {
+    const verifyOtp = useCallback((handleVerificationRequired, verificationToken, destination, localVerificationUUID) => __awaiter(void 0, void 0, void 0, function* () {
         var _a;
         if (!jwtToken)
-            throw new Error('No JWT token provided');
+            throw new DynamicError('No JWT token available');
         // VerificationUUID is saved in the context in case the view changes
         // after a profile update (changing the view from edit profile to verify email)
-        if (!verificationUUID && !contextVerificationUUID)
-            throw new Error('No verification UUID provided');
+        if (!localVerificationUUID && !contextVerificationUUID)
+            throw new DynamicError('No verification UUID is available');
+        const verificationUUID = (localVerificationUUID !== null && localVerificationUUID !== void 0 ? localVerificationUUID : contextVerificationUUID);
         const verify = destination === 'email' ? verifyEmail : verifySms;
         const updateSelfResponse = yield verify({
             environmentId,
             verificationToken,
-            verificationUUID: String(verificationUUID !== null && verificationUUID !== void 0 ? verificationUUID : contextVerificationUUID),
+            verificationUUID,
         }, jwtToken);
         // check if decoded JWT still somehow has missing fields, we can't proceed if it does
         const decodedJwt = decodeJwt(updateSelfResponse.jwt);
         const missingFields = (_a = decodedJwt === null || decodedJwt === void 0 ? void 0 : decodedJwt.missingFields) !== null && _a !== void 0 ? _a : [];
         const requiredVerificationDestination = isVerificationRequired(updateSelfResponse);
-        if (requiredVerificationDestination && handleVerificationRequired.current)
-            return handleVerificationRequired.current({
+        if (requiredVerificationDestination)
+            return handleVerificationRequired({
                 destination: requiredVerificationDestination,
+                jwtOverride: updateSelfResponse.jwt,
                 missingFields,
                 updateUserProfileResponse: updateSelfResponse,
             });
         // If verification is not needed then we can update the user profile immediately.
-        yield updateUserProfileByJWT(updateSelfResponse.jwt);
+        yield updateUserProfileByJWT(updateSelfResponse.jwt, updateSelfResponse.minifiedJwt);
         return {
             isEmailVerificationRequired: false,
             isSmsVerificationRequired: false,
@@ -113,10 +117,20 @@ const useOtpVerificationRequest = () => {
             updateUserProfileResponse: updateSelfResponse,
         };
     }), [contextVerificationUUID, environmentId, jwtToken, updateUserProfileByJWT]);
-    // This is necessary to avoid a circular declaration issue
-    const handleVerificationRequired = useRef(undefined);
-    handleVerificationRequired.current = useHandleVerificationRequired(verifyOtp);
     return { verifyOtp };
 };
+/**
+ * Hook to make verifications and already handle nuances like handling additional verifications
+ * and setting the user jwt on success
+ */
+// ATTENTION: THIS IS EXPOSED TO THE PUBLIC!
+const useOtpVerificationRequest = () => {
+    const updateUser = useUpdateUser(true);
+    const handleVerificationRequired = useHandleVerificationRequired(updateUser);
+    const { verifyOtp } = useOtpVerificationRequestRaw();
+    return useMemo(() => ({
+        verifyOtp: (token, destination, verificationUUID) => verifyOtp(handleVerificationRequired, token, destination, verificationUUID),
+    }), [handleVerificationRequired, verifyOtp]);
+};
 
-export { useOtpVerificationRequest };
+export { useOtpVerificationRequest, useOtpVerificationRequestRaw };

package/src/lib/utils/hooks/authenticationHooks/useSignConnectOnlyUser/useSignConnectOnlyUser.cjs

@@ -52,7 +52,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('../../../../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/authenticationHooks/useSignConnectOnlyUser/useSignConnectOnlyUser.js

@@ -48,7 +48,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 '../../../../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/index.d.ts

@@ -49,3 +49,4 @@ export { useSetWalletConnectorFetchers } from './useSetWalletConnectorFetchers';
 export { useNetworkDataFromWallet } from './useNetworkDataFromWallet';
 export { useDynamicModals } from './useDynamicModals';
 export { useSendDynamicProps } from './useSendDynamicProps';
+export { useNetworkNotSupported } from './useNetworkNotSupported';

package/src/lib/utils/hooks/multiWallet/useSyncPrimaryWallet/useSyncPrimaryWallet.cjs

@@ -52,7 +52,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');
@@ -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/multiWallet/useSyncPrimaryWallet/useSyncPrimaryWallet.js

@@ -48,7 +48,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';
@@ -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/multiWallet/useVerifyOnAwaitingSignature/useVerifyOnAwaitingSignature.cjs

@@ -54,7 +54,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');
@@ -67,7 +66,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/multiWallet/useVerifyOnAwaitingSignature/useVerifyOnAwaitingSignature.js

@@ -50,7 +50,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';
@@ -63,7 +62,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/useAuthLayoutChecks/useAuthLayoutChecks.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');
@@ -67,7 +66,7 @@ require('../../../context/LoadingContext/LoadingContext.cjs');
 var isUserLinkingWallet = require('../../../shared/utils/functions/isUserLinkingWallet/isUserLinkingWallet.cjs');
 var useDynamicLayoutData = require('../useDynamicLayoutData/useDynamicLayoutData.cjs');
 var index = 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');
@@ -147,7 +146,10 @@ const useAuthLayoutChecks = () => {
                     privacyPolicyUrl ||
                     customPrivacyPolicy ||
                     customTermsOfServices))));
-    const showDynamicFooter = view.type === 'login-with-email-verification' ||
+    const showDynamicFooter = view.type === 'login-with-email-or-wallet' ||
+        view.type === 'login-with-email-or-wallet-full-wallet-list' ||
+        view.type === 'login-with-wallet-only' ||
+        view.type === 'login-with-email-verification' ||
         view.type === 'login-with-sms-verification' ||
         view.type === 'verify-email' ||
         view.type === 'verify-sms' ||
@@ -185,9 +187,11 @@ const useAuthLayoutChecks = () => {
         view.type === 'farcaster-connect-view' ||
         (view.type === 'merge-user-accounts' && !user);
     const showDefaultFooter = !showConnectedWalletProgress && !showDynamicFooter && !showToSFooter;
+    const shouldHideDynamicFooterSeparator = showDynamicFooter && showToSFooter;
     return {
         displayBorderBelowHeader,
         isWalletListTypeView,
+        shouldHideDynamicFooterSeparator,
         showBackButton,
         showCloseButton,
         showConnectedWalletProgress,

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

@@ -1,6 +1,7 @@
 export declare const useAuthLayoutChecks: () => {
     displayBorderBelowHeader: boolean;
     isWalletListTypeView: boolean;
+    shouldHideDynamicFooterSeparator: boolean;
     showBackButton: boolean;
     showCloseButton: boolean;
     showConnectedWalletProgress: boolean;