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

package/src/lib/views/CollectUserDataView/OnboardingUserDataForm/OnboardingUserDataForm.js

@@ -6,15 +6,15 @@ 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/sdk-api';
+import '../../../shared/logger.js';
 import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
 import { useViewContext } from '../../../context/ViewContext/ViewContext.js';
-import '../../../shared/logger.js';
 import '@dynamic-labs/wallet-book';
 import '../../../utils/constants/colors.js';
 import '../../../utils/constants/values.js';
 import '../../../shared/utils/classes/storage/localStorage.js';
-import '@dynamic-labs/sdk-api';
 import '../../../shared/consts/index.js';
 import { useInternalDynamicContext } from '../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
 import '../../../context/CaptchaContext/CaptchaContext.js';
@@ -23,6 +23,7 @@ import '@dynamic-labs/multi-wallet';
 import 'react-international-phone';
 import 'viem';
 import 'viem/chains';
+import 'i18next';
 import '../../../config/ApiEndpoint.js';
 import '../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../context/AccountExistsContext/AccountExistsContext.js';
@@ -31,6 +32,7 @@ import 'react-dom';
 import { useEmbeddedWallet } from '../../../utils/hooks/useEmbeddedWallet/useEmbeddedWallet.js';
 import '../../../context/ThemeContext/ThemeContext.js';
 import '@dynamic-labs/types';
+import { useHandleBeforeAuthHandler } from '../../../utils/hooks/useHandleBeforeAuthHandler/useHandleBeforeAuthHandler.js';
 import { useUserDataForm } from '../../../utils/hooks/useUserDataForm/useUserDataForm.js';
 import { useUserUpdateRequestInternal } from '../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.js';
 import '../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
@@ -39,7 +41,6 @@ import '@dynamic-labs/rpc-providers';
 import '../../../context/UserWalletsContext/UserWalletsContext.js';
 import '../../../context/MockContext/MockContext.js';
 import 'react-i18next';
-import 'i18next';
 import '../../../context/FooterAnimationContext/index.js';
 import '../../../components/ShadowDOM/ShadowDOM.js';
 import '../../../components/Transition/ZoomTransition/ZoomTransition.js';
