@hhgtech/hhg-components 1.29.310-beta-3 → 1.29.310-beta-5

package/build/esm/ssoV2.js

@@ -1,27 +1,27 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-1f332cec.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-35c86ab7.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-20fde46e.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-42029669.js';
-export { u as useSSOV2Store } from './store-42029669.js';
+import { I as Input, s as styles, O as OTP, f as PasswordInput, E as ErrorBoundary } from './index-974c8ac0.js';
+import { S as SSOStepTypeType, a as useSSOSteps, u as useSSOV2Store, i as isUserFinishedSetup, f as fetchSSOV2Api, w as websiteId, b as SSO_V2_PATHS, c as checkUserExist, F as FacebookAppId, G as GoogleAuthClientId, h as handleAuthSuccess, g as getUserInfo, d as updateUserInfo, e as isPhoneNotVerifedYet, j as isLoginWithPhoneNotVerifedYet, k as isFlowFinishedSetup, r as resetPassword, l as redirect } from './store-36a2023e.js';
+export { u as useSSOV2Store } from './store-36a2023e.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-96f54db4.js';
-import { L as LogoIcon } from './logoIcon-6f876f01.js';
-import { B as Button } from './index-6def7536.js';
-import { M as Modal } from './index-7eb2ec4a.js';
+import { Z as ZINDEX_SSO, L as LOCALE_SPECS, S as STATIC_PAGES } from './index-5756472c.js';
+import { L as LogoIcon } from './logoIcon-f7d8a376.js';
+import { B as Button } from './index-4bd879eb.js';
+import { M as Modal } from './index-f92a27e8.js';
 import { Stack, Flex, Box, Group } from '@mantine/core';
 import '@mantine/dates';
-import './index-a32f7b30.js';
-import './index-42f6f191.js';
-import { s as showNotification } from './useMantineLocale-b226b448.js';
-import { T as Text } from './index-a8e93d3f.js';
-import { u as useTranslations } from './index-5697df33.js';
+import './index-a61170d8.js';
+import './index-565a80b0.js';
+import { s as showNotification } from './useMantineLocale-c2b902a7.js';
+import { T as Text } from './index-26ac0d81.js';
+import { u as useTranslations } from './index-88759ed1.js';
 import '@mantine/hooks';
-import './utils-20a45575.js';
-import './other-77d426ce.js';
-import './index-f780d8de.js';
-import { L as LOCALE } from './Locale-2e87b9e0.js';
-import { G as Google, F as Facebook } from './Google-534fb763.js';
+import './utils-d7279c01.js';
+import './other-d17b315d.js';
+import './index-6dc065e0.js';
+import { L as LOCALE } from './Locale-e7dd53a3.js';
+import { G as Google, F as Facebook } from './Google-42d190a1.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-e377ceca.js';
+import { u as useScreenSize } from './useScreenSize-adb5e955.js';
 import { Drawer } from 'vaul';
-import { M as MAPPED_LOCALE } from './utils-52b3f649.js';
-import { S as Spoiler } from './index-fbff6e71.js';
+import { M as MAPPED_LOCALE } from './utils-10cbbbdc.js';
+import { S as Spoiler } from './index-7cbc7122.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-da8cdc78.js';
+import { D as DatePicker } from './index-bba5d96b.js';
 import '@mantine/carousel';
 import './miscTheme.js';
-import './useUniqueId-a7e66824.js';
+import './useUniqueId-310f5e9a.js';
 import './constantsSite.js';
 import 'zustand';
 import './constantsIsProduction.js';
-import './normalizeLink-302a0f70.js';
+import './normalizeLink-20a616dd.js';
 import './miscCookieHelper.js';
 import 'date-fns/locale';
 import './constantsRiskScreener.js';
-import './index.styles-59f8546d.js';
+import './index.styles-0e5fc387.js';
 import '@mantine/notifications';
-import './translationsContext-e9460e5f.js';
+import './translationsContext-9d15b26c.js';
 
 const SSOStateContext = createContext({
     locale: LOCALE.Vietnam,
@@ -158,6 +158,29 @@ const BackgroundHeader = () => (React__default.createElement("svg", { width: "29
             React__default.createElement("stop", { stopColor: "#fff", stopOpacity: "0" }),
             React__default.createElement("stop", { offset: "1", stopColor: "#fff" })))));
 
+const isPhoneVerifedAlready = (userInfo, flowData) => {
+    var _a;
+    if (flowData === null || flowData === void 0 ? void 0 : flowData.metaData) {
+        return (_a = flowData === null || flowData === void 0 ? void 0 : flowData.metaData) === null || _a === void 0 ? void 0 : _a.is_phone_verified;
+    }
+    return (userInfo === null || userInfo === void 0 ? void 0 : userInfo.phone_verified_at) && (userInfo === null || userInfo === void 0 ? void 0 : userInfo.phone);
+};
+const isSetupFullInfoAlready = (userInfo, flowData) => {
+    var _a, _b, _c;
+    if (flowData === null || flowData === void 0 ? void 0 : flowData.metaData) {
+        return (((_a = flowData === null || flowData === void 0 ? void 0 : flowData.metaData) === null || _a === void 0 ? void 0 : _a.is_name) &&
+            ((_b = flowData === null || flowData === void 0 ? void 0 : flowData.metaData) === null || _b === void 0 ? void 0 : _b.is_gender) &&
+            ((_c = flowData === null || flowData === void 0 ? void 0 : flowData.metaData) === null || _c === void 0 ? void 0 : _c.is_birthday));
+    }
+    const hasName = !!(userInfo === null || userInfo === void 0 ? void 0 : userInfo.name);
+    const hasGender = typeof (userInfo === null || userInfo === void 0 ? void 0 : userInfo.gender) === 'number';
+    const hasBirthday = !!(userInfo === null || userInfo === void 0 ? void 0 : userInfo.birthday);
+    return hasName && hasGender && hasBirthday;
+};
+const isExistUpdateEmailStep = (steps) => {
+    return steps.find((s) => s.type === SSOStepTypeType.UPDATE_EMAIL);
+};
+
 const isSocialFlowFn = (flowData) => {
     return (flowData === null || flowData === void 0 ? void 0 : flowData.method) === 'google' || (flowData === null || flowData === void 0 ? void 0 : flowData.method) === 'facebook';
 };
@@ -166,44 +189,63 @@ 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?.type === SSOStepTypeType.PASSWORD
-    const isWhiteListFlow = isSocialFlowFn(flowData) || isPhoneFlowFn(flowData);
+        (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 === null || step === void 0 ? void 0 : step.type) === SSOStepTypeType.UPDATE_EMAIL;
+    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;
+    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 = [
-            isPhoneNotVerifedYet(userInfo)
+            !isPhoneVerifedAlready(userInfo, flowData)
                 ? [SSOStepTypeType.VERIFY_PHONE, SSOStepTypeType.OTP]
                 : undefined,
+            isExistUpdateEmailStep(steps)
+                ? (step === null || step === void 0 ? void 0 : step.type) === SSOStepTypeType.OTP
+                    ? SSOStepTypeType.OTP
+                    : SSOStepTypeType.UPDATE_EMAIL
+                : undefined,
             !userInfo || !isUserFinishedSetup(userInfo)
                 ? SSOStepTypeType.SETUP_FULL
                 : undefined,
         ]
             .flat()
             .filter(Boolean);
+        const previousStep = steps[currentStepIndex - 1];
         return [
             arrSteps.length,
-            arrSteps.findIndex((type) => type === (step === null || step === void 0 ? void 0 : step.type)) + 1,
+            (previousStep === null || previousStep === void 0 ? void 0 : previousStep.type) === SSOStepTypeType.UPDATE_EMAIL
+                ? arrSteps.findLastIndex((type) => type === (step === null || step === void 0 ? void 0 : step.type)) + 1
+                : arrSteps.findIndex((type) => type === (step === null || step === void 0 ? void 0 : step.type)) + 1,
         ];
     }
     if (isPhoneFlow && (flowData === null || flowData === void 0 ? void 0 : flowData.flow) === 'signup') {
         const arrSteps = [
-            isPhoneNotVerifedYet(userInfo) ? SSOStepTypeType.OTP : undefined,
-            isUserNeedPassword(flowData, userInfo)
+            !isPhoneVerifedAlready(userInfo, flowData)
+                ? SSOStepTypeType.OTP
+                : undefined,
+            !((_a = flowData === null || flowData === void 0 ? void 0 : flowData.metaData) === null || _a === void 0 ? void 0 : _a.is_pass)
                 ? SSOStepTypeType.FORGOT_PASSWORD_SETUP
                 : undefined,
-            !userInfo || !isUserFinishedSetup(userInfo)
+            !isSetupFullInfoAlready(userInfo, flowData)
                 ? SSOStepTypeType.SETUP_FULL
                 : undefined,
         ]
@@ -215,22 +257,63 @@ const getCurrentStepNumber = (flowData, step, userInfo) => {
         ];
     }
     if (isPhoneFlow && (flowData === null || flowData === void 0 ? void 0 : flowData.flow) === 'login') {
-        const arrSteps = !userInfo
-            ? []
-            : [
-                SSOStepTypeType.PASSWORD,
-                isPhoneNotVerifedYet(userInfo)
-                    ? [SSOStepTypeType.FORGOT_PASSWORD_PHONE, SSOStepTypeType.OTP]
-                    : undefined,
-                !isUserFinishedSetup(userInfo)
-                    ? SSOStepTypeType.SETUP_FULL
-                    : undefined,
-            ]
-                .flat()
-                .filter(Boolean);
+        const arrSteps = [
+            SSOStepTypeType.PASSWORD,
+            !isPhoneVerifedAlready(userInfo, flowData)
+                ? [SSOStepTypeType.FORGOT_PASSWORD_PHONE, SSOStepTypeType.OTP]
+                : undefined,
+            isExistUpdateEmailStep(steps)
+                ? (step === null || step === void 0 ? void 0 : step.type) === SSOStepTypeType.OTP
+                    ? SSOStepTypeType.OTP
+                    : SSOStepTypeType.UPDATE_EMAIL
+                : undefined,
+            !isSetupFullInfoAlready(userInfo, flowData)
+                ? SSOStepTypeType.SETUP_FULL
+                : undefined,
+        ]
+            .flat()
+            .filter(Boolean);
+        if (arrSteps.length === 2 &&
+            arrSteps[0] === SSOStepTypeType.PASSWORD &&
+            arrSteps[1] === SSOStepTypeType.SETUP_FULL) {
+            return [];
+        }
+        const previousStep = steps[currentStepIndex - 1];
         return [
             arrSteps.length,
-            arrSteps.findIndex((type) => type === (step === null || step === void 0 ? void 0 : step.type)) + 1,
+            (previousStep === null || previousStep === void 0 ? void 0 : previousStep.type) === SSOStepTypeType.UPDATE_EMAIL
+                ? arrSteps.findLastIndex((type) => type === (step === null || step === void 0 ? void 0 : step.type)) + 1
+                : arrSteps.findIndex((type) => type === (step === null || step === void 0 ? void 0 : step.type)) + 1,
+        ];
+    }
+    if (isEmailFlow) {
+        const hasPasswordStep = !((_b = flowData === null || flowData === void 0 ? void 0 : flowData.metaData) === null || _b === void 0 ? void 0 : _b.is_pass);
+        const hasPhoneStep = !isPhoneVerifedAlready(userInfo, flowData);
+        const hasSetupFullStep = !isSetupFullInfoAlready(userInfo, flowData);
+        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);
+        const previousStep = steps[currentStepIndex - 1];
+        return [
+            arrSteps.length,
+            (previousStep === null || previousStep === void 0 ? void 0 : previousStep.type) === SSOStepTypeType.VERIFY_PHONE
+                ? arrSteps.findLastIndex((type) => type === (step === null || step === void 0 ? void 0 : step.type)) + 1
+                : arrSteps.findIndex((type) => type === (step === null || step === void 0 ? void 0 : step.type)) + 1,
         ];
     }
     return [];
