@hhgtech/hhg-components 1.29.310-beta-2 → 1.29.310-beta-4

package/build/esm/ssoV2.js

@@ -1,27 +1,27 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-1abdf769.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-ce74f603.js';
 import React__default, { createContext, useMemo, useEffect, useState, useCallback, forwardRef } from 'react';
-import { I as Input, s as styles, O as OTP, f as PasswordInput, E as ErrorBoundary } from './index-4497901f.js';
-import { S as SSOStepTypeType, a as useSSOSteps, u as useSSOV2Store, i as isPhoneNotVerifedYet, b as isUserFinishedSetup, c as isUserNeedPassword, f as fetchSSOV2Api, w as websiteId, d as SSO_V2_PATHS, e as checkUserExist, F as FacebookAppId, G as GoogleAuthClientId, h as handleAuthSuccess, g as getUserInfo, j as updateUserInfo, k as isLoginWithPhoneNotVerifedYet, r as resetPassword, l as redirect } from './store-d8cbe910.js';
-export { u as useSSOV2Store } from './store-d8cbe910.js';
+import { I as Input, s as styles, O as OTP, f as PasswordInput, E as ErrorBoundary } from './index-1d6042e8.js';
+import { S as SSOStepTypeType, a as useSSOSteps, u as useSSOV2Store, i as isPhoneNotVerifedYet, b as isUserFinishedSetup, c as isUserNeedPassword, f as fetchSSOV2Api, w as websiteId, d as SSO_V2_PATHS, e as checkUserExist, F as FacebookAppId, G as GoogleAuthClientId, h as handleAuthSuccess, g as getUserInfo, j as updateUserInfo, k as isLoginWithPhoneNotVerifedYet, l as isFlowFinishedSetup, r as resetPassword, m as redirect } from './store-1acba58d.js';
+export { u as useSSOV2Store } from './store-1acba58d.js';
 import { ChevronLeft } from '@hhgtech/icons/arrow';
 import { Close, Search } from '@hhgtech/icons/core';
-import { Z as ZINDEX_SSO, L as LOCALE_SPECS, S as STATIC_PAGES } from './index-70279f09.js';
-import { L as LogoIcon } from './logoIcon-d6099328.js';
-import { B as Button } from './index-29e9e5eb.js';
-import { M as Modal } from './index-4ffe08ba.js';
+import { Z as ZINDEX_SSO, L as LOCALE_SPECS, S as STATIC_PAGES } from './index-abadd269.js';
+import { L as LogoIcon } from './logoIcon-71f36463.js';
+import { B as Button } from './index-a108337c.js';
+import { M as Modal } from './index-1e32216d.js';
 import { Stack, Flex, Box, Group } from '@mantine/core';
 import '@mantine/dates';
-import './index-8ac75f50.js';
-import './index-e9f9bb9e.js';
-import { s as showNotification } from './useMantineLocale-9104cbfb.js';
-import { T as Text } from './index-69e8cc06.js';
-import { u as useTranslations } from './index-f00312f8.js';
+import './index-94ab96a4.js';
+import './index-55e9de36.js';
+import { s as showNotification } from './useMantineLocale-df80f46c.js';
+import { T as Text } from './index-6da0c043.js';
+import { u as useTranslations } from './index-7839baec.js';
 import '@mantine/hooks';
-import './utils-b8f3ed7d.js';
-import './other-e4635691.js';
-import './index-6c98aabd.js';
-import { L as LOCALE } from './Locale-89b4bfcc.js';
-import { G as Google, F as Facebook } from './Google-db72db7b.js';
+import './utils-69e6fbdd.js';
+import './other-18348d8b.js';
+import './index-b7b494e0.js';
+import { L as LOCALE } from './Locale-807ca088.js';
+import { G as Google, F as Facebook } from './Google-a554e17d.js';
 import { parsePhoneNumber, getCountryCallingCode } from 'react-phone-number-input';
 import styled from '@emotion/styled';
 import cn from 'classnames';
@@ -29,28 +29,28 @@ import { CaretDown } from '@hhgtech/icons/other';
 import debounce from 'lodash/debounce';
 import throttle from 'lodash/throttle';
 import Flags from 'react-phone-number-input/flags';
-import { u as useScreenSize } from './useScreenSize-35522e58.js';
+import { u as useScreenSize } from './useScreenSize-384dd60f.js';
 import { Drawer } from 'vaul';
-import { M as MAPPED_LOCALE } from './utils-c13a213d.js';
-import { S as Spoiler } from './index-4360a970.js';
+import { M as MAPPED_LOCALE } from './utils-34a49d5f.js';
+import { S as Spoiler } from './index-1b5dc167.js';
 import { domainLocales } from './constantsDomainLocales.js';
 import { useForm, yupResolver } from '@mantine/form';
 import * as yup from 'yup';
 import dayjs from 'dayjs';
