@hhgtech/hhg-components 1.29.200 → 1.29.202

package/build/esm/ssoV2.js

@@ -1,49 +1,49 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-5252aefd.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-36839c86.js';
 import React__default, { createContext, useEffect } from 'react';
-import { I as Input, P as Phone, O as OTP, f as PasswordInput, R as Radio, E as ErrorBoundary } from './index-8e6ed9e2.js';
+import { I as Input, P as Phone, O as OTP, f as PasswordInput, R as Radio, E as ErrorBoundary } from './index-a607f280.js';
 import { ChevronLeft } from '@hhgtech/icons/arrow';
 import { Close } from '@hhgtech/icons/core';
-import { L as LogoIcon } from './logoIcon-0fea0944.js';
-import { B as Button } from './index-f7e3b9ae.js';
-import { M as Modal } from './index-ef289e5b.js';
+import { L as LogoIcon } from './logoIcon-9106e7c5.js';
+import { B as Button } from './index-e017b70d.js';
+import { M as Modal } from './index-17a7b217.js';
 import { Stack, LoadingOverlay, Group } from '@mantine/core';
 import '@mantine/dates';
-import { L as LOCALE_SPECS, S as STATIC_PAGES } from './index-d27d5f41.js';
-import './index-bb72e636.js';
-import './index-7364d0c5.js';
-import { s as showNotification } from './useMantineLocale-09b8477c.js';
-import { T as Text } from './index-fea2b65a.js';
-import { u as useTranslations } from './index-a1945269.js';
+import { L as LOCALE_SPECS, S as STATIC_PAGES } from './index-62dab19b.js';
+import './index-8ab86fb5.js';
+import './index-458d296b.js';
+import { s as showNotification } from './useMantineLocale-64d948e7.js';
+import { T as Text } from './index-e718ab99.js';
+import { u as useTranslations } from './index-5202f7d1.js';
 import '@mantine/hooks';
-import './utils-57621f45.js';
-import './other-b4fcca26.js';
-import './index-ae978349.js';
-import { L as LOCALE } from './Locale-726a1fd6.js';
-import { a as useSSOSteps, f as fetchSSOV2Api, w as websiteId, S as SSO_V2_PATHS, c as checkUserExist, b as SSOStepTypeType, d as allAvailableAreaCodes, F as FacebookAppId, G as GoogleAuthClientId, h as handleAuthSuccess, g as getUserInfo, e as updateUserInfo, r as resetPassword, u as useSSOV2Store, i as redirect } from './store-89e4b9c8.js';
-export { u as useSSOV2Store } from './store-89e4b9c8.js';
-import { G as Google, F as Facebook } from './Google-8eb09512.js';
+import './utils-5ee0a907.js';
+import './other-5f0ceda4.js';
+import './index-26d25ce1.js';
+import { L as LOCALE } from './Locale-8a8c0fcc.js';
+import { a as useSSOSteps, f as fetchSSOV2Api, w as websiteId, S as SSO_V2_PATHS, c as checkUserExist, u as useSSOV2Store, b as SSOStepTypeType, d as allAvailableAreaCodes, F as FacebookAppId, G as GoogleAuthClientId, h as handleAuthSuccess, g as getUserInfo, e as getSSOFlowFromUserProfile, i as isUserFinishedSetup, j as updateUserInfo, r as resetPassword, k as redirect } from './store-56f387f5.js';
+export { u as useSSOV2Store } from './store-56f387f5.js';
+import { G as Google, F as Facebook } from './Google-9b678d8b.js';
 import styled from '@emotion/styled';
-import { M as MAPPED_LOCALE } from './utils-f059cb6e.js';
+import { M as MAPPED_LOCALE } from './utils-26348a33.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-682b0e24.js';
+import { D as DatePicker } from './index-bb6eb32a.js';
 import '@hhgtech/icons/other';
-import './index.styles-024a0f9c.js';
+import './index.styles-b316397f.js';
 import '@mantine/carousel';
 import './miscTheme.js';
-import './index-f37b84de.js';
+import './index-bb9effbc.js';
 import 'classnames';
-import './useUniqueId-e19a0ec2.js';
+import './useUniqueId-b721269f.js';
 import './constantsSite.js';
 import 'date-fns/locale';
 import './constantsRiskScreener.js';
 import './constantsIsProduction.js';
 import '@mantine/notifications';
-import './translationsContext-324bfaa9.js';
+import './translationsContext-4122118f.js';
 import 'zustand';
-import './normalizeLink-4655f522.js';
+import './normalizeLink-91856c16.js';
 import './miscCookieHelper.js';
 
 const SSOStateContext = createContext({
@@ -377,7 +377,7 @@ const SSOEmailScreen = ({ hidden, }) => {
             });
         }
     }, [hidden]);
-    const { addStep, goNext, setShareData } = useSSOSteps();
+    const { addStep, goNext } = useSSOSteps();
     return (React__default.createElement("form", { style: {
             display: hidden ? 'none' : 'block',
         }, onSubmit: (e) => __awaiter(void 0, void 0, void 0, function* () {
@@ -394,9 +394,11 @@ const SSOEmailScreen = ({ hidden, }) => {
                         return setLoading(false);
                     }
                     if ((_b = existRes._data) === null || _b === void 0 ? void 0 : _b.is_pass) {
-                        setShareData({
-                            authMethod: 'mail',
-                            authFlow: 'login',
+                        useSSOV2Store.setState({
+                            flowData: {
+                                method: 'email',
+                                flow: 'login',
+                            },
                         });
                         // go to password screen
                         addStep({
@@ -409,9 +411,11 @@ const SSOEmailScreen = ({ hidden, }) => {
                     }
                     else {
                         let res;
-                        setShareData({
-                            authMethod: 'mail',
-                            authFlow: 'register',
+                        useSSOV2Store.setState({
+                            flowData: {
+                                method: 'email',
+                                flow: 'signup',
+                            },
                         });
                         if (!((_c = existRes._data) === null || _c === void 0 ? void 0 : _c.provider)) {
                             res = yield registerBySendEmailOTP(email);
@@ -660,7 +664,7 @@ const SSOFirstScreen = ({ hidden }) => {
     const [phone, setPhone] = React__default.useState('');
     const [errMsg, setErrMsg] = React__default.useState('');
     const { locale, onClose, setTracking } = useSSOState();
-    const { addStep, goNext, setShareData } = useSSOSteps();
+    const { addStep, goNext } = useSSOSteps();
     const [activeTab, setActiveTab] = React__default.useState('login');
     const { t } = useTranslations();
     const trackingCategory = 'Sign In or Sign Up';
@@ -677,29 +681,28 @@ const SSOFirstScreen = ({ hidden }) => {
     const [loading, setLoading] = React__default.useState(false);
     const [loadingOverlay, setLoadingOverlay] = React__default.useState(false);
     const handleLoginBySocial = (credential, provider) => __awaiter(void 0, void 0, void 0, function* () {
-        var _c, _d, _e;
+        var _c, _d;
         const res = yield loginBySocial(credential, provider);
         if ((res === null || res === void 0 ? void 0 : res._status) === 1) {
             handleAuthSuccess(res === null || res === void 0 ? void 0 : res._data);
             const userInfo = yield getUserInfo();
-            if ((userInfo === null || userInfo === void 0 ? void 0 : userInfo._status) === 1) {
-                setShareData({
-                    authMethod: provider,
+            if ((userInfo === null || userInfo === void 0 ? void 0 : userInfo._status) === 1 && userInfo._data) {
+                useSSOV2Store.setState({
+                    flowData: getSSOFlowFromUserProfile(userInfo._data),
                 });
-                if ((_c = userInfo._data) === null || _c === void 0 ? void 0 : _c.is_new) {
-                    setShareData((a) => (Object.assign(Object.assign({}, a), { authFlow: 'register' })));
+                if (!isUserFinishedSetup(userInfo._data)) {
                     if (provider === 'facebook') {
                         window.FB.api('/me', { fields: 'name, email, gender, birthday' }, function (response) {
-                            setShareData((a) => (Object.assign(Object.assign({}, a), { setupDefaultData: {
-                                    name: response.name,
-                                    email: response.email,
-                                    gender: response.gender,
-                                    birthday: response.birthday, // "MM/DD/YYYY"
-                                } })));
                             addStep({
                                 type: SSOStepTypeType.SETUP_FULL,
                                 config: {
                                     userInfo: userInfo._data,
+                                    setupDefaultData: {
+                                        name: response.name,
+                                        email: response.email,
+                                        gender: response.gender,
+                                        birthday: response.birthday, // "MM/DD/YYYY"
+                                    },
                                 },
                             });
                             goNext();
@@ -715,9 +718,11 @@ const SSOFirstScreen = ({ hidden }) => {
                         goNext();
                     }
                 }
-                else if (!((_d = userInfo._data) === null || _d === void 0 ? void 0 : _d.phone_verified_at) ||
-                    !((_e = userInfo._data) === null || _e === void 0 ? void 0 : _e.phone)) {
-                    setShareData((a) => (Object.assign(Object.assign({}, a), { authFlow: 'verify-phone' })));
+                else if (!((_c = userInfo._data) === null || _c === void 0 ? void 0 : _c.phone_verified_at) ||
+                    !((_d = userInfo._data) === null || _d === void 0 ? void 0 : _d.phone)) {
+                    useSSOV2Store.setState((f) => ({
+                        flowData: Object.assign(Object.assign({}, f.flowData), { isVerifyPhone: true }),
+                    }));
                     addStep({
                         type: SSOStepTypeType.VERIFY_PHONE,
                         config: {
@@ -765,7 +770,7 @@ const SSOFirstScreen = ({ hidden }) => {
         };
     }, []);
     const onClickContinueZalo = () => __awaiter(void 0, void 0, void 0, function* () {
-        var _f, _g;
+        var _e, _f;
         setLoading(true);
         const { areaCode, phoneNumber } = splitPhone(phone);
         if (!areaCode || !phoneNumber || !phone) {
@@ -774,16 +779,18 @@ const SSOFirstScreen = ({ hidden }) => {
         }
         const userExist = yield checkUserExist({ phone: phoneNumber });
         if ((userExist === null || userExist === void 0 ? void 0 : userExist._status) === 1) {
-            const provider = (_f = userExist._data) === null || _f === void 0 ? void 0 : _f.provider;
+            const provider = (_e = userExist._data) === null || _e === void 0 ? void 0 : _e.provider;
             if (provider === 'google' || provider === 'facebook') {
                 setErrMsg(t('ssov2.useOtherMethod.phone'));
                 return setLoading(false);
             }
-            setShareData({
-                authMethod: 'phone',
-            });
-            if ((_g = userExist._data) === null || _g === void 0 ? void 0 : _g.is_pass) {
-                setShareData((a) => (Object.assign(Object.assign({}, a), { authFlow: 'login' })));
+            if ((_f = userExist._data) === null || _f === void 0 ? void 0 : _f.is_pass) {
+                useSSOV2Store.setState({
+                    flowData: {
+                        method: 'zalo',
+                        flow: 'login',
+                    },
+                });
                 addStep({
                     type: SSOStepTypeType.PASSWORD,
                     config: {
@@ -805,7 +812,12 @@ const SSOFirstScreen = ({ hidden }) => {
                     setErrMsg(getErrorTextFromCode(t, res === null || res === void 0 ? void 0 : res.code));
                     return setLoading(false);
                 }
-                setShareData((a) => (Object.assign(Object.assign({}, a), { authFlow: 'register' })));
+                useSSOV2Store.setState({
+                    flowData: {
+                        method: 'zalo',
+                        flow: 'signup',
+                    },
+                });
                 addStep({
                     type: SSOStepTypeType.OTP,
                     config: {
@@ -823,7 +835,7 @@ const SSOFirstScreen = ({ hidden }) => {
         setLoading(false);
     });
     const onClickContinuePhone = () => __awaiter(void 0, void 0, void 0, function* () {
-        var _h, _j;
+        var _g, _h;
         setLoading(true);
         const { areaCode, phoneNumber } = splitPhone(phone);
         if (!areaCode || !phoneNumber || !phone) {
@@ -832,16 +844,18 @@ const SSOFirstScreen = ({ hidden }) => {
         }
         const userExist = yield checkUserExist({ phone: phoneNumber });
         if ((userExist === null || userExist === void 0 ? void 0 : userExist._status) === 1) {
-            const provider = (_h = userExist._data) === null || _h === void 0 ? void 0 : _h.provider;
+            const provider = (_g = userExist._data) === null || _g === void 0 ? void 0 : _g.provider;
             if (provider === 'google' || provider === 'facebook') {
                 setErrMsg(t('ssov2.useOtherMethod.phone'));
                 return setLoading(false);
             }
-            setShareData({
-                authMethod: 'phone',
-            });
-            if ((_j = userExist._data) === null || _j === void 0 ? void 0 : _j.is_pass) {
-                setShareData((a) => (Object.assign(Object.assign({}, a), { authFlow: 'login' })));
+            if ((_h = userExist._data) === null || _h === void 0 ? void 0 : _h.is_pass) {
+                useSSOV2Store.setState({
+                    flowData: {
+                        method: 'sms',
+                        flow: 'login',
+                    },
+                });
                 addStep({
                     type: SSOStepTypeType.PASSWORD,
                     config: {
@@ -862,7 +876,12 @@ const SSOFirstScreen = ({ hidden }) => {
                     setErrMsg(getErrorTextFromCode(t, res === null || res === void 0 ? void 0 : res.code));
                     return setLoading(false);
                 }
-                setShareData((a) => (Object.assign(Object.assign({}, a), { authFlow: 'register' })));
+                useSSOV2Store.setState({
+                    flowData: {
+                        method: 'sms',
+                        flow: 'signup',
+                    },
+                });
                 addStep({
                     type: SSOStepTypeType.OTP,
                     config: {
@@ -880,7 +899,7 @@ const SSOFirstScreen = ({ hidden }) => {
         setLoading(false);
     });
     const onClickLoginWithPhone = () => __awaiter(void 0, void 0, void 0, function* () {
-        var _k, _l, _m;
+        var _j, _k, _l, _m;
         setLoading(true);
         const { areaCode, phoneNumber } = splitPhone(phone);
         if (!areaCode || !phoneNumber || !phone) {
@@ -889,15 +908,12 @@ const SSOFirstScreen = ({ hidden }) => {
         }
         const userExist = yield checkUserExist({ phone: phoneNumber });
         if ((userExist === null || userExist === void 0 ? void 0 : userExist._status) === 1) {
-            const provider = (_k = userExist._data) === null || _k === void 0 ? void 0 : _k.provider;
+            const provider = (_j = userExist._data) === null || _j === void 0 ? void 0 : _j.provider;
             if (provider === 'google' || provider === 'facebook') {
                 setErrMsg(t('ssov2.useOtherMethod.phone'));
                 return setLoading(false);
             }
-            setShareData({
-                authMethod: 'phone',
-            });
-            if (!userExist._data || !((_l = userExist._data) === null || _l === void 0 ? void 0 : _l.is_pass)) {
+            if (!userExist._data || !((_k = userExist._data) === null || _k === void 0 ? void 0 : _k.is_pass)) {
                 showNotification({
                     message: t('ssov2.first.noAccountOrPass'),
                     type: 'danger',
@@ -905,8 +921,13 @@ const SSOFirstScreen = ({ hidden }) => {
                 setActiveTab('signup');
                 return setLoading(false);
             }
-            if ((_m = userExist._data) === null || _m === void 0 ? void 0 : _m.is_pass) {
-                setShareData((a) => (Object.assign(Object.assign({}, a), { authFlow: 'login' })));
+            if ((_l = userExist._data) === null || _l === void 0 ? void 0 : _l.is_pass) {
+                useSSOV2Store.setState({
+                    flowData: {
+                        method: ((_m = userExist === null || userExist === void 0 ? void 0 : userExist._data) === null || _m === void 0 ? void 0 : _m.provider) || 'phone',
+                        flow: 'login',
+                    },
+                });
                 addStep({
                     type: SSOStepTypeType.PASSWORD,
                     config: {
@@ -922,9 +943,11 @@ const SSOFirstScreen = ({ hidden }) => {
         setLoading(false);
     });
     const onClickEmail = () => {
-        setShareData({
-            authMethod: 'mail',
-            authFlow: 'register',
+        useSSOV2Store.setState({
+            flowData: {
+                method: 'email',
+                flow: 'login',
+            },
         });
         addStep({
             type: SSOStepTypeType.EMAIL,
@@ -979,11 +1002,11 @@ const SSOFirstScreen = ({ hidden }) => {
                 React__default.createElement(Text, { size: "s1", weight: "semiBold", color: activeTab === 'login' ? 'gray.8' : 'gray.4', onClick: () => setActiveTab('login'), style: {
                         borderBottom: activeTab === 'login' ? '2px solid #000' : undefined,
                         cursor: 'pointer',
-                    } }, t('ssov2.first.title.login')),
+                    }, "data-event-category": trackingCategory, "data-event-action": trackingAction, "data-event-label": "Log In" }, t('ssov2.first.title.login')),
                 React__default.createElement(Text, { size: "s1", weight: "semiBold", color: activeTab === 'signup' ? 'gray.8' : 'gray.4', onClick: () => setActiveTab('signup'), style: {
                         borderBottom: activeTab === 'signup' ? '2px solid #000' : undefined,
                         cursor: 'pointer',
-                    } }, t('ssov2.first.title.signup'))),
+                    }, "data-event-category": trackingCategory, "data-event-action": trackingAction, "data-event-label": "Sign Up" }, t('ssov2.first.title.signup'))),
             React__default.createElement(Text, { size: "p4" }, t('ssov2.first.description'))),
         React__default.createElement(Stack, { mt: 24, spacing: 24 },
             React__default.createElement(Stack, { spacing: 16 },
@@ -1088,7 +1111,8 @@ const verifyUpdateEmailOTP = (otpCode) => __awaiter(void 0, void 0, void 0, func
 const SSOOTPScreen = ({ hidden, index, config, }) => {
     const { t } = useTranslations();
     const { onClose, setTracking } = useSSOState();
-    const { setSteps, addStep, goNext, shareData } = useSSOSteps();
+    const { setSteps, addStep, goNext } = useSSOSteps();
+    const { flowData } = useSSOV2Store();
     const [loading, setLoading] = React__default.useState(false);
     const [otp, setOtp] = React__default.useState('');
     const [error, setError] = React__default.useState('');
@@ -1103,10 +1127,11 @@ const SSOOTPScreen = ({ hidden, index, config, }) => {
             : isSMS
                 ? 'SMS'
                 : '';
-    const isRegister = (shareData === null || shareData === void 0 ? void 0 : shareData.authFlow) === 'register' &&
-        otpType !== 'update-email' &&
-        !isUpdatePhone;
-    const trackingCategory = `SSO - ${isRegister ? 'Sign Up' : 'Existing Users'} via ${trackingMethod}`;
+    const trackingCategory = `SSO - ${otpType !== 'update-email' || !isUpdatePhone
+        ? 'Existing Users'
+        : flowData.flow === 'signup'
+            ? 'Sign Up'
+            : 'Sign In'} via ${trackingMethod}`;
     const trackingAction = `Verify Phone Number via ${trackingMethod}`;
     useEffect(() => {
         if (!hidden) {
@@ -1423,7 +1448,7 @@ const SSOPasswordScreen = ({ hidden, config, }) => {
         }
     }, [hidden]);
     const [loading, setLoading] = React__default.useState(false);
-    const { addStep, goNext, setShareData } = useSSOSteps();
+    const { addStep, goNext } = useSSOSteps();
     const resetPassword = () => __awaiter(void 0, void 0, void 0, function* () {
         var _a;
         setLoading(true);
@@ -1474,10 +1499,9 @@ const SSOPasswordScreen = ({ hidden, config, }) => {
         if (!phone && !!email) {
             const userInfo = yield getUserInfo();
             if (!((_b = userInfo._data) === null || _b === void 0 ? void 0 : _b.phone_verified_at) || !((_c = userInfo._data) === null || _c === void 0 ? void 0 : _c.phone)) {
-                setShareData({
-                    authMethod: 'mail',
-                    authFlow: 'verify-phone',
-                });
+                useSSOV2Store.setState((s) => ({
+                    flowData: Object.assign(Object.assign({}, s.flowData), { isVerifyPhone: true }),
+                }));
                 addStep({
                     type: SSOStepTypeType.VERIFY_PHONE,
                     config: {
@@ -1553,7 +1577,7 @@ const SSOPasswordForgotPhone = ({ hidden, config, }) => {
         }
     }, [hidden]);
     const [loading, setLoading] = React__default.useState(false);
-    const { addStep, goNext, setShareData } = useSSOSteps();
+    const { addStep, goNext } = useSSOSteps();
     const onClickContinueZalo = () => __awaiter(void 0, void 0, void 0, function* () {
         var _a;
         setLoading(true);
@@ -1565,9 +1589,6 @@ const SSOPasswordForgotPhone = ({ hidden, config, }) => {
             }
             const userExist = yield checkUserExist({ phone: phoneNumber });
             if ((userExist === null || userExist === void 0 ? void 0 : userExist._status) === 1) {
-                setShareData({
-                    authMethod: 'phone',
-                });
                 let res;
                 if (!((_a = userExist._data) === null || _a === void 0 ? void 0 : _a.provider)) {
                     res = yield registerBySendZaloOTP(phoneNumber, areaCode);
@@ -1579,7 +1600,6 @@ const SSOPasswordForgotPhone = ({ hidden, config, }) => {
                     setErrMsg(getErrorTextFromCode(t, res === null || res === void 0 ? void 0 : res.code));
                     return setLoading(false);
                 }
-                setShareData((a) => (Object.assign(Object.assign({}, a), { authFlow: 'register' })));
                 addStep({
                     type: SSOStepTypeType.OTP,
                     config: {
@@ -1611,9 +1631,6 @@ const SSOPasswordForgotPhone = ({ hidden, config, }) => {
             }
             const userExist = yield checkUserExist({ phone: phoneNumber });
             if ((userExist === null || userExist === void 0 ? void 0 : userExist._status) === 1) {
-                setShareData({
-                    authMethod: 'phone',
-                });
                 let res;
                 if (!((_b = userExist._data) === null || _b === void 0 ? void 0 : _b.provider)) {
                     res = yield registerBySendPhoneOTP(phoneNumber, areaCode);
@@ -1625,7 +1642,6 @@ const SSOPasswordForgotPhone = ({ hidden, config, }) => {
                     setErrMsg(getErrorTextFromCode(t, res === null || res === void 0 ? void 0 : res.code));
                     return setLoading(false);
                 }
-                setShareData((a) => (Object.assign(Object.assign({}, a), { authFlow: 'register' })));
                 addStep({
                     type: SSOStepTypeType.OTP,
                     config: {
@@ -2008,45 +2024,33 @@ const SSOSetupScreen = ({ hidden, config, }) => {
     var _a, _b;
     const { onClose, setTracking } = useSSOState();
     const { t } = useTranslations();
-    const { goNext, addStep, shareData } = useSSOSteps();
-    const { setupSource } = useSSOV2Store();
+    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;
-    const trackingCategory = `SSO - Sign Up via ${userInfo === null || userInfo === void 0 ? void 0 : userInfo.provider}`;
-    const trackingAction = 'Almost done';
-    useEffect(() => {
-        if (!hidden) {
-            setErrMsg('');
-            setTracking({
-                category: trackingCategory,
-                action: trackingAction,
-            });
-        }
-    }, [hidden]);
     const [loading, setLoading] = React__default.useState(false);
     const configPhone = config === null || config === void 0 ? void 0 : config.phone;
-    const authMethod = shareData === null || shareData === void 0 ? void 0 : shareData.authMethod;
+    const authMethod = flowData === null || flowData === void 0 ? void 0 : flowData.method;
     const provider = (_a = config === null || config === void 0 ? void 0 : config.userInfo) === null || _a === void 0 ? void 0 : _a.provider;
-    const authFlow = shareData === null || shareData === void 0 ? void 0 : shareData.authFlow;
-    const defaultData = shareData === null || shareData === void 0 ? void 0 : shareData.setupDefaultData;
+    const authFlow = flowData === null || flowData === void 0 ? void 0 : flowData.flow;
+    const defaultData = config === null || config === void 0 ? void 0 : config.setupDefaultData;
     const needPass = ((userInfo === null || userInfo === void 0 ? void 0 : userInfo.provider) === 'email' || (userInfo === null || userInfo === void 0 ? void 0 : userInfo.provider) === 'phone') &&
         !(userInfo === null || userInfo === void 0 ? void 0 : userInfo.is_pass);
-    const needPhone = authFlow === 'register' &&
-        (authMethod === 'mail' ||
+    const needPhone = authFlow === 'signup' &&
+        (authMethod === 'email' ||
             authMethod === 'google' ||
             authMethod === 'facebook' ||
             provider === 'google' ||
             provider === 'facebook' ||
             provider === 'email');
     const needEmail = setupSource === 'care' ||
-        authFlow !== 'verify-phone' ||
+        !(flowData === null || flowData === void 0 ? void 0 : flowData.isVerifyPhone) ||
         authMethod === 'facebook' ||
         provider === 'facebook';
     // const needPhone = !userInfo?.phone_verified_at
-    // const isNew = !!userInfo?.is_new
     // const needEmail = authFlow !== 'verify-phone'
     const isEmailDisable = authMethod === 'google' ||
-        authMethod === 'mail' ||
+        authMethod === 'email' ||
         provider === 'google' ||
         provider === 'email' ||
         !!(userInfo === null || userInfo === void 0 ? void 0 : userInfo.email_verified_at);
@@ -2054,6 +2058,17 @@ const SSOSetupScreen = ({ hidden, config, }) => {
         (defaultData === null || defaultData === void 0 ? void 0 : defaultData.phone) ||
         ((userInfo === null || userInfo === void 0 ? void 0 : userInfo.phone) && !!(userInfo === null || userInfo === void 0 ? void 0 : userInfo.phone_verified_at)));
     const skipPhone = !!(userInfo === null || userInfo === void 0 ? void 0 : userInfo.phone_verified_at);
+    const trackingCategory = `SSO - ${authFlow === 'signup' ? 'Sign Up' : 'Existing Users'} via ${userInfo === null || userInfo === void 0 ? void 0 : userInfo.provider}`;
+    const trackingAction = 'Almost done';
+    useEffect(() => {
+        if (!hidden) {
+            setErrMsg('');
+            setTracking({
+                category: trackingCategory,
+                action: trackingAction,
+            });
+        }
+    }, [hidden]);
     const form = useForm({
         initialValues: Object.assign(Object.assign(Object.assign(Object.assign({}, (needPhone
             ? Object.assign(Object.assign({}, (!skipPhone
@@ -2236,11 +2251,11 @@ const SSOSetupScreen = ({ hidden, config, }) => {
             errMsg && (React__default.createElement(Text, { color: "red.6", size: "p4" }, errMsg)),
             React__default.createElement(Button, { type: "submit", variant: "primary", fullWidth: true, loading: loading, disabled: loading, "data-event-category": trackingCategory, "data-event-action": trackingAction, "data-event-label": needPhone && skipPhone
                     ? 'Verify Phone Number'
-                    : authFlow === 'register'
+                    : authFlow === 'signup'
                         ? 'Create Your Account'
                         : 'Save' }, needPhone && skipPhone
                 ? t('ssov2.setup.button.veriyPhone')
-                : authFlow === 'register'
+                : authFlow === 'signup'
                     ? t('ssov2.setup.button.createAccount')
                     : t('ssov2.button.save')))));
 };
@@ -2260,7 +2275,7 @@ const SSOUpdateEmailScreen = ({ hidden, }) => {
             });
         }
     }, [hidden]);
-    const { addStep, goNext, setShareData } = useSSOSteps();
+    const { addStep, goNext } = useSSOSteps();
     const [loading, setLoading] = React__default.useState(false);
     return (React__default.createElement("form", { style: {
             display: hidden ? 'none' : 'block',
@@ -2274,9 +2289,9 @@ const SSOUpdateEmailScreen = ({ hidden, }) => {
                 const existRes = yield checkUserExist({ email });
                 if ((existRes === null || existRes === void 0 ? void 0 : existRes._status) === 1) {
                     if (!existRes._data) {
-                        setShareData({
-                            authMethod: 'mail',
-                            authFlow: 'verify-mail',
+                        const userInfo = yield getUserInfo();
+                        useSSOV2Store.setState({
+                            flowData: getSSOFlowFromUserProfile(userInfo === null || userInfo === void 0 ? void 0 : userInfo._data),
                         });
                         const res = yield initSendUpdateEmailOtp(email);
                         if ((res === null || res === void 0 ? void 0 : res._status) !== 1) {