@@ -241,8 +324,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 +348,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 +590,7 @@ const SSOEmailScreen = ({ hidden, }) => {
                             flowData: {
                                 method: 'email',
                                 flow: 'login',
+                                metaData: existRes._data,
                             },
                         });
                         // go to password screen
@@ -524,6 +608,7 @@ const SSOEmailScreen = ({ hidden, }) => {
                             flowData: {
                                 method: 'email',
                                 flow: 'signup',
+                                metaData: existRes._data,
                             },
                         });
                         if (!((_b = existRes._data) === null || _b === void 0 ? void 0 : _b.provider)) {
@@ -542,7 +627,7 @@ const SSOEmailScreen = ({ hidden, }) => {
                             config: {
                                 email,
                                 otpType: 'email',
-                                afterAction: 'setup',
+                                afterAction: 'forgot',
                             },
                         });
                         goNext();
@@ -2293,6 +2378,7 @@ const SSOFirstScreen = ({ hidden, config, }) => {
                     flowData: {
                         method: 'zalo',
                         flow: 'login',
+                        metaData: userExist._data,
                     },
                 });
                 addStep({
@@ -2320,6 +2406,7 @@ const SSOFirstScreen = ({ hidden, config, }) => {
                     flowData: {
                         method: 'zalo',
                         flow: 'signup',
+                        metaData: userExist._data,
                     },
                 });
                 addStep({
@@ -2354,6 +2441,7 @@ const SSOFirstScreen = ({ hidden, config, }) => {
                     flowData: {
                         method: 'sms',
                         flow: 'login',
+                        metaData: userExist._data,
                     },
                 });
                 addStep({
@@ -2381,6 +2469,7 @@ const SSOFirstScreen = ({ hidden, config, }) => {
                     flowData: {
                         method: 'sms',
                         flow: 'signup',
+                        metaData: userExist._data,
                     },
                 });
                 addStep({
@@ -2422,6 +2511,7 @@ const SSOFirstScreen = ({ hidden, config, }) => {
                     flowData: {
                         method: 'phone',
                         flow: 'login',
+                        metaData: userExist._data,
                     },
                 });
                 addStep({
@@ -2631,15 +2721,7 @@ const SSOOTPScreen = ({ hidden, index, config, }) => {
     }, [hidden]);
     const addStepAndGoNext = (step) => {
         useSSOSteps.setState((old) => {
-            var _a, _b;
             const oldSteps = old.steps;
-            if (((_a = oldSteps[index - 1]) === null || _a === void 0 ? void 0 : _a.type) === SSOStepTypeType.VERIFY_PHONE ||
-                ((_b = oldSteps[index - 1]) === null || _b === void 0 ? void 0 : _b.type) === SSOStepTypeType.UPDATE_EMAIL) {
-                return {
-                    steps: oldSteps.slice(0, index - 1).concat(step),
-                    currentStepIndex: index - 1,
-                };
-            }
             return {
                 steps: oldSteps.slice(0, index).concat(step),
                 currentStepIndex: index,
@@ -3057,6 +3139,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)) {
@@ -3084,7 +3167,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: {
@@ -3146,7 +3229,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* () {
@@ -3165,6 +3248,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,7 +3428,7 @@ const SSOPasswordForgotSetup = ({ hidden, }) => {
     const [errMsg, setErrMsg] = React__default.useState('');
     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`;
@@ -3373,7 +3466,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,
@@ -3381,20 +3475,39 @@ 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);
                         const userInfo = yield getUserInfo();
-                        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();
+                        // 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);
+                            }
                         }
-                        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 {
@@ -3922,6 +4035,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-42029669.js → store-36a2023e.js}

@@ -1,8 +1,8 @@
-import { a as __awaiter } from './tslib.es6-1f332cec.js';
+import { a as __awaiter } from './tslib.es6-35c86ab7.js';
 import { create } from 'zustand';
 import { isProduction } from './constantsIsProduction.js';
-import { e as normalizeLinkSlash, a as getCurrentSsoUrl } from './normalizeLink-302a0f70.js';
-import { L as LOCALE_SPECS, B as BEARER_REFRESH_TOKEN_COOKIE, d as BEARER_TOKEN_COOKIE$1 } from './index-96f54db4.js';
+import { e as normalizeLinkSlash, a as getCurrentSsoUrl } from './normalizeLink-20a616dd.js';
+import { L as LOCALE_SPECS, B as BEARER_REFRESH_TOKEN_COOKIE, d as BEARER_TOKEN_COOKIE$1 } from './index-5756472c.js';
 import { setCookie, getCookie } from './miscCookieHelper.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
@@ -463,16 +463,11 @@ const isUserFinishedSetup = (userInfo) => {
     const hasGender = typeof (userInfo === null || userInfo === void 0 ? void 0 : userInfo.gender) === 'number';
     return hasName && hasBirthday && hasGender;
 };
-const isUserNeedPassword = (flowData, userInfo) => {
-    const authMethod = flowData.method;
-    const provider = userInfo === null || userInfo === void 0 ? void 0 : userInfo.provider;
-    return ((authMethod === 'phone' ||
-        authMethod === 'zalo' ||
-        authMethod === 'sms' ||
-        authMethod === 'email' ||
-        provider === 'email' ||
-        provider === 'phone') &&
-        !(userInfo === null || userInfo === void 0 ? void 0 : userInfo.is_pass));
+const isFlowFinishedSetup = (flowData) => {
+    var _a, _b, _c;
+    return (((_a = flowData === null || flowData === void 0 ? void 0 : flowData.metaData) === null || _a === void 0 ? void 0 : _a.is_gender) &&
+        ((_b = flowData === null || flowData === void 0 ? void 0 : flowData.metaData) === null || _b === void 0 ? void 0 : _b.is_name) &&
+        ((_c = flowData === null || flowData === void 0 ? void 0 : flowData.metaData) === null || _c === void 0 ? void 0 : _c.is_birthday));
 };
 const isPhoneNotVerifedYet = (userInfo) => {
     return !(userInfo === null || userInfo === void 0 ? void 0 : userInfo.phone_verified_at) || !(userInfo === null || userInfo === void 0 ? void 0 : userInfo.phone);
@@ -484,4 +479,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, SSO_V2_PATHS as b, checkUserExist as c, updateUserInfo as d, isPhoneNotVerifedYet as e, fetchSSOV2Api as f, getUserInfo as g, handleAuthSuccess as h, isUserFinishedSetup as i, isLoginWithPhoneNotVerifedYet as j, isFlowFinishedSetup as k, redirect as l, 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-a32f7b30.js';
-import { a as __awaiter, _ as __rest } from './tslib.es6-1f332cec.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-96f54db4.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-a61170d8.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-35c86ab7.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-5756472c.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-53b9e11c.js';
+import { G as GlobalData, c as callApi, t as locale, T as TogetherComponentGlobalContext } from './utils-33525a90.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-e17e5b43.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-e17e5b43.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-334295e8.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-334295e8.js';
 import { MAP_DOMAIN_BY_LOCALE } from './constantsDomainLocales.js';
 import cn from 'classnames';
-import { C as Container$w } from './index-4726778a.js';
-import { L as Loading } from './index-6e2db221.js';
+import { C as Container$w } from './index-66d97368.js';
+import { L as Loading } from './index-21dd1ec2.js';
 import { motion } from 'framer-motion';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-20a45575.js';
-import { B as Button } from './index-6def7536.js';
+import { M as MediaQueries } from './utils-d7279c01.js';
+import { B as Button } from './index-4bd879eb.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-42f6f191.js';
+import { C as CommonGAssets } from './index-565a80b0.js';
 import dayjs from 'dayjs';
 import isSameOrBefore from 'dayjs/plugin/isSameOrBefore';
-import { d as LEAD_TOKEN_COOKIE } from './constants-247ae229.js';
+import { d as LEAD_TOKEN_COOKIE } from './constants-801453a8.js';
 import { v4 } from 'uuid';
-import { T as Text } from './index-a8e93d3f.js';
+import { T as Text } from './index-26ac0d81.js';
 import { theme } from './miscTheme.js';
 import { isProduction } from './constantsIsProduction.js';
-import { S as Select } from './index-20fde46e.js';
+import { S as Select } from './index-974c8ac0.js';
 import '@mantine/dates';
-import './useMantineLocale-b226b448.js';
-import './index.styles-59f8546d.js';
-import './translationsContext-e9460e5f.js';
+import './useMantineLocale-c2b902a7.js';
+import './index.styles-0e5fc387.js';
+import './translationsContext-9d15b26c.js';
 import '@mantine/hooks';
-import './other-77d426ce.js';
-import './index-f780d8de.js';
+import './other-d17b315d.js';
+import './index-6dc065e0.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-a0bb01e3.js';
+import { u as usePlacesAutocomplete, G as GOOGLE_API_KEY, a as GOOGLE_API_LANGUAGE } from './usePlacesAutocomplete-f8b1b6ce.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
-import { L as LOCALE } from './Locale-2e87b9e0.js';
-import { D as DatePicker } from './index-a3d55352.js';
-import { D as Dropdown } from './index-ac957e4e.js';
-import { B as Button$1 } from './index-e57673f8.js';
-import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-42029669.js';
+import { L as LOCALE } from './Locale-e7dd53a3.js';
+import { D as DatePicker } from './index-0c9f015b.js';
+import { D as Dropdown } from './index-66150149.js';
+import { B as Button$1 } from './index-8d92fdfc.js';
+import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-36a2023e.js';
 import 'date-fns/locale';
 import './constantsSite.js';
 import './constantsRiskScreener.js';
-import './index-09acf6d4.js';
+import './index-ea14dc61.js';
 import './miscCookieHelper.js';
 import 'slugify';
 import './togetherApiPaths.js';
-import './index-d6ace35c.js';
-import './WhatsApp-f85e59bd.js';
-import './Spinner-6c18847f.js';
-import './index-5697df33.js';
-import './useScreenSize-e377ceca.js';
+import './index-c6dd477d.js';
+import './WhatsApp-3817574d.js';
+import './Spinner-d9c3c089.js';
+import './index-88759ed1.js';
+import './useScreenSize-adb5e955.js';
 import '@mantine/carousel';
-import './useUniqueId-a7e66824.js';
+import './useUniqueId-310f5e9a.js';
 import '@hhgtech/icons/core';
 import '@mantine/notifications';
 import 'date-fns';
 import 'react-day-picker/DayPickerInput';
 import 'zustand';
-import './normalizeLink-302a0f70.js';
+import './normalizeLink-20a616dd.js';
 
 // extend fastdom
 const fastdom = fd.extend(fastdomPromised);