@hhgtech/hhg-components 1.29.145 → 1.29.147

package/build/ssoV2.js

@@ -2,54 +2,53 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var tslib_es6 = require('./tslib.es6-9342a95c.js');
 var React = require('react');
 var arrow = require('@hhgtech/icons/arrow');
 var core$1 = require('@hhgtech/icons/core');
-var logoIcon = require('./logoIcon-2f32fb8a.js');
-var index$2 = require('./index-21992b08.js');
-var index$1 = require('./index-46891afd.js');
+var logoIcon = require('./logoIcon-111d7742.js');
+var index$2 = require('./index-7ddd1a07.js');
+var index$1 = require('./index-fac53e14.js');
 var core = require('@mantine/core');
 var throttle = require('lodash/throttle');
-var index$4 = require('./index-155188cb.js');
+var index$4 = require('./index-e8a3d8f3.js');
 require('@mantine/dates');
-var index$5 = require('./index-e060284a.js');
-require('./index-8b14419f.js');
-require('./index-72be5083.js');
-var useMantineLocale = require('./useMantineLocale-988e9b64.js');
-var index$3 = require('./index-35c4c677.js');
-var index = require('./index-e5c4f369.js');
+var index$5 = require('./index-eb0d30b5.js');
+require('./index-73bb9351.js');
+require('./index-b6fd2f1a.js');
+var useMantineLocale = require('./useMantineLocale-f1f47fee.js');
+var index$3 = require('./index-048235a4.js');
+var index = require('./index-0fa34020.js');
 require('@mantine/hooks');
-require('./utils-019ee20a.js');
-require('./other-8e7cbdcd.js');
-require('./index-124687df.js');
-var Locale = require('./Locale-6df7d8b7.js');
-require('./translationsContext-3da9c031.js');
-var store = require('./store-b4f9b870.js');
-var tslib_es6 = require('./tslib.es6-e055fcca.js');
-var constantsIsProduction = require('./constantsIsProduction.js');
-var normalizeLink = require('./normalizeLink-883eef95.js');
-var routing = require('./routing-6a9a46a3.js');
-var miscCookieHelper = require('./miscCookieHelper.js');
-var constantsDomainLocales = require('./constantsDomainLocales.js');
-var Google = require('./Google-6793e472.js');
+require('./utils-48c93fc5.js');
+require('./other-c6692408.js');
+require('./index-4d169b95.js');
+var Locale = require('./Locale-526b6447.js');
+require('./translationsContext-fb9b728b.js');
+var store = require('./store-25831671.js');
+var Google = require('./Google-f20ad22b.js');
 var other = require('@hhgtech/icons/other');
-require('./index.styles-f879c926.js');
+require('./index.styles-c7b4291f.js');
 var styled = require('@emotion/styled');
-var utils = require('./utils-262f004f.js');
+var utils = require('./utils-9a3533f4.js');
+var constantsDomainLocales = require('./constantsDomainLocales.js');
 var form = require('@mantine/form');
 var yup = require('yup');
 var dayjs = require('dayjs');
-var index$6 = require('./index-b1908c0c.js');
-require('./index-504d2711.js');
+var index$6 = require('./index-6b5793cd.js');
+require('./index-c49a4b96.js');
 require('@mantine/carousel');
 require('./miscTheme.js');
 require('classnames');
-require('./useUniqueId-b5985b37.js');
+require('./useUniqueId-ab2c8c18.js');
 require('./constantsSite.js');
 require('date-fns/locale');
 require('./constantsRiskScreener.js');
+require('./constantsIsProduction.js');
 require('@mantine/notifications');
 require('zustand');
+require('./normalizeLink-7cfdaf02.js');
+require('./miscCookieHelper.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -530,170 +529,11 @@ const SSOPopupWrapper = ({ children, opened, onClose, }) => {
         React__default["default"].createElement(CollectInfoTextPopup, null)));
 };
 
-const SSO_V2_PATHS = {
-    LOGIN_BY_SOCIAL: 'member/social-login',
-    EMAIL: {
-        REGISTER_BY_SEND_OTP: 'login/login-with-email',
-        LOGIN_BY_PASSWORD: 'member/login',
-        VERIFY_BY_OTP: 'login/email-verify-code',
-        SEND_OTP: 'login/email-resend-otp-code', // FOR RESEND OTP IN CASE FAIL
-    },
-    PHONE: {
-        REGISTER_BY_SEND_OTP: 'login/login-with-sms',
-        SEND_OTP: 'login/sms/sent-otp',
-        VERIFY_BY_OTP: 'login/phone-verify-code',
-        LOGIN_BY_PASSWORD: 'member/login-by-phone',
-        UPDATE_PHONE_SEND_OTP: 'login/sms-social/sent-otp',
-        UPDATE_PHONE_VERIFY_OTP: 'login/sms-social/phone-verify-code',
-    },
-    ZALO: {
-        REGISTER_BY_SEND_OTP: 'login/login-with-zalo',
-        SEND_OTP: 'login/zalo/sent-otp',
-        VERIFY_BY_OTP: 'login/zalo-verify-code',
-        UPDATE_PHONE_SEND_OTP: 'login/sms-social/zalo/sent-otp',
-        UPDATE_PHONE_VERIFY_OTP: 'login/sms-social/zalo-verify-code',
-    },
-    RESET_PASSWORD: 'login/reset-password',
-    CHECK_USER_EXIST: 'member/check-user-exist',
-    UPDATE_USER_INFO: 'login/update-first-info',
-    ECOM_CARE: {
-        SEND_OTP: 'login/ecom-care/send-email-otp-code',
-        VERIFY_OTP: 'login/ecom-care/email-verify-code',
-        RESEND_OTP: 'login/ecom-care/resend-email-otp-code',
-    },
-};
-
-const locale = process.env.UNIFY_LOCALE || 'vi-VN';
-const websiteId = index$5.LOCALE_SPECS[locale].SITE_ID;
-index$5.LOCALE_SPECS[locale].PHONE;
-const allAvailableAreaCodes = Object.keys(index$5.LOCALE_SPECS).map((locale) => index$5.LOCALE_SPECS[locale].PHONE);
-const getSSOV2ApiUrl = (path) => {
-    return normalizeLink.normalizeLinkSlash(`${routing.getCurrentSsoUrl(locale)}/api/v2/${path}`);
-};
-const getSSOApiUrl = (path) => {
-    return normalizeLink.normalizeLinkSlash(`${routing.getCurrentSsoUrl(locale)}/api/${path}`);
-};
-const BEARER_TOKEN_COOKIE = 'hhg_user_token';
-// NOTICE: RUN ONLY CLIENT SIDE
-const fetchSSOV2Api = (path, options = {}, noAuth) => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {
-    var _a;
-    let response;
-    const authToken = noAuth
-        ? ''
-        : (_a = document.cookie
-            .split('; ')
-            .find((row) => row.startsWith(BEARER_TOKEN_COOKIE))) === null || _a === void 0 ? void 0 : _a.split('=')[1];
-    try {
-        response = yield fetch(getSSOV2ApiUrl(path), authToken
-            ? Object.assign(Object.assign({}, options), { headers: Object.assign({ Authorization: `Bearer ${authToken}` }, options === null || options === void 0 ? void 0 : options.headers) }) : options);
-    }
-    catch (error) {
-        console.error(error);
-        return null;
-    }
-    return response === null || response === void 0 ? void 0 : response.json();
-});
-const fetchSSOApi = (path, options = {}, noAuth) => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {
-    var _b;
-    let response;
-    const authToken = noAuth
-        ? ''
-        : (_b = document.cookie
-            .split('; ')
-            .find((row) => row.startsWith(BEARER_TOKEN_COOKIE))) === null || _b === void 0 ? void 0 : _b.split('=')[1];
-    try {
-        response = yield fetch(getSSOApiUrl(path), authToken
-            ? Object.assign(Object.assign({}, options), { headers: Object.assign({ Authorization: `Bearer ${authToken}` }, options === null || options === void 0 ? void 0 : options.headers) }) : options);
-    }
-    catch (error) {
-        console.error(error);
-        return null;
-    }
-    return response === null || response === void 0 ? void 0 : response.json();
-});
-const resetPassword = (password, confirmPassword) => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {
-    const formData = new FormData();
-    formData.append('password', password);
-    formData.append('confirm-password', confirmPassword);
-    return fetchSSOV2Api(SSO_V2_PATHS.RESET_PASSWORD, {
-        method: 'POST',
-        body: formData,
-    });
-});
-// "email":"kenny_test2201_11@mailinator.com"
-// "phone_number":"906911910"
-const checkUserExist = ({ email, phone, // no +
- }) => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {
-    // "provider": "email",
-    // "is_pass": true,
-    // "is_status": "Active"
-    const formData = new FormData();
-    if (email) {
-        formData.append('email', email);
-    }
-    else {
-        formData.append('phone_number', phone);
-    }
-    return fetchSSOV2Api(SSO_V2_PATHS.CHECK_USER_EXIST, {
-        method: 'POST',
-        body: formData,
-    });
-});
-// "name": "Huy Tran 888",
-// "birthday": "1989-04-26",
-// "email":"kenny_test2201_02@mailinator.com", // optional chỉ require khi source là care | ecom
-// "password": "Kenny2103",
-// "confirm_password":"Kenny2103",
-// "phone_number":"906911912", // require khi user register bằng email hoặc social
-// "area_code":"+84", // require khi có phone number
-// "gender": 1,
-// "validate": false,  // true validate sau khi validate xong truyền false để update
-// "source": "care" | "ecom" // default sẽ ko require email. nếu source là care sẽ require email. ==> support cho business care
-const updateUserInfo = (data) => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {
-    const formData = new FormData();
-    Object.keys(data).forEach((key) => {
-        const value = data[key];
-        if (typeof value !== 'undefined' &&
-            value !== null &&
-            (typeof value !== 'string' || !!value.trim())) {
-            formData.append(key, data[key]);
-        }
-    });
-    return fetchSSOV2Api(SSO_V2_PATHS.UPDATE_USER_INFO, {
-        method: 'POST',
-        body: formData,
-    });
-});
-const GoogleAuthClientId = constantsIsProduction.isProduction
-    ? '289442006438-040a42cbidr6v5d178f3iqi9q95821r3.apps.googleusercontent.com'
-    : '289442006438-cihobuq1h3r4426pur7u0e43fqdnep59.apps.googleusercontent.com';
-const FacebookAppId = '2759888574045636';
-const getUserInfo = () => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {
-    return fetchSSOApi('user/profile', {
-        method: 'POST',
-    });
-});
-const handleAuthSuccess = (res) => {
-    (res === null || res === void 0 ? void 0 : res.token) &&
-        miscCookieHelper.setCookie(BEARER_TOKEN_COOKIE, res.token, {
-            domain: window.location.hostname === 'localhost'
-                ? 'localhost'
-                : `.${constantsDomainLocales.domainLocales[process.env.UNIFY_LOCALE || 'vi-VN']}`,
-            expires: new Date(res.expire_in * 1000).toUTCString(),
-        });
-    (res === null || res === void 0 ? void 0 : res.refresh_token) &&
-        miscCookieHelper.setCookie(index$5.BEARER_REFRESH_TOKEN_COOKIE, res.refresh_token, {
-            domain: window.location.hostname === 'localhost'
-                ? 'localhost'
-                : `.${constantsDomainLocales.domainLocales[process.env.UNIFY_LOCALE || 'vi-VN']}`,
-        });
-};
-
 const loginByEmailPassword = (email, password) => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {
     const formData = new FormData();
     formData.append('email', email);
     formData.append('password', password);
-    return fetchSSOV2Api(SSO_V2_PATHS.EMAIL.LOGIN_BY_PASSWORD, {
+    return store.fetchSSOV2Api(store.SSO_V2_PATHS.EMAIL.LOGIN_BY_PASSWORD, {
         method: 'POST',
         body: formData,
         headers: {
@@ -704,8 +544,8 @@ const loginByEmailPassword = (email, password) => tslib_es6.__awaiter(void 0, vo
 const registerBySendEmailOTP = (email) => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {
     const formData = new FormData();
     formData.append('email', email);
-    formData.append('website_id', websiteId);
-    return fetchSSOV2Api(SSO_V2_PATHS.EMAIL.REGISTER_BY_SEND_OTP, {
+    formData.append('website_id', store.websiteId);
+    return store.fetchSSOV2Api(store.SSO_V2_PATHS.EMAIL.REGISTER_BY_SEND_OTP, {
         method: 'POST',
         body: formData,
     });
@@ -713,7 +553,7 @@ const registerBySendEmailOTP = (email) => tslib_es6.__awaiter(void 0, void 0, vo
 const resendEmailOTP = (email) => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {
     const formData = new FormData();
     formData.append('email', email);
-    return fetchSSOV2Api(SSO_V2_PATHS.EMAIL.SEND_OTP, {
+    return store.fetchSSOV2Api(store.SSO_V2_PATHS.EMAIL.SEND_OTP, {
         method: 'POST',
         body: formData,
     });
@@ -722,7 +562,7 @@ const verifyByEmailOTP = (email, otpCode) => tslib_es6.__awaiter(void 0, void 0,
     const formData = new FormData();
     formData.append('email', email);
     formData.append('code', otpCode);
-    return fetchSSOV2Api(SSO_V2_PATHS.EMAIL.VERIFY_BY_OTP, {
+    return store.fetchSSOV2Api(store.SSO_V2_PATHS.EMAIL.VERIFY_BY_OTP, {
         method: 'POST',
         body: formData,
     });
@@ -737,7 +577,7 @@ const SSOEmailScreen = ({ hidden, }) => {
             var _a, _b, _c, _d, _e;
             e.preventDefault();
             const email = e.currentTarget.email.value;
-            const existRes = yield checkUserExist({ email });
+            const existRes = yield store.checkUserExist({ email });
             if ((existRes === null || existRes === void 0 ? void 0 : existRes._status) === 1) {
                 const provider = (_a = existRes._data) === null || _a === void 0 ? void 0 : _a.provider;
                 if (provider === 'google' || provider === 'facebook') {
@@ -805,14 +645,14 @@ const splitPhone = (phone) => {
     let phoneNumber = phone;
     if (phone.startsWith('+')) {
         areaCode =
-            ((_a = phone.match(new RegExp(`^\\+(${allAvailableAreaCodes
+            ((_a = phone.match(new RegExp(`^\\+(${store.allAvailableAreaCodes
                 .map((c) => c.replace('+', ''))
                 .join('|')})`))) === null || _a === void 0 ? void 0 : _a[0]) || '';
         phoneNumber = phone.slice(areaCode.length);
     }
     else {
         areaCode =
-            ((_b = phone.match(new RegExp(`^(${allAvailableAreaCodes
+            ((_b = phone.match(new RegExp(`^(${store.allAvailableAreaCodes
                 .map((c) => c.replace('+', ''))
                 .join('|')})`))) === null || _b === void 0 ? void 0 : _b[0]) || '';
         phoneNumber = phone.slice(areaCode.length);
@@ -833,7 +673,7 @@ const loginByPhonePassword = (phone, password) => tslib_es6.__awaiter(void 0, vo
         : phoneNumber;
     formData.append('phone_number', phoneNumber);
     formData.append('password', password);
-    return fetchSSOV2Api(SSO_V2_PATHS.PHONE.LOGIN_BY_PASSWORD, {
+    return store.fetchSSOV2Api(store.SSO_V2_PATHS.PHONE.LOGIN_BY_PASSWORD, {
         method: 'POST',
         body: formData,
         headers: {
@@ -847,8 +687,8 @@ const registerBySendPhoneOTP = (phone, areaCode) => tslib_es6.__awaiter(void 0,
     const formData = new FormData();
     formData.append('phone_number', phone);
     formData.append('area_code', areaCode);
-    formData.append('website_id', websiteId);
-    return fetchSSOV2Api(SSO_V2_PATHS.PHONE.REGISTER_BY_SEND_OTP, {
+    formData.append('website_id', store.websiteId);
+    return store.fetchSSOV2Api(store.SSO_V2_PATHS.PHONE.REGISTER_BY_SEND_OTP, {
         method: 'POST',
         body: formData,
     });
@@ -859,7 +699,7 @@ const resendPhoneOTP = (phone, areaCode) => tslib_es6.__awaiter(void 0, void 0,
     const formData = new FormData();
     formData.append('phone_number', phone);
     formData.append('area_code', areaCode);
-    return fetchSSOV2Api(SSO_V2_PATHS.PHONE.SEND_OTP, {
+    return store.fetchSSOV2Api(store.SSO_V2_PATHS.PHONE.SEND_OTP, {
         method: 'POST',
         body: formData,
     });
@@ -872,7 +712,7 @@ const verifyByPhoneOTP = (phone, areaCode, otpCode) => tslib_es6.__awaiter(void
     formData.append('phone_number', phone);
     formData.append('area_code', areaCode);
     formData.append('otp_code', otpCode);
-    return fetchSSOV2Api(SSO_V2_PATHS.PHONE.VERIFY_BY_OTP, {
+    return store.fetchSSOV2Api(store.SSO_V2_PATHS.PHONE.VERIFY_BY_OTP, {
         method: 'POST',
         body: formData,
     });
@@ -881,7 +721,7 @@ const resendUpdatePhoneOTP = (phone, areaCode) => tslib_es6.__awaiter(void 0, vo
     const formData = new FormData();
     formData.append('phone_number', phone);
     formData.append('area_code', areaCode);
-    return fetchSSOV2Api(SSO_V2_PATHS.PHONE.UPDATE_PHONE_SEND_OTP, {
+    return store.fetchSSOV2Api(store.SSO_V2_PATHS.PHONE.UPDATE_PHONE_SEND_OTP, {
         method: 'POST',
         body: formData,
     });
@@ -890,7 +730,7 @@ const verifyUpdatePhoneOTP = (areaCode, otpCode) => tslib_es6.__awaiter(void 0,
     const formData = new FormData();
     formData.append('otp_code', otpCode);
     formData.append('area_code', areaCode);
-    return fetchSSOV2Api(SSO_V2_PATHS.PHONE.UPDATE_PHONE_VERIFY_OTP, {
+    return store.fetchSSOV2Api(store.SSO_V2_PATHS.PHONE.UPDATE_PHONE_VERIFY_OTP, {
         method: 'POST',
         body: formData,
     });
@@ -900,8 +740,8 @@ const loginBySocial = (token, social) => tslib_es6.__awaiter(void 0, void 0, voi
     const formData = new FormData();
     formData.append('token', token);
     formData.append('provider', social);
-    formData.append('website_id', websiteId);
-    return fetchSSOV2Api(SSO_V2_PATHS.LOGIN_BY_SOCIAL, {
+    formData.append('website_id', store.websiteId);
+    return store.fetchSSOV2Api(store.SSO_V2_PATHS.LOGIN_BY_SOCIAL, {
         method: 'POST',
         body: formData,
         headers: {
@@ -916,8 +756,8 @@ const registerBySendZaloOTP = (phone, areaCode) => tslib_es6.__awaiter(void 0, v
     const formData = new FormData();
     formData.append('phone_number', phone);
     formData.append('area_code', areaCode);
-    formData.append('website_id', websiteId);
-    return fetchSSOV2Api(SSO_V2_PATHS.ZALO.REGISTER_BY_SEND_OTP, {
+    formData.append('website_id', store.websiteId);
+    return store.fetchSSOV2Api(store.SSO_V2_PATHS.ZALO.REGISTER_BY_SEND_OTP, {
         method: 'POST',
         body: formData,
     });
@@ -928,7 +768,7 @@ const resendZaloOTP = (phone, areaCode) => tslib_es6.__awaiter(void 0, void 0, v
     const formData = new FormData();
     formData.append('phone_number', phone);
     formData.append('area_code', areaCode);
-    return fetchSSOV2Api(SSO_V2_PATHS.ZALO.SEND_OTP, {
+    return store.fetchSSOV2Api(store.SSO_V2_PATHS.ZALO.SEND_OTP, {
         method: 'POST',
         body: formData,
     });
@@ -941,7 +781,7 @@ const verifyByZaloOTP = (phone, areaCode, otpCode) => tslib_es6.__awaiter(void 0
     formData.append('otp_code', otpCode);
     formData.append('phone_number', phone);
     formData.append('area_code', areaCode);
-    return fetchSSOV2Api(SSO_V2_PATHS.ZALO.VERIFY_BY_OTP, {
+    return store.fetchSSOV2Api(store.SSO_V2_PATHS.ZALO.VERIFY_BY_OTP, {
         method: 'POST',
         body: formData,
     });
@@ -950,7 +790,7 @@ const resendUpdatePhoneZaloOTP = (phone, areaCode) => tslib_es6.__awaiter(void 0
     const formData = new FormData();
     formData.append('phone_number', phone);
     formData.append('area_code', areaCode);
-    return fetchSSOV2Api(SSO_V2_PATHS.ZALO.UPDATE_PHONE_SEND_OTP, {
+    return store.fetchSSOV2Api(store.SSO_V2_PATHS.ZALO.UPDATE_PHONE_SEND_OTP, {
         method: 'POST',
         body: formData,
     });
@@ -960,7 +800,7 @@ const verifyUpdatePhoneZaloOTP = (phone, areaCode, otpCode) => tslib_es6.__await
     formData.append('phone_number', phone);
     formData.append('otp_code', otpCode);
     formData.append('area_code', areaCode);
-    return fetchSSOV2Api(SSO_V2_PATHS.ZALO.UPDATE_PHONE_VERIFY_OTP, {
+    return store.fetchSSOV2Api(store.SSO_V2_PATHS.ZALO.UPDATE_PHONE_VERIFY_OTP, {
         method: 'POST',
         body: formData,
     });
@@ -1024,8 +864,8 @@ const SSOFirstScreen = ({ hidden }) => {
         var _c, _d, _e, _f, _g;
         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();
+            store.handleAuthSuccess(res === null || res === void 0 ? void 0 : res._data);
+            const userInfo = yield store.getUserInfo();
             if ((userInfo === null || userInfo === void 0 ? void 0 : userInfo._status) === 1) {
                 setShareData({
                     authMethod: provider,
@@ -1098,7 +938,7 @@ const SSOFirstScreen = ({ hidden }) => {
         }
         window.fbAsyncInit = function () {
             window.FB.init({
-                appId: FacebookAppId,
+                appId: store.FacebookAppId,
                 cookie: true,
                 xfbml: true,
                 version: 'v20.0', // Use this Graph API version for this call.
@@ -1108,11 +948,11 @@ const SSOFirstScreen = ({ hidden }) => {
     const onClickContinueZalo = () => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {
         var _h, _j, _k, _l;
         const { areaCode, phoneNumber } = splitPhone(phone);
-        const userExist = yield checkUserExist({ phone: phoneNumber });
+        const userExist = yield store.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;
             if (provider === 'google' || provider === 'facebook') {
-                setErrMsg('Email này đã được sử dụng, vui lòng chọn Email khác.');
+                setErrMsg('Email này đã được sử dụng, vui lòng chọn số điện thoại khác.');
                 return;
             }
             setShareData({
@@ -1159,11 +999,11 @@ const SSOFirstScreen = ({ hidden }) => {
     const onClickContinuePhone = () => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {
         var _m, _o, _p, _q;
         const { areaCode, phoneNumber } = splitPhone(phone);
-        const userExist = yield checkUserExist({ phone: phoneNumber });
+        const userExist = yield store.checkUserExist({ phone: phoneNumber });
         if ((userExist === null || userExist === void 0 ? void 0 : userExist._status) === 1) {
             const provider = (_m = userExist._data) === null || _m === void 0 ? void 0 : _m.provider;
             if (provider === 'google' || provider === 'facebook') {
-                setErrMsg('Email này đã được sử dụng, vui lòng chọn Email khác.');
+                setErrMsg('Email này đã được sử dụng, vui lòng chọn số điện thoại khác.');
                 return;
             }
             setShareData({
@@ -1219,7 +1059,7 @@ const SSOFirstScreen = ({ hidden }) => {
     };
     const onTriggerGoogleLogin = () => {
         const client = window.google.accounts.oauth2.initTokenClient({
-            client_id: GoogleAuthClientId,
+            client_id: store.GoogleAuthClientId,
             scope: 'https://www.googleapis.com/auth/userinfo.email https://www.googleapis.com/auth/userinfo.profile openid',
             ux_mode: 'popup',
             callback: (response) => {
@@ -1311,14 +1151,14 @@ const SSOFirstScreen = ({ hidden }) => {
 const initSendUpdateEmailOtp = (email) => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {
     const formData = new FormData();
     formData.append('email', email);
-    return fetchSSOV2Api(SSO_V2_PATHS.ECOM_CARE.SEND_OTP, {
+    return store.fetchSSOV2Api(store.SSO_V2_PATHS.ECOM_CARE.SEND_OTP, {
         method: 'POST',
         body: formData,
     });
 });
 const resendUpdateEmailOTP = () => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {
     const formData = new FormData();
-    return fetchSSOV2Api(SSO_V2_PATHS.ECOM_CARE.RESEND_OTP, {
+    return store.fetchSSOV2Api(store.SSO_V2_PATHS.ECOM_CARE.RESEND_OTP, {
         method: 'POST',
         body: formData,
     });
@@ -1326,7 +1166,7 @@ const resendUpdateEmailOTP = () => tslib_es6.__awaiter(void 0, void 0, void 0, f
 const verifyUpdateEmailOTP = (otpCode) => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {
     const formData = new FormData();
     formData.append('code', otpCode);
-    return fetchSSOV2Api(SSO_V2_PATHS.ECOM_CARE.VERIFY_OTP, {
+    return store.fetchSSOV2Api(store.SSO_V2_PATHS.ECOM_CARE.VERIFY_OTP, {
         method: 'POST',
         body: formData,
     });
@@ -1384,7 +1224,7 @@ const SSOOTPScreen = ({ hidden, index, }) => {
             }
             if ((res === null || res === void 0 ? void 0 : res._status) === 1) {
                 if (afterAction === 'setup') {
-                    const userInfo = yield getUserInfo();
+                    const userInfo = yield store.getUserInfo();
                     if ((userInfo === null || userInfo === void 0 ? void 0 : userInfo._status) !== 1) {
                         // log error
                         setError(((_a = userInfo._messages) === null || _a === void 0 ? void 0 : _a[0]) || 'API error');
@@ -1400,9 +1240,9 @@ const SSOOTPScreen = ({ hidden, index, }) => {
                     goNext();
                 }
                 else if (afterAction === 'submitSetup') {
-                    const res = yield updateUserInfo(Object.assign(Object.assign({}, setupData), { validate: '' }));
+                    const res = yield store.updateUserInfo(Object.assign(Object.assign({}, setupData), { validate: '' }));
                     if ((res === null || res === void 0 ? void 0 : res._status) === 1) {
-                        handleAuthSuccess(res === null || res === void 0 ? void 0 : res._data);
+                        store.handleAuthSuccess(res === null || res === void 0 ? void 0 : res._data);
                         onClose === null || onClose === void 0 ? void 0 : onClose(true);
                     }
                     else {
@@ -1443,7 +1283,7 @@ const SSOOTPScreen = ({ hidden, index, }) => {
             onClose === null || onClose === void 0 ? void 0 : onClose(true);
             return;
         }
-        handleAuthSuccess(res === null || res === void 0 ? void 0 : res._data);
+        store.handleAuthSuccess(res === null || res === void 0 ? void 0 : res._data);
         if (afterAction === 'forgot') {
             addStep({
                 type: store.SSOStepTypeType.FORGOT_PASSWORD_SETUP,
@@ -1451,7 +1291,7 @@ const SSOOTPScreen = ({ hidden, index, }) => {
             goNext();
         }
         else if (afterAction === 'setup') {
-            const userInfo = yield getUserInfo();
+            const userInfo = yield store.getUserInfo();
             if ((userInfo === null || userInfo === void 0 ? void 0 : userInfo._status) !== 1) {
                 // log error
                 setError(((_e = userInfo._messages) === null || _e === void 0 ? void 0 : _e[0]) || 'API error');
@@ -1466,6 +1306,12 @@ const SSOOTPScreen = ({ hidden, index, }) => {
             });
             goNext();
         }
+        else if (afterAction === 'update-email') {
+            addStep({
+                type: store.SSOStepTypeType.UPDATE_EMAIL,
+            });
+            goNext();
+        }
         else {
             onClose === null || onClose === void 0 ? void 0 : onClose(true);
         }
@@ -1555,7 +1401,7 @@ const SSOPasswordScreen = ({ hidden, index, }) => {
             });
         }
         else {
-            const existRes = yield checkUserExist({ email });
+            const existRes = yield store.checkUserExist({ email });
             if ((existRes === null || existRes === void 0 ? void 0 : existRes._status) === 1) {
                 let res;
                 if (!((_c = existRes._data) === null || _c === void 0 ? void 0 : _c.provider)) {
@@ -1582,9 +1428,9 @@ const SSOPasswordScreen = ({ hidden, index, }) => {
     });
     const onAuthSuccess = (data) => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {
         var _e, _f;
-        handleAuthSuccess(data);
+        store.handleAuthSuccess(data);
         if (!phone && !!email) {
-            const userInfo = yield getUserInfo();
+            const userInfo = yield store.getUserInfo();
             if (!((_e = userInfo._data) === null || _e === void 0 ? void 0 : _e.phone_verified_at) || !((_f = userInfo._data) === null || _f === void 0 ? void 0 : _f.phone)) {
                 setShareData({
                     authMethod: 'mail',
@@ -1662,7 +1508,7 @@ const SSOPasswordForgotPhone = ({ hidden, }) => {
     const onClickContinueZalo = () => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {
         var _a, _b, _c;
         const { areaCode, phoneNumber } = splitPhone(phone);
-        const userExist = yield checkUserExist({ phone: phoneNumber });
+        const userExist = yield store.checkUserExist({ phone: phoneNumber });
         if ((userExist === null || userExist === void 0 ? void 0 : userExist._status) === 1) {
             setShareData({
                 authMethod: 'phone',
@@ -1696,7 +1542,7 @@ const SSOPasswordForgotPhone = ({ hidden, }) => {
     const onClickContinuePhone = () => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {
         var _d, _e, _f;
         const { areaCode, phoneNumber } = splitPhone(phone);
-        const userExist = yield checkUserExist({ phone: phoneNumber });
+        const userExist = yield store.checkUserExist({ phone: phoneNumber });
         if ((userExist === null || userExist === void 0 ? void 0 : userExist._status) === 1) {
             setShareData({
                 authMethod: 'phone',
@@ -1797,7 +1643,7 @@ const SSOPasswordForgotSetup = ({ hidden }) => {
             password.length <= 50 &&
             password.match(/^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)/) &&
             password === confirmPassword) {
-            const res = yield resetPassword(password, confirmPassword);
+            const res = yield store.resetPassword(password, confirmPassword);
             if ((res === null || res === void 0 ? void 0 : res._status) === 1) {
                 useMantineLocale.showNotification({
                     type: 'success',
@@ -1842,15 +1688,17 @@ const SSOPasswordForgotSetup = ({ hidden }) => {
             React__default["default"].createElement(index$2.Button, { type: "submit", size: "lg", variant: "primary", fullWidth: true }, "Save"))));
 };
 
-const SSOPhoneVerify = ({ hidden, }) => {
+const SSOPhoneVerify = ({ hidden, index, }) => {
     const [phone, setPhone] = React__default["default"].useState('');
     const [errMsg, setErrMsg] = React__default["default"].useState('');
     const { locale } = useSSOState();
-    const { addStep, goNext } = store.useSSOSteps();
+    const { addStep, goNext, steps } = store.useSSOSteps();
+    const currentStep = steps[index];
+    const { afterAction } = (currentStep === null || currentStep === void 0 ? void 0 : currentStep.config) || {};
     const onClickContinueZalo = () => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {
         var _a, _b;
         const { areaCode, phoneNumber } = splitPhone(phone);
-        const userExist = yield checkUserExist({ phone: phoneNumber });
+        const userExist = yield store.checkUserExist({ phone: phoneNumber });
         if ((userExist === null || userExist === void 0 ? void 0 : userExist._status) === 1) {
             if (!userExist._data) {
                 const res = yield resendUpdatePhoneZaloOTP(phoneNumber, areaCode);
@@ -1864,7 +1712,7 @@ const SSOPhoneVerify = ({ hidden, }) => {
                         phone,
                         otpType: 'phone-zalo',
                         isUpdatePhone: true,
-                        afterAction: 'setup',
+                        afterAction: afterAction || 'setup',
                     },
                 });
                 goNext();
@@ -1880,7 +1728,7 @@ const SSOPhoneVerify = ({ hidden, }) => {
     const onClickContinuePhone = () => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {
         var _c, _d;
         const { areaCode, phoneNumber } = splitPhone(phone);
-        const userExist = yield checkUserExist({ phone: phoneNumber });
+        const userExist = yield store.checkUserExist({ phone: phoneNumber });
         if ((userExist === null || userExist === void 0 ? void 0 : userExist._status) === 1) {
             if (!userExist._data) {
                 const res = yield resendUpdatePhoneOTP(phoneNumber, areaCode);
@@ -1894,7 +1742,7 @@ const SSOPhoneVerify = ({ hidden, }) => {
                         phone,
                         otpType: 'phone-sms',
                         isUpdatePhone: true,
-                        afterAction: 'setup',
+                        afterAction: afterAction || 'setup',
                     },
                 });
                 goNext();
@@ -2094,7 +1942,7 @@ const SSOSetupScreen = ({ hidden, index, }) => {
         const { password, confirmPassword, phone, gender, name, dob, otpMethod } = values;
         const { phoneNumber, areaCode } = splitPhone(phone || configPhone || '');
         // validate only, delay set data to after otp
-        const res = yield updateUserInfo({
+        const res = yield store.updateUserInfo({
             name,
             birthday: dayjs__default["default"](dob).format('YYYY-MM-DD'),
             email: values.email || undefined,
@@ -2159,7 +2007,7 @@ const SSOSetupScreen = ({ hidden, index, }) => {
             }
             else {
                 // close?
-                const res = yield updateUserInfo({
+                const res = yield store.updateUserInfo({
                     name,
                     birthday: dayjs__default["default"](dob).format('YYYY-MM-DD'),
                     email: values.email || undefined,
@@ -2172,7 +2020,7 @@ const SSOSetupScreen = ({ hidden, index, }) => {
                     validate: '',
                 });
                 if ((res === null || res === void 0 ? void 0 : res._status) === 1) {
-                    handleAuthSuccess(res === null || res === void 0 ? void 0 : res._data);
+                    store.handleAuthSuccess(res === null || res === void 0 ? void 0 : res._data);
                     onClose === null || onClose === void 0 ? void 0 : onClose(true);
                 }
                 else {
@@ -2213,7 +2061,7 @@ const SSOUpdateEmailScreen = ({ hidden, }) => {
             var _a, _b;
             e.preventDefault();
             const email = e.currentTarget.email.value;
-            const existRes = yield checkUserExist({ email });
+            const existRes = yield store.checkUserExist({ email });
             if ((existRes === null || existRes === void 0 ? void 0 : existRes._status) === 1) {
                 if (!existRes._data) {
                     setShareData({
@@ -2281,7 +2129,7 @@ const SSOScreenRenderer = () => {
 };
 
 const SSOV2 = ({ onClose: onCloseProps, locale }) => {
-    const { isOpen, setOpen, returnUrl, setMounted, source } = store.useSSOV2Store();
+    const { isOpen, setOpen, returnUrl, setMounted, source, overrideClose } = store.useSSOV2Store();
     React.useEffect(() => {
         setMounted(true);
         return () => {
@@ -2291,7 +2139,13 @@ const SSOV2 = ({ onClose: onCloseProps, locale }) => {
     if (!isOpen) {
         return null;
     }
-    const onClose = (success) => {
+    const onClose = (success) => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {
+        if (success && overrideClose) {
+            const allowContinue = yield overrideClose();
+            if (!allowContinue) {
+                return;
+            }
+        }
         if (success && returnUrl && window.location.href !== returnUrl) {
             const newReturnUrl = new URL(returnUrl);
             if (source) {
@@ -2306,7 +2160,7 @@ const SSOV2 = ({ onClose: onCloseProps, locale }) => {
         }
         setOpen(false);
         onCloseProps === null || onCloseProps === void 0 ? void 0 : onCloseProps();
-    };
+    });
     return (React__default["default"].createElement(SSOStateProvider, { onClose: onClose, locale: locale },
         React__default["default"].createElement(SSOPopupWrapper, { opened: true, onClose: onClose },
             React__default["default"].createElement(SSOScreenRenderer, null))));