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

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();

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();

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
     }), []);

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

@@ -6,5 +6,5 @@
  * @returns An object with the 'updateUserProfileByJWT' function.
  */
 export declare const useUpdateUserProfileByJWTCallback: () => {
-    updateUserProfileByJWT: (jwt: string) => Promise<void>;
+    updateUserProfileByJWT: (jwt: string, minifiedJwt: string) => Promise<void>;
 };

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

@@ -49,7 +49,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';
@@ -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';
@@ -81,8 +80,8 @@ import { useInternalDynamicContext } from '../../../context/DynamicContext/useDy
 const useUpdateUserProfileByJWTCallback = () => {
     const { createUserProfileByJWT } = useCreateUserProfileByJWTCallback();
     const { setCallback } = useInternalDynamicContext();
-    const updateUserProfileByJWT = useCallback((jwt) => __awaiter(void 0, void 0, void 0, function* () {
-        yield createUserProfileByJWT(jwt);
+    const updateUserProfileByJWT = useCallback((jwt, minifiedJwt) => __awaiter(void 0, void 0, void 0, function* () {
+        yield createUserProfileByJWT(jwt, minifiedJwt);
         setCallback('userProfileUpdate');
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }), []);

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

@@ -68,9 +68,17 @@ const useUserDataForm = ({ onSubmit, onError, userProfile, shouldEnforcePolicies
             if (e instanceof utils.EmailAlreadyExistsError) {
                 formikHelper.setErrors({ email: 'Email already exists' });
             }
+            else if (e instanceof utils.TooManyEmailVerificationsError) {
+                formikHelper.setErrors({
+                    email: 'Too many email verification attempts.',
+                });
+            }
             else if (e instanceof utils.UsernameAlreadyExistsError) {
                 formikHelper.setErrors({ username: 'Username already exists' });
             }
+            else if (e instanceof utils.InvalidPhoneNumberError) {
+                formikHelper.setErrors({ phoneNumber: 'Invalid phone number' });
+            }
             else {
                 formikHelper.setErrors({
                     api: 'Something went wrong. Please try again.',

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

@@ -37,5 +37,6 @@ export declare const useUserDataForm: ({ onSubmit, onError, userProfile, shouldE
         email?: string;
         policiesConsent?: boolean;
         username?: string;
+        phoneNumber?: string;
     }>) => Promise<void>;
 };

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

@@ -1,7 +1,7 @@
 import { __awaiter } from '../../../../../_virtual/_tslib.js';
 import { useState, useMemo, useCallback } from 'react';
 import { object } from 'yup';
-import { DynamicError, EmailAlreadyExistsError, UsernameAlreadyExistsError } from '@dynamic-labs/utils';
+import { DynamicError, EmailAlreadyExistsError, TooManyEmailVerificationsError, UsernameAlreadyExistsError, InvalidPhoneNumberError } from '@dynamic-labs/utils';
 import '@dynamic-labs/sdk-api';
 import { logger } from '../../../shared/logger.js';
 import '@dynamic-labs/iconic';
@@ -64,9 +64,17 @@ const useUserDataForm = ({ onSubmit, onError, userProfile, shouldEnforcePolicies
             if (e instanceof EmailAlreadyExistsError) {
                 formikHelper.setErrors({ email: 'Email already exists' });
             }
+            else if (e instanceof TooManyEmailVerificationsError) {
+                formikHelper.setErrors({
+                    email: 'Too many email verification attempts.',
+                });
+            }
             else if (e instanceof UsernameAlreadyExistsError) {
                 formikHelper.setErrors({ username: 'Username already exists' });
             }
+            else if (e instanceof InvalidPhoneNumberError) {
+                formikHelper.setErrors({ phoneNumber: 'Invalid phone number' });
+            }
             else {
                 formikHelper.setErrors({
                     api: 'Something went wrong. Please try again.',

package/src/lib/utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs

@@ -29,13 +29,13 @@ require('viem/chains');
 var api = require('../../../../data/api.cjs');
 require('../../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../../context/AccountExistsContext/AccountExistsContext.cjs');
-var useOtpVerificationRequest = require('../../authenticationHooks/useOtpVerificationRequest/useOtpVerificationRequest.cjs');
+var VerificationContext = require('../../../../context/VerificationContext/VerificationContext.cjs');
+var useUpdateUserProfileByJWTCallback = require('../../useUpdateUserProfileByJWTCallback/useUpdateUserProfileByJWTCallback.cjs');
 require('react-dom');
 require('../../../../context/WalletContext/WalletContext.cjs');
 require('../../../../context/ThemeContext/ThemeContext.cjs');
 var useHandleVerificationRequired = require('../../useHandleVerificationRequired/useHandleVerificationRequired.cjs');
 require('@dynamic-labs/types');
-var useUpdateUserProfileByJWTCallback = require('../../useUpdateUserProfileByJWTCallback/useUpdateUserProfileByJWTCallback.cjs');
 require('react-i18next');
 var FieldsStateContext = require('../../../../context/FieldsStateContext/FieldsStateContext.cjs');
 require('../../../../context/MockContext/MockContext.cjs');
@@ -54,13 +54,11 @@ 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');
 require('qrcode');
 require('formik');
-require('../../../../context/VerificationContext/VerificationContext.cjs');
 require('../../../../views/WalletList/WalletList.cjs');
 require('../../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
@@ -69,7 +67,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');
@@ -105,44 +103,51 @@ const useUpdateUser = (validationSchemaStripUnknown) => {
     const { authToken, onboardingOnlyJwt, environmentId } = useInternalDynamicContext.useInternalDynamicContext();
     const jwtToken = onboardingOnlyJwt || authToken;
     const { updateUserProfileByJWT } = useUpdateUserProfileByJWTCallback.useUpdateUserProfileByJWTCallback();
-    const { verifyOtp } = useOtpVerificationRequest.useOtpVerificationRequest();
-    const handleVerificationRequired = useHandleVerificationRequired.useHandleVerificationRequired(verifyOtp);
+    const { setRetryData } = VerificationContext.useVerification();
     const { selectedPhoneCountry } = FieldsStateContext.useFieldsState();
-    return React.useCallback((userFields, userEnvironmentId) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-        var _a;
+    const updateUser = React.useCallback((userFields, options) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        var _a, _b, _c;
         // `stripUnknown: true` will automatically strip out any values in the metadata object
         // so we need to pull out the metadata object here and then re-add it after stripping unknown fields
         const { metadata } = userFields;
         const validatedUserFields = yield userFieldsSchema.validate(userFields, {
             stripUnknown: validationSchemaStripUnknown,
         });
-        // If phone number is just the country code (preceded by "+") and nothing else,
-        // that means we should treat it as empty.
-        //
-        // Elaboration: the phone input field, when using the logic from the "react-international-phone" lib
-        // will always have at least a + and the country code as value (though they are omitted from view).
-        // That means if the user tries to erase his phone number from the input field, the phone number value
-        // will still be `+${countryDialCode}`.
-        // If we were to leave this in, the api would reject this as an invalid number. The user's intention is to
-        // erase his phone number, so we clear this field out to achieve that.
-        if (validatedUserFields.phoneNumber &&
-            selectedPhoneCountry.current &&
-            validatedUserFields.phoneNumber.length ===
+        if (validatedUserFields.phoneNumber && selectedPhoneCountry.current) {
+            // If phone number is just the country code (preceded by "+") and nothing else,
+            // that means we should treat it as empty.
+            //
+            // Elaboration: the phone input field, when using the logic from the "react-international-phone" lib
+            // will always have at least a + and the country code as value (though they are omitted from view).
+            // That means if the user tries to erase his phone number from the input field, the phone number value
+            // will still be `+${countryDialCode}`.
+            // If we were to leave this in, the api would reject this as an invalid number. The user's intention is to
+            // erase his phone number, so we clear this field out to achieve that.
+            if (validatedUserFields.phoneNumber.length ===
                 selectedPhoneCountry.current.dialCode.length + 1)
-            validatedUserFields.phoneNumber = '';
-        const updateUserProfileResponse = yield api.updateUserProfileFields(jwtToken, userEnvironmentId || environmentId, Object.assign(Object.assign({}, validatedUserFields), { metadata }));
+                validatedUserFields.phoneNumber = '';
+            // If there is a phone number, store if in the retry verification data
+            // in case we need to perform sms verification
+            else
+                setRetryData({
+                    dialCode: selectedPhoneCountry.current.dialCode,
+                    iso2: selectedPhoneCountry.current.iso2,
+                    phone: validatedUserFields.phoneNumber,
+                });
+        }
+        const updateUserProfileResponse = yield api.updateUserProfileFields((_a = options === null || options === void 0 ? void 0 : options.jwtOverride) !== null && _a !== void 0 ? _a : jwtToken, (_b = options === null || options === void 0 ? void 0 : options.userEnvironmentId) !== null && _b !== void 0 ? _b : environmentId, Object.assign(Object.assign({}, validatedUserFields), { metadata }));
         // check if decoded JWT still somehow has missing fields, we can't proceed if it does
         const decodedJwt = decodeJwt.decodeJwt(updateUserProfileResponse.jwt);
-        const missingFields = (_a = decodedJwt === null || decodedJwt === void 0 ? void 0 : decodedJwt.missingFields) !== null && _a !== void 0 ? _a : [];
+        const missingFields = (_c = decodedJwt === null || decodedJwt === void 0 ? void 0 : decodedJwt.missingFields) !== null && _c !== void 0 ? _c : [];
         const requiredVerificationDestination = useHandleVerificationRequired.isVerificationRequired(updateUserProfileResponse);
-        if (requiredVerificationDestination)
-            return handleVerificationRequired({
+        if (requiredVerificationDestination && handleVerificationRequired.current)
+            return handleVerificationRequired.current({
                 destination: requiredVerificationDestination,
                 missingFields,
                 updateUserProfileResponse,
             });
         // If verification is not needed then we can update the user profile immediately.
-        yield updateUserProfileByJWT(updateUserProfileResponse.jwt);
+        yield updateUserProfileByJWT(updateUserProfileResponse.jwt, updateUserProfileResponse.minifiedJwt);
         return {
             isEmailVerificationRequired: false,
             isSmsVerificationRequired: false,
@@ -154,9 +159,14 @@ const useUpdateUser = (validationSchemaStripUnknown) => {
         selectedPhoneCountry,
         jwtToken,
         environmentId,
-        handleVerificationRequired,
         updateUserProfileByJWT,
+        setRetryData,
     ]);
+    // This is necessary to avoid a circular declaration issue
+    const handleVerificationRequired = React.useRef(undefined);
+    handleVerificationRequired.current =
+        useHandleVerificationRequired.useHandleVerificationRequired(updateUser);
+    return updateUser;
 };
 
 exports.useUpdateUser = useUpdateUser;

package/src/lib/utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.d.ts

@@ -7,4 +7,8 @@ export type UpdateUserReturnPayload = {
     updateUserProfileResponse: UpdateSelfResponse;
     verifyOtp?: (verificationToken: string) => Promise<UpdateUserReturnPayload>;
 };
-export declare const useUpdateUser: (validationSchemaStripUnknown: boolean) => (userFields: UpdateUserFieldsArg, userEnvironmentId?: string) => Promise<UpdateUserReturnPayload>;
+export type UpdateUser = (userFields: UpdateUserFieldsArg, options?: {
+    userEnvironmentId?: string;
+    jwtOverride?: string;
+}) => Promise<UpdateUserReturnPayload>;
+export declare const useUpdateUser: (validationSchemaStripUnknown: boolean) => UpdateUser;

package/src/lib/utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js

@@ -1,5 +1,5 @@
 import { __awaiter } from '../../../../../../_virtual/_tslib.js';
-import { useCallback } from 'react';
+import { useCallback, useRef } from 'react';
 import { object, string, boolean } from 'yup';
 import '../../../../context/DynamicContext/DynamicContext.js';
 import { decodeJwt } from '../../../../shared/utils/functions/decodeJwt/decodeJwt.js';
@@ -25,13 +25,13 @@ import 'viem/chains';
 import { updateUserProfileFields } from '../../../../data/api.js';
 import '../../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../../context/AccountExistsContext/AccountExistsContext.js';
-import { useOtpVerificationRequest } from '../../authenticationHooks/useOtpVerificationRequest/useOtpVerificationRequest.js';
+import { useVerification } from '../../../../context/VerificationContext/VerificationContext.js';
+import { useUpdateUserProfileByJWTCallback } from '../../useUpdateUserProfileByJWTCallback/useUpdateUserProfileByJWTCallback.js';
 import 'react-dom';
 import '../../../../context/WalletContext/WalletContext.js';
 import '../../../../context/ThemeContext/ThemeContext.js';
 import { useHandleVerificationRequired, isVerificationRequired } from '../../useHandleVerificationRequired/useHandleVerificationRequired.js';
 import '@dynamic-labs/types';
-import { useUpdateUserProfileByJWTCallback } from '../../useUpdateUserProfileByJWTCallback/useUpdateUserProfileByJWTCallback.js';
 import 'react-i18next';
 import { useFieldsState } from '../../../../context/FieldsStateContext/FieldsStateContext.js';
 import '../../../../context/MockContext/MockContext.js';
@@ -50,13 +50,11 @@ 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';
 import 'qrcode';
 import 'formik';
-import '../../../../context/VerificationContext/VerificationContext.js';
 import '../../../../views/WalletList/WalletList.js';
 import '../../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
@@ -65,7 +63,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';
@@ -101,44 +99,51 @@ const useUpdateUser = (validationSchemaStripUnknown) => {
     const { authToken, onboardingOnlyJwt, environmentId } = useInternalDynamicContext();
     const jwtToken = onboardingOnlyJwt || authToken;
     const { updateUserProfileByJWT } = useUpdateUserProfileByJWTCallback();
-    const { verifyOtp } = useOtpVerificationRequest();
-    const handleVerificationRequired = useHandleVerificationRequired(verifyOtp);
+    const { setRetryData } = useVerification();
     const { selectedPhoneCountry } = useFieldsState();
-    return useCallback((userFields, userEnvironmentId) => __awaiter(void 0, void 0, void 0, function* () {
-        var _a;
+    const updateUser = useCallback((userFields, options) => __awaiter(void 0, void 0, void 0, function* () {
+        var _a, _b, _c;
         // `stripUnknown: true` will automatically strip out any values in the metadata object
         // so we need to pull out the metadata object here and then re-add it after stripping unknown fields
         const { metadata } = userFields;
         const validatedUserFields = yield userFieldsSchema.validate(userFields, {
             stripUnknown: validationSchemaStripUnknown,
         });
-        // If phone number is just the country code (preceded by "+") and nothing else,
-        // that means we should treat it as empty.
-        //
-        // Elaboration: the phone input field, when using the logic from the "react-international-phone" lib
-        // will always have at least a + and the country code as value (though they are omitted from view).
-        // That means if the user tries to erase his phone number from the input field, the phone number value
-        // will still be `+${countryDialCode}`.
-        // If we were to leave this in, the api would reject this as an invalid number. The user's intention is to
-        // erase his phone number, so we clear this field out to achieve that.
-        if (validatedUserFields.phoneNumber &&
-            selectedPhoneCountry.current &&
-            validatedUserFields.phoneNumber.length ===
+        if (validatedUserFields.phoneNumber && selectedPhoneCountry.current) {
+            // If phone number is just the country code (preceded by "+") and nothing else,
+            // that means we should treat it as empty.
+            //
+            // Elaboration: the phone input field, when using the logic from the "react-international-phone" lib
+            // will always have at least a + and the country code as value (though they are omitted from view).
+            // That means if the user tries to erase his phone number from the input field, the phone number value
+            // will still be `+${countryDialCode}`.
+            // If we were to leave this in, the api would reject this as an invalid number. The user's intention is to
+            // erase his phone number, so we clear this field out to achieve that.
+            if (validatedUserFields.phoneNumber.length ===
                 selectedPhoneCountry.current.dialCode.length + 1)
-            validatedUserFields.phoneNumber = '';
-        const updateUserProfileResponse = yield updateUserProfileFields(jwtToken, userEnvironmentId || environmentId, Object.assign(Object.assign({}, validatedUserFields), { metadata }));
+                validatedUserFields.phoneNumber = '';
+            // If there is a phone number, store if in the retry verification data
+            // in case we need to perform sms verification
+            else
+                setRetryData({
+                    dialCode: selectedPhoneCountry.current.dialCode,
+                    iso2: selectedPhoneCountry.current.iso2,
+                    phone: validatedUserFields.phoneNumber,
+                });
+        }
+        const updateUserProfileResponse = yield updateUserProfileFields((_a = options === null || options === void 0 ? void 0 : options.jwtOverride) !== null && _a !== void 0 ? _a : jwtToken, (_b = options === null || options === void 0 ? void 0 : options.userEnvironmentId) !== null && _b !== void 0 ? _b : environmentId, Object.assign(Object.assign({}, validatedUserFields), { metadata }));
         // check if decoded JWT still somehow has missing fields, we can't proceed if it does
         const decodedJwt = decodeJwt(updateUserProfileResponse.jwt);
-        const missingFields = (_a = decodedJwt === null || decodedJwt === void 0 ? void 0 : decodedJwt.missingFields) !== null && _a !== void 0 ? _a : [];
+        const missingFields = (_c = decodedJwt === null || decodedJwt === void 0 ? void 0 : decodedJwt.missingFields) !== null && _c !== void 0 ? _c : [];
         const requiredVerificationDestination = isVerificationRequired(updateUserProfileResponse);
-        if (requiredVerificationDestination)
-            return handleVerificationRequired({
+        if (requiredVerificationDestination && handleVerificationRequired.current)
+            return handleVerificationRequired.current({
                 destination: requiredVerificationDestination,
                 missingFields,
                 updateUserProfileResponse,
             });
         // If verification is not needed then we can update the user profile immediately.
-        yield updateUserProfileByJWT(updateUserProfileResponse.jwt);
+        yield updateUserProfileByJWT(updateUserProfileResponse.jwt, updateUserProfileResponse.minifiedJwt);
         return {
             isEmailVerificationRequired: false,
             isSmsVerificationRequired: false,
@@ -150,9 +155,14 @@ const useUpdateUser = (validationSchemaStripUnknown) => {
         selectedPhoneCountry,
         jwtToken,
         environmentId,
-        handleVerificationRequired,
         updateUserProfileByJWT,
+        setRetryData,
     ]);
+    // This is necessary to avoid a circular declaration issue
+    const handleVerificationRequired = useRef(undefined);
+    handleVerificationRequired.current =
+        useHandleVerificationRequired(updateUser);
+    return updateUser;
 };
 
 export { useUpdateUser };