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

package/build/organisms.js

@@ -2,78 +2,78 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index = require('./index-bd379daf.js');
-var index$1 = require('./index-81d6701c.js');
-var index$2 = require('./index-3d4c012f.js');
+var index = require('./index-d25514e6.js');
+var index$1 = require('./index-c6e048f6.js');
+var index$2 = require('./index-b490a4ce.js');
 var navigationLogoutPopup = require('./navigationLogoutPopup.js');
-var navigationProfileButton = require('./index-1fe609c8.js');
+var navigationProfileButton = require('./index-ffb08009.js');
 var profileNavigation = require('./profileNavigation.js');
-require('./tslib.es6-bb1ca47e.js');
+require('./tslib.es6-c610145a.js');
 require('react');
-require('./index-189fe0cb.js');
-require('./index-2a157cb4.js');
+require('./index-3e25649e.js');
+require('./index-a4a261f4.js');
 require('@hhgtech/icons/other');
 require('@mantine/core');
 require('@mantine/hooks');
-require('./index-95af6151.js');
+require('./index-c8096fba.js');
 require('./constantsDomainLocales.js');
-require('./Locale-898525c8.js');
+require('./Locale-547d4fa3.js');
 require('./constantsIsProduction.js');
-require('./useScreenSize-edb9332e.js');
+require('./useScreenSize-083ae29a.js');
 require('@emotion/styled');
-require('./utils-147526c6.js');
+require('./utils-1df0cd06.js');
 require('@mantine/carousel');
-require('./index-d6ae99fe.js');
-require('./other-035d01a2.js');
-require('./index-25f697d9.js');
+require('./index-bb1ed667.js');
+require('./other-6af20199.js');
+require('./index-36bea575.js');
 require('./miscTheme.js');
-require('./useMantineLocale-e1b1849c.js');
+require('./useMantineLocale-0c0c6786.js');
 require('@mantine/notifications');
-require('./index-efa8f9aa.js');
+require('./index-b86c7e59.js');
 require('date-fns/locale');
 require('./constantsSite.js');
 require('./constantsRiskScreener.js');
 require('dayjs');
-require('./index-d4cbda4b.js');
+require('./index-2120cbd5.js');
 require('classnames');
-require('./useUniqueId-5aafc9aa.js');
+require('./useUniqueId-87e28cb7.js');
 require('@hhgtech/icons/core');
-require('./normalizeLink-5631868a.js');
-require('./dataTransform-013263a4.js');
-require('./index-263118c3.js');
-require('./logoIcon-09d21928.js');
-require('./index-57e57a4a.js');
-require('./translationsContext-564a0e7f.js');
+require('./normalizeLink-6b723145.js');
+require('./dataTransform-a5e8125b.js');
+require('./index-e37d05d7.js');
+require('./logoIcon-79b78894.js');
+require('./index-abfb80f9.js');
+require('./translationsContext-bb569a1c.js');
 require('lodash/throttle');
 require('@mantine/dates');
-require('./index.styles-c8244365.js');
-require('./index-9be1b169.js');
-require('./constants-ffdf6b4d.js');
-require('./store-27f18f35.js');
+require('./index.styles-36c9defe.js');
+require('./index-5ad4aa7f.js');
+require('./constants-bdf1b9e4.js');
+require('./store-3d35e4dd.js');
 require('zustand');
 require('./miscCookieHelper.js');
-require('./index-8374644c.js');
-require('./utils-3994f517.js');
-require('./index-ce01976e.js');
+require('./index-8b30e4f2.js');
+require('./utils-7df9b5d2.js');
+require('./index-cee4a611.js');
 require('slugify');
 require('string-format');
 require('./togetherApiPaths.js');
-require('./constants-e3b9753a.js');
-require('./constants-a2ac3390.js');
-require('./index-bb042569.js');
-require('./index-57d4af3d.js');
-require('./useIsInit-648fd3e9.js');
+require('./constants-b8f28bec.js');
+require('./constants-51b4f970.js');
+require('./index-8c285cb4.js');
+require('./index-888f7e31.js');
+require('./useIsInit-25009d89.js');
 require('./miscDefaultClassWrapper.js');
 require('dayjs/plugin/relativeTime');
