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

package/build/organisms.js

@@ -2,78 +2,78 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index = require('./index-d25514e6.js');
-var index$1 = require('./index-c6e048f6.js');
-var index$2 = require('./index-b490a4ce.js');
+var index = require('./index-0c5d68d1.js');
+var index$1 = require('./index-21fee443.js');
+var index$2 = require('./index-aee4ebbb.js');
 var navigationLogoutPopup = require('./navigationLogoutPopup.js');
-var navigationProfileButton = require('./index-ffb08009.js');
+var navigationProfileButton = require('./index-635f1e73.js');
 var profileNavigation = require('./profileNavigation.js');
-require('./tslib.es6-c610145a.js');
+require('./tslib.es6-114a4ba8.js');
 require('react');
-require('./index-3e25649e.js');
-require('./index-a4a261f4.js');
+require('./index-a7456a60.js');
+require('./index-85bca058.js');
 require('@hhgtech/icons/other');
 require('@mantine/core');
 require('@mantine/hooks');
-require('./index-c8096fba.js');
+require('./index-1da6abe7.js');
 require('./constantsDomainLocales.js');
-require('./Locale-547d4fa3.js');
+require('./Locale-edfd1e2d.js');
 require('./constantsIsProduction.js');
-require('./useScreenSize-083ae29a.js');
+require('./useScreenSize-ce6c2232.js');
 require('@emotion/styled');
-require('./utils-1df0cd06.js');
+require('./utils-0d9945f3.js');
 require('@mantine/carousel');
-require('./index-bb1ed667.js');
-require('./other-6af20199.js');
-require('./index-36bea575.js');
+require('./index-650908cb.js');
+require('./other-43aa6d8c.js');
+require('./index-c01afb63.js');
 require('./miscTheme.js');
-require('./useMantineLocale-0c0c6786.js');
+require('./useMantineLocale-ed32e2e5.js');
 require('@mantine/notifications');
-require('./index-b86c7e59.js');
+require('./index-23f0f591.js');
 require('date-fns/locale');
 require('./constantsSite.js');
 require('./constantsRiskScreener.js');
 require('dayjs');
-require('./index-2120cbd5.js');
+require('./index-1f6c4aae.js');
 require('classnames');
-require('./useUniqueId-87e28cb7.js');
+require('./useUniqueId-373a4f10.js');
 require('@hhgtech/icons/core');
-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('./normalizeLink-bb0c5a5d.js');
+require('./dataTransform-603cb3b7.js');
+require('./index-ad80b183.js');
+require('./logoIcon-135dc217.js');
+require('./index-141b85d6.js');
+require('./translationsContext-65682f9f.js');
 require('lodash/throttle');
 require('@mantine/dates');
-require('./index.styles-36c9defe.js');
-require('./index-5ad4aa7f.js');
-require('./constants-bdf1b9e4.js');
-require('./store-3d35e4dd.js');
+require('./index.styles-7a285dc7.js');
+require('./index-fc6f41d4.js');
+require('./constants-29d2c733.js');
+require('./store-77e43fb8.js');
 require('zustand');
 require('./miscCookieHelper.js');
-require('./index-8b30e4f2.js');
-require('./utils-7df9b5d2.js');
-require('./index-cee4a611.js');
+require('./index-f5f85dbf.js');
+require('./utils-03448a22.js');
+require('./index-2f754923.js');
 require('slugify');
 require('string-format');
 require('./togetherApiPaths.js');
-require('./constants-b8f28bec.js');
-require('./constants-51b4f970.js');
-require('./index-8c285cb4.js');
-require('./index-888f7e31.js');
-require('./useIsInit-25009d89.js');
+require('./constants-3453d8ac.js');
+require('./constants-462dad39.js');
+require('./index-998e8726.js');
+require('./index-3aae6ed2.js');
+require('./useIsInit-e2a88e32.js');
 require('./miscDefaultClassWrapper.js');
 require('dayjs/plugin/relativeTime');
-require('./index-5e89c896.js');
-require('./index-e566c7e5.js');
+require('./index-d8a7becc.js');
+require('./index-cb131ad9.js');
 require('lodash/debounce');
-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('./core-79b621cd.js');
+require('./index-fded0d44.js');
+require('./index-01483c32.js');
+require('./index-885aede1.js');
+require('./Spinner-545ead79.js');
+require('./ChevronDown-a4736fff.js');
 require('@emotion/react');
 
 

package/build/{post-46f2c33b.js → post-8b96aa7f.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-c610145a.js');
+var tslib_es6 = require('./tslib.es6-114a4ba8.js');
 var togetherApiPaths = require('./togetherApiPaths.js');
-var togetherComponentGlobalContext = require('./utils-7df9b5d2.js');
+var togetherComponentGlobalContext = require('./utils-03448a22.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-b86c7e59.js');
-var index$3 = require('./index-a4a261f4.js');
+var index$4 = require('./index-23f0f591.js');
+var index$3 = require('./index-85bca058.js');
 require('@mantine/core');
 require('@mantine/dates');
-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('./index-c01afb63.js');
+var index$2 = require('./index-1da6abe7.js');
+require('./useMantineLocale-ed32e2e5.js');
+var index$1 = require('./index-650908cb.js');
+require('./index-1f6c4aae.js');
+require('./index.styles-7a285dc7.js');
+var index = require('./index-141b85d6.js');
 require('@mantine/hooks');
-require('./utils-1df0cd06.js');
-require('./other-6af20199.js');
-require('./index-5ad4aa7f.js');
-var ChevronDown = require('./ChevronDown-afb91294.js');
-var normalizeLink = require('./normalizeLink-6b723145.js');
+require('./utils-0d9945f3.js');
+require('./other-43aa6d8c.js');
+require('./index-fc6f41d4.js');
+var ChevronDown = require('./ChevronDown-a4736fff.js');
+var normalizeLink = require('./normalizeLink-bb0c5a5d.js');
 var react = require('@emotion/react');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-require('./translationsContext-bb569a1c.js');
+require('./translationsContext-65682f9f.js');
 require('date-fns/locale');
 require('./constantsSite.js');
-require('./Locale-547d4fa3.js');
+require('./Locale-edfd1e2d.js');
 require('./constantsDomainLocales.js');
 require('./constantsRiskScreener.js');
 require('./constantsIsProduction.js');
-require('./tslib.es6-c610145a.js');
+require('./tslib.es6-114a4ba8.js');
 require('@hhgtech/icons/other');
-require('./useScreenSize-083ae29a.js');
+require('./useScreenSize-ce6c2232.js');
 require('@mantine/carousel');
 require('classnames');
-require('./useUniqueId-87e28cb7.js');
+require('./useUniqueId-373a4f10.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-c610145a.js');
+var tslib_es6 = require('./tslib.es6-114a4ba8.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-61f7faaa.js');
-var index = require('./index-bb1ed667.js');
-var index$4 = require('./index-25cf0696.js');
-var index$1 = require('./index-abfb80f9.js');
+var index$2 = require('./index-01483c32.js');
+var index = require('./index-650908cb.js');
+var index$4 = require('./index-fddb8755.js');
+var index$1 = require('./index-141b85d6.js');
 var miscTheme = require('./miscTheme.js');
 var recharts = require('recharts');
-var index$3 = require('./index-a516055d.js');
-var useOutsideClick = require('./useOutsideClick-b078a78a.js');
+var index$3 = require('./index-906f7ec1.js');
+var useOutsideClick = require('./useOutsideClick-baeacb64.js');
 var styled = require('@emotion/styled');
-var tslib_es6 = require('./tslib.es6-c610145a.js');
+var tslib_es6 = require('./tslib.es6-114a4ba8.js');
 require('@mantine/core');
-require('./other-6af20199.js');
-require('./index-36bea575.js');
-require('./Locale-547d4fa3.js');
-require('./index-c8096fba.js');
+require('./other-43aa6d8c.js');
+require('./index-c01afb63.js');
+require('./Locale-edfd1e2d.js');
+require('./index-1da6abe7.js');
 require('./constantsDomainLocales.js');
 require('./constantsIsProduction.js');
-require('./useScreenSize-083ae29a.js');
-require('./utils-1df0cd06.js');
-require('./index-41e5470f.js');
-require('./index-a4a261f4.js');
+require('./useScreenSize-ce6c2232.js');
+require('./utils-0d9945f3.js');
+require('./index-a8e43760.js');
+require('./index-85bca058.js');
 require('@hhgtech/icons/other');
 require('@mantine/hooks');
 require('@mantine/carousel');
-require('./useMantineLocale-0c0c6786.js');
+require('./useMantineLocale-ed32e2e5.js');
 require('@mantine/notifications');
-require('./index-b86c7e59.js');
+require('./index-23f0f591.js');
 require('date-fns/locale');
 require('./constantsSite.js');
 require('./constantsRiskScreener.js');
 require('dayjs');
-require('./index-2120cbd5.js');
+require('./index-1f6c4aae.js');
 require('classnames');
-require('./useUniqueId-87e28cb7.js');
+require('./useUniqueId-373a4f10.js');
 require('@hhgtech/icons/core');
 require('@mantine/dates');
-require('./index.styles-36c9defe.js');
-require('./translationsContext-bb569a1c.js');
-require('./index-5ad4aa7f.js');
+require('./index.styles-7a285dc7.js');
+require('./translationsContext-65682f9f.js');
+require('./index-fc6f41d4.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

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

@@ -0,0 +1,6 @@
+import { SSOV2StoreType } from "../../ssoStateManager/store";
+import { SSOStepsContextType } from "../../stepsManager";
+import { UserInfo } from "../../../types";
+export declare const isPhoneVerifedAlready: (userInfo: UserInfo, flowData: SSOV2StoreType['flowData']) => string | boolean;
+export declare const isSetupFullInfoAlready: (userInfo: UserInfo, flowData: SSOV2StoreType['flowData']) => boolean;
+export declare const isExistUpdateEmailStep: (steps: SSOStepsContextType['steps']) => import("../../stepsManager").SSOStepType;

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

@@ -33,7 +33,7 @@ export type SSOV2StoreType = {
         flow?: 'login' | 'signup';
         isVerifyPhone?: boolean;
         /** These data is fetched from API to use in the email flow */
-        emailMetaData?: {
+        metaData?: {
             is_birthday?: boolean;
             is_gender?: boolean;
             is_name?: boolean;

package/build/ssoV2.js

@@ -2,29 +2,29 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-c610145a.js');
+var tslib_es6 = require('./tslib.es6-114a4ba8.js');
 var React = require('react');
-var index$5 = require('./index-a4a261f4.js');
-var store = require('./store-3d35e4dd.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-b86c7e59.js');
-var logoIcon = require('./logoIcon-79b78894.js');
-var index$4 = require('./index-2120cbd5.js');
-var index$1 = require('./index-ac1096f4.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-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('./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-1df0cd06.js');
-require('./other-6af20199.js');
-require('./index-5ad4aa7f.js');
-var Locale = require('./Locale-547d4fa3.js');
-var Google = require('./Google-404e6746.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-083ae29a.js');
+var useScreenSize = require('./useScreenSize-ce6c2232.js');
 var vaul = require('vaul');
-var utils = require('./utils-020bb0ff.js');
-var index$6 = require('./index-698a41af.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-a9204482.js');
+var index$7 = require('./index-cc290860.js');
 require('@mantine/carousel');
 require('./miscTheme.js');
-require('./useUniqueId-87e28cb7.js');
+require('./useUniqueId-373a4f10.js');
 require('./constantsSite.js');
 require('zustand');
 require('./constantsIsProduction.js');
-require('./normalizeLink-6b723145.js');
+require('./normalizeLink-bb0c5a5d.js');
 require('./miscCookieHelper.js');
 require('date-fns/locale');
 require('./constantsRiskScreener.js');
-require('./index.styles-36c9defe.js');
+require('./index.styles-7a285dc7.js');
 require('@mantine/notifications');
-require('./translationsContext-bb569a1c.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';
 };
@@ -208,15 +231,15 @@ const isDisplayProgressBarFn = (flowData, step) => {
         (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.EMAIL;
-    // step?.type === SSOStepTypeType.PASSWORD
+        (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, { steps, currentStepIndex, }, userInfo) => {
-    var _a, _b, _c, _d, _e;
+    var _a, _b;
     const step = steps[currentStepIndex];
     const isSocialFlow = isSocialFlowFn(flowData);
     const isPhoneFlow = isPhoneFlowFn(flowData);
@@ -224,27 +247,37 @@ const getCurrentStepNumber = (flowData, { steps, currentStepIndex, }, userInfo)
     /** 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,
         ]
@@ -256,30 +289,39 @@ const getCurrentStepNumber = (flowData, { steps, currentStepIndex, }, 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 = !((_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);
+        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 = [
@@ -298,11 +340,12 @@ const getCurrentStepNumber = (flowData, { steps, currentStepIndex, }, userInfo)
         ]
             .flat()
             .filter(Boolean);
+        const previousStep = steps[currentStepIndex - 1];
         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,
+            (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 [];
@@ -579,7 +622,7 @@ const SSOEmailScreen = ({ hidden, }) => {
                             flowData: {
                                 method: 'email',
                                 flow: 'login',
-                                emailMetaData: existRes._data,
+                                metaData: existRes._data,
                             },
                         });
                         // go to password screen
@@ -597,7 +640,7 @@ const SSOEmailScreen = ({ hidden, }) => {
                             flowData: {
                                 method: 'email',
                                 flow: 'signup',
-                                emailMetaData: existRes._data,
+                                metaData: existRes._data,
                             },
                         });
                         if (!((_b = existRes._data) === null || _b === void 0 ? void 0 : _b.provider)) {
@@ -2367,6 +2410,7 @@ const SSOFirstScreen = ({ hidden, config, }) => {
                     flowData: {
                         method: 'zalo',
                         flow: 'login',
+                        metaData: userExist._data,
                     },
                 });
                 addStep({
@@ -2394,6 +2438,7 @@ const SSOFirstScreen = ({ hidden, config, }) => {
                     flowData: {
                         method: 'zalo',
                         flow: 'signup',
+                        metaData: userExist._data,
                     },
                 });
                 addStep({
@@ -2428,6 +2473,7 @@ const SSOFirstScreen = ({ hidden, config, }) => {
                     flowData: {
                         method: 'sms',
                         flow: 'login',
+                        metaData: userExist._data,
                     },
                 });
                 addStep({
@@ -2455,6 +2501,7 @@ const SSOFirstScreen = ({ hidden, config, }) => {
                     flowData: {
                         method: 'sms',
                         flow: 'signup',
+                        metaData: userExist._data,
                     },
                 });
                 addStep({
@@ -2496,6 +2543,7 @@ const SSOFirstScreen = ({ hidden, config, }) => {
                     flowData: {
                         method: 'phone',
                         flow: 'login',
+                        metaData: userExist._data,
                     },
                 });
                 addStep({
@@ -2705,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,