@@ -77,6 +78,7 @@ import '../../LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSecti
 
 const OnboardingUserDataForm = ({ children, userProfile, disableSubmit, }) => {
     const { policiesConsentInnerComponent, onboardingOnlyJwt, setShowAuthFlow, setCallback, projectSettings, } = useInternalDynamicContext();
+    const { handleBeforeAuthWithJWT } = useHandleBeforeAuthHandler();
     const { setView, view } = useViewContext();
     const { createEmbeddedWallet } = useEmbeddedWallet();
     const decodedJwt = decodeJwt(onboardingOnlyJwt);
@@ -85,7 +87,7 @@ const OnboardingUserDataForm = ({ children, userProfile, disableSubmit, }) => {
     });
     const onSubmit = useCallback((formValues) => __awaiter(void 0, void 0, void 0, function* () {
         var _a, _b;
-        const { isEmailVerificationRequired, missingFields, isSmsVerificationRequired, } = yield updateUser(formValues);
+        const { isEmailVerificationRequired, missingFields, isSmsVerificationRequired, updateUserProfileResponse, } = yield updateUser(formValues);
         if (isEmailVerificationRequired &&
             missingFields.map((field) => field.name).toString() === 'email') {
             setView('verify-email');
@@ -102,6 +104,7 @@ const OnboardingUserDataForm = ({ children, userProfile, disableSubmit, }) => {
             setView(view.type);
             return;
         }
+        yield handleBeforeAuthWithJWT(updateUserProfileResponse.jwt);
         setCallback('authSuccess');
         if (!((_b = (_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _a === void 0 ? void 0 : _a.embeddedWallets) === null || _b === void 0 ? void 0 : _b.automaticEmbeddedWalletCreation)) {
             setShowAuthFlow(false);

package/src/lib/views/CollectUserDataView/UserDataFields/UserField/UserField.cjs

@@ -25,6 +25,7 @@ require('@dynamic-labs/multi-wallet');
 require('react-international-phone');
 require('viem');
 require('viem/chains');
+require('i18next');
 require('../../../../config/ApiEndpoint.cjs');
 require('../../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../../context/AccountExistsContext/AccountExistsContext.cjs');
@@ -41,7 +42,6 @@ require('../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUse
 require('../../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');
 require('../../../../context/UserWalletsContext/UserWalletsContext.cjs');
-require('i18next');
 var Typography = require('../../../../components/Typography/Typography.cjs');
 require('../../../../context/FooterAnimationContext/index.cjs');
 require('../../../../components/ShadowDOM/ShadowDOM.cjs');

package/src/lib/views/CollectUserDataView/UserDataFields/UserField/UserField.js

@@ -21,6 +21,7 @@ import '@dynamic-labs/multi-wallet';
 import 'react-international-phone';
 import 'viem';
 import 'viem/chains';
+import 'i18next';
 import '../../../../config/ApiEndpoint.js';
 import '../../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../../context/AccountExistsContext/AccountExistsContext.js';
@@ -37,7 +38,6 @@ import '../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser
 import '../../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
 import '../../../../context/UserWalletsContext/UserWalletsContext.js';
-import 'i18next';
 import { Typography } from '../../../../components/Typography/Typography.js';
 import '../../../../context/FooterAnimationContext/index.js';
 import '../../../../components/ShadowDOM/ShadowDOM.js';

package/src/lib/views/CollectUserDataView/UserDataFields/UserPhoneField/UserPhoneField.cjs

@@ -25,6 +25,7 @@ require('react-international-phone');
 var getCustomCountries = require('../../../../utils/functions/getCustomCountries/getCustomCountries.cjs');
 require('viem');
 require('viem/chains');
+require('i18next');
 require('../../../../config/ApiEndpoint.cjs');
 require('../../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../../context/AccountExistsContext/AccountExistsContext.cjs');
@@ -41,7 +42,6 @@ require('../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUse
 require('../../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');
 require('../../../../context/UserWalletsContext/UserWalletsContext.cjs');
-require('i18next');
 var Typography = require('../../../../components/Typography/Typography.cjs');
 require('../../../../context/FooterAnimationContext/index.cjs');
 require('../../../../components/ShadowDOM/ShadowDOM.cjs');

package/src/lib/views/CollectUserDataView/UserDataFields/UserPhoneField/UserPhoneField.js

@@ -21,6 +21,7 @@ import 'react-international-phone';
 import { getCustomCountries } from '../../../../utils/functions/getCustomCountries/getCustomCountries.js';
 import 'viem';
 import 'viem/chains';
+import 'i18next';
 import '../../../../config/ApiEndpoint.js';
 import '../../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../../context/AccountExistsContext/AccountExistsContext.js';
@@ -37,7 +38,6 @@ import '../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser
 import '../../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
 import '../../../../context/UserWalletsContext/UserWalletsContext.js';
-import 'i18next';
 import { Typography } from '../../../../components/Typography/Typography.js';
 import '../../../../context/FooterAnimationContext/index.js';
 import '../../../../components/ShadowDOM/ShadowDOM.js';

package/src/lib/views/CollectUserDataView/useFields.cjs

@@ -25,6 +25,7 @@ var validatePhoneLength = require('../../utils/functions/validatePhoneLength/val
 require('react-international-phone');
 require('viem');
 require('viem/chains');
+require('i18next');
 require('../../config/ApiEndpoint.cjs');
 
 const useFields = () => {
@@ -72,26 +73,14 @@ const useFields = () => {
             label: t('dyn_collect_user_data.fields.phone_number.label'),
             type: 'string',
             validation: yup.string()
-                // For phone numbers, empty values are represented by a number that only contains
-                // the dial code (preceded by "+"). So we convert that representation to empty
-                .transform((phone) => {
-                if (!selectedPhoneCountry.current)
-                    return phone;
-                // Either it's the full length of a phone number, or empty (just the dial code preceded by "+")
-                return phone !== undefined &&
-                    phone.length ===
-                        selectedPhoneCountry.current.dialCode.length + 1
-                    ? ''
-                    : phone;
-            })
                 // Validate length
                 .test('length', t('dyn_collect_user_data.fields.phone_number.too_short'), (phone) => {
                 if (!selectedPhoneCountry.current)
                     return true;
                 // Either it's the full length of a phone number, or empty
-                return (phone !== undefined &&
-                    (phone.length === 0 ||
-                        validatePhoneLength.validatePhoneLength(phone, selectedPhoneCountry.current)));
+                return (phone === undefined ||
+                    phone.length === 0 ||
+                    validatePhoneLength.validatePhoneLength(phone, selectedPhoneCountry.current));
             })
                 // Validate format
                 .matches(fields.PHONE_NUMBER_REGEX, t('dyn_collect_user_data.fields.phone_number.validation')),

package/src/lib/views/CollectUserDataView/useFields.js

@@ -21,6 +21,7 @@ import { validatePhoneLength } from '../../utils/functions/validatePhoneLength/v
 import 'react-international-phone';
 import 'viem';
 import 'viem/chains';
+import 'i18next';
 import '../../config/ApiEndpoint.js';
 
 const useFields = () => {
@@ -68,26 +69,14 @@ const useFields = () => {
             label: t('dyn_collect_user_data.fields.phone_number.label'),
             type: 'string',
             validation: string()
-                // For phone numbers, empty values are represented by a number that only contains
-                // the dial code (preceded by "+"). So we convert that representation to empty
-                .transform((phone) => {
-                if (!selectedPhoneCountry.current)
-                    return phone;
-                // Either it's the full length of a phone number, or empty (just the dial code preceded by "+")
-                return phone !== undefined &&
-                    phone.length ===
-                        selectedPhoneCountry.current.dialCode.length + 1
-                    ? ''
-                    : phone;
-            })
                 // Validate length
                 .test('length', t('dyn_collect_user_data.fields.phone_number.too_short'), (phone) => {
                 if (!selectedPhoneCountry.current)
                     return true;
                 // Either it's the full length of a phone number, or empty
-                return (phone !== undefined &&
-                    (phone.length === 0 ||
-                        validatePhoneLength(phone, selectedPhoneCountry.current)));
+                return (phone === undefined ||
+                    phone.length === 0 ||
+                    validatePhoneLength(phone, selectedPhoneCountry.current));
             })
                 // Validate format
                 .matches(PHONE_NUMBER_REGEX, t('dyn_collect_user_data.fields.phone_number.validation')),

package/src/lib/views/CollectUserDataViewNoWallet/CollectUserDataViewNoWallet.cjs

@@ -29,6 +29,7 @@ require('react-international-phone');
 var getUserIdentifier = require('../../utils/functions/getUserIdentifier/getUserIdentifier.cjs');
 require('viem');
 require('viem/chains');
+require('i18next');
 require('../../config/ApiEndpoint.cjs');
 require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../context/AccountExistsContext/AccountExistsContext.cjs');
@@ -44,7 +45,6 @@ require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs'
 require('../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');
 require('../../context/UserWalletsContext/UserWalletsContext.cjs');
-require('i18next');
 var Typography = require('../../components/Typography/Typography.cjs');
 require('../../context/FooterAnimationContext/index.cjs');
 require('../../components/ShadowDOM/ShadowDOM.cjs');

package/src/lib/views/CollectUserDataViewNoWallet/CollectUserDataViewNoWallet.js

@@ -25,6 +25,7 @@ import 'react-international-phone';
 import { getUserIdentifier } from '../../utils/functions/getUserIdentifier/getUserIdentifier.js';
 import 'viem';
 import 'viem/chains';
+import 'i18next';
 import '../../config/ApiEndpoint.js';
 import '../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../context/AccountExistsContext/AccountExistsContext.js';
@@ -40,7 +41,6 @@ import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
 import '../../context/UserWalletsContext/UserWalletsContext.js';
-import 'i18next';
 import { Typography } from '../../components/Typography/Typography.js';
 import '../../context/FooterAnimationContext/index.js';
 import '../../components/ShadowDOM/ShadowDOM.js';

package/src/lib/views/CreatePasswordView/CreatePasswordStep/CreatePasswordStep.cjs

@@ -31,6 +31,7 @@ require('@dynamic-labs/multi-wallet');
 require('react-international-phone');
 require('viem');
 require('viem/chains');
+require('i18next');
 require('../../../config/ApiEndpoint.cjs');
 require('../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../context/AccountExistsContext/AccountExistsContext.cjs');
@@ -46,7 +47,6 @@ require('../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.c
 require('../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');
 require('../../../context/UserWalletsContext/UserWalletsContext.cjs');
-require('i18next');
 var Typography = require('../../../components/Typography/Typography.cjs');
 require('../../../context/FooterAnimationContext/index.cjs');
 require('../../../components/ShadowDOM/ShadowDOM.cjs');

package/src/lib/views/CreatePasswordView/CreatePasswordStep/CreatePasswordStep.js

@@ -27,6 +27,7 @@ import '@dynamic-labs/multi-wallet';
 import 'react-international-phone';
 import 'viem';
 import 'viem/chains';
+import 'i18next';
 import '../../../config/ApiEndpoint.js';
 import '../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../context/AccountExistsContext/AccountExistsContext.js';
@@ -42,7 +43,6 @@ import '../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js
 import '../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
 import '../../../context/UserWalletsContext/UserWalletsContext.js';
-import 'i18next';
 import { Typography } from '../../../components/Typography/Typography.js';
 import '../../../context/FooterAnimationContext/index.js';
 import '../../../components/ShadowDOM/ShadowDOM.js';

package/src/lib/views/CreatePasswordView/CreatePasswordView.cjs

@@ -27,6 +27,7 @@ require('viem');
 require('viem/chains');
 var findCoinbaseMPCWallet = require('../../utils/functions/findCoinbaseMPCWallet/findCoinbaseMPCWallet.cjs');
 var requiresPasswordForEmbeddedWallet = require('../../utils/functions/requiresPasswordForEmbeddedWallet/requiresPasswordForEmbeddedWallet.cjs');
+require('i18next');
 require('../../config/ApiEndpoint.cjs');
 require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../context/AccountExistsContext/AccountExistsContext.cjs');
@@ -63,7 +64,6 @@ require('formik');
 require('../WalletList/WalletList.cjs');
 require('../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
-require('i18next');
 require('@hcaptcha/react-hcaptcha');
 var CreatePasswordStep = require('./CreatePasswordStep/CreatePasswordStep.cjs');
 var SavePasswordStep = require('./SavePasswordStep/SavePasswordStep.cjs');

package/src/lib/views/CreatePasswordView/CreatePasswordView.js

@@ -23,6 +23,7 @@ import 'viem';
 import 'viem/chains';
 import { findCoinbaseMPCWallet } from '../../utils/functions/findCoinbaseMPCWallet/findCoinbaseMPCWallet.js';
 import { requiresPasswordForEmbeddedWallet } from '../../utils/functions/requiresPasswordForEmbeddedWallet/requiresPasswordForEmbeddedWallet.js';
+import 'i18next';
 import '../../config/ApiEndpoint.js';
 import '../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../context/AccountExistsContext/AccountExistsContext.js';
@@ -59,7 +60,6 @@ import 'formik';
 import '../WalletList/WalletList.js';
 import '../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
-import 'i18next';
 import '@hcaptcha/react-hcaptcha';
 import { CreatePasswordStep } from './CreatePasswordStep/CreatePasswordStep.js';
 import { SavePasswordStep } from './SavePasswordStep/SavePasswordStep.js';

package/src/lib/views/CreatePasswordView/SavePasswordStep/SavePasswordStep.cjs

@@ -30,6 +30,7 @@ require('@dynamic-labs/multi-wallet');
 require('react-international-phone');
 require('viem');
 require('viem/chains');
+require('i18next');
 require('../../../config/ApiEndpoint.cjs');
 require('../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../context/AccountExistsContext/AccountExistsContext.cjs');

package/src/lib/views/CreatePasswordView/SavePasswordStep/SavePasswordStep.js

@@ -26,6 +26,7 @@ import '@dynamic-labs/multi-wallet';
 import 'react-international-phone';
 import 'viem';
 import 'viem/chains';
+import 'i18next';
 import '../../../config/ApiEndpoint.js';
 import '../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../context/AccountExistsContext/AccountExistsContext.js';

package/src/lib/views/EmailConfirmationWaitingView/EmailConfirmationWaitingView.cjs

@@ -27,6 +27,7 @@ require('@dynamic-labs/multi-wallet');
 require('react-international-phone');
 require('viem');
 require('viem/chains');
+require('i18next');
 require('../../config/ApiEndpoint.cjs');
 require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../context/AccountExistsContext/AccountExistsContext.cjs');
@@ -42,7 +43,6 @@ require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs'
 require('../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');
 require('../../context/UserWalletsContext/UserWalletsContext.cjs');
-require('i18next');
 var PoweredByDynamic = require('../../components/PoweredByDynamic/PoweredByDynamic.cjs');
 require('../../context/FooterAnimationContext/index.cjs');
 require('../../components/ShadowDOM/ShadowDOM.cjs');

package/src/lib/views/EmailConfirmationWaitingView/EmailConfirmationWaitingView.js

@@ -23,6 +23,7 @@ import '@dynamic-labs/multi-wallet';
 import 'react-international-phone';
 import 'viem';
 import 'viem/chains';
+import 'i18next';
 import '../../config/ApiEndpoint.js';
 import '../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../context/AccountExistsContext/AccountExistsContext.js';
@@ -38,7 +39,6 @@ import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
 import '../../context/UserWalletsContext/UserWalletsContext.js';
-import 'i18next';
 import { PoweredByDynamic } from '../../components/PoweredByDynamic/PoweredByDynamic.js';
 import '../../context/FooterAnimationContext/index.js';
 import '../../components/ShadowDOM/ShadowDOM.js';

package/src/lib/views/EmailUpdate/EmailUpdate.cjs

@@ -84,7 +84,7 @@ const EmailUpdate = () => {
     const { loading, setLoading } = LoadingContext.useLoadingContext();
     const { setView, goToInitialView } = ViewContext.useViewContext();
     const { displayedDestination: email, setDisplayedDestination: setEmail, setVerificationUUID, } = VerificationContext.useVerification();
-    const { environmentId, handleLogOut, onboardingOnlyJwt, authToken } = useInternalDynamicContext.useInternalDynamicContext();
+    const { environmentId, handleLogOut, onboardingOnlyJwt, minAuthToken } = useInternalDynamicContext.useInternalDynamicContext();
     const { t } = reactI18next.useTranslation();
     const [emailError, setEmailError] = React.useState(undefined);
     const handleBackClick = () => {
@@ -94,7 +94,7 @@ const EmailUpdate = () => {
     const backButton = (jsxRuntime.jsx(IconButton.IconButton, { type: 'button', onClick: handleBackClick, "data-testid": 'back-button', children: jsxRuntime.jsx(chevronLeft.ReactComponent, {}) }));
     // If user tries to update an email for logged user there is already an authToken and onboardingOnlyJwt is undefined
     // If user tries to update the email in the authFlow, authToken is undefined and onboardingOnlyJwt is defined
-    const jwtToken = authToken || onboardingOnlyJwt;
+    const jwtToken = minAuthToken || onboardingOnlyJwt;
     const handleEmailUpdate = () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         try {
             if (!updatedEmail) {

package/src/lib/views/EmailUpdate/EmailUpdate.js

@@ -80,7 +80,7 @@ const EmailUpdate = () => {
     const { loading, setLoading } = useLoadingContext();
     const { setView, goToInitialView } = useViewContext();
     const { displayedDestination: email, setDisplayedDestination: setEmail, setVerificationUUID, } = useVerification();
-    const { environmentId, handleLogOut, onboardingOnlyJwt, authToken } = useInternalDynamicContext();
+    const { environmentId, handleLogOut, onboardingOnlyJwt, minAuthToken } = useInternalDynamicContext();
     const { t } = useTranslation();
     const [emailError, setEmailError] = useState(undefined);
     const handleBackClick = () => {
@@ -90,7 +90,7 @@ const EmailUpdate = () => {
     const backButton = (jsx(IconButton, { type: 'button', onClick: handleBackClick, "data-testid": 'back-button', children: jsx(SvgChevronLeft, {}) }));
     // If user tries to update an email for logged user there is already an authToken and onboardingOnlyJwt is undefined
     // If user tries to update the email in the authFlow, authToken is undefined and onboardingOnlyJwt is defined
-    const jwtToken = authToken || onboardingOnlyJwt;
+    const jwtToken = minAuthToken || onboardingOnlyJwt;
     const handleEmailUpdate = () => __awaiter(void 0, void 0, void 0, function* () {
         try {
             if (!updatedEmail) {

package/src/lib/views/EmailVerification/EmailVerification.cjs

@@ -11,18 +11,17 @@ var classNames = require('../../utils/functions/classNames/classNames.cjs');
 var dynamicEvents = require('../../events/dynamicEvents.cjs');
 require('../../context/DynamicContext/DynamicContext.cjs');
 var decodeJwt = require('../../shared/utils/functions/decodeJwt/decodeJwt.cjs');
+require('@dynamic-labs/sdk-api');
+var logger = require('../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
 var ViewContext = require('../../context/ViewContext/ViewContext.cjs');
 var check = require('../../shared/assets/check.cjs');
 var signInWithEmail = require('../../shared/assets/sign-in-with-email.cjs');
-var logger = require('../../shared/logger.cjs');
 require('@dynamic-labs/wallet-book');
 require('../../utils/constants/colors.cjs');
 require('../../utils/constants/values.cjs');
 require('../../shared/utils/classes/storage/localStorage.cjs');
-require('@dynamic-labs/sdk-api');
-var useEffectOnce = require('../../shared/utils/hooks/useEffectOnce/useEffectOnce.cjs');
 require('../../shared/consts/index.cjs');
 var useInternalDynamicContext = require('../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
 require('../../context/CaptchaContext/CaptchaContext.cjs');
@@ -44,6 +43,7 @@ var VerificationContext = require('../../context/VerificationContext/Verificatio
 var useOnUnmount = require('../../utils/hooks/useOnUnmount/useOnUnmount.cjs');
 require('@dynamic-labs/types');
 var useCreateUserProfileByJWTCallback = require('../../utils/hooks/useCreateUserProfileByJWTCallback/useCreateUserProfileByJWTCallback.cjs');
+var useHandleBeforeAuthHandler = require('../../utils/hooks/useHandleBeforeAuthHandler/useHandleBeforeAuthHandler.cjs');
 require('yup');
 require('../../context/FieldsStateContext/FieldsStateContext.cjs');
 require('../../context/MockContext/MockContext.cjs');
@@ -99,6 +99,7 @@ const EmailVerification = () => {
     var _a, _b, _c, _d;
     const [showRetryButton, setShowRetryButton] = React.useState(true);
     const [showTransferMessage, setShowTransferMessage] = React.useState(false);
+    const { handleBeforeAuthWithJWT } = useHandleBeforeAuthHandler.useHandleBeforeAuthHandler();
     // Use a state to ensure UI is updated, but also a ref to access in effect cleanup
     const [isValidated, _setIsValidated] = React.useState(false);
     const isValidatedRef = React.useRef(isValidated);
@@ -109,7 +110,7 @@ const EmailVerification = () => {
     const { view, setView, goToInitialView } = ViewContext.useViewContext();
     const { error, setError, setErrorMessage } = ErrorContext.useErrorContext();
     const { setExistentAccountData } = AccountExistsContext.useAccountExistsContext();
-    const { environmentId, onboardingOnlyJwt, handleLogOut, authToken, setOnboardingOnlyJwt, setShowAuthFlow, setCallback, setIsVerificationInProgress, projectSettings, } = useInternalDynamicContext.useInternalDynamicContext();
+    const { environmentId, onboardingOnlyJwt, handleLogOut, authToken, setOnboardingOnlyJwt, setShowAuthFlow, setCallback, projectSettings, } = useInternalDynamicContext.useInternalDynamicContext();
     const { displayedDestination: email, verificationUUID, setVerificationUUID, } = VerificationContext.useVerification();
     const { loading, setLoading } = LoadingContext.useLoadingContext();
     const { t } = reactI18next.useTranslation();
@@ -120,11 +121,8 @@ const EmailVerification = () => {
         if (!callCallbackOnUnmount.current)
             return;
         dynamicEvents.dynamicEvents.emit('emailVerificationResult', isValidatedRef.current, email !== null && email !== void 0 ? email : '');
-    });
-    useEffectOnce.useEffectOnce(() => {
-        // Set verification in progress
-        // It should be disabled by either clearStatesOnBackClick, the close button, or onAuthSuccess
-        setIsVerificationInProgress(true);
+        if (!email)
+            logger.logger.warn("WARNING: emitted emailVerificationResult with incomplete params because useVerification's displayedDestination was undefined");
     });
     const isLoginView = view.type === 'login-with-email-verification';
     const { verifyOtp } = useOtpVerificationRequest.useOtpVerificationRequest();
@@ -150,6 +148,7 @@ const EmailVerification = () => {
                 return;
             }
             if (onboardingOnlyJwt) {
+                yield handleBeforeAuthWithJWT(updateUserProfileResponse.jwt);
                 setOnboardingOnlyJwt(undefined);
                 setCallback('authSuccess');
             }
@@ -189,8 +188,8 @@ const EmailVerification = () => {
         isTurnkeyProviderEnabled,
         (_b = (_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _a === void 0 ? void 0 : _a.embeddedWallets) === null || _b === void 0 ? void 0 : _b.automaticEmbeddedWalletCreation,
         createEmbeddedWallet,
-        setView,
         setOnboardingOnlyJwt,
+        setView,
         setCallback,
         setShowAuthFlow,
         setErrorMessage,
@@ -225,6 +224,7 @@ const EmailVerification = () => {
                 });
                 return;
             }
+            yield handleBeforeAuthWithJWT(jwt);
             setCallback('authSuccess');
             // this timeout is set to make sure that the user will see success message
             yield sleepToShowSuccessMessage();
@@ -261,10 +261,11 @@ const EmailVerification = () => {
         environmentId,
         setCallback,
         createUserProfileByJWT,
-        setOnboardingOnlyJwt,
-        setView,
+        isTurnkeyProviderEnabled,
         (_d = (_c = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _c === void 0 ? void 0 : _c.embeddedWallets) === null || _d === void 0 ? void 0 : _d.automaticEmbeddedWalletCreation,
         createEmbeddedWallet,
+        setOnboardingOnlyJwt,
+        setView,
         setShowAuthFlow,
         setErrorMessage,
         setExistentAccountData,

package/src/lib/views/EmailVerification/EmailVerification.js

@@ -7,18 +7,17 @@ import { classNames } from '../../utils/functions/classNames/classNames.js';
 import { dynamicEvents } from '../../events/dynamicEvents.js';
 import '../../context/DynamicContext/DynamicContext.js';
 import { decodeJwt } from '../../shared/utils/functions/decodeJwt/decodeJwt.js';
+import '@dynamic-labs/sdk-api';
+import { logger } from '../../shared/logger.js';
 import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
 import { useViewContext } from '../../context/ViewContext/ViewContext.js';
 import { ReactComponent as SvgCheck } from '../../shared/assets/check.js';
 import { ReactComponent as SvgSignInWithEmail } from '../../shared/assets/sign-in-with-email.js';
-import { logger } from '../../shared/logger.js';
 import '@dynamic-labs/wallet-book';
 import '../../utils/constants/colors.js';
 import '../../utils/constants/values.js';
 import '../../shared/utils/classes/storage/localStorage.js';
-import '@dynamic-labs/sdk-api';
-import { useEffectOnce } from '../../shared/utils/hooks/useEffectOnce/useEffectOnce.js';
 import '../../shared/consts/index.js';
 import { useInternalDynamicContext } from '../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
 import '../../context/CaptchaContext/CaptchaContext.js';
@@ -40,6 +39,7 @@ import { useVerification } from '../../context/VerificationContext/VerificationC
 import { useOnUnmount } from '../../utils/hooks/useOnUnmount/useOnUnmount.js';
 import '@dynamic-labs/types';
 import { useCreateUserProfileByJWTCallback } from '../../utils/hooks/useCreateUserProfileByJWTCallback/useCreateUserProfileByJWTCallback.js';
+import { useHandleBeforeAuthHandler } from '../../utils/hooks/useHandleBeforeAuthHandler/useHandleBeforeAuthHandler.js';
 import 'yup';
 import '../../context/FieldsStateContext/FieldsStateContext.js';
 import '../../context/MockContext/MockContext.js';
@@ -95,6 +95,7 @@ const EmailVerification = () => {
     var _a, _b, _c, _d;
     const [showRetryButton, setShowRetryButton] = useState(true);
     const [showTransferMessage, setShowTransferMessage] = useState(false);
+    const { handleBeforeAuthWithJWT } = useHandleBeforeAuthHandler();
     // Use a state to ensure UI is updated, but also a ref to access in effect cleanup
     const [isValidated, _setIsValidated] = useState(false);
     const isValidatedRef = useRef(isValidated);
@@ -105,7 +106,7 @@ const EmailVerification = () => {
     const { view, setView, goToInitialView } = useViewContext();
     const { error, setError, setErrorMessage } = useErrorContext();
     const { setExistentAccountData } = useAccountExistsContext();
-    const { environmentId, onboardingOnlyJwt, handleLogOut, authToken, setOnboardingOnlyJwt, setShowAuthFlow, setCallback, setIsVerificationInProgress, projectSettings, } = useInternalDynamicContext();
+    const { environmentId, onboardingOnlyJwt, handleLogOut, authToken, setOnboardingOnlyJwt, setShowAuthFlow, setCallback, projectSettings, } = useInternalDynamicContext();
     const { displayedDestination: email, verificationUUID, setVerificationUUID, } = useVerification();
     const { loading, setLoading } = useLoadingContext();
     const { t } = useTranslation();
@@ -116,11 +117,8 @@ const EmailVerification = () => {
         if (!callCallbackOnUnmount.current)
             return;
         dynamicEvents.emit('emailVerificationResult', isValidatedRef.current, email !== null && email !== void 0 ? email : '');
-    });
-    useEffectOnce(() => {
-        // Set verification in progress
-        // It should be disabled by either clearStatesOnBackClick, the close button, or onAuthSuccess
-        setIsVerificationInProgress(true);
+        if (!email)
+            logger.warn("WARNING: emitted emailVerificationResult with incomplete params because useVerification's displayedDestination was undefined");
     });
     const isLoginView = view.type === 'login-with-email-verification';
     const { verifyOtp } = useOtpVerificationRequest();
@@ -146,6 +144,7 @@ const EmailVerification = () => {
                 return;
             }
             if (onboardingOnlyJwt) {
+                yield handleBeforeAuthWithJWT(updateUserProfileResponse.jwt);
                 setOnboardingOnlyJwt(undefined);
                 setCallback('authSuccess');
             }
@@ -185,8 +184,8 @@ const EmailVerification = () => {
         isTurnkeyProviderEnabled,
         (_b = (_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _a === void 0 ? void 0 : _a.embeddedWallets) === null || _b === void 0 ? void 0 : _b.automaticEmbeddedWalletCreation,
         createEmbeddedWallet,
-        setView,
         setOnboardingOnlyJwt,
+        setView,
         setCallback,
         setShowAuthFlow,
         setErrorMessage,
@@ -221,6 +220,7 @@ const EmailVerification = () => {
                 });
                 return;
             }
+            yield handleBeforeAuthWithJWT(jwt);
             setCallback('authSuccess');
             // this timeout is set to make sure that the user will see success message
             yield sleepToShowSuccessMessage();
@@ -257,10 +257,11 @@ const EmailVerification = () => {
         environmentId,
         setCallback,
         createUserProfileByJWT,
-        setOnboardingOnlyJwt,
-        setView,
+        isTurnkeyProviderEnabled,
         (_d = (_c = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _c === void 0 ? void 0 : _c.embeddedWallets) === null || _d === void 0 ? void 0 : _d.automaticEmbeddedWalletCreation,
         createEmbeddedWallet,
+        setOnboardingOnlyJwt,
+        setView,
         setShowAuthFlow,
         setErrorMessage,
         setExistentAccountData,

package/src/lib/views/EmailWalletOTPVerificationView/EmailWalletOTPVerificationView.cjs

@@ -26,6 +26,7 @@ require('react-international-phone');
 var shortenEmail = require('../../shared/utils/functions/shortenEmail/shortenEmail.cjs');
 require('viem');
 require('viem/chains');
+require('i18next');
 require('../../config/ApiEndpoint.cjs');
 require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../context/AccountExistsContext/AccountExistsContext.cjs');
@@ -43,7 +44,6 @@ require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs'
 require('../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');
 require('../../context/UserWalletsContext/UserWalletsContext.cjs');
-require('i18next');
 require('../../context/FooterAnimationContext/index.cjs');
 require('../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../components/Transition/ZoomTransition/ZoomTransition.cjs');