-require('./index-38f3929d.js');
-require('./index-7be61726.js');
+require('./index-5e89c896.js');
+require('./index-e566c7e5.js');
 require('lodash/debounce');
-require('./core-28de53aa.js');
-require('./index-37f2ee8d.js');
-require('./index-f0de5b74.js');
-require('./index-e11a2253.js');
-require('./Spinner-ec539d0c.js');
-require('./ChevronDown-a47bd082.js');
+require('./core-04c19b02.js');
+require('./index-af26c529.js');
+require('./index-61f7faaa.js');
+require('./index-9c19d16f.js');
+require('./Spinner-573874e1.js');
+require('./ChevronDown-afb91294.js');
 require('@emotion/react');
 
 

package/build/{post-2675fcf1.js → post-46f2c33b.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-bb1ca47e.js');
+var tslib_es6 = require('./tslib.es6-c610145a.js');
 var togetherApiPaths = require('./togetherApiPaths.js');
-var togetherComponentGlobalContext = require('./utils-3994f517.js');
+var togetherComponentGlobalContext = require('./utils-7df9b5d2.js');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;

package/build/profileNavigation.js

@@ -3,39 +3,39 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var index$4 = require('./index-efa8f9aa.js');
-var index$3 = require('./index-2a157cb4.js');
+var index$4 = require('./index-b86c7e59.js');
+var index$3 = require('./index-a4a261f4.js');
 require('@mantine/core');
 require('@mantine/dates');
-require('./index-25f697d9.js');
-var index$2 = require('./index-95af6151.js');
-require('./useMantineLocale-e1b1849c.js');
-var index$1 = require('./index-d6ae99fe.js');
-require('./index-d4cbda4b.js');
-require('./index.styles-c8244365.js');
-var index = require('./index-57e57a4a.js');
+require('./index-36bea575.js');
+var index$2 = require('./index-c8096fba.js');
+require('./useMantineLocale-0c0c6786.js');
+var index$1 = require('./index-bb1ed667.js');
+require('./index-2120cbd5.js');
+require('./index.styles-36c9defe.js');
+var index = require('./index-abfb80f9.js');
 require('@mantine/hooks');
-require('./utils-147526c6.js');
-require('./other-035d01a2.js');
-require('./index-9be1b169.js');
-var ChevronDown = require('./ChevronDown-a47bd082.js');
-var normalizeLink = require('./normalizeLink-5631868a.js');
+require('./utils-1df0cd06.js');
+require('./other-6af20199.js');
+require('./index-5ad4aa7f.js');
+var ChevronDown = require('./ChevronDown-afb91294.js');
+var normalizeLink = require('./normalizeLink-6b723145.js');
 var react = require('@emotion/react');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-require('./translationsContext-564a0e7f.js');
+require('./translationsContext-bb569a1c.js');
 require('date-fns/locale');
 require('./constantsSite.js');
-require('./Locale-898525c8.js');
+require('./Locale-547d4fa3.js');
 require('./constantsDomainLocales.js');
 require('./constantsRiskScreener.js');
 require('./constantsIsProduction.js');
-require('./tslib.es6-bb1ca47e.js');
+require('./tslib.es6-c610145a.js');
 require('@hhgtech/icons/other');
-require('./useScreenSize-edb9332e.js');
+require('./useScreenSize-083ae29a.js');
 require('@mantine/carousel');
 require('classnames');
-require('./useUniqueId-5aafc9aa.js');
+require('./useUniqueId-87e28cb7.js');
 require('@hhgtech/icons/core');
 require('@mantine/notifications');
 require('dayjs');

package/build/progressBar.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-bb1ca47e.js');
+var tslib_es6 = require('./tslib.es6-c610145a.js');
 var React = require('react');
 var throttle = require('lodash/throttle');
 var styled = require('@emotion/styled');

package/build/pwg.js

@@ -3,45 +3,45 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var index$2 = require('./index-f0de5b74.js');
-var index = require('./index-d6ae99fe.js');
-var index$4 = require('./index-236c0e93.js');
-var index$1 = require('./index-57e57a4a.js');
+var index$2 = require('./index-61f7faaa.js');
+var index = require('./index-bb1ed667.js');
+var index$4 = require('./index-25cf0696.js');
+var index$1 = require('./index-abfb80f9.js');
 var miscTheme = require('./miscTheme.js');
 var recharts = require('recharts');
-var index$3 = require('./index-f924d5ff.js');
-var useOutsideClick = require('./useOutsideClick-1e6fc86c.js');
+var index$3 = require('./index-a516055d.js');
+var useOutsideClick = require('./useOutsideClick-b078a78a.js');
 var styled = require('@emotion/styled');
-var tslib_es6 = require('./tslib.es6-bb1ca47e.js');
+var tslib_es6 = require('./tslib.es6-c610145a.js');
 require('@mantine/core');
-require('./other-035d01a2.js');
-require('./index-25f697d9.js');
-require('./Locale-898525c8.js');
-require('./index-95af6151.js');
+require('./other-6af20199.js');
+require('./index-36bea575.js');
+require('./Locale-547d4fa3.js');
+require('./index-c8096fba.js');
 require('./constantsDomainLocales.js');
 require('./constantsIsProduction.js');
-require('./useScreenSize-edb9332e.js');
-require('./utils-147526c6.js');
-require('./index-dafca2da.js');
-require('./index-2a157cb4.js');
+require('./useScreenSize-083ae29a.js');
+require('./utils-1df0cd06.js');
+require('./index-41e5470f.js');
+require('./index-a4a261f4.js');
 require('@hhgtech/icons/other');
 require('@mantine/hooks');
 require('@mantine/carousel');
-require('./useMantineLocale-e1b1849c.js');
+require('./useMantineLocale-0c0c6786.js');
 require('@mantine/notifications');
-require('./index-efa8f9aa.js');
+require('./index-b86c7e59.js');
 require('date-fns/locale');
 require('./constantsSite.js');
 require('./constantsRiskScreener.js');
 require('dayjs');
-require('./index-d4cbda4b.js');
+require('./index-2120cbd5.js');
 require('classnames');
-require('./useUniqueId-5aafc9aa.js');
+require('./useUniqueId-87e28cb7.js');
 require('@hhgtech/icons/core');
 require('@mantine/dates');
-require('./index.styles-c8244365.js');
-require('./translationsContext-564a0e7f.js');
-require('./index-9be1b169.js');
+require('./index.styles-36c9defe.js');
+require('./translationsContext-bb569a1c.js');
+require('./index-5ad4aa7f.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/ssoV2/index.d.ts

@@ -1,5 +1,10 @@
 import React from 'react';
 import { LOCALE } from "../interfaces/types/Locale";
+declare global {
+    interface Array<T> {
+        findLastIndex: Array<T>['findIndex'];
+    }
+}
 export type SSOV2Props = {
     onClose?: () => void;
     locale?: LOCALE;

package/build/ssoV2/screens/components/progressBar.d.ts

@@ -4,7 +4,11 @@ import { SSOStepType } from "../../stepsManager";
 import { UserInfo } from "../../../types";
 export declare const isSocialFlowFn: (flowData: SSOV2StoreType['flowData']) => boolean;
 export declare const isPhoneFlowFn: (flowData: SSOV2StoreType['flowData']) => boolean;
+export declare const isEmailFlowFn: (flowData: SSOV2StoreType['flowData']) => boolean;
 export declare const isDisplayProgressBarFn: (flowData: SSOV2StoreType['flowData'], step: SSOStepType) => boolean;
-export declare const getCurrentStepNumber: (flowData: SSOV2StoreType['flowData'], step: SSOStepType, userInfo?: UserInfo) => number[];
+export declare const getCurrentStepNumber: (flowData: SSOV2StoreType['flowData'], { steps, currentStepIndex, }: {
+    steps: SSOStepType[];
+    currentStepIndex: number;
+}, userInfo?: UserInfo) => number[];
 declare const ProgressBar: () => React.JSX.Element;
 export default ProgressBar;

package/build/ssoV2/ssoStateManager/store.d.ts

@@ -32,6 +32,14 @@ export type SSOV2StoreType = {
         method?: 'email' | 'sms' | 'zalo' | 'google' | 'facebook' | 'phone';
         flow?: 'login' | 'signup';
         isVerifyPhone?: boolean;
+        /** These data is fetched from API to use in the email flow */
+        emailMetaData?: {
+            is_birthday?: boolean;
+            is_gender?: boolean;
+            is_name?: boolean;
+            is_pass?: boolean;
+            is_phone_verified?: boolean;
+        };
     };
 };
 export declare const useSSOV2Store: import("zustand").UseBoundStore<import("zustand").StoreApi<SSOV2StoreType>>;
@@ -39,6 +47,7 @@ export declare const redirect: (returnUrl?: string, source?: string, forceReload
 export declare const IS_SSOV2_ENABLED: (locale?: string) => boolean;
 export declare const getSSOFlowFromUserProfile: (userInfo: UserInfo) => any;
 export declare const isUserFinishedSetup: (userInfo: UserInfo) => any;
+export declare const isFlowFinishedSetup: (flowData: SSOV2StoreType['flowData']) => boolean;
 export declare const isUserNeedPassword: (flowData?: SSOV2StoreType['flowData'], userInfo?: UserInfo) => boolean;
 export declare const isPhoneNotVerifedYet: (userInfo?: UserInfo) => boolean;
 export declare const isLoginWithPhoneNotVerifedYet: (flowData?: SSOV2StoreType['flowData'], userInfo?: UserInfo) => boolean;

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-c610145a.js');
 var React = require('react');
-var index$5 = require('./index-2a157cb4.js');
-var store = require('./store-27f18f35.js');
+var index$5 = require('./index-a4a261f4.js');
+var store = require('./store-3d35e4dd.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-b86c7e59.js');
+var logoIcon = require('./logoIcon-79b78894.js');
+var index$4 = require('./index-2120cbd5.js');
+var index$1 = require('./index-ac1096f4.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-36bea575.js');
+require('./index-c8096fba.js');
+var useMantineLocale = require('./useMantineLocale-0c0c6786.js');
+var index$3 = require('./index-bb1ed667.js');
+var index = require('./index-abfb80f9.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-1df0cd06.js');
+require('./other-6af20199.js');
+require('./index-5ad4aa7f.js');
+var Locale = require('./Locale-547d4fa3.js');
+var Google = require('./Google-404e6746.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-083ae29a.js');
 var vaul = require('vaul');
-var utils = require('./utils-7970b050.js');
-var index$6 = require('./index-bb3661d9.js');
+var utils = require('./utils-020bb0ff.js');
+var index$6 = require('./index-698a41af.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-a9204482.js');
 require('@mantine/carousel');
 require('./miscTheme.js');
-require('./useUniqueId-5aafc9aa.js');
+require('./useUniqueId-87e28cb7.js');
 require('./constantsSite.js');
 require('zustand');
 require('./constantsIsProduction.js');
-require('./normalizeLink-5631868a.js');
+require('./normalizeLink-6b723145.js');
 require('./miscCookieHelper.js');
 require('date-fns/locale');
 require('./constantsRiskScreener.js');
-require('./index.styles-c8244365.js');
+require('./index.styles-36c9defe.js');
 require('@mantine/notifications');
-require('./translationsContext-564a0e7f.js');
+require('./translationsContext-bb569a1c.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -198,20 +198,29 @@ const isPhoneFlowFn = (flowData) => {
         (flowData === null || flowData === void 0 ? void 0 : flowData.method) === 'zalo' ||
         (flowData === null || flowData === void 0 ? void 0 : flowData.method) === 'phone');
 };
+const isEmailFlowFn = (flowData) => {
+    return (flowData === null || flowData === void 0 ? void 0 : flowData.method) === 'email';
+};
 const isDisplayProgressBarFn = (flowData, step) => {
     const showProgressBar = (step === null || step === void 0 ? void 0 : step.type) === 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 === 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?.type === SSOStepTypeType.PASSWORD
-    const isWhiteListFlow = isSocialFlowFn(flowData) || isPhoneFlowFn(flowData);
+    const isWhiteListFlow = isSocialFlowFn(flowData) ||
+        isPhoneFlowFn(flowData) ||
+        isEmailFlowFn(flowData);
     return showProgressBar && isWhiteListFlow;
 };
-const getCurrentStepNumber = (flowData, step, userInfo) => {
+const getCurrentStepNumber = (flowData, { steps, currentStepIndex, }, userInfo) => {
+    var _a, _b, _c, _d, _e;
+    const step = steps[currentStepIndex];
     const isSocialFlow = isSocialFlowFn(flowData);
     const isPhoneFlow = isPhoneFlowFn(flowData);
+    const isEmailFlow = isEmailFlowFn(flowData);
     /** Social (Google, Facebook): FIRST => VERIFY_PHONE | OTP => STEP_FULL */
     if (isSocialFlow) {
         const arrSteps = [
@@ -265,6 +274,37 @@ const getCurrentStepNumber = (flowData, step, userInfo) => {
             arrSteps.findIndex((type) => type === (step === null || step === void 0 ? void 0 : step.type)) + 1,
         ];
     }
+    if (isEmailFlow) {
+        const hasPasswordStep = !((_a = flowData === null || flowData === void 0 ? void 0 : flowData.emailMetaData) === null || _a === void 0 ? void 0 : _a.is_pass);
+        const hasPhoneStep = !((_b = flowData === null || flowData === void 0 ? void 0 : flowData.emailMetaData) === null || _b === void 0 ? void 0 : _b.is_phone_verified);
+        const hasSetupFullStep = !((_c = flowData === null || flowData === void 0 ? void 0 : flowData.emailMetaData) === null || _c === void 0 ? void 0 : _c.is_gender) ||
+            !((_d = flowData === null || flowData === void 0 ? void 0 : flowData.emailMetaData) === null || _d === void 0 ? void 0 : _d.is_name) ||
+            !((_e = flowData === null || flowData === void 0 ? void 0 : flowData.emailMetaData) === null || _e === void 0 ? void 0 : _e.is_birthday);
+        if (!hasPasswordStep && !hasPhoneStep && !hasSetupFullStep)
+            return [];
+        const arrSteps = [
+            (step === null || step === void 0 ? void 0 : step.type) === 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);
+        return [
+            arrSteps.length,
+            steps.length < arrSteps.length
+                ? arrSteps.findIndex((type) => type === (step === null || step === void 0 ? void 0 : step.type)) + 1
+                : arrSteps.findLastIndex((type) => type === (step === null || step === void 0 ? void 0 : step.type)) + 1,
+        ];
+    }
     return [];
 };
 const ProgressBar = () => {
@@ -273,8 +313,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 +337,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 +579,7 @@ const SSOEmailScreen = ({ hidden, }) => {
                             flowData: {
                                 method: 'email',
                                 flow: 'login',
+                                emailMetaData: existRes._data,
                             },
                         });
                         // go to password screen
@@ -556,6 +597,7 @@ const SSOEmailScreen = ({ hidden, }) => {
                             flowData: {
                                 method: 'email',
                                 flow: 'signup',
+                                emailMetaData: existRes._data,
                             },
                         });
                         if (!((_b = existRes._data) === null || _b === void 0 ? void 0 : _b.provider)) {
@@ -574,7 +616,7 @@ const SSOEmailScreen = ({ hidden, }) => {
                             config: {
                                 email,
                                 otpType: 'email',
-                                afterAction: 'setup',
+                                afterAction: 'forgot',
                             },
                         });
                         goNext();
@@ -3089,6 +3131,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 +3159,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 +3221,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 +3240,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 +3420,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 +3458,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 +3467,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 +4027,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(() => {