@hhgtech/hhg-components 1.29.374 → 1.29.375-beta-1

package/build/ssoV2.js

@@ -2,35 +2,36 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-e879b440.js');
+var tslib_es6 = require('./tslib.es6-2e2a9190.js');
 var React = require('react');
 var miscCookieHelper = require('./miscCookieHelper.js');
-var index$6 = require('./index-78dac42f.js');
-var store = require('./store-ff958ae7.js');
+var index$7 = require('./index-027c8e83.js');
+var index$6 = require('./index-8c87abc1.js');
 var constantsIsProduction = require('./constantsIsProduction.js');
 var arrow = require('@hhgtech/icons/arrow');
 var core$1 = require('@hhgtech/icons/core');
-var index$2 = require('./index-df8845e8.js');
-var logoIcon = require('./logoIcon-d87f0c7c.js');
-var index$4 = require('./index-bab54ae7.js');
-var index$1 = require('./index-0186561a.js');
+var index$2 = require('./index-adf52869.js');
+var logoIcon = require('./logoIcon-f1052b32.js');
+var index$4 = require('./index-4fb80c7b.js');
+var index$1 = require('./index-f5c25137.js');
 var core = require('@mantine/core');
 require('@mantine/dates');
-require('./index-467dfe87.js');
-var index$5 = require('./index-fae28861.js');
-var useMantineLocale = require('./useMantineLocale-a330a7e5.js');
-var index$3 = require('./index-b043d722.js');
-var index = require('./index-9e639be2.js');
+require('./index-c7c3ef88.js');
+var index$5 = require('./index-46e740d6.js');
+var useMantineLocale = require('./useMantineLocale-bda94d46.js');
+var index$3 = require('./index-8dbf70d2.js');
+var index = require('./index-b1996baf.js');
 require('@mantine/hooks');
-require('./utils-a445506a.js');
-require('./other-4e4f19d4.js');
-require('./index-9074450c.js');
-var Locale = require('./Locale-72dce976.js');
-var useScreenSize = require('./useScreenSize-2eae68ef.js');
-var Google = require('./Google-255c0f1a.js');
+require('./utils-5a0561f4.js');
+require('./other-9f8453c8.js');
+require('./index-e7cb4126.js');
+var Locale = require('./Locale-8ad13864.js');
+var store = require('./store-1b258086.js');
+var useScreenSize = require('./useScreenSize-ce7bda9a.js');
+var Google = require('./Google-60ff715c.js');
 var PhoneInputBase = require('react-phone-number-input');
-var utils = require('./utils-d104096a.js');
-var index$7 = require('./index-41529ab9.js');
+var utils = require('./utils-a2f21483.js');
+var index$8 = require('./index-213caca9.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 var styled = require('@emotion/styled');
 var cn = require('classnames');
@@ -39,23 +40,23 @@ var debounce = require('lodash/debounce');
 var throttle = require('lodash/throttle');
 var Flags = require('react-phone-number-input/flags');
 var vaul = require('vaul');
-var utils$1 = require('./utils-7d98be3c.js');
+var utils$1 = require('./utils-1899de95.js');
 var form = require('@mantine/form');
 var yup = require('yup');
 var dayjs = require('dayjs');
-var index$8 = require('./index-31c0299e.js');
+var index$9 = require('./index-2d59b16f.js');
 require('@mantine/carousel');
 require('./miscTheme.js');
-require('./useUniqueId-5f42952d.js');
+require('./useUniqueId-71a9e721.js');
 require('./constantsSite.js');
-require('zustand');
-require('./normalizeLink-65501df2.js');
+require('./normalizeLink-bbc22991.js');
 require('date-fns/locale');
 require('./constantsRiskScreener.js');
-require('./index.styles-f9818d05.js');
+require('./index.styles-6e20a8c5.js');
 require('@mantine/notifications');
-require('./translationsContext-3ac6ece2.js');
-require('./healthTools-257131be.js');
+require('./translationsContext-c26d1113.js');
+require('zustand');
+require('./healthTools-bfe1daf9.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -87,7 +88,12 @@ var yup__namespace = /*#__PURE__*/_interopNamespace(yup);
 var dayjs__default = /*#__PURE__*/_interopDefault(dayjs);
 
 // const fakeData = {
-const fetchFeatureFlag = (site) => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {
+const getFeatureFlagCookieKey = (setupSource) => {
+    return setupSource === 'community'
+        ? 'abTestingCommunityFlow'
+        : 'abTestingFlow';
+};
+const fetchFeatureFlag = (site, setupSource) => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {
     var _a, _b;
     let data = null;
     try {
@@ -98,9 +104,11 @@ const fetchFeatureFlag = (site) => tslib_es6.__awaiter(void 0, void 0, void 0, f
         data = yield response.json();
     }
     catch (err) {
-        data = null;
+        data = {};
     }
-    return (_b = (_a = data === null || data === void 0 ? void 0 : data.data) === null || _a === void 0 ? void 0 : _a.flags) === null || _b === void 0 ? void 0 : _b.find((o) => o.name === 'SSO_V2_flag');
+    const flagKey = setupSource === 'community' ? 'SSO_V2_Together_flag' : 'SSO_V2_flag';
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    return (_b = (_a = data === null || data === void 0 ? void 0 : data.data) === null || _a === void 0 ? void 0 : _a.flags) === null || _b === void 0 ? void 0 : _b.find((o) => o.name === flagKey);
 });
 
 const SSOStateContext = React.createContext({
@@ -544,7 +552,7 @@ const loginByEmailPassword = (email, password) => tslib_es6.__awaiter(void 0, vo
     const formData = new FormData();
     formData.append('email', email);
     formData.append('password', password);
-    return store.fetchSSOV2Api(store.SSO_V2_PATHS.EMAIL.LOGIN_BY_PASSWORD, {
+    return index$6.fetchSSOV2Api(index$6.SSO_V2_PATHS.EMAIL.LOGIN_BY_PASSWORD, {
         method: 'POST',
         body: formData,
         headers: {
@@ -555,8 +563,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', store.websiteId);
-    return store.fetchSSOV2Api(store.SSO_V2_PATHS.EMAIL.REGISTER_BY_SEND_OTP, {
+    formData.append('website_id', index$6.websiteId);
+    return index$6.fetchSSOV2Api(index$6.SSO_V2_PATHS.EMAIL.REGISTER_BY_SEND_OTP, {
         method: 'POST',
         body: formData,
     });
@@ -564,7 +572,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 store.fetchSSOV2Api(store.SSO_V2_PATHS.EMAIL.SEND_OTP, {
+    return index$6.fetchSSOV2Api(index$6.SSO_V2_PATHS.EMAIL.SEND_OTP, {
         method: 'POST',
         body: formData,
     });
@@ -573,7 +581,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 store.fetchSSOV2Api(store.SSO_V2_PATHS.EMAIL.VERIFY_BY_OTP, {
+    return index$6.fetchSSOV2Api(index$6.SSO_V2_PATHS.EMAIL.VERIFY_BY_OTP, {
         method: 'POST',
         body: formData,
     });
@@ -698,7 +706,7 @@ const SSOEmailScreen = ({ hidden, }) => {
             setLoading(true);
             try {
                 const email = e.currentTarget.email.value;
-                const existRes = yield store.checkUserExist({ email });
+                const existRes = yield index$6.checkUserExist({ email });
                 if ((existRes === null || existRes === void 0 ? void 0 : existRes._status) === 1) {
                     if ((_a = existRes._data) === null || _a === void 0 ? void 0 : _a.is_pass) {
                         store.useSSOV2Store.setState({
@@ -761,7 +769,7 @@ const SSOEmailScreen = ({ hidden, }) => {
         React__default["default"].createElement(core.Stack, { spacing: 8 },
             React__default["default"].createElement(index$3.Text, { size: "s1", weight: "semiBold" }, t('ssov2.email.title')),
             React__default["default"].createElement(index$3.Text, { size: "p4" }, t('ssov2.email.description'))),
-        React__default["default"].createElement(index$6.Input, { name: "email", placeholder: t('onboarding.formEmail.yourEmail'), error: errMsg || undefined, type: "email", required: true, mt: 24, disabled: loading, onChange: () => setErrMsg(''), "data-event-category": trackingCategory, "data-event-action": trackingAction, "data-event-label": "Enter Email" }),
+        React__default["default"].createElement(index$7.Input, { name: "email", placeholder: t('onboarding.formEmail.yourEmail'), error: errMsg || undefined, type: "email", required: true, mt: 24, disabled: loading, onChange: () => setErrMsg(''), "data-event-category": trackingCategory, "data-event-action": trackingAction, "data-event-label": "Enter Email" }),
         React__default["default"].createElement(index$4.Button, { type: "submit", size: "lg", variant: "primary", fullWidth: true, mt: 16, disabled: loading, loading: loading, "data-event-category": trackingCategory, "data-event-action": trackingAction, "data-event-label": "Verify Your Email" }, t('ssov2.email.button'))));
 };
 
@@ -787,7 +795,7 @@ const loginByPhonePassword = (phone, password) => tslib_es6.__awaiter(void 0, vo
         : phoneNumber;
     formData.append('phone_number', phoneNumber);
     formData.append('password', password);
-    return store.fetchSSOV2Api(store.SSO_V2_PATHS.PHONE.LOGIN_BY_PASSWORD, {
+    return index$6.fetchSSOV2Api(index$6.SSO_V2_PATHS.PHONE.LOGIN_BY_PASSWORD, {
         method: 'POST',
         body: formData,
         headers: {
@@ -801,8 +809,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', store.websiteId);
-    return store.fetchSSOV2Api(store.SSO_V2_PATHS.PHONE.REGISTER_BY_SEND_OTP, {
+    formData.append('website_id', index$6.websiteId);
+    return index$6.fetchSSOV2Api(index$6.SSO_V2_PATHS.PHONE.REGISTER_BY_SEND_OTP, {
         method: 'POST',
         body: formData,
     });
@@ -813,7 +821,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 store.fetchSSOV2Api(store.SSO_V2_PATHS.PHONE.SEND_OTP, {
+    return index$6.fetchSSOV2Api(index$6.SSO_V2_PATHS.PHONE.SEND_OTP, {
         method: 'POST',
         body: formData,
     });
@@ -826,7 +834,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 store.fetchSSOV2Api(store.SSO_V2_PATHS.PHONE.VERIFY_BY_OTP, {
+    return index$6.fetchSSOV2Api(index$6.SSO_V2_PATHS.PHONE.VERIFY_BY_OTP, {
         method: 'POST',
         body: formData,
     });
@@ -835,7 +843,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 store.fetchSSOV2Api(store.SSO_V2_PATHS.PHONE.UPDATE_PHONE_SEND_OTP, {
+    return index$6.fetchSSOV2Api(index$6.SSO_V2_PATHS.PHONE.UPDATE_PHONE_SEND_OTP, {
         method: 'POST',
         body: formData,
     });
@@ -844,7 +852,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 store.fetchSSOV2Api(store.SSO_V2_PATHS.PHONE.UPDATE_PHONE_VERIFY_OTP, {
+    return index$6.fetchSSOV2Api(index$6.SSO_V2_PATHS.PHONE.UPDATE_PHONE_VERIFY_OTP, {
         method: 'POST',
         body: formData,
     });
@@ -854,8 +862,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', store.websiteId);
-    return store.fetchSSOV2Api(store.SSO_V2_PATHS.LOGIN_BY_SOCIAL, {
+    formData.append('website_id', index$6.websiteId);
+    return index$6.fetchSSOV2Api(index$6.SSO_V2_PATHS.LOGIN_BY_SOCIAL, {
         method: 'POST',
         body: formData,
         headers: {
@@ -870,8 +878,8 @@ const registerBySendWhatsAppOTP = (phone, areaCode) => tslib_es6.__awaiter(void
     const formData = new FormData();
     formData.append('phone_number', phone);
     formData.append('area_code', areaCode);
-    formData.append('website_id', store.websiteId);
-    return store.fetchSSOV2Api(store.SSO_V2_PATHS.WHATSAPP.REGISTER_BY_SEND_OTP, {
+    formData.append('website_id', index$6.websiteId);
+    return index$6.fetchSSOV2Api(index$6.SSO_V2_PATHS.WHATSAPP.REGISTER_BY_SEND_OTP, {
         method: 'POST',
         body: formData,
     });
@@ -882,7 +890,7 @@ const resendWhatsAppOTP = (phone, areaCode) => tslib_es6.__awaiter(void 0, void
     const formData = new FormData();
     formData.append('phone_number', phone);
     formData.append('area_code', areaCode);
-    return store.fetchSSOV2Api(store.SSO_V2_PATHS.WHATSAPP.SEND_OTP, {
+    return index$6.fetchSSOV2Api(index$6.SSO_V2_PATHS.WHATSAPP.SEND_OTP, {
         method: 'POST',
         body: formData,
     });
@@ -891,7 +899,7 @@ const resendUpdatePhoneWhatsAppOTP = (phone, areaCode) => tslib_es6.__awaiter(vo
     const formData = new FormData();
     formData.append('phone_number', phone);
     formData.append('area_code', areaCode);
-    return store.fetchSSOV2Api(store.SSO_V2_PATHS.WHATSAPP.UPDATE_PHONE_SEND_OTP, {
+    return index$6.fetchSSOV2Api(index$6.SSO_V2_PATHS.WHATSAPP.UPDATE_PHONE_SEND_OTP, {
         method: 'POST',
         body: formData,
     });
@@ -901,7 +909,7 @@ const verifyUpdatePhoneWhatsAppOTP = (phone, areaCode, otpCode) => tslib_es6.__a
     formData.append('phone_number', phone);
     formData.append('otp_code', otpCode);
     formData.append('area_code', areaCode);
-    return store.fetchSSOV2Api(store.SSO_V2_PATHS.WHATSAPP.UPDATE_PHONE_VERIFY_OTP, {
+    return index$6.fetchSSOV2Api(index$6.SSO_V2_PATHS.WHATSAPP.UPDATE_PHONE_VERIFY_OTP, {
         method: 'POST',
         body: formData,
     });
@@ -911,7 +919,7 @@ const verifyByWhatsAppOTP = (phone, areaCode, otpCode) => tslib_es6.__awaiter(vo
     formData.append('otp_code', otpCode);
     formData.append('phone_number', phone);
     formData.append('area_code', areaCode);
-    return store.fetchSSOV2Api(store.SSO_V2_PATHS.WHATSAPP.VERIFY_BY_OTP, {
+    return index$6.fetchSSOV2Api(index$6.SSO_V2_PATHS.WHATSAPP.VERIFY_BY_OTP, {
         method: 'POST',
         body: formData,
     });
@@ -923,8 +931,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', store.websiteId);
-    return store.fetchSSOV2Api(store.SSO_V2_PATHS.ZALO.REGISTER_BY_SEND_OTP, {
+    formData.append('website_id', index$6.websiteId);
+    return index$6.fetchSSOV2Api(index$6.SSO_V2_PATHS.ZALO.REGISTER_BY_SEND_OTP, {
         method: 'POST',
         body: formData,
     });
@@ -935,7 +943,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 store.fetchSSOV2Api(store.SSO_V2_PATHS.ZALO.SEND_OTP, {
+    return index$6.fetchSSOV2Api(index$6.SSO_V2_PATHS.ZALO.SEND_OTP, {
         method: 'POST',
         body: formData,
     });
@@ -948,7 +956,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 store.fetchSSOV2Api(store.SSO_V2_PATHS.ZALO.VERIFY_BY_OTP, {
+    return index$6.fetchSSOV2Api(index$6.SSO_V2_PATHS.ZALO.VERIFY_BY_OTP, {
         method: 'POST',
         body: formData,
     });
@@ -957,7 +965,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 store.fetchSSOV2Api(store.SSO_V2_PATHS.ZALO.UPDATE_PHONE_SEND_OTP, {
+    return index$6.fetchSSOV2Api(index$6.SSO_V2_PATHS.ZALO.UPDATE_PHONE_SEND_OTP, {
         method: 'POST',
         body: formData,
     });
@@ -967,7 +975,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 store.fetchSSOV2Api(store.SSO_V2_PATHS.ZALO.UPDATE_PHONE_VERIFY_OTP, {
+    return index$6.fetchSSOV2Api(index$6.SSO_V2_PATHS.ZALO.UPDATE_PHONE_VERIFY_OTP, {
         method: 'POST',
         body: formData,
     });
@@ -987,7 +995,7 @@ const PolicyContent = ({ legalTextType, trackingCategory, trackingAction, }) =>
                 paddingTop: 50,
             },
         }) },
-        React__default["default"].createElement(index$7.Spoiler, { maxHeight: 74, showLabel: React__default["default"].createElement(index$3.Text, { size: "p5", color: "gray.6", underline: true, align: "left" }, t('home.seeMore')), hideLabel: React__default["default"].createElement(index$3.Text, { size: "p5", color: "gray.6", underline: true, align: "left" }, t('articlePage.showLess')) },
+        React__default["default"].createElement(index$8.Spoiler, { maxHeight: 74, showLabel: React__default["default"].createElement(index$3.Text, { size: "p5", color: "gray.6", underline: true, align: "left" }, t('home.seeMore')), hideLabel: React__default["default"].createElement(index$3.Text, { size: "p5", color: "gray.6", underline: true, align: "left" }, t('articlePage.showLess')) },
             React__default["default"].createElement(index$3.Text, { size: "p5", color: "gray.6" }, t(legalTextType === 'community'
                 ? 'ssov2.policyText.community'
                 : 'ssov2.policyText', {
@@ -2298,7 +2306,7 @@ function CountrySelectWithIcon(_a) {
     const SelectCountryContent = (React__default["default"].createElement(core.Stack, { spacing: 24 },
         React__default["default"].createElement(core.Stack, { spacing: 8 },
             React__default["default"].createElement(index$3.Text, { size: "s4" }, t('ssov2.first.country.code')),
-            React__default["default"].createElement(index$6.Input, { size: "lg", placeholder: t('ssov2.first.search.country.placeholder'), icon: React__default["default"].createElement(core$1.Search, null), value: search, onChange: (value) => setSearch(value) })),
+            React__default["default"].createElement(index$7.Input, { size: "lg", placeholder: t('ssov2.first.search.country.placeholder'), icon: React__default["default"].createElement(core$1.Search, null), value: search, onChange: (value) => setSearch(value) })),
         !!(selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.value) && (React__default["default"].createElement(core.Stack, { spacing: 0 },
             React__default["default"].createElement(index$3.Text, { size: "s4" }, t('ssov2.first.search.country.selected')),
             React__default["default"].createElement(SelectCountryItem, { option: selectedOption, onSelect: (option) => {
@@ -2469,7 +2477,7 @@ const PhoneForwardRef = (props, ref) => {
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         ref: ref, value: value, onChange: onChange, 
         // countries={countries}
-        defaultCountry: defaultCountry, countryCallingCodeEditable: countryCallingCodeEditable, className: cn__default["default"](index$6.styles.phoneInput, { isError, [index$6.styles.error]: isError }, className), countrySelectComponent: CountrySelectWithIcon, countrySelectProps: { trackingFn } }, inputProps)));
+        defaultCountry: defaultCountry, countryCallingCodeEditable: countryCallingCodeEditable, className: cn__default["default"](index$7.styles.phoneInput, { isError, [index$7.styles.error]: isError }, className), countrySelectComponent: CountrySelectWithIcon, countrySelectProps: { trackingFn } }, inputProps)));
 };
 const PhoneWithCustomCountrySelect = React.forwardRef(PhoneForwardRef);
 
@@ -2544,8 +2552,8 @@ const SSOFirstScreen = ({ hidden, config, }) => {
     const handleLoginBySocial = (credential, provider) => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {
         const res = yield loginBySocial(credential, provider);
         if ((res === null || res === void 0 ? void 0 : res._status) === 1) {
-            store.handleAuthSuccess(res === null || res === void 0 ? void 0 : res._data);
-            const userInfo = yield store.getUserInfo();
+            index$6.handleAuthSuccess(res === null || res === void 0 ? void 0 : res._data);
+            const userInfo = yield index$6.getUserInfo();
             setUserInfo(userInfo === null || userInfo === void 0 ? void 0 : userInfo._data);
             if ((userInfo === null || userInfo === void 0 ? void 0 : userInfo._status) === 1 && userInfo._data) {
                 store.useSSOV2Store.setState({
@@ -2634,7 +2642,7 @@ const SSOFirstScreen = ({ hidden, config, }) => {
         }
         window.fbAsyncInit = function () {
             window.FB.init({
-                appId: store.FacebookAppId,
+                appId: index$6.FacebookAppId,
                 cookie: true,
                 xfbml: true,
                 version: 'v20.0', // Use this Graph API version for this call.
@@ -2649,7 +2657,7 @@ const SSOFirstScreen = ({ hidden, config, }) => {
             setErrMsg(t('ssov2.validate.phone.required'));
             return setLoading(false);
         }
-        const userExist = yield store.checkUserExist({ phone: phoneNumber });
+        const userExist = yield index$6.checkUserExist({ phone: phoneNumber });
         if ((userExist === null || userExist === void 0 ? void 0 : userExist._status) === 1) {
             const provider = (_a = userExist._data) === null || _a === void 0 ? void 0 : _a.provider;
             if ((_b = userExist._data) === null || _b === void 0 ? void 0 : _b.is_pass) {
@@ -2712,7 +2720,7 @@ const SSOFirstScreen = ({ hidden, config, }) => {
             setErrMsg(t('ssov2.validate.phone.required'));
             return setLoading(false);
         }
-        const userExist = yield store.checkUserExist({ phone: phoneNumber });
+        const userExist = yield index$6.checkUserExist({ phone: phoneNumber });
         if ((userExist === null || userExist === void 0 ? void 0 : userExist._status) === 1) {
             const provider = (_c = userExist._data) === null || _c === void 0 ? void 0 : _c.provider;
             if ((_d = userExist._data) === null || _d === void 0 ? void 0 : _d.is_pass) {
@@ -2775,7 +2783,7 @@ const SSOFirstScreen = ({ hidden, config, }) => {
             setErrMsg(t('ssov2.validate.phone.required'));
             return setLoading(false);
         }
-        const userExist = yield store.checkUserExist({ phone: phoneNumber });
+        const userExist = yield index$6.checkUserExist({ phone: phoneNumber });
         if ((userExist === null || userExist === void 0 ? void 0 : userExist._status) === 1) {
             const provider = (_e = userExist._data) === null || _e === void 0 ? void 0 : _e.provider;
             if ((_f = userExist._data) === null || _f === void 0 ? void 0 : _f.is_pass) {
@@ -2838,7 +2846,7 @@ const SSOFirstScreen = ({ hidden, config, }) => {
             setErrMsg(t('ssov2.validate.phone.required'));
             return setLoading(false);
         }
-        const userExist = yield store.checkUserExist({ phone: phoneNumber });
+        const userExist = yield index$6.checkUserExist({ phone: phoneNumber });
         if ((userExist === null || userExist === void 0 ? void 0 : userExist._status) === 1) {
             if (!userExist._data || !((_g = userExist._data) === null || _g === void 0 ? void 0 : _g.is_pass)) {
                 useMantineLocale.showNotification({
@@ -2885,7 +2893,7 @@ const SSOFirstScreen = ({ hidden, config, }) => {
     };
     const onTriggerGoogleLogin = () => {
         const client = window.google.accounts.oauth2.initTokenClient({
-            client_id: store.GoogleAuthClientId,
+            client_id: index$6.GoogleAuthClientId,
             scope: 'https://www.googleapis.com/auth/userinfo.email https://www.googleapis.com/auth/userinfo.profile openid',
             ux_mode: 'popup',
             callback: (response) => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {
@@ -2934,7 +2942,7 @@ const SSOFirstScreen = ({ hidden, config, }) => {
                         e.preventDefault();
                         onClickContinueZalo();
                     } },
-                    React__default["default"].createElement(index$6.Input.Wrapper, { error: errMsg },
+                    React__default["default"].createElement(index$7.Input.Wrapper, { error: errMsg },
                         React__default["default"].createElement(StyledPhone, { defaultCountry: (locale ? utils$1.MAPPED_LOCALE[locale] || 'VN' : 'VN'), value: phone, onChange: (value) => setPhone(value), isError: !!errMsg, required: true, name: "phone", disabled: loading, "data-event-category": trackingCategory, "data-event-action": trackingAction, "data-event-label": "Enter Phone", trackingFn: React.useCallback((option) => {
                                 if (!(option === null || option === void 0 ? void 0 : option.label))
                                     return;
@@ -3004,20 +3012,20 @@ const SSOFirstScreen = ({ hidden, config, }) => {
 const initSendUpdateEmailOtp = (email) => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {
     const formData = new FormData();
     formData.append('email', email);
-    return store.fetchSSOV2Api(store.SSO_V2_PATHS.ECOM_CARE.SEND_OTP, {
+    return index$6.fetchSSOV2Api(index$6.SSO_V2_PATHS.ECOM_CARE.SEND_OTP, {
         method: 'POST',
         body: formData,
     });
 });
 const resendUpdateEmailOTP = () => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {
-    return store.fetchSSOV2Api(store.SSO_V2_PATHS.ECOM_CARE.RESEND_OTP, {
+    return index$6.fetchSSOV2Api(index$6.SSO_V2_PATHS.ECOM_CARE.RESEND_OTP, {
         method: 'GET',
     });
 });
 const verifyUpdateEmailOTP = (otpCode) => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {
     const formData = new FormData();
     formData.append('code', otpCode);
-    return store.fetchSSOV2Api(store.SSO_V2_PATHS.ECOM_CARE.VERIFY_OTP, {
+    return index$6.fetchSSOV2Api(index$6.SSO_V2_PATHS.ECOM_CARE.VERIFY_OTP, {
         method: 'POST',
         body: formData,
     });
@@ -3139,7 +3147,7 @@ const SSOOTPScreen = ({ hidden, index: index$1, config, }) => {
                 }
                 if ((res === null || res === void 0 ? void 0 : res._status) === 1) {
                     if (afterAction === 'setup') {
-                        const userInfo = yield store.getUserInfo();
+                        const userInfo = yield index$6.getUserInfo();
                         if ((userInfo === null || userInfo === void 0 ? void 0 : userInfo._status) !== 1) {
                             // log error
                             setError(getErrorTextFromCode(t, userInfo === null || userInfo === void 0 ? void 0 : userInfo.code));
@@ -3189,9 +3197,9 @@ const SSOOTPScreen = ({ hidden, index: index$1, config, }) => {
                         });
                     }
                     else if (afterAction === 'submitSetup') {
-                        const res = yield store.updateUserInfo(Object.assign(Object.assign({}, setupData), { validate: '' }));
+                        const res = yield index$6.updateUserInfo(Object.assign(Object.assign({}, setupData), { validate: '' }));
                         if ((res === null || res === void 0 ? void 0 : res._status) === 1) {
-                            store.handleAuthSuccess(res === null || res === void 0 ? void 0 : res._data);
+                            index$6.handleAuthSuccess(res === null || res === void 0 ? void 0 : res._data);
                             onClose === null || onClose === void 0 ? void 0 : onClose(true);
                         }
                         else {
@@ -3237,7 +3245,7 @@ const SSOOTPScreen = ({ hidden, index: index$1, config, }) => {
                 setError(getErrorTextFromCode(t, res === null || res === void 0 ? void 0 : res.code));
                 return setLoading(false);
             }
-            store.handleAuthSuccess(res === null || res === void 0 ? void 0 : res._data);
+            index$6.handleAuthSuccess(res === null || res === void 0 ? void 0 : res._data);
             // if (otpType === 'update-email') {
             //   onClose?.(true)
             //   return
@@ -3259,7 +3267,7 @@ const SSOOTPScreen = ({ hidden, index: index$1, config, }) => {
                 });
             }
             else if (afterAction === 'setup') {
-                const userInfo = yield store.getUserInfo();
+                const userInfo = yield index$6.getUserInfo();
                 if ((userInfo === null || userInfo === void 0 ? void 0 : userInfo._status) !== 1) {
                     // log error
                     setError(getErrorTextFromCode(t, userInfo === null || userInfo === void 0 ? void 0 : userInfo.code));
@@ -3410,8 +3418,8 @@ const SSOOTPScreen = ({ hidden, index: index$1, config, }) => {
                         }),
                     } }))),
         React__default["default"].createElement(core.Stack, { mt: 24, spacing: 8 },
-            React__default["default"].createElement(index$6.Input.Wrapper, { error: error },
-                React__default["default"].createElement(index$6.OTP, { ref: otpRef, value: otp, onChange: (otp) => {
+            React__default["default"].createElement(index$7.Input.Wrapper, { error: error },
+                React__default["default"].createElement(index$7.OTP, { ref: otpRef, value: otp, onChange: (otp) => {
                         setOtp(String(otp));
                         if (String(otp).length === 6) {
                             setTimeout(() => {
@@ -3482,7 +3490,7 @@ const SSOPasswordScreen = ({ hidden, config, }) => {
                 });
             }
             else {
-                const existRes = yield store.checkUserExist({ email });
+                const existRes = yield index$6.checkUserExist({ email });
                 if ((existRes === null || existRes === void 0 ? void 0 : existRes._status) === 1) {
                     let res;
                     if (!((_a = existRes._data) === null || _a === void 0 ? void 0 : _a.provider)) {
@@ -3521,8 +3529,8 @@ const SSOPasswordScreen = ({ hidden, config, }) => {
         setLoading(false);
     });
     const onAuthSuccess = (data) => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {
-        store.handleAuthSuccess(data);
-        const userInfo = yield store.getUserInfo();
+        index$6.handleAuthSuccess(data);
+        const userInfo = yield index$6.getUserInfo();
         const isPhoneFlow = isPhoneFlowFn(flowData);
         const isEmailFlow = isEmailFlowFn(flowData);
         setUserInfo(userInfo === null || userInfo === void 0 ? void 0 : userInfo._data);
@@ -3599,7 +3607,7 @@ const SSOPasswordScreen = ({ hidden, config, }) => {
                 t('ssov2.password.title2')),
             React__default["default"].createElement(index$3.Text, { size: "p4" }, t('ssov2.password.description'))),
         React__default["default"].createElement(core.Stack, { mt: 24, spacing: 8 },
-            React__default["default"].createElement(index$6.PasswordInput, { name: "password", placeholder: t('ssov2.passwordForgotSetup.field.password.placeholder'), error: errMsg || undefined, onChange: () => setErrMsg(''), disabled: loading, required: true, "data-event-category": trackingCategory, "data-event-action": trackingAction, "data-event-label": "Enter Password" }),
+            React__default["default"].createElement(index$7.PasswordInput, { name: "password", placeholder: t('ssov2.passwordForgotSetup.field.password.placeholder'), error: errMsg || undefined, onChange: () => setErrMsg(''), disabled: loading, required: true, "data-event-category": trackingCategory, "data-event-action": trackingAction, "data-event-label": "Enter Password" }),
             React__default["default"].createElement(core.Group, { spacing: 8, align: "center", style: {
                     height: 40,
                 } },
@@ -3685,7 +3693,7 @@ const SSOPasswordForgotPhone = ({ hidden, config, }) => {
                 setErrMsg(t('ssov2.validate.phone.required'));
                 return setLoading(false);
             }
-            const userExist = yield store.checkUserExist({ phone: phoneNumber });
+            const userExist = yield index$6.checkUserExist({ phone: phoneNumber });
             if ((userExist === null || userExist === void 0 ? void 0 : userExist._status) === 1) {
                 let res;
                 if (!((_a = userExist._data) === null || _a === void 0 ? void 0 : _a.provider)) {
@@ -3728,7 +3736,7 @@ const SSOPasswordForgotPhone = ({ hidden, config, }) => {
                 setErrMsg(t('ssov2.validate.phone.required'));
                 return setLoading(false);
             }
-            const userExist = yield store.checkUserExist({ phone: phoneNumber });
+            const userExist = yield index$6.checkUserExist({ phone: phoneNumber });
             if ((userExist === null || userExist === void 0 ? void 0 : userExist._status) === 1) {
                 let res;
                 if (!((_c = userExist._data) === null || _c === void 0 ? void 0 : _c.provider)) {
@@ -3771,7 +3779,7 @@ const SSOPasswordForgotPhone = ({ hidden, config, }) => {
                 setErrMsg(t('ssov2.validate.phone.required'));
                 return setLoading(false);
             }
-            const userExist = yield store.checkUserExist({ phone: phoneNumber });
+            const userExist = yield index$6.checkUserExist({ phone: phoneNumber });
             if ((userExist === null || userExist === void 0 ? void 0 : userExist._status) === 1) {
                 let res;
                 if (!((_e = userExist._data) === null || _e === void 0 ? void 0 : _e.provider)) {
@@ -3850,7 +3858,7 @@ const SSOPasswordWithConfirm = (_a) => {
         setAtLeastOneUpper(!!password.match(/^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)/));
     }, [password]);
     return (React__default["default"].createElement(core.Stack, Object.assign({ spacing: 12 }, props),
-        React__default["default"].createElement(index$6.PasswordInput, Object.assign({ name: "password", placeholder: t('ssov2.passwordForgotSetup.field.password.placeholder'), label: t('ssov2.passwordForgotSetup.field.password.label'), required: true, withAsterisk: true }, form.getInputProps('password'), { onBlur: (e) => {
+        React__default["default"].createElement(index$7.PasswordInput, Object.assign({ name: "password", placeholder: t('ssov2.passwordForgotSetup.field.password.placeholder'), label: t('ssov2.passwordForgotSetup.field.password.label'), required: true, withAsterisk: true }, form.getInputProps('password'), { onBlur: (e) => {
                 form.getInputProps('password').onBlur(e);
                 form.values.confirmPassword && form.validateField('confirmPassword');
             }, disabled: loading, "data-event-category": tracking === null || tracking === void 0 ? void 0 : tracking.category, "data-event-action": tracking === null || tracking === void 0 ? void 0 : tracking.action, "data-event-label": "Enter Password" })),
@@ -3861,7 +3869,7 @@ const SSOPasswordWithConfirm = (_a) => {
             React__default["default"].createElement(core.Group, { spacing: 4, align: "flex-start" },
                 atLeastOneUpper ? (React__default["default"].createElement(CheckGreenIcon, null)) : typeof atLeastOneUpper === 'undefined' ? (React__default["default"].createElement(CheckGrayIcon, null)) : (React__default["default"].createElement(CheckRedIcon, null)),
                 React__default["default"].createElement(index$3.Text, { size: "n1", style: { flex: 1 } }, t('ssov2.passwordForgotSetup.field.password.atLeastOneUpper')))),
-        React__default["default"].createElement(index$6.PasswordInput, Object.assign({ name: "confirm-password", placeholder: t('ssov2.passwordForgotSetup.field.passwordConfirm.placeholder'), label: t('ssov2.passwordForgotSetup.field.passwordConfirm.label'), required: true, withAsterisk: true, disabled: loading, "data-event-category": tracking === null || tracking === void 0 ? void 0 : tracking.category, "data-event-action": tracking === null || tracking === void 0 ? void 0 : tracking.action, "data-event-label": "Confirm Password" }, form.getInputProps('confirmPassword')))));
+        React__default["default"].createElement(index$7.PasswordInput, Object.assign({ name: "confirm-password", placeholder: t('ssov2.passwordForgotSetup.field.passwordConfirm.placeholder'), label: t('ssov2.passwordForgotSetup.field.passwordConfirm.label'), required: true, withAsterisk: true, disabled: loading, "data-event-category": tracking === null || tracking === void 0 ? void 0 : tracking.category, "data-event-action": tracking === null || tracking === void 0 ? void 0 : tracking.action, "data-event-label": "Confirm Password" }, form.getInputProps('confirmPassword')))));
 };
 
 const SSOPasswordForgotSetup = ({ hidden, }) => {
@@ -3913,12 +3921,12 @@ const SSOPasswordForgotSetup = ({ hidden, }) => {
                 password === confirmPassword) {
                 const isPhoneOrEmailFlow = isPhoneFlowFn(flowData) || isEmailFlowFn(flowData);
                 const res = isPhoneOrEmailFlow
-                    ? yield store.updateUserInfo({
+                    ? yield index$6.updateUserInfo({
                         password,
                         confirm_password: confirmPassword,
                         validate: '',
                     })
-                    : yield store.resetPassword(password, confirmPassword);
+                    : yield index$6.resetPassword(password, confirmPassword);
                 if ((res === null || res === void 0 ? void 0 : res._status) === 1) {
                     if (isPhoneOrEmailFlow) {
                         // Login again to fetch token
@@ -3927,8 +3935,8 @@ const SSOPasswordForgotSetup = ({ hidden, }) => {
                         const newTokenRes = isEmailFlowFn(flowData) && isResetPasswordFlowFn(steps)
                             ? yield loginByEmailPassword(email, password)
                             : null;
-                        store.handleAuthSuccess((newTokenRes === null || newTokenRes === void 0 ? void 0 : newTokenRes._data) || (res === null || res === void 0 ? void 0 : res._data));
-                        const userInfo = yield store.getUserInfo();
+                        index$6.handleAuthSuccess((newTokenRes === null || newTokenRes === void 0 ? void 0 : newTokenRes._data) || (res === null || res === void 0 ? void 0 : res._data));
+                        const userInfo = yield index$6.getUserInfo();
                         // Phone
                         if (isPhoneFlowFn(flowData)) {
                             if (userInfo && !store.isUserFinishedSetup(userInfo === null || userInfo === void 0 ? void 0 : userInfo._data)) {
@@ -4057,7 +4065,7 @@ const SSOPhoneVerify = ({ hidden, config, }) => {
                 setErrMsg(t('ssov2.validate.phone.required'));
                 return setLoading(false);
             }
-            const userExist = yield store.checkUserExist({ phone: phoneNumber });
+            const userExist = yield index$6.checkUserExist({ phone: phoneNumber });
             if ((userExist === null || userExist === void 0 ? void 0 : userExist._status) === 1) {
                 if (!userExist._data) {
                     const res = yield resendUpdatePhoneZaloOTP(phoneNumber, areaCode);
@@ -4099,7 +4107,7 @@ const SSOPhoneVerify = ({ hidden, config, }) => {
                 setErrMsg(t('ssov2.validate.phone.required'));
                 return setLoading(false);
             }
-            const userExist = yield store.checkUserExist({ phone: phoneNumber });
+            const userExist = yield index$6.checkUserExist({ phone: phoneNumber });
             if ((userExist === null || userExist === void 0 ? void 0 : userExist._status) === 1) {
                 if (!userExist._data) {
                     const res = yield resendUpdatePhoneOTP(phoneNumber, areaCode);
@@ -4141,7 +4149,7 @@ const SSOPhoneVerify = ({ hidden, config, }) => {
                 setErrMsg(t('ssov2.validate.phone.required'));
                 return setLoading(false);
             }
-            const userExist = yield store.checkUserExist({ phone: phoneNumber });
+            const userExist = yield index$6.checkUserExist({ phone: phoneNumber });
             if ((userExist === null || userExist === void 0 ? void 0 : userExist._status) === 1) {
                 if (!userExist._data) {
                     const res = yield resendUpdatePhoneWhatsAppOTP(phoneNumber, areaCode);
@@ -4183,7 +4191,7 @@ const SSOPhoneVerify = ({ hidden, config, }) => {
                 React__default["default"].createElement(index$3.Text, { size: "s1", weight: "semiBold" }, t('ssov2.phoneVerify.title')),
                 React__default["default"].createElement(index$3.Text, { size: "p4" }, t('ssov2.phoneVerify.description'))),
             React__default["default"].createElement(core.Stack, { spacing: 16 },
-                React__default["default"].createElement(index$6.Input.Wrapper, { error: errMsg },
+                React__default["default"].createElement(index$7.Input.Wrapper, { error: errMsg },
                     React__default["default"].createElement(StyledPhone, { defaultCountry: (locale ? utils$1.MAPPED_LOCALE[locale] || 'VN' : 'VN'), value: phone, onChange: (value) => {
                             setPhone(value);
                             setErrMsg('');
@@ -4244,8 +4252,8 @@ loading, tracking, }) => {
     const { setupSource } = store.useSSOV2Store();
     const [dobChanged, setDobChanged] = React__default["default"].useState(false);
     return (React__default["default"].createElement(core.Stack, { spacing: 12 },
-        React__default["default"].createElement(index$6.Input, Object.assign({ name: "name", label: t('ssov2.setup.field.name.label'), withAsterisk: true, required: true, placeholder: t('ssov2.setup.field.name.placeholder'), disabled: loading, "data-event-category": tracking === null || tracking === void 0 ? void 0 : tracking.category, "data-event-action": tracking === null || tracking === void 0 ? void 0 : tracking.action, "data-event-label": "Enter Name" }, form.getInputProps('name'))),
-        React__default["default"].createElement(index$6.Input.Wrapper, Object.assign({ label: t('ssov2.setup.field.gender.label'), withAsterisk: true }, form.getInputProps('gender')),
+        React__default["default"].createElement(index$7.Input, Object.assign({ name: "name", label: t('ssov2.setup.field.name.label'), withAsterisk: true, required: true, placeholder: t('ssov2.setup.field.name.placeholder'), disabled: loading, "data-event-category": tracking === null || tracking === void 0 ? void 0 : tracking.category, "data-event-action": tracking === null || tracking === void 0 ? void 0 : tracking.action, "data-event-label": "Enter Name" }, form.getInputProps('name'))),
+        React__default["default"].createElement(index$7.Input.Wrapper, Object.assign({ label: t('ssov2.setup.field.gender.label'), withAsterisk: true }, form.getInputProps('gender')),
             React__default["default"].createElement(core.Group, null,
                 React__default["default"].createElement(index$4.Button, { type: "button", styles: {
                         root: {
@@ -4271,7 +4279,7 @@ loading, tracking, }) => {
                         : 'tertiary', onClick: () => {
                         form.setFieldValue('gender', 'male');
                     }, leftIcon: React__default["default"].createElement(MaleIcon, null), disabled: loading, "data-event-category": tracking === null || tracking === void 0 ? void 0 : tracking.category, "data-event-action": tracking === null || tracking === void 0 ? void 0 : tracking.action, "data-event-label": "Enter Gender" }, t('ssov2.setup.field.gender.male')))),
-        React__default["default"].createElement(index$8.DatePicker, Object.assign({ name: "dob", label: t('ssov2.setup.field.dob.label'), withAsterisk: true, required: true, placeholder: t('ssov2.setup.field.dob.placeholder'), maxDate: new Date(new Date().getFullYear() - 18, new Date().getMonth(), new Date().getDate()), disabled: loading, "data-event-category": tracking === null || tracking === void 0 ? void 0 : tracking.category, "data-event-action": tracking === null || tracking === void 0 ? void 0 : tracking.action, "data-event-label": "Enter Birthday" }, form.getInputProps('dob'), { onChange: (e) => {
+        React__default["default"].createElement(index$9.DatePicker, Object.assign({ name: "dob", label: t('ssov2.setup.field.dob.label'), withAsterisk: true, required: true, placeholder: t('ssov2.setup.field.dob.placeholder'), maxDate: new Date(new Date().getFullYear() - 18, new Date().getMonth(), new Date().getDate()), disabled: loading, "data-event-category": tracking === null || tracking === void 0 ? void 0 : tracking.category, "data-event-action": tracking === null || tracking === void 0 ? void 0 : tracking.action, "data-event-label": "Enter Birthday" }, form.getInputProps('dob'), { onChange: (e) => {
                 form.getInputProps('dob').onChange(e);
                 setDobChanged(true);
             }, onBlur: (e) => {
@@ -4279,7 +4287,7 @@ loading, tracking, }) => {
                     return;
                 form.getInputProps('dob').onBlur(e);
             } })),
-        needEmail && (React__default["default"].createElement(index$6.Input, Object.assign({ name: "email", type: "email", label: t('ssov2.setup.field.email.label'), disabled: isEmailDisable || loading, required: ['care', 'ecom', 'community'].includes(setupSource), withAsterisk: ['care', 'ecom', 'community'].includes(setupSource), "data-event-category": tracking === null || tracking === void 0 ? void 0 : tracking.category, "data-event-action": tracking === null || tracking === void 0 ? void 0 : tracking.action, "data-event-label": "Enter Email", style: {
+        needEmail && (React__default["default"].createElement(index$7.Input, Object.assign({ name: "email", type: "email", label: t('ssov2.setup.field.email.label'), disabled: isEmailDisable || loading, required: ['care', 'ecom', 'community'].includes(setupSource), withAsterisk: ['care', 'ecom', 'community'].includes(setupSource), "data-event-category": tracking === null || tracking === void 0 ? void 0 : tracking.category, "data-event-action": tracking === null || tracking === void 0 ? void 0 : tracking.action, "data-event-label": "Enter Email", style: {
                 display: isEmailDisable ? 'none' : 'block',
             } }, form.getInputProps('email'))))));
 };
@@ -4400,7 +4408,7 @@ const SSOSetupScreen = ({ hidden, config, }) => {
             const { phone, gender, name, dob } = values;
             const { phoneNumber, areaCode } = splitPhone(phone || configPhone || '');
             // validate only, delay set data to after otp
-            const res = yield store.updateUserInfo({
+            const res = yield index$6.updateUserInfo({
                 name,
                 birthday: dayjs__default["default"](dob).format('YYYY-MM-DD'),
                 email: values.email || undefined,
@@ -4411,7 +4419,7 @@ const SSOSetupScreen = ({ hidden, config, }) => {
                 validate: 'true',
             });
             if ((res === null || res === void 0 ? void 0 : res._status) === 1) {
-                const res = yield store.updateUserInfo({
+                const res = yield index$6.updateUserInfo({
                     name,
                     birthday: dayjs__default["default"](dob).format('YYYY-MM-DD'),
                     email: values.email || undefined,
@@ -4422,7 +4430,7 @@ const SSOSetupScreen = ({ hidden, config, }) => {
                     validate: '',
                 });
                 if ((res === null || res === void 0 ? void 0 : res._status) === 1) {
-                    store.handleAuthSuccess(res === null || res === void 0 ? void 0 : res._data);
+                    index$6.handleAuthSuccess(res === null || res === void 0 ? void 0 : res._data);
                     onClose === null || onClose === void 0 ? void 0 : onClose(true);
                 }
                 else {
@@ -4485,9 +4493,9 @@ const SSOUpdateEmailScreen = ({ hidden, }) => {
             setLoading(true);
             try {
                 const email = e.currentTarget.email.value;
-                const existRes = yield store.checkUserExist({ email });
+                const existRes = yield index$6.checkUserExist({ email });
                 if ((existRes === null || existRes === void 0 ? void 0 : existRes._status) === 1) {
-                    const userInfo = yield store.getUserInfo();
+                    const userInfo = yield index$6.getUserInfo();
                     if (!existRes._data || email === ((_a = userInfo === null || userInfo === void 0 ? void 0 : userInfo._data) === null || _a === void 0 ? void 0 : _a.email)) {
                         const res = yield initSendUpdateEmailOtp(email);
                         if ((res === null || res === void 0 ? void 0 : res._status) !== 1) {
@@ -4522,7 +4530,7 @@ const SSOUpdateEmailScreen = ({ hidden, }) => {
         React__default["default"].createElement(core.Stack, { spacing: 8 },
             React__default["default"].createElement(index$3.Text, { size: "s1", weight: "semiBold" }, t('ssov2.updateEmail.title')),
             React__default["default"].createElement(index$3.Text, { size: "p4" }, t('ssov2.updateEmail.description'))),
-        React__default["default"].createElement(index$6.Input, { name: "email", placeholder: t('onboarding.formEmail.yourEmail'), error: errMsg || undefined, type: "email", required: true, mt: 24, onChange: () => setErrMsg(''), disabled: loading, "data-event-category": trackingCategory, "data-event-action": trackingAction, "data-event-label": "Enter Email" }),
+        React__default["default"].createElement(index$7.Input, { name: "email", placeholder: t('onboarding.formEmail.yourEmail'), error: errMsg || undefined, type: "email", required: true, mt: 24, onChange: () => setErrMsg(''), disabled: loading, "data-event-category": trackingCategory, "data-event-action": trackingAction, "data-event-label": "Enter Email" }),
         React__default["default"].createElement(index$4.Button, { type: "submit", size: "lg", variant: "primary", fullWidth: true, mt: 16, loading: loading, disabled: loading, "data-event-category": trackingCategory, "data-event-action": trackingAction, "data-event-label": "Verify Your Email" }, t('ssov2.updateEmail.button'))));
 };
 
@@ -4572,7 +4580,7 @@ if (!String.prototype.capitalize) {
     };
 }
 const SSOV2 = ({ onClose: onCloseProps, locale }) => {
-    const { isOpen, setOpen, returnUrl, setMounted, source, overrideClose, setOnCloseProp, forceReloadOnClose, setABTestFlow, } = store.useSSOV2Store();
+    const { isOpen, setOpen, returnUrl, setMounted, source, overrideClose, setOnCloseProp, forceReloadOnClose, setABTestFlow, setupSource, } = store.useSSOV2Store();
     React.useEffect(() => {
         setMounted(true);
         return () => {
@@ -4592,8 +4600,9 @@ const SSOV2 = ({ onClose: onCloseProps, locale }) => {
     }, [onCloseProps]);
     React.useEffect(() => {
         const site = constantsDomainLocales.MAP_DOMAIN_BY_LOCALE[locale];
-        const previousABTestingFlow = miscCookieHelper.getCookie('abTestingFlow');
-        fetchFeatureFlag(site).then((data) => {
+        const key = getFeatureFlagCookieKey(setupSource);
+        const previousABTestingFlow = miscCookieHelper.getCookie(key);
+        fetchFeatureFlag(site, setupSource).then((data) => {
             if (data.is_enabled && utils.isSupportProduct(data.products)) {
                 if (previousABTestingFlow) {
                     setABTestFlow(previousABTestingFlow);
@@ -4602,24 +4611,28 @@ const SSOV2 = ({ onClose: onCloseProps, locale }) => {
                     const randomBetween100Percent = Math.floor(Math.random() * 100 + 1);
                     const aFlow = data.a_percentage;
                     if (randomBetween100Percent <= aFlow) {
-                        miscCookieHelper.setCookie('abTestingFlow', 'A', {
+                        miscCookieHelper.setCookie(key, 'A', {
                             days: 30,
+                            domain: '.' + site,
+                            path: '/',
                         });
                         setABTestFlow('A');
                     }
                     else {
-                        miscCookieHelper.setCookie('abTestingFlow', 'B', {
+                        miscCookieHelper.setCookie(key, 'B', {
                             days: 30,
+                            domain: '.' + site,
+                            path: '/',
                         });
                         setABTestFlow('B');
                     }
                 }
             }
             else {
-                miscCookieHelper.deleteCookie('abTestingFlow');
+                miscCookieHelper.deleteCookie(key);
             }
         });
-    }, [locale]);
+    }, [locale, setupSource]);
     if (!isOpen) {
         return null;
     }
@@ -4635,7 +4648,7 @@ const SSOV2 = ({ onClose: onCloseProps, locale }) => {
             hasRedirectHref = store.redirect(returnUrl, source, forceReloadOnClose);
         }
         else {
-            const userInfo = yield store.getUserInfo();
+            const userInfo = yield index$6.getUserInfo();
             if (!((_a = userInfo === null || userInfo === void 0 ? void 0 : userInfo._data) === null || _a === void 0 ? void 0 : _a.id)) {
                 if (forceReloadOnClose) {
                     window.location.reload();
@@ -4650,7 +4663,7 @@ const SSOV2 = ({ onClose: onCloseProps, locale }) => {
             onCloseProps === null || onCloseProps === void 0 ? void 0 : onCloseProps();
         }
     });
-    return (React__default["default"].createElement(index$6.ErrorBoundary, null,
+    return (React__default["default"].createElement(index$7.ErrorBoundary, null,
         React__default["default"].createElement(SSOStateProvider, { onClose: onClose, locale: locale },
             React__default["default"].createElement(SSOPopupWrapper, { opened: true, onClose: onClose },
                 React__default["default"].createElement(SSOScreenRenderer, null)))));