-import { D as DatePicker } from './index-c83206b9.js';
+import { D as DatePicker } from './index-07844dc7.js';
 import '@mantine/carousel';
 import './miscTheme.js';
-import './useUniqueId-c9e5cd96.js';
+import './useUniqueId-1419c2da.js';
 import './constantsSite.js';
 import 'zustand';
 import './constantsIsProduction.js';
-import './normalizeLink-073e5351.js';
+import './normalizeLink-171c1577.js';
 import './miscCookieHelper.js';
 import 'date-fns/locale';
 import './constantsRiskScreener.js';
-import './index.styles-4ebe8e58.js';
+import './index.styles-8276aa5b.js';
 import '@mantine/notifications';
-import './translationsContext-50b80428.js';
+import './translationsContext-faa1aa86.js';
 
 const SSOStateContext = createContext({
     locale: LOCALE.Vietnam,
@@ -166,20 +166,29 @@ const isPhoneFlowFn = (flowData) => {
         (flowData === null || flowData === void 0 ? void 0 : flowData.method) === 'zalo' ||
         (flowData === null || flowData === void 0 ? void 0 : flowData.method) === 'phone');
 };
+const isEmailFlowFn = (flowData) => {
+    return (flowData === null || flowData === void 0 ? void 0 : flowData.method) === 'email';
+};
 const isDisplayProgressBarFn = (flowData, step) => {
     const showProgressBar = (step === null || step === void 0 ? void 0 : step.type) === SSOStepTypeType.OTP ||
         (step === null || step === void 0 ? void 0 : step.type) === SSOStepTypeType.SETUP_FULL ||
         (step === null || step === void 0 ? void 0 : step.type) === SSOStepTypeType.VERIFY_PHONE ||
         (step === null || step === void 0 ? void 0 : step.type) === SSOStepTypeType.PASSWORD ||
         (step === null || step === void 0 ? void 0 : step.type) === SSOStepTypeType.FORGOT_PASSWORD_PHONE ||
-        (step === null || step === void 0 ? void 0 : step.type) === SSOStepTypeType.FORGOT_PASSWORD_SETUP;
+        (step === null || step === void 0 ? void 0 : step.type) === SSOStepTypeType.FORGOT_PASSWORD_SETUP ||
+        (step === null || step === void 0 ? void 0 : step.type) === SSOStepTypeType.EMAIL;
     // step?.type === SSOStepTypeType.PASSWORD
-    const isWhiteListFlow = isSocialFlowFn(flowData) || isPhoneFlowFn(flowData);
+    const isWhiteListFlow = isSocialFlowFn(flowData) ||
+        isPhoneFlowFn(flowData) ||
+        isEmailFlowFn(flowData);
     return showProgressBar && isWhiteListFlow;
 };
-const getCurrentStepNumber = (flowData, step, userInfo) => {
+const getCurrentStepNumber = (flowData, { steps, currentStepIndex, }, userInfo) => {
+    var _a, _b, _c, _d, _e;
+    const step = steps[currentStepIndex];
     const isSocialFlow = isSocialFlowFn(flowData);
     const isPhoneFlow = isPhoneFlowFn(flowData);
+    const isEmailFlow = isEmailFlowFn(flowData);
     /** Social (Google, Facebook): FIRST => VERIFY_PHONE | OTP => STEP_FULL */
     if (isSocialFlow) {
         const arrSteps = [
@@ -233,6 +242,37 @@ const getCurrentStepNumber = (flowData, step, userInfo) => {
             arrSteps.findIndex((type) => type === (step === null || step === void 0 ? void 0 : step.type)) + 1,
         ];
     }
+    if (isEmailFlow) {
+        const hasPasswordStep = !((_a = flowData === null || flowData === void 0 ? void 0 : flowData.emailMetaData) === null || _a === void 0 ? void 0 : _a.is_pass);
+        const hasPhoneStep = !((_b = flowData === null || flowData === void 0 ? void 0 : flowData.emailMetaData) === null || _b === void 0 ? void 0 : _b.is_phone_verified);
+        const hasSetupFullStep = !((_c = flowData === null || flowData === void 0 ? void 0 : flowData.emailMetaData) === null || _c === void 0 ? void 0 : _c.is_gender) ||
+            !((_d = flowData === null || flowData === void 0 ? void 0 : flowData.emailMetaData) === null || _d === void 0 ? void 0 : _d.is_name) ||
+            !((_e = flowData === null || flowData === void 0 ? void 0 : flowData.emailMetaData) === null || _e === void 0 ? void 0 : _e.is_birthday);
+        if (!hasPasswordStep && !hasPhoneStep && !hasSetupFullStep)
+            return [];
+        const arrSteps = [
+            (step === null || step === void 0 ? void 0 : step.type) === SSOStepTypeType.OTP
+                ? SSOStepTypeType.OTP
+                : SSOStepTypeType.EMAIL,
+            hasPasswordStep
+                ? SSOStepTypeType.FORGOT_PASSWORD_SETUP
+                : SSOStepTypeType.PASSWORD,
+            hasPhoneStep
+                ? (step === null || step === void 0 ? void 0 : step.type) === SSOStepTypeType.OTP
+                    ? SSOStepTypeType.OTP
+                    : SSOStepTypeType.VERIFY_PHONE
+                : undefined,
+            hasSetupFullStep ? SSOStepTypeType.SETUP_FULL : undefined,
+        ]
+            .flat()
+            .filter(Boolean);
+        return [
+            arrSteps.length,
+            steps.length < arrSteps.length
+                ? arrSteps.findIndex((type) => type === (step === null || step === void 0 ? void 0 : step.type)) + 1
+                : arrSteps.findLastIndex((type) => type === (step === null || step === void 0 ? void 0 : step.type)) + 1,
+        ];
+    }
     return [];
 };
 const ProgressBar = () => {
@@ -241,8 +281,7 @@ const ProgressBar = () => {
     const { flowData, userInfo } = useSSOV2Store();
     /** No need update state IF userInfo is changed */
     const initUserInfo = useMemo(() => userInfo, [userInfo]);
-    const currentStep = steps[currentStepIndex];
-    const [totalStepNumber, activeStepNumber] = getCurrentStepNumber(flowData, currentStep, initUserInfo);
+    const [totalStepNumber, activeStepNumber] = getCurrentStepNumber(flowData, { steps, currentStepIndex }, initUserInfo);
     if (!activeStepNumber || totalStepNumber === 1)
         return null;
     return (React__default.createElement(Flex, { gap: 2 }, Array.from({ length: totalStepNumber }).map((_, idx) => {
@@ -266,7 +305,8 @@ const SSOPopupWrapper = ({ children, opened, onClose, }) => {
     const showProgressBar = isDisplayProgressBarFn(flowData, currentStep);
     const showBack = (steps.length > 1 && !showProgressBar) ||
         (currentStep === null || currentStep === void 0 ? void 0 : currentStep.type) === SSOStepTypeType.OTP ||
-        (currentStep === null || currentStep === void 0 ? void 0 : currentStep.type) === SSOStepTypeType.PASSWORD;
+        (currentStep === null || currentStep === void 0 ? void 0 : currentStep.type) === SSOStepTypeType.PASSWORD ||
+        (currentStep === null || currentStep === void 0 ? void 0 : currentStep.type) === SSOStepTypeType.EMAIL;
     const showClose = (currentStep === null || currentStep === void 0 ? void 0 : currentStep.type) === SSOStepTypeType.FIRST;
     const showLogo = (steps.length === 1 || showProgressBar) && !showBack;
     const logoType = (_a = LOCALE_SPECS[locale]) === null || _a === void 0 ? void 0 : _a.LOGO_TYPE;
@@ -507,6 +547,7 @@ const SSOEmailScreen = ({ hidden, }) => {
                             flowData: {
                                 method: 'email',
                                 flow: 'login',
+                                emailMetaData: existRes._data,
                             },
                         });
                         // go to password screen
@@ -524,6 +565,7 @@ const SSOEmailScreen = ({ hidden, }) => {
                             flowData: {
                                 method: 'email',
                                 flow: 'signup',
+                                emailMetaData: existRes._data,
                             },
                         });
                         if (!((_b = existRes._data) === null || _b === void 0 ? void 0 : _b.provider)) {
@@ -542,7 +584,7 @@ const SSOEmailScreen = ({ hidden, }) => {
                             config: {
                                 email,
                                 otpType: 'email',
-                                afterAction: 'setup',
+                                afterAction: 'forgot',
                             },
                         });
                         goNext();
@@ -2582,10 +2624,8 @@ const initSendUpdateEmailOtp = (email) => __awaiter(void 0, void 0, void 0, func
     });
 });
 const resendUpdateEmailOTP = () => __awaiter(void 0, void 0, void 0, function* () {
-    const formData = new FormData();
     return fetchSSOV2Api(SSO_V2_PATHS.ECOM_CARE.RESEND_OTP, {
         method: 'GET',
-        body: formData,
     });
 });
 const verifyUpdateEmailOTP = (otpCode) => __awaiter(void 0, void 0, void 0, function* () {
@@ -3059,6 +3099,7 @@ const SSOPasswordScreen = ({ hidden, config, }) => {
         handleAuthSuccess(data);
         const userInfo = yield getUserInfo();
         const isPhoneFlow = isPhoneFlowFn(flowData);
+        const isEmailFlow = isEmailFlowFn(flowData);
         setUserInfo(userInfo === null || userInfo === void 0 ? void 0 : userInfo._data);
         if (!phone && !!email) {
             if (isPhoneNotVerifedYet(userInfo === null || userInfo === void 0 ? void 0 : userInfo._data)) {
@@ -3086,7 +3127,7 @@ const SSOPasswordScreen = ({ hidden, config, }) => {
             goNext();
             return;
         }
-        if (isPhoneFlow && !isUserFinishedSetup(userInfo === null || userInfo === void 0 ? void 0 : userInfo._data)) {
+        if ((isPhoneFlow || isEmailFlow) && !isUserFinishedSetup(userInfo === null || userInfo === void 0 ? void 0 : userInfo._data)) {
             addStep({
                 type: SSOStepTypeType.SETUP_FULL,
                 config: {
@@ -3148,7 +3189,7 @@ const SetupLater = ({ style = {} }) => {
     const { t } = useTranslations();
     const { onClose } = useSSOState();
     const [loading, setLoading] = useState(false);
-    const { userInfo } = useSSOV2Store();
+    const { userInfo, flowData } = useSSOV2Store();
     const { currentStepIndex, steps, addStep, goNext } = useSSOSteps();
     const currentStep = steps[currentStepIndex];
     const onClickSetupLater = () => __awaiter(void 0, void 0, void 0, function* () {
@@ -3167,6 +3208,16 @@ const SetupLater = ({ style = {} }) => {
             });
             goNext();
         }
+        else if (!isFlowFinishedSetup(flowData) &&
+            (currentStep === null || currentStep === void 0 ? void 0 : currentStep.type) === SSOStepTypeType.VERIFY_PHONE) {
+            addStep({
+                type: SSOStepTypeType.SETUP_FULL,
+                config: {
+                    userInfo,
+                },
+            });
+            goNext();
+        }
         else {
             onClose === null || onClose === void 0 ? void 0 : onClose(true);
         }
@@ -3335,9 +3386,9 @@ const SSOPasswordForgotSetup = ({ hidden, }) => {
     const { t } = useTranslations();
     const [loading, setLoading] = React__default.useState(false);
     const [errMsg, setErrMsg] = React__default.useState('');
-    const { setTracking } = useSSOState();
+    const { setTracking, onClose } = useSSOState();
     const { addStep, goNext } = useSSOSteps();
-    const { flowData } = useSSOV2Store();
+    const { flowData, setUserInfo } = useSSOV2Store();
     const trackingMethod = flowData.method;
     const trackingCategory = `SSO - Sign In via ${trackingMethod}`;
     const trackingAction = `Setup New Password`;
@@ -3375,7 +3426,8 @@ const SSOPasswordForgotSetup = ({ hidden, }) => {
                 password.length <= 50 &&
                 password.match(/^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)/) &&
                 password === confirmPassword) {
-                const res = isPhoneFlowFn(flowData)
+                const isPhoneOrEmailFlow = isPhoneFlowFn(flowData) || isEmailFlowFn(flowData);
+                const res = isPhoneOrEmailFlow
                     ? yield updateUserInfo({
                         password,
                         confirm_password: confirmPassword,
@@ -3383,12 +3435,40 @@ const SSOPasswordForgotSetup = ({ hidden, }) => {
                     })
                     : yield resetPassword(password, confirmPassword);
                 if ((res === null || res === void 0 ? void 0 : res._status) === 1) {
-                    if (isPhoneFlowFn(flowData)) {
+                    if (isPhoneOrEmailFlow) {
                         handleAuthSuccess(res === null || res === void 0 ? void 0 : res._data);
-                        addStep({
-                            type: SSOStepTypeType.SETUP_FULL,
-                        });
-                        goNext();
+                        const userInfo = yield getUserInfo();
+                        // Phone
+                        if (isPhoneFlowFn(flowData)) {
+                            if (userInfo && !isUserFinishedSetup(userInfo === null || userInfo === void 0 ? void 0 : userInfo._data)) {
+                                addStep({
+                                    type: SSOStepTypeType.SETUP_FULL,
+                                    config: {
+                                        userInfo: userInfo === null || userInfo === void 0 ? void 0 : userInfo._data,
+                                    },
+                                });
+                                goNext();
+                            }
+                            else {
+                                onClose === null || onClose === void 0 ? void 0 : onClose(true);
+                            }
+                        }
+                        // Email
+                        if (isEmailFlowFn(flowData)) {
+                            setUserInfo(userInfo === null || userInfo === void 0 ? void 0 : userInfo._data);
+                            if (isPhoneNotVerifedYet(userInfo === null || userInfo === void 0 ? void 0 : userInfo._data)) {
+                                addStep({
+                                    type: SSOStepTypeType.VERIFY_PHONE,
+                                    config: {
+                                        provider: 'email',
+                                    },
+                                });
+                                goNext();
+                            }
+                            else {
+                                onClose === null || onClose === void 0 ? void 0 : onClose(true);
+                            }
+                        }
                     }
                     else {
                         showNotification({
@@ -3456,7 +3536,7 @@ const SSOPhoneVerify = ({ hidden, config, }) => {
             });
         }
     }, [hidden]);
-    const { setupSource } = useSSOV2Store();
+    const { source } = useSSOV2Store();
     const { addStep, goNext } = useSSOSteps();
     const onClickContinueZalo = () => __awaiter(void 0, void 0, void 0, function* () {
         setLoading(true);
@@ -3557,7 +3637,7 @@ const SSOPhoneVerify = ({ hidden, config, }) => {
                         }, isError: !!errMsg, required: true, name: "phone", disabled: loading, "data-event-category": trackingCategory, "data-event-action": trackingAction, "data-event-label": "Enter Phone" })),
                 React__default.createElement(Button, { size: "lg", variant: "primary", onClick: onClickContinueZalo, disabled: loading, loading: loading, "data-event-category": trackingCategory, "data-event-action": trackingAction, "data-event-label": "Continue with Zalo" }, t('ssov2.button.continueZalo')),
                 React__default.createElement(Button, { size: "lg", variant: "secondary", onClick: onClickContinuePhone, disabled: loading, loading: loading, "data-event-category": trackingCategory, "data-event-action": trackingAction, "data-event-label": "Continue with SMS" }, t('ssov2.button.continueSMS')),
-                setupSource !== 'care' && setupSource !== 'ecom' && React__default.createElement(SetupLater, null)))));
+                source !== 'care_onboarding' && source !== 'ecom' && React__default.createElement(SetupLater, null)))));
 };
 
 const FemaleIcon = () => (React__default.createElement("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
@@ -3668,7 +3748,6 @@ const SSOSetupScreen = ({ hidden, config, }) => {
     var _a, _b, _c;
     const { onClose, setTracking } = useSSOState();
     const { t } = useTranslations();
-    const { goNext, addStep } = useSSOSteps();
     const { setupSource, flowData } = useSSOV2Store();
     const [errMsg, setErrMsg] = React__default.useState('');
     const userInfo = config === null || config === void 0 ? void 0 : config.userInfo;
@@ -3750,15 +3829,13 @@ const SSOSetupScreen = ({ hidden, config, }) => {
     const onSubmit = (values) => __awaiter(void 0, void 0, void 0, function* () {
         setLoading(true);
         try {
-            const { password, confirmPassword, phone, gender, name, dob, otpMethod } = values;
+            const { phone, gender, name, dob } = values;
             const { phoneNumber, areaCode } = splitPhone(phone || configPhone || '');
             // validate only, delay set data to after otp
             const res = yield updateUserInfo({
                 name,
                 birthday: dayjs(dob).format('YYYY-MM-DD'),
                 email: values.email || undefined,
-                password,
-                confirm_password: confirmPassword,
                 phone_number: phoneNumber || (userInfo === null || userInfo === void 0 ? void 0 : userInfo.phone),
                 area_code: areaCode || (userInfo === null || userInfo === void 0 ? void 0 : userInfo.area_code) || '84',
                 gender: gender === 'male' ? 1 : 0,
@@ -3766,80 +3843,23 @@ const SSOSetupScreen = ({ hidden, config, }) => {
                 validate: 'true',
             });
             if ((res === null || res === void 0 ? void 0 : res._status) === 1) {
-                // if need phone and has phone then start phone verify step, close after done
-                if (needPhone && !skipPhone) {
-                    const setupData = {
-                        name,
-                        birthday: dayjs(dob).format('YYYY-MM-DD'),
-                        email: values.email || undefined,
-                        password,
-                        confirm_password: confirmPassword,
-                        phone_number: phoneNumber || (userInfo === null || userInfo === void 0 ? void 0 : userInfo.phone),
-                        area_code: areaCode || (userInfo === null || userInfo === void 0 ? void 0 : userInfo.area_code) || '84',
-                        gender: gender === 'male' ? 1 : 0,
-                        source: setupSource,
-                    };
-                    if (otpMethod === 'zalo') {
-                        const res = yield resendUpdatePhoneZaloOTP(phoneNumber, areaCode);
-                        if ((res === null || res === void 0 ? void 0 : res._status) !== 1) {
-                            setErrMsg(getErrorTextFromCode(t, res === null || res === void 0 ? void 0 : res.code));
-                            return setLoading(false);
-                        }
-                        addStep({
-                            type: SSOStepTypeType.OTP,
-                            config: {
-                                phone,
-                                otpType: 'phone-zalo',
-                                isUpdatePhone: true,
-                                afterAction: 'submitSetup',
-                                setupData,
-                                provider,
-                            },
-                        });
-                        goNext();
-                    }
-                    else {
-                        const res = yield resendUpdatePhoneOTP(phoneNumber, areaCode);
-                        if ((res === null || res === void 0 ? void 0 : res._status) !== 1) {
-                            setErrMsg(getErrorTextFromCode(t, res === null || res === void 0 ? void 0 : res.code));
-                            return setLoading(false);
-                        }
-                        addStep({
-                            type: SSOStepTypeType.OTP,
-                            config: {
-                                phone,
-                                otpType: 'phone-sms',
-                                isUpdatePhone: true,
-                                afterAction: 'submitSetup',
-                                setupData,
-                                provider,
-                            },
-                        });
-                        goNext();
-                    }
+                const res = yield updateUserInfo({
+                    name,
+                    birthday: dayjs(dob).format('YYYY-MM-DD'),
+                    email: values.email || undefined,
+                    phone_number: phoneNumber || (userInfo === null || userInfo === void 0 ? void 0 : userInfo.phone),
+                    area_code: areaCode || (userInfo === null || userInfo === void 0 ? void 0 : userInfo.area_code),
+                    gender: gender === 'male' ? 1 : 0,
+                    source: setupSource,
+                    validate: '',
+                });
+                if ((res === null || res === void 0 ? void 0 : res._status) === 1) {
+                    handleAuthSuccess(res === null || res === void 0 ? void 0 : res._data);
+                    onClose === null || onClose === void 0 ? void 0 : onClose(true);
                 }
                 else {
-                    // close?
-                    const res = yield updateUserInfo({
-                        name,
-                        birthday: dayjs(dob).format('YYYY-MM-DD'),
-                        email: values.email || undefined,
-                        password,
-                        confirm_password: confirmPassword,
-                        phone_number: phoneNumber || (userInfo === null || userInfo === void 0 ? void 0 : userInfo.phone),
-                        area_code: areaCode || (userInfo === null || userInfo === void 0 ? void 0 : userInfo.area_code),
-                        gender: gender === 'male' ? 1 : 0,
-                        source: setupSource,
-                        validate: '',
-                    });
-                    if ((res === null || res === void 0 ? void 0 : res._status) === 1) {
-                        handleAuthSuccess(res === null || res === void 0 ? void 0 : res._data);
-                        onClose === null || onClose === void 0 ? void 0 : onClose(true);
-                    }
-                    else {
-                        setErrMsg(getErrorTextFromCode(t, res === null || res === void 0 ? void 0 : res.code));
-                        return setLoading(false);
-                    }
+                    setErrMsg(getErrorTextFromCode(t, res === null || res === void 0 ? void 0 : res.code));
+                    return setLoading(false);
                 }
             }
             else {
@@ -3975,6 +3995,15 @@ const SSOScreenRenderer = () => {
     })));
 };
 
+if (!Array.prototype.findLastIndex) {
+    Array.prototype.findLastIndex = function (callback, thisArg) {
+        for (let i = this.length - 1; i >= 0; i--) {
+            if (callback.call(thisArg, this[i], i, this))
+                return i;
+        }
+        return -1;
+    };
+}
 const SSOV2 = ({ onClose: onCloseProps, locale }) => {
     const { isOpen, setOpen, returnUrl, setMounted, source, overrideClose, setOnCloseProp, forceReloadOnClose, } = useSSOV2Store();
     useEffect(() => {

package/build/esm/{store-d8cbe910.js → store-1acba58d.js}

@@ -1,8 +1,8 @@
-import { a as __awaiter } from './tslib.es6-1abdf769.js';
+import { a as __awaiter } from './tslib.es6-ce74f603.js';
 import { create } from 'zustand';
 import { isProduction } from './constantsIsProduction.js';
-import { e as normalizeLinkSlash, a as getCurrentSsoUrl } from './normalizeLink-073e5351.js';
-import { L as LOCALE_SPECS, B as BEARER_REFRESH_TOKEN_COOKIE, d as BEARER_TOKEN_COOKIE$1 } from './index-70279f09.js';
+import { e as normalizeLinkSlash, a as getCurrentSsoUrl } from './normalizeLink-171c1577.js';
+import { L as LOCALE_SPECS, B as BEARER_REFRESH_TOKEN_COOKIE, d as BEARER_TOKEN_COOKIE$1 } from './index-abadd269.js';
 import { setCookie, getCookie } from './miscCookieHelper.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
@@ -463,6 +463,12 @@ const isUserFinishedSetup = (userInfo) => {
     const hasGender = typeof (userInfo === null || userInfo === void 0 ? void 0 : userInfo.gender) === 'number';
     return hasName && hasBirthday && hasGender;
 };
+const isFlowFinishedSetup = (flowData) => {
+    var _a, _b, _c;
+    return (((_a = flowData === null || flowData === void 0 ? void 0 : flowData.emailMetaData) === null || _a === void 0 ? void 0 : _a.is_gender) &&
+        ((_b = flowData === null || flowData === void 0 ? void 0 : flowData.emailMetaData) === null || _b === void 0 ? void 0 : _b.is_name) &&
+        ((_c = flowData === null || flowData === void 0 ? void 0 : flowData.emailMetaData) === null || _c === void 0 ? void 0 : _c.is_birthday));
+};
 const isUserNeedPassword = (flowData, userInfo) => {
     const authMethod = flowData.method;
     const provider = userInfo === null || userInfo === void 0 ? void 0 : userInfo.provider;
@@ -484,4 +490,4 @@ const isLoginWithPhoneNotVerifedYet = (flowData, userInfo) => {
         !(userInfo === null || userInfo === void 0 ? void 0 : userInfo.phone_verified_at));
 };
 
-export { FacebookAppId as F, GoogleAuthClientId as G, IS_SSOV2_ENABLED as I, SSOStepTypeType as S, useSSOSteps as a, isUserFinishedSetup as b, isUserNeedPassword as c, SSO_V2_PATHS as d, checkUserExist as e, fetchSSOV2Api as f, getUserInfo as g, handleAuthSuccess as h, isPhoneNotVerifedYet as i, updateUserInfo as j, isLoginWithPhoneNotVerifedYet as k, redirect as l, resetPassword as r, useSSOV2Store as u, websiteId as w };
+export { FacebookAppId as F, GoogleAuthClientId as G, IS_SSOV2_ENABLED as I, SSOStepTypeType as S, useSSOSteps as a, isUserFinishedSetup as b, isUserNeedPassword as c, SSO_V2_PATHS as d, checkUserExist as e, fetchSSOV2Api as f, getUserInfo as g, handleAuthSuccess as h, isPhoneNotVerifedYet as i, updateUserInfo as j, isLoginWithPhoneNotVerifedYet as k, isFlowFinishedSetup as l, redirect as m, resetPassword as r, useSSOV2Store as u, websiteId as w };

package/build/esm/subot.js

@@ -1,73 +1,73 @@
 import React__default, { createContext, useContext, useRef, useState, useEffect, useCallback, useMemo, forwardRef, memo, useImperativeHandle } from 'react';
-import { d as NodeType, c as NodePosition, f as NodeActionType, e as NodeFinalTypes, g as NodeMultipleOptions, E as ELEMENT_CONTROL_INPUT_TYPE, N as NodeIntentType, F as FULL_KEY_ADDRESS } from './index-8ac75f50.js';
-import { a as __awaiter, _ as __rest } from './tslib.es6-1abdf769.js';
-import { e as basePath, G as GA_TOKEN_COOKIE, h as DATE_FNS_DATE_FORMAT, A as API_DATE_FORMAT, f as SSO_URL } from './index-70279f09.js';
+import { d as NodeType, c as NodePosition, f as NodeActionType, e as NodeFinalTypes, g as NodeMultipleOptions, E as ELEMENT_CONTROL_INPUT_TYPE, N as NodeIntentType, F as FULL_KEY_ADDRESS } from './index-94ab96a4.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-ce74f603.js';
+import { e as basePath, G as GA_TOKEN_COOKIE, h as DATE_FNS_DATE_FORMAT, A as API_DATE_FORMAT, f as SSO_URL } from './index-abadd269.js';
 import Cookies from 'js-cookie';
 import fd from 'fastdom';
 import fastdomPromised from 'fastdom/extensions/fastdom-promised';
-import { G as GlobalData, c as callApi, t as locale, T as TogetherComponentGlobalContext } from './utils-b482c64d.js';
+import { G as GlobalData, c as callApi, t as locale, T as TogetherComponentGlobalContext } from './utils-e7d70f3b.js';
 import formatString from 'string-format';
-import { a as getUserIdFromCookie, b as getSubotCookieId, c as getUserInfoFromCookie, d as getWindowId, o as overrideParamsByQuery, e as checkUntilFinished, g as getHelloSitesUrl, f as checkMobile, h as clickAndOpenInNewTab, T as TIME_RESET_RESEND_OTP, i as isFakeEmail, s as ssoIntents, j as getHhgIdFromCookie } from './index-2a2579ff.js';
-export { T as TIME_RESET_RESEND_OTP, f as checkMobile, e as checkUntilFinished, h as clickAndOpenInNewTab, g as getHelloSitesUrl, j as getHhgIdFromCookie, b as getSubotCookieId, a as getUserIdFromCookie, c as getUserInfoFromCookie, d as getWindowId, i as isFakeEmail, o as overrideParamsByQuery, s as ssoIntents } from './index-2a2579ff.js';
+import { a as getUserIdFromCookie, b as getSubotCookieId, c as getUserInfoFromCookie, d as getWindowId, o as overrideParamsByQuery, e as checkUntilFinished, g as getHelloSitesUrl, f as checkMobile, h as clickAndOpenInNewTab, T as TIME_RESET_RESEND_OTP, i as isFakeEmail, s as ssoIntents, j as getHhgIdFromCookie } from './index-f38fd418.js';
+export { T as TIME_RESET_RESEND_OTP, f as checkMobile, e as checkUntilFinished, h as clickAndOpenInNewTab, g as getHelloSitesUrl, j as getHhgIdFromCookie, b as getSubotCookieId, a as getUserIdFromCookie, c as getUserInfoFromCookie, d as getWindowId, i as isFakeEmail, o as overrideParamsByQuery, s as ssoIntents } from './index-f38fd418.js';
 import { MAP_DOMAIN_BY_LOCALE } from './constantsDomainLocales.js';
 import cn from 'classnames';
-import { C as Container$w } from './index-4c608d8d.js';
-import { L as Loading } from './index-7697b579.js';
+import { C as Container$w } from './index-5703a803.js';
+import { L as Loading } from './index-bbb58b2c.js';
 import { motion } from 'framer-motion';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-b8f3ed7d.js';
-import { B as Button } from './index-29e9e5eb.js';
+import { M as MediaQueries } from './utils-69e6fbdd.js';
+import { B as Button } from './index-a108337c.js';
 import { Remarkable } from 'remarkable';
 import { ArrowRight } from '@hhgtech/icons/other';
 import { useInView } from 'react-intersection-observer';
 import { Box, Textarea } from '@mantine/core';
-import { C as CommonGAssets } from './index-e9f9bb9e.js';
+import { C as CommonGAssets } from './index-55e9de36.js';
 import dayjs from 'dayjs';
 import isSameOrBefore from 'dayjs/plugin/isSameOrBefore';
-import { d as LEAD_TOKEN_COOKIE } from './constants-51615ea7.js';
+import { d as LEAD_TOKEN_COOKIE } from './constants-45e848cf.js';
 import { v4 } from 'uuid';
-import { T as Text } from './index-69e8cc06.js';
+import { T as Text } from './index-6da0c043.js';
 import { theme } from './miscTheme.js';
 import { isProduction } from './constantsIsProduction.js';
-import { S as Select } from './index-4497901f.js';
+import { S as Select } from './index-1d6042e8.js';
 import '@mantine/dates';
-import './useMantineLocale-9104cbfb.js';
-import './index.styles-4ebe8e58.js';
-import './translationsContext-50b80428.js';
+import './useMantineLocale-df80f46c.js';
+import './index.styles-8276aa5b.js';
+import './translationsContext-faa1aa86.js';
 import '@mantine/hooks';
-import './other-e4635691.js';
-import './index-6c98aabd.js';
+import './other-18348d8b.js';
+import './index-b7b494e0.js';
 import isEmpty from 'lodash/isEmpty';
 import { Controller, useForm } from 'react-hook-form';
 import PhoneInputBase, { getCountryCallingCode, isPossiblePhoneNumber, parsePhoneNumber } from 'react-phone-number-input';
 import { LoadScript } from '@react-google-maps/api';
-import { u as usePlacesAutocomplete, G as GOOGLE_API_KEY, a as GOOGLE_API_LANGUAGE } from './usePlacesAutocomplete-ce58ef60.js';
+import { u as usePlacesAutocomplete, G as GOOGLE_API_KEY, a as GOOGLE_API_LANGUAGE } from './usePlacesAutocomplete-58b17321.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
-import { L as LOCALE } from './Locale-89b4bfcc.js';
-import { D as DatePicker } from './index-e8f3c3ca.js';
-import { D as Dropdown } from './index-9d797758.js';
-import { B as Button$1 } from './index-f1276a7e.js';
-import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-d8cbe910.js';
+import { L as LOCALE } from './Locale-807ca088.js';
+import { D as DatePicker } from './index-a59638ae.js';
+import { D as Dropdown } from './index-da58f603.js';
+import { B as Button$1 } from './index-2f71b617.js';
+import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-1acba58d.js';
 import 'date-fns/locale';
 import './constantsSite.js';
 import './constantsRiskScreener.js';
-import './index-2146d269.js';
+import './index-d844a01b.js';
 import './miscCookieHelper.js';
 import 'slugify';
 import './togetherApiPaths.js';
-import './index-e5558110.js';
-import './WhatsApp-36f3706c.js';
-import './Spinner-71529535.js';
-import './index-f00312f8.js';
-import './useScreenSize-35522e58.js';
+import './index-c1a3f9e7.js';
+import './WhatsApp-2a3e5846.js';
+import './Spinner-c0d420aa.js';
+import './index-7839baec.js';
+import './useScreenSize-384dd60f.js';
 import '@mantine/carousel';
-import './useUniqueId-c9e5cd96.js';
+import './useUniqueId-1419c2da.js';
 import '@hhgtech/icons/core';
 import '@mantine/notifications';
 import 'date-fns';
 import 'react-day-picker/DayPickerInput';
 import 'zustand';
-import './normalizeLink-073e5351.js';
+import './normalizeLink-171c1577.js';
 
 // extend fastdom
 const fastdom = fd.extend(fastdomPromised);