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

package/build/ssoV2.js

@@ -2,29 +2,29 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-bb1ca47e.js');
+var tslib_es6 = require('./tslib.es6-114a4ba8.js');
 var React = require('react');
-var index$5 = require('./index-2a157cb4.js');
-var store = require('./store-27f18f35.js');
+var index$5 = require('./index-85bca058.js');
+var store = require('./store-77e43fb8.js');
 var arrow = require('@hhgtech/icons/arrow');
 var core$1 = require('@hhgtech/icons/core');
-var index$2 = require('./index-efa8f9aa.js');
-var logoIcon = require('./logoIcon-09d21928.js');
-var index$4 = require('./index-d4cbda4b.js');
-var index$1 = require('./index-bcbde80a.js');
+var index$2 = require('./index-23f0f591.js');
+var logoIcon = require('./logoIcon-135dc217.js');
+var index$4 = require('./index-1f6c4aae.js');
+var index$1 = require('./index-82cf4d4f.js');
 var core = require('@mantine/core');
 require('@mantine/dates');
-require('./index-25f697d9.js');
-require('./index-95af6151.js');
-var useMantineLocale = require('./useMantineLocale-e1b1849c.js');
-var index$3 = require('./index-d6ae99fe.js');
-var index = require('./index-57e57a4a.js');
+require('./index-c01afb63.js');
+require('./index-1da6abe7.js');
+var useMantineLocale = require('./useMantineLocale-ed32e2e5.js');
+var index$3 = require('./index-650908cb.js');
+var index = require('./index-141b85d6.js');
 require('@mantine/hooks');
-require('./utils-147526c6.js');
-require('./other-035d01a2.js');
-require('./index-9be1b169.js');
-var Locale = require('./Locale-898525c8.js');
-var Google = require('./Google-9f753fea.js');
+require('./utils-0d9945f3.js');
+require('./other-43aa6d8c.js');
+require('./index-fc6f41d4.js');
+var Locale = require('./Locale-edfd1e2d.js');
+var Google = require('./Google-b0097190.js');
 var PhoneInputBase = require('react-phone-number-input');
 var styled = require('@emotion/styled');
 var cn = require('classnames');
@@ -32,28 +32,28 @@ var other = require('@hhgtech/icons/other');
 var debounce = require('lodash/debounce');
 var throttle = require('lodash/throttle');
 var Flags = require('react-phone-number-input/flags');
-var useScreenSize = require('./useScreenSize-edb9332e.js');
+var useScreenSize = require('./useScreenSize-ce6c2232.js');
 var vaul = require('vaul');
-var utils = require('./utils-7970b050.js');
-var index$6 = require('./index-bb3661d9.js');
+var utils = require('./utils-1f5a1128.js');
+var index$6 = require('./index-8ffe558b.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 var form = require('@mantine/form');
 var yup = require('yup');
 var dayjs = require('dayjs');
-var index$7 = require('./index-f63a85f1.js');
+var index$7 = require('./index-cc290860.js');
 require('@mantine/carousel');
 require('./miscTheme.js');
-require('./useUniqueId-5aafc9aa.js');
+require('./useUniqueId-373a4f10.js');
 require('./constantsSite.js');
 require('zustand');
 require('./constantsIsProduction.js');
-require('./normalizeLink-5631868a.js');
+require('./normalizeLink-bb0c5a5d.js');
 require('./miscCookieHelper.js');
 require('date-fns/locale');
 require('./constantsRiskScreener.js');
-require('./index.styles-c8244365.js');
+require('./index.styles-7a285dc7.js');
 require('@mantine/notifications');
-require('./translationsContext-564a0e7f.js');
+require('./translationsContext-65682f9f.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -190,6 +190,29 @@ const BackgroundHeader = () => (React__default["default"].createElement("svg", {
             React__default["default"].createElement("stop", { stopColor: "#fff", stopOpacity: "0" }),
             React__default["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 === store.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';
 };
@@ -198,44 +221,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) === store.SSOStepTypeType.OTP ||
         (step === null || step === void 0 ? void 0 : step.type) === store.SSOStepTypeType.SETUP_FULL ||
         (step === null || step === void 0 ? void 0 : step.type) === store.SSOStepTypeType.VERIFY_PHONE ||
         (step === null || step === void 0 ? void 0 : step.type) === store.SSOStepTypeType.PASSWORD ||
         (step === null || step === void 0 ? void 0 : step.type) === store.SSOStepTypeType.FORGOT_PASSWORD_PHONE ||
-        (step === null || step === void 0 ? void 0 : step.type) === store.SSOStepTypeType.FORGOT_PASSWORD_SETUP;
-    // step?.type === SSOStepTypeType.PASSWORD
-    const isWhiteListFlow = isSocialFlowFn(flowData) || isPhoneFlowFn(flowData);
+        (step === null || step === void 0 ? void 0 : step.type) === store.SSOStepTypeType.FORGOT_PASSWORD_SETUP ||
+        (step === null || step === void 0 ? void 0 : step.type) === store.SSOStepTypeType.EMAIL ||
+        (step === null || step === void 0 ? void 0 : step.type) === store.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 = [
-            store.isPhoneNotVerifedYet(userInfo)
+            !isPhoneVerifedAlready(userInfo, flowData)
                 ? [store.SSOStepTypeType.VERIFY_PHONE, store.SSOStepTypeType.OTP]
                 : undefined,
+            isExistUpdateEmailStep(steps)
+                ? (step === null || step === void 0 ? void 0 : step.type) === store.SSOStepTypeType.OTP
+                    ? store.SSOStepTypeType.OTP
+                    : store.SSOStepTypeType.UPDATE_EMAIL
+                : undefined,
             !userInfo || !store.isUserFinishedSetup(userInfo)
                 ? store.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) === store.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 = [
-            store.isPhoneNotVerifedYet(userInfo) ? store.SSOStepTypeType.OTP : undefined,
-            store.isUserNeedPassword(flowData, userInfo)
+            !isPhoneVerifedAlready(userInfo, flowData)
+                ? store.SSOStepTypeType.OTP
+                : undefined,
+            !((_a = flowData === null || flowData === void 0 ? void 0 : flowData.metaData) === null || _a === void 0 ? void 0 : _a.is_pass)
                 ? store.SSOStepTypeType.FORGOT_PASSWORD_SETUP
                 : undefined,
-            !userInfo || !store.isUserFinishedSetup(userInfo)
+            !isSetupFullInfoAlready(userInfo, flowData)
                 ? store.SSOStepTypeType.SETUP_FULL
                 : undefined,
         ]
@@ -247,22 +289,63 @@ const getCurrentStepNumber = (flowData, step, userInfo) => {
         ];
     }
     if (isPhoneFlow && (flowData === null || flowData === void 0 ? void 0 : flowData.flow) === 'login') {
-        const arrSteps = !userInfo
-            ? []
-            : [
-                store.SSOStepTypeType.PASSWORD,
-                store.isPhoneNotVerifedYet(userInfo)
-                    ? [store.SSOStepTypeType.FORGOT_PASSWORD_PHONE, store.SSOStepTypeType.OTP]
-                    : undefined,
-                !store.isUserFinishedSetup(userInfo)
-                    ? store.SSOStepTypeType.SETUP_FULL
-                    : undefined,
-            ]
-                .flat()
-                .filter(Boolean);
+        const arrSteps = [
+            store.SSOStepTypeType.PASSWORD,
+            !isPhoneVerifedAlready(userInfo, flowData)
+                ? [store.SSOStepTypeType.FORGOT_PASSWORD_PHONE, store.SSOStepTypeType.OTP]
+                : undefined,
+            isExistUpdateEmailStep(steps)
+                ? (step === null || step === void 0 ? void 0 : step.type) === store.SSOStepTypeType.OTP
+                    ? store.SSOStepTypeType.OTP
+                    : store.SSOStepTypeType.UPDATE_EMAIL
+                : undefined,
+            !isSetupFullInfoAlready(userInfo, flowData)
+                ? store.SSOStepTypeType.SETUP_FULL
+                : undefined,
+        ]
+            .flat()
+            .filter(Boolean);
+        if (arrSteps.length === 2 &&
+            arrSteps[0] === store.SSOStepTypeType.PASSWORD &&
+            arrSteps[1] === store.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) === store.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) === store.SSOStepTypeType.OTP
+                ? store.SSOStepTypeType.OTP
+                : store.SSOStepTypeType.EMAIL,
+            hasPasswordStep
+                ? store.SSOStepTypeType.FORGOT_PASSWORD_SETUP
+                : store.SSOStepTypeType.PASSWORD,
+            hasPhoneStep
+                ? (step === null || step === void 0 ? void 0 : step.type) === store.SSOStepTypeType.OTP
+                    ? store.SSOStepTypeType.OTP
+                    : store.SSOStepTypeType.VERIFY_PHONE
+                : undefined,
+            hasSetupFullStep ? store.SSOStepTypeType.SETUP_FULL : undefined,
+        ]
+            .flat()
+            .filter(Boolean);
+        const previousStep = steps[currentStepIndex - 1];
+        return [
+            arrSteps.length,
+            (previousStep === null || previousStep === void 0 ? void 0 : previousStep.type) === store.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 [];
@@ -273,8 +356,7 @@ const ProgressBar = () => {
     const { flowData, userInfo } = store.useSSOV2Store();
     /** No need update state IF userInfo is changed */
     const initUserInfo = React.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["default"].createElement(core.Flex, { gap: 2 }, Array.from({ length: totalStepNumber }).map((_, idx) => {
@@ -298,7 +380,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) === store.SSOStepTypeType.OTP ||
-        (currentStep === null || currentStep === void 0 ? void 0 : currentStep.type) === store.SSOStepTypeType.PASSWORD;
+        (currentStep === null || currentStep === void 0 ? void 0 : currentStep.type) === store.SSOStepTypeType.PASSWORD ||
+        (currentStep === null || currentStep === void 0 ? void 0 : currentStep.type) === store.SSOStepTypeType.EMAIL;
     const showClose = (currentStep === null || currentStep === void 0 ? void 0 : currentStep.type) === store.SSOStepTypeType.FIRST;
     const showLogo = (steps.length === 1 || showProgressBar) && !showBack;
     const logoType = (_a = index$2.LOCALE_SPECS[locale]) === null || _a === void 0 ? void 0 : _a.LOGO_TYPE;
@@ -539,6 +622,7 @@ const SSOEmailScreen = ({ hidden, }) => {
                             flowData: {
                                 method: 'email',
                                 flow: 'login',
+                                metaData: existRes._data,
                             },
                         });
                         // go to password screen
@@ -556,6 +640,7 @@ const SSOEmailScreen = ({ hidden, }) => {
                             flowData: {
                                 method: 'email',
                                 flow: 'signup',
+                                metaData: existRes._data,
                             },
                         });
                         if (!((_b = existRes._data) === null || _b === void 0 ? void 0 : _b.provider)) {
@@ -574,7 +659,7 @@ const SSOEmailScreen = ({ hidden, }) => {
                             config: {
                                 email,
                                 otpType: 'email',
-                                afterAction: 'setup',
+                                afterAction: 'forgot',
                             },
                         });
                         goNext();
@@ -2325,6 +2410,7 @@ const SSOFirstScreen = ({ hidden, config, }) => {
                     flowData: {
                         method: 'zalo',
                         flow: 'login',
+                        metaData: userExist._data,
                     },
                 });
                 addStep({
@@ -2352,6 +2438,7 @@ const SSOFirstScreen = ({ hidden, config, }) => {
                     flowData: {
                         method: 'zalo',
                         flow: 'signup',
+                        metaData: userExist._data,
                     },
                 });
                 addStep({
@@ -2386,6 +2473,7 @@ const SSOFirstScreen = ({ hidden, config, }) => {
                     flowData: {
                         method: 'sms',
                         flow: 'login',
+                        metaData: userExist._data,
                     },
                 });
                 addStep({
@@ -2413,6 +2501,7 @@ const SSOFirstScreen = ({ hidden, config, }) => {
                     flowData: {
                         method: 'sms',
                         flow: 'signup',
+                        metaData: userExist._data,
                     },
                 });
                 addStep({
@@ -2454,6 +2543,7 @@ const SSOFirstScreen = ({ hidden, config, }) => {
                     flowData: {
                         method: 'phone',
                         flow: 'login',
+                        metaData: userExist._data,
                     },
                 });
                 addStep({
@@ -2663,15 +2753,7 @@ const SSOOTPScreen = ({ hidden, index: index$1, config, }) => {
     }, [hidden]);
     const addStepAndGoNext = (step) => {
         store.useSSOSteps.setState((old) => {
-            var _a, _b;
             const oldSteps = old.steps;
-            if (((_a = oldSteps[index$1 - 1]) === null || _a === void 0 ? void 0 : _a.type) === store.SSOStepTypeType.VERIFY_PHONE ||
-                ((_b = oldSteps[index$1 - 1]) === null || _b === void 0 ? void 0 : _b.type) === store.SSOStepTypeType.UPDATE_EMAIL) {
-                return {
-                    steps: oldSteps.slice(0, index$1 - 1).concat(step),
-                    currentStepIndex: index$1 - 1,
-                };
-            }
             return {
                 steps: oldSteps.slice(0, index$1).concat(step),
                 currentStepIndex: index$1,
@@ -3089,6 +3171,7 @@ const SSOPasswordScreen = ({ hidden, config, }) => {
         store.handleAuthSuccess(data);
         const userInfo = yield store.getUserInfo();
         const isPhoneFlow = isPhoneFlowFn(flowData);
+        const isEmailFlow = isEmailFlowFn(flowData);
         setUserInfo(userInfo === null || userInfo === void 0 ? void 0 : userInfo._data);
         if (!phone && !!email) {
             if (store.isPhoneNotVerifedYet(userInfo === null || userInfo === void 0 ? void 0 : userInfo._data)) {
@@ -3116,7 +3199,7 @@ const SSOPasswordScreen = ({ hidden, config, }) => {
             goNext();
             return;
         }
-        if (isPhoneFlow && !store.isUserFinishedSetup(userInfo === null || userInfo === void 0 ? void 0 : userInfo._data)) {
+        if ((isPhoneFlow || isEmailFlow) && !store.isUserFinishedSetup(userInfo === null || userInfo === void 0 ? void 0 : userInfo._data)) {
             addStep({
                 type: store.SSOStepTypeType.SETUP_FULL,
                 config: {
@@ -3178,7 +3261,7 @@ const SetupLater = ({ style = {} }) => {
     const { t } = index.useTranslations();
     const { onClose } = useSSOState();
     const [loading, setLoading] = React.useState(false);
-    const { userInfo } = store.useSSOV2Store();
+    const { userInfo, flowData } = store.useSSOV2Store();
     const { currentStepIndex, steps, addStep, goNext } = store.useSSOSteps();
     const currentStep = steps[currentStepIndex];
     const onClickSetupLater = () => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {
@@ -3197,6 +3280,16 @@ const SetupLater = ({ style = {} }) => {
             });
             goNext();
         }
+        else if (!store.isFlowFinishedSetup(flowData) &&
+            (currentStep === null || currentStep === void 0 ? void 0 : currentStep.type) === store.SSOStepTypeType.VERIFY_PHONE) {
+            addStep({
+                type: store.SSOStepTypeType.SETUP_FULL,
+                config: {
+                    userInfo,
+                },
+            });
+            goNext();
+        }
         else {
             onClose === null || onClose === void 0 ? void 0 : onClose(true);
         }
@@ -3367,7 +3460,7 @@ const SSOPasswordForgotSetup = ({ hidden, }) => {
     const [errMsg, setErrMsg] = React__default["default"].useState('');
     const { setTracking, onClose } = useSSOState();
     const { addStep, goNext } = store.useSSOSteps();
-    const { flowData } = store.useSSOV2Store();
+    const { flowData, setUserInfo } = store.useSSOV2Store();
     const trackingMethod = flowData.method;
     const trackingCategory = `SSO - Sign In via ${trackingMethod}`;
     const trackingAction = `Setup New Password`;
@@ -3405,7 +3498,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 store.updateUserInfo({
                         password,
                         confirm_password: confirmPassword,
@@ -3413,20 +3507,39 @@ const SSOPasswordForgotSetup = ({ hidden, }) => {
                     })
                     : yield store.resetPassword(password, confirmPassword);
                 if ((res === null || res === void 0 ? void 0 : res._status) === 1) {
-                    if (isPhoneFlowFn(flowData)) {
+                    if (isPhoneOrEmailFlow) {
                         store.handleAuthSuccess(res === null || res === void 0 ? void 0 : res._data);
                         const userInfo = yield store.getUserInfo();
-                        if (userInfo && !store.isUserFinishedSetup(userInfo === null || userInfo === void 0 ? void 0 : userInfo._data)) {
-                            addStep({
-                                type: store.SSOStepTypeType.SETUP_FULL,
-                                config: {
-                                    userInfo: userInfo === null || userInfo === void 0 ? void 0 : userInfo._data,
-                                },
-                            });
-                            goNext();
+                        // Phone
+                        if (isPhoneFlowFn(flowData)) {
+                            if (userInfo && !store.isUserFinishedSetup(userInfo === null || userInfo === void 0 ? void 0 : userInfo._data)) {
+                                addStep({
+                                    type: store.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 (store.isPhoneNotVerifedYet(userInfo === null || userInfo === void 0 ? void 0 : userInfo._data)) {
+                                addStep({
+                                    type: store.SSOStepTypeType.VERIFY_PHONE,
+                                    config: {
+                                        provider: 'email',
+                                    },
+                                });
+                                goNext();
+                            }
+                            else {
+                                onClose === null || onClose === void 0 ? void 0 : onClose(true);
+                            }
                         }
                     }
                     else {
@@ -3954,6 +4067,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, } = store.useSSOV2Store();
     React.useEffect(() => {

package/build/{store-27f18f35.js → store-77e43fb8.js}

@@ -1,10 +1,10 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-bb1ca47e.js');
+var tslib_es6 = require('./tslib.es6-114a4ba8.js');
 var zustand = require('zustand');
 var constantsIsProduction = require('./constantsIsProduction.js');
-var normalizeLink = require('./normalizeLink-5631868a.js');
-var index = require('./index-efa8f9aa.js');
+var normalizeLink = require('./normalizeLink-bb0c5a5d.js');
+var index = require('./index-23f0f591.js');
 var miscCookieHelper = require('./miscCookieHelper.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 
@@ -465,16 +465,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);
@@ -494,10 +489,10 @@ exports.checkUserExist = checkUserExist;
 exports.fetchSSOV2Api = fetchSSOV2Api;
 exports.getUserInfo = getUserInfo;
 exports.handleAuthSuccess = handleAuthSuccess;
+exports.isFlowFinishedSetup = isFlowFinishedSetup;
 exports.isLoginWithPhoneNotVerifedYet = isLoginWithPhoneNotVerifedYet;
 exports.isPhoneNotVerifedYet = isPhoneNotVerifedYet;
 exports.isUserFinishedSetup = isUserFinishedSetup;
-exports.isUserNeedPassword = isUserNeedPassword;
 exports.redirect = redirect;
 exports.resetPassword = resetPassword;
 exports.updateUserInfo = updateUserInfo;

package/build/subot.js

@@ -3,74 +3,74 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var index$2 = require('./index-25f697d9.js');
-var tslib_es6 = require('./tslib.es6-bb1ca47e.js');
-var index$3 = require('./index-efa8f9aa.js');
+var index$2 = require('./index-c01afb63.js');
+var tslib_es6 = require('./tslib.es6-114a4ba8.js');
+var index$3 = require('./index-23f0f591.js');
 var Cookies = require('js-cookie');
 var fd = require('fastdom');
 var fastdomPromised = require('fastdom/extensions/fastdom-promised');
-var togetherComponentGlobalContext = require('./utils-3994f517.js');
+var togetherComponentGlobalContext = require('./utils-03448a22.js');
 var formatString = require('string-format');
-var index$1 = require('./index-6e194032.js');
+var index$1 = require('./index-56d369df.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 var cn = require('classnames');
-var index$c = require('./index-7be61726.js');
-var index$b = require('./index-36ca76b1.js');
+var index$c = require('./index-cb131ad9.js');
+var index$b = require('./index-b541306a.js');
 var framerMotion = require('framer-motion');
 var styled = require('@emotion/styled');
-var utils = require('./utils-147526c6.js');
-var index$4 = require('./index-d4cbda4b.js');
+var utils = require('./utils-0d9945f3.js');
+var index$4 = require('./index-1f6c4aae.js');
 var remarkable = require('remarkable');
 var other = require('@hhgtech/icons/other');
 var reactIntersectionObserver = require('react-intersection-observer');
 var core = require('@mantine/core');
-var index$5 = require('./index-95af6151.js');
+var index$5 = require('./index-1da6abe7.js');
 var dayjs = require('dayjs');
 var isSameOrBefore = require('dayjs/plugin/isSameOrBefore');
-var constants = require('./constants-e3b9753a.js');
+var constants = require('./constants-3453d8ac.js');
 var uuid = require('uuid');
-var index$6 = require('./index-d6ae99fe.js');
+var index$6 = require('./index-650908cb.js');
 var miscTheme = require('./miscTheme.js');
 var constantsIsProduction = require('./constantsIsProduction.js');
-var index$7 = require('./index-2a157cb4.js');
+var index$7 = require('./index-85bca058.js');
 require('@mantine/dates');
-require('./useMantineLocale-e1b1849c.js');
-require('./index.styles-c8244365.js');
-require('./translationsContext-564a0e7f.js');
+require('./useMantineLocale-ed32e2e5.js');
+require('./index.styles-7a285dc7.js');
+require('./translationsContext-65682f9f.js');
 require('@mantine/hooks');
-require('./other-035d01a2.js');
-require('./index-9be1b169.js');
+require('./other-43aa6d8c.js');
+require('./index-fc6f41d4.js');
 var isEmpty = require('lodash/isEmpty');
 var reactHookForm = require('react-hook-form');
 var PhoneInputBase = require('react-phone-number-input');
 var api = require('@react-google-maps/api');
-var usePlacesAutocomplete = require('./usePlacesAutocomplete-d669cf79.js');
+var usePlacesAutocomplete = require('./usePlacesAutocomplete-15ca451d.js');
 var miscDefaultClassWrapper = require('./miscDefaultClassWrapper.js');
-var Locale = require('./Locale-898525c8.js');
-var index$9 = require('./index-b3c37d6a.js');
-var index$a = require('./index-03670d3e.js');
-var index$8 = require('./index-8374644c.js');
-var store = require('./store-27f18f35.js');
+var Locale = require('./Locale-edfd1e2d.js');
+var index$9 = require('./index-1c2b8342.js');
+var index$a = require('./index-cbf82b14.js');
+var index$8 = require('./index-f5f85dbf.js');
+var store = require('./store-77e43fb8.js');
 require('date-fns/locale');
 require('./constantsSite.js');
 require('./constantsRiskScreener.js');
-require('./index-ce01976e.js');
+require('./index-2f754923.js');
 require('./miscCookieHelper.js');
 require('slugify');
 require('./togetherApiPaths.js');
-require('./index-5d25a815.js');
-require('./WhatsApp-d7a4d2b0.js');
-require('./Spinner-ec539d0c.js');
-require('./index-57e57a4a.js');
-require('./useScreenSize-edb9332e.js');
+require('./index-ba55adbd.js');
+require('./WhatsApp-0ddcf5ef.js');
+require('./Spinner-545ead79.js');
+require('./index-141b85d6.js');
+require('./useScreenSize-ce6c2232.js');
 require('@mantine/carousel');
-require('./useUniqueId-5aafc9aa.js');
+require('./useUniqueId-373a4f10.js');
 require('@hhgtech/icons/core');
 require('@mantine/notifications');
 require('date-fns');
 require('react-day-picker/DayPickerInput');
 require('zustand');
-require('./normalizeLink-5631868a.js');
+require('./normalizeLink-bb0c5a5d.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }