@hhgtech/hhg-components 1.29.561 → 1.29.562-beta-1

package/build/ssoV2.js

@@ -2,37 +2,36 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-35cbaf72.js');
+var tslib_es6 = require('./tslib.es6-e7490e03.js');
 var React = require('react');
 var miscCookieHelper = require('./miscCookieHelper.js');
-var index$8 = require('./index-5fa6653c.js');
-var index$7 = require('./index-8b32681f.js');
+var index$9 = require('./index-6b399277.js');
+var index$8 = require('./index-6da61574.js');
 var constantsIsProduction = require('./constantsIsProduction.js');
 var arrow = require('@hhgtech/icons/arrow');
 var core$1 = require('@hhgtech/icons/core');
-var index$2 = require('./index-101fb594.js');
-var logoIcon = require('./logoIcon-047e173f.js');
-var index$4 = require('./index-a20ebc96.js');
-var index$1 = require('./index-f18c37b0.js');
+var index$1 = require('./index-96f5033b.js');
+var logoIcon = require('./logoIcon-8d0510a2.js');
+var index$5 = require('./index-6ce41435.js');
+var index$3 = require('./index-d4a44468.js');
 var core = require('@mantine/core');
 require('@mantine/dates');
-require('./index-126d4987.js');
-var index$6 = require('./index-e41a4a0a.js');
-var index$a = require('./index-ff5944e0.js');
-var index$3 = require('./index-daaa9230.js');
-require('./index-f62b3094.js');
-var index = require('./index-eca83676.js');
+var index = require('./index-c9a54f89.js');
+var index$7 = require('./index-11af6817.js');
+var index$b = require('./index-8a73ddb7.js');
+var index$4 = require('./index-429e765d.js');
+require('./index-824a66e7.js');
+var index$2 = require('./index-8882a468.js');
 require('@mantine/hooks');
-require('./utils-359b81fc.js');
-require('./index-6658bec9.js');
-var Locale = require('./Locale-a27b0002.js');
-var store = require('./store-b307c7ab.js');
-var index$5 = require('./index-404b599e.js');
+require('./utils-1a47e6a0.js');
+require('./index-adccefa9.js');
+var store = require('./store-75294a74.js');
+var index$6 = require('./index-b91de6ac.js');
 var ReCAPTCHA = require('react-google-recaptcha');
-var Google = require('./Google-ee6114d7.js');
-var utils = require('./utils-74798c22.js');
-var index$9 = require('./index-41e222ef.js');
+var Google = require('./Google-b8093219.js');
+var utils = require('./utils-9168309d.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
+var index$a = require('./index-047c945c.js');
 var miscTheme = require('./miscTheme.js');
 var styled = require('@emotion/styled');
 var classNames = require('classnames');
@@ -42,25 +41,25 @@ var throttle = require('lodash/throttle');
 var PhoneInputBase = require('react-phone-number-input');
 var Flags = require('react-phone-number-input/flags');
 var vaul = require('vaul');
-var utils$1 = require('./utils-4b40b95a.js');
+var utils$1 = require('./utils-b63c0211.js');
 var form = require('@mantine/form');
 var yup = require('yup');
 var dayjs = require('dayjs');
-var index$b = require('./index-8a68e49d.js');
+var index$c = require('./index-9e925113.js');
 require('@mantine/carousel');
-require('./shared-25ba724c.js');
+require('./shared-4d9bb163.js');
 require('uuid');
-require('./useUniqueId-6a2c3b11.js');
+require('./useUniqueId-61ac51fd.js');
 require('./constantsSite.js');
 require('@emotion/react');
-require('./routing-9f9948ae.js');
+require('./routing-400fc227.js');
 require('date-fns/locale');
 require('./constantsRiskScreener.js');
-require('./index.styles-87eb3fe8.js');
+require('./index.styles-ed7d295d.js');
 require('@mantine/notifications');
-require('./translationsContext-cad47fd1.js');
+require('./translationsContext-c0517241.js');
 require('zustand');
-require('./healthTools-42199e5d.js');
+require('./healthTools-14bf463b.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -110,15 +109,17 @@ const fetchFeatureFlag = (site) => tslib_es6.__awaiter(void 0, void 0, void 0, f
 });
 
 const SSOStateContext = React.createContext({
-    locale: Locale.LOCALE.Vietnam,
+    locale: index.LOCALE.Vietnam,
+    isMarryBaby: false,
     onClose: () => false,
     setTracking: () => false,
 });
-const SSOStateProvider = ({ children, locale = Locale.LOCALE.Vietnam, onClose, }) => {
+const SSOStateProvider = ({ children, locale = index.LOCALE.Vietnam, isMarryBaby = false, onClose, }) => {
     const [openCollectInfoPopup, setOpenCollectInfoPopup] = React__default["default"].useState(false);
     const [tracking, setTracking] = React__default["default"].useState();
     return (React__default["default"].createElement(SSOStateContext.Provider, { value: {
             locale,
+            isMarryBaby,
             onClose,
             openCollectInfoPopup,
             setOpenCollectInfoPopup,
@@ -130,14 +131,36 @@ const useSSOState = () => {
     return React__default["default"].useContext(SSOStateContext);
 };
 
+/** SSOV2 modal background gradients by brand theme. */
+const SSOV2_GRADIENT = {
+    default: {
+        body: 'linear-gradient(180deg, #A5D4FF 0%, #FFFFFF 150px)',
+        bodyWhatsAppPhoneVerify: 'linear-gradient(180deg, #A5D4FF 0%, #FFFFFF 70px)',
+        confirmClose: 'linear-gradient(180deg, #91CAFF 0%, #CFE8FF 100px, #FFFFFF 200px)',
+    },
+    marryBaby: {
+        body: 'linear-gradient(180deg, #FFD0DC 0%, #FFFFFF 150px)',
+        bodyWhatsAppPhoneVerify: 'linear-gradient(180deg, #FFD0DC 0%, #FFFFFF 70px)',
+        confirmClose: 'linear-gradient(180deg, #FFB8C9 0%, #FFE0E8 100px, #FFFFFF 200px)',
+    },
+};
+const getSSOV2Gradient = (isMarryBaby) => isMarryBaby ? SSOV2_GRADIENT.marryBaby : SSOV2_GRADIENT.default;
+const getSSOV2LogoType = (locale, isMarryBaby) => {
+    var _a;
+    if (isMarryBaby)
+        return 'marryBaby';
+    return (_a = index$1.LOCALE_SPECS[locale || index.LOCALE.Vietnam]) === null || _a === void 0 ? void 0 : _a.LOGO_TYPE;
+};
+
 const ConfirmClosePopup = ({ opened, onCancel, onClose, }) => {
-    const { t } = index.useTranslations();
-    const { tracking } = useSSOState();
-    return (React__default["default"].createElement(index$1.Modal, { opened: opened, onClose: () => onCancel(), withCloseButton: false, zIndex: index$2.ZINDEX_SSO + 2, styles: (theme) => ({
+    const { t } = index$2.useTranslations();
+    const { tracking, isMarryBaby } = useSSOState();
+    const gradient = getSSOV2Gradient(isMarryBaby);
+    return (React__default["default"].createElement(index$3.Modal, { opened: opened, onClose: () => onCancel(), withCloseButton: false, zIndex: index$1.ZINDEX_SSO + 2, styles: (theme) => ({
             body: {
                 padding: '32px 24px',
                 position: 'relative',
-                background: 'linear-gradient(180deg, #91CAFF 0%,  #CFE8FF 100px, #FFFFFF 200px)',
+                background: gradient.confirmClose,
                 [theme.fn.smallerThan('sm')]: {
                     height: '100%',
                 },
@@ -178,13 +201,13 @@ const ConfirmClosePopup = ({ opened, onCancel, onClose, }) => {
                 zIndex: 1,
                 textAlign: 'center',
             } },
-            React__default["default"].createElement(index$3.Text, { size: "h4" }, t('ssov2.popup.close.title')),
-            React__default["default"].createElement(index$3.Text, { size: "p3" }, t('ssov2.popup.close.description'))),
+            React__default["default"].createElement(index$4.Text, { size: "h4" }, t('ssov2.popup.close.title')),
+            React__default["default"].createElement(index$4.Text, { size: "p3" }, t('ssov2.popup.close.description'))),
         React__default["default"].createElement(core.Stack, { mt: 32, spacing: 8, align: "center" },
-            React__default["default"].createElement(index$4.Button, { variant: "primary", size: "lg", onClick: onCancel, w: "50%", radius: 40, "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": "Cancel Exit" },
-                React__default["default"].createElement(index$3.Text, { size: "s2", weight: "regular", color: "inherit" }, t('ssov2.button.cancel'))),
-            React__default["default"].createElement(index$4.Button, { variant: "white", size: "lg", onClick: onClose, fullWidth: true, "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": "Want to exit" },
-                React__default["default"].createElement(index$3.Text, { size: "p2", weight: "regular", color: "gray.6" }, t('ssov2.button.exitNow'))))));
+            React__default["default"].createElement(index$5.Button, { variant: "primary", size: "lg", onClick: onCancel, w: "50%", radius: 40, "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": "Cancel Exit" },
+                React__default["default"].createElement(index$4.Text, { size: "s2", weight: "regular", color: "inherit" }, t('ssov2.button.cancel'))),
+            React__default["default"].createElement(index$5.Button, { variant: "white", size: "lg", onClick: onClose, fullWidth: true, "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": "Want to exit" },
+                React__default["default"].createElement(index$4.Text, { size: "p2", weight: "regular", color: "gray.6" }, t('ssov2.button.exitNow'))))));
 };
 const BackgroundHeader = () => (React__default["default"].createElement("svg", { width: "292", height: "255", viewBox: "0 0 292 255", fill: "none", xmlns: "http://www.w3.org/2000/svg", style: {
         position: 'absolute',
@@ -449,10 +472,9 @@ const ProgressBar = () => {
 };
 
 const SSOPopupWrapper = ({ children, opened, onClose, }) => {
-    var _a;
     const { steps, goBack, currentStepIndex } = store.useSSOSteps();
     const { flowData } = store.useSSOV2Store();
-    const { locale, tracking } = useSSOState();
+    const { locale, isMarryBaby, tracking } = useSSOState();
     const currentStep = steps[currentStepIndex];
     const showProgressBar = isDisplayProgressBarFn(flowData, currentStep);
     const showBack = (steps.length > 1 && !showProgressBar) ||
@@ -462,7 +484,8 @@ const SSOPopupWrapper = ({ children, opened, onClose, }) => {
         (currentStep === null || currentStep === void 0 ? void 0 : currentStep.type) === store.SSOStepTypeType.EMAIL;
     const showClose = (currentStep === null || currentStep === void 0 ? void 0 : currentStep.type) === store.SSOStepTypeType.FIRST;
     const showLogo = (steps.length === 1 || showProgressBar) && !showBack;
-    const logoType = (_a = index$2.LOCALE_SPECS[locale]) === null || _a === void 0 ? void 0 : _a.LOGO_TYPE;
+    const logoType = getSSOV2LogoType(locale, isMarryBaby);
+    const gradient = getSSOV2Gradient(isMarryBaby);
     const [closeConfirmOpen, setCloseConfirmOpen] = React__default["default"].useState(false);
     const onCloseClick = () => {
         setCloseConfirmOpen(true);
@@ -476,7 +499,7 @@ const SSOPopupWrapper = ({ children, opened, onClose, }) => {
         onCloseClick();
     };
     return (React__default["default"].createElement(React__default["default"].Fragment, null,
-        React__default["default"].createElement(index$1.Modal, { opened: opened, onClose: onModalRequestClose, closeOnClickOutside: !isWhatsAppLoginFlow, closeOnEscape: !isWhatsAppLoginFlow, styles: (theme) => ({
+        React__default["default"].createElement(index$3.Modal, { opened: opened, onClose: onModalRequestClose, closeOnClickOutside: !isWhatsAppLoginFlow, closeOnEscape: !isWhatsAppLoginFlow, styles: (theme) => ({
                 body: {
                     display: 'flex',
                     flexDirection: 'column',
@@ -484,8 +507,8 @@ const SSOPopupWrapper = ({ children, opened, onClose, }) => {
                     padding: '32px 24px',
                     position: 'relative',
                     background: isWhatsAppPhoneVerify
-                        ? 'linear-gradient(180deg, #A5D4FF 0%, #FFFFFF 70px)'
-                        : 'linear-gradient(180deg, #A5D4FF 0%, #FFFFFF 150px)',
+                        ? gradient.bodyWhatsAppPhoneVerify
+                        : gradient.body,
                     overflow: 'auto',
                     [theme.fn.smallerThan('sm')]: {
                         height: '100%',
@@ -514,7 +537,7 @@ const SSOPopupWrapper = ({ children, opened, onClose, }) => {
                         display: 'block',
                     },
                 },
-            }), withCloseButton: false, zIndex: index$2.ZINDEX_SSO, overlayProps: {
+            }), withCloseButton: false, zIndex: index$1.ZINDEX_SSO, overlayProps: {
                 'data-event-label': 'Focus out',
                 'data-event-category': tracking === null || tracking === void 0 ? void 0 : tracking.category,
                 'data-event-action': tracking === null || tracking === void 0 ? void 0 : tracking.action,
@@ -525,7 +548,7 @@ const SSOPopupWrapper = ({ children, opened, onClose, }) => {
                     alignItems: 'center',
                     justifyContent: 'space-between',
                 } },
-                showBack && (React__default["default"].createElement(index$4.Button, { variant: "white", style: {
+                showBack && (React__default["default"].createElement(index$5.Button, { variant: "white", style: {
                         width: 40,
                         height: 40,
                         padding: 8,
@@ -535,11 +558,11 @@ const SSOPopupWrapper = ({ children, opened, onClose, }) => {
                     React__default["default"].createElement(arrow.ChevronLeft, null))),
                 showLogo && (React__default["default"].createElement("div", { style: { display: 'flex', alignItems: 'center', gap: '8px' } },
                     React__default["default"].createElement(logoIcon.LogoIcon, { type: logoType, height: 32, width: 'unset' }),
-                    locale === Locale.LOCALE.Indonesia && (React__default["default"].createElement(index$5.ImageWrap, { alt: "", src: index$6.CommonGAssets.getAssetPath('sehat-badge.png'), style: {
+                    locale === index.LOCALE.Indonesia && (React__default["default"].createElement(index$6.ImageWrap, { alt: "", src: index$7.CommonGAssets.getAssetPath('sehat-badge.png'), style: {
                             width: 56,
                             height: 23,
                         } })))),
-                showClose && (React__default["default"].createElement(index$4.Button, { variant: "white", style: {
+                showClose && (React__default["default"].createElement(index$5.Button, { variant: "white", style: {
                         width: 40,
                         height: 40,
                         padding: 8,
@@ -561,7 +584,7 @@ const loginByEmailPassword = (email, password) => tslib_es6.__awaiter(void 0, vo
     const formData = new FormData();
     formData.append('email', email);
     formData.append('password', password);
-    return index$7.fetchSSOV2Api(index$7.SSO_V2_PATHS.EMAIL.LOGIN_BY_PASSWORD, {
+    return index$8.fetchSSOV2Api(index$8.SSO_V2_PATHS.EMAIL.LOGIN_BY_PASSWORD, {
         method: 'POST',
         body: formData,
     });
@@ -569,8 +592,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', index$7.websiteId);
-    return index$7.fetchSSOV2Api(index$7.SSO_V2_PATHS.EMAIL.REGISTER_BY_SEND_OTP, {
+    formData.append('website_id', index$8.getWebsiteId());
+    return index$8.fetchSSOV2Api(index$8.SSO_V2_PATHS.EMAIL.REGISTER_BY_SEND_OTP, {
         method: 'POST',
         body: formData,
     });
@@ -578,7 +601,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 index$7.fetchSSOV2Api(index$7.SSO_V2_PATHS.EMAIL.SEND_OTP, {
+    return index$8.fetchSSOV2Api(index$8.SSO_V2_PATHS.EMAIL.SEND_OTP, {
         method: 'POST',
         body: formData,
     });
@@ -587,7 +610,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 index$7.fetchSSOV2Api(index$7.SSO_V2_PATHS.EMAIL.VERIFY_BY_OTP, {
+    return index$8.fetchSSOV2Api(index$8.SSO_V2_PATHS.EMAIL.VERIFY_BY_OTP, {
         method: 'POST',
         body: formData,
     });
@@ -685,7 +708,7 @@ const getErrorTextFromCode = (t, code) => {
 };
 
 const SSOEmailScreen = ({ hidden, }) => {
-    const { t } = index.useTranslations();
+    const { t } = index$2.useTranslations();
     const [loading, setLoading] = React__default["default"].useState(false);
     const [errMsg, setErrMsg] = React__default["default"].useState('');
     const { flowData, abTestFlow } = store.useSSOV2Store();
@@ -712,7 +735,7 @@ const SSOEmailScreen = ({ hidden, }) => {
             setLoading(true);
             try {
                 const email = e.currentTarget.email.value;
-                const existRes = yield index$7.checkUserExist({ email });
+                const existRes = yield index$8.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({
@@ -773,10 +796,10 @@ const SSOEmailScreen = ({ hidden, }) => {
             setLoading(false);
         }) },
         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$8.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'))));
+            React__default["default"].createElement(index$4.Text, { size: "s1", weight: "semiBold" }, t('ssov2.email.title')),
+            React__default["default"].createElement(index$4.Text, { size: "p4" }, t('ssov2.email.description'))),
+        React__default["default"].createElement(index$9.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$5.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'))));
 };
 
 const GOOGLE_RECAPTCHA_KEY = process.env.NEXT_PUBLIC_GOOGLE_RECAPTCHA_KEY;
@@ -808,7 +831,7 @@ const GRecaptchaHandler = (props) => {
     };
     if (!GOOGLE_RECAPTCHA_KEY)
         return null;
-    return (React__default["default"].createElement(index$8.ErrorBoundary, null,
+    return (React__default["default"].createElement(index$9.ErrorBoundary, null,
         React__default["default"].createElement(ReCAPTCHA__default["default"], { ref: recaptchaRef, size: "invisible", sitekey: GOOGLE_RECAPTCHA_KEY, onErrored: handleCaptchaError })));
 };
 
@@ -839,7 +862,7 @@ const loginByPhonePassword = (phone, password) => tslib_es6.__awaiter(void 0, vo
         : phoneNumber;
     formData.append('phone_number', phoneNumber);
     formData.append('password', password);
-    return index$7.fetchSSOV2Api(index$7.SSO_V2_PATHS.PHONE.LOGIN_BY_PASSWORD, {
+    return index$8.fetchSSOV2Api(index$8.SSO_V2_PATHS.PHONE.LOGIN_BY_PASSWORD, {
         method: 'POST',
         body: formData,
     }, true);
@@ -850,8 +873,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', index$7.websiteId);
-    return index$7.fetchSSOV2Api(index$7.SSO_V2_PATHS.PHONE.REGISTER_BY_SEND_OTP, {
+    formData.append('website_id', index$8.getWebsiteId());
+    return index$8.fetchSSOV2Api(index$8.SSO_V2_PATHS.PHONE.REGISTER_BY_SEND_OTP, {
         method: 'POST',
         body: formData,
     });
@@ -863,7 +886,7 @@ const resendPhoneOTP = (phone, areaCode, gRecaptchaResponse) => tslib_es6.__awai
     formData.append('phone_number', phone);
     formData.append('area_code', areaCode);
     formData.append('g-recaptcha-response', gRecaptchaResponse);
-    return index$7.fetchSSOV2Api(index$7.SSO_V2_PATHS.PHONE.SEND_OTP, {
+    return index$8.fetchSSOV2Api(index$8.SSO_V2_PATHS.PHONE.SEND_OTP, {
         method: 'POST',
         body: formData,
     });
@@ -876,7 +899,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 index$7.fetchSSOV2Api(index$7.SSO_V2_PATHS.PHONE.VERIFY_BY_OTP, {
+    return index$8.fetchSSOV2Api(index$8.SSO_V2_PATHS.PHONE.VERIFY_BY_OTP, {
         method: 'POST',
         body: formData,
     });
@@ -885,7 +908,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 index$7.fetchSSOV2Api(index$7.SSO_V2_PATHS.PHONE.UPDATE_PHONE_SEND_OTP, {
+    return index$8.fetchSSOV2Api(index$8.SSO_V2_PATHS.PHONE.UPDATE_PHONE_SEND_OTP, {
         method: 'POST',
         body: formData,
     });
@@ -894,7 +917,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 index$7.fetchSSOV2Api(index$7.SSO_V2_PATHS.PHONE.UPDATE_PHONE_VERIFY_OTP, {
+    return index$8.fetchSSOV2Api(index$8.SSO_V2_PATHS.PHONE.UPDATE_PHONE_VERIFY_OTP, {
         method: 'POST',
         body: formData,
     });
@@ -904,8 +927,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', index$7.websiteId);
-    return index$7.fetchSSOV2Api(index$7.SSO_V2_PATHS.LOGIN_BY_SOCIAL, {
+    formData.append('website_id', index$8.getWebsiteId());
+    return index$8.fetchSSOV2Api(index$8.SSO_V2_PATHS.LOGIN_BY_SOCIAL, {
         method: 'POST',
         body: formData,
     });
@@ -913,17 +936,17 @@ const loginBySocial = (token, social) => tslib_es6.__awaiter(void 0, void 0, voi
 
 /** Guest: send or resend OTP (same endpoint). Optional referrer e.g. payment page URL. */
 const sendLoginOtpWhatsapp = (phoneNumber, areaCode, referrer) => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {
-    return index$7.fetchSSOV2ApiJson(index$7.SSO_V2_PATHS.WHATSAPP.LOGIN_OTP_WHATSAPP, {
+    return index$8.fetchSSOV2ApiJson(index$8.SSO_V2_PATHS.WHATSAPP.LOGIN_OTP_WHATSAPP, {
         phone_number: phoneNumber,
         area_code: areaCode,
-        website_id: Number(index$7.websiteId),
+        website_id: Number(index$8.getWebsiteId()),
         ga_client_id: miscCookieHelper.getCookie('_ga') || '',
         referrer: referrer || (typeof window !== 'undefined' ? window.location.href : ''),
     }, true);
 });
 /** Guest: verify OTP after WhatsApp login send; `login_type` required by API. */
 const verifyWhatsappOtpGuest = (phoneNumber, areaCode, otpCode) => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {
-    return index$7.fetchSSOV2ApiJson(index$7.SSO_V2_PATHS.WHATSAPP.VERIFY_BY_OTP, {
+    return index$8.fetchSSOV2ApiJson(index$8.SSO_V2_PATHS.WHATSAPP.VERIFY_BY_OTP, {
         otp_code: otpCode,
         phone_number: phoneNumber,
         area_code: areaCode,
@@ -936,7 +959,7 @@ 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', index$7.websiteId);
+    formData.append('website_id', index$8.getWebsiteId());
     if (utils.isFeaturePolicyUpdateEnabled) {
         formData.append('consent_type', JSON.stringify({
             TC_acceptance: store.useSSOV2Store.getState().isHaveReadAndAgreePolicy,
@@ -944,7 +967,7 @@ const registerBySendWhatsAppOTP = (phone, areaCode) => tslib_es6.__awaiter(void
             source_screen: 'signup_page',
         }));
     }
-    return index$7.fetchSSOV2Api(index$7.SSO_V2_PATHS.WHATSAPP.REGISTER_BY_SEND_OTP, {
+    return index$8.fetchSSOV2Api(index$8.SSO_V2_PATHS.WHATSAPP.REGISTER_BY_SEND_OTP, {
         method: 'POST',
         body: formData,
     });
@@ -955,7 +978,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 index$7.fetchSSOV2Api(index$7.SSO_V2_PATHS.WHATSAPP.SEND_OTP, {
+    return index$8.fetchSSOV2Api(index$8.SSO_V2_PATHS.WHATSAPP.SEND_OTP, {
         method: 'POST',
         body: formData,
     });
@@ -964,7 +987,7 @@ const resendUpdatePhoneWhatsAppOTP = (phone, areaCode) => tslib_es6.__awaiter(vo
     const formData = new FormData();
     formData.append('phone_number', phone);
     formData.append('area_code', areaCode);
-    return index$7.fetchSSOV2Api(index$7.SSO_V2_PATHS.WHATSAPP.UPDATE_PHONE_SEND_OTP, {
+    return index$8.fetchSSOV2Api(index$8.SSO_V2_PATHS.WHATSAPP.UPDATE_PHONE_SEND_OTP, {
         method: 'POST',
         body: formData,
     });
@@ -974,7 +997,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 index$7.fetchSSOV2Api(index$7.SSO_V2_PATHS.WHATSAPP.UPDATE_PHONE_VERIFY_OTP, {
+    return index$8.fetchSSOV2Api(index$8.SSO_V2_PATHS.WHATSAPP.UPDATE_PHONE_VERIFY_OTP, {
         method: 'POST',
         body: formData,
     });
@@ -984,7 +1007,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 index$7.fetchSSOV2Api(index$7.SSO_V2_PATHS.WHATSAPP.VERIFY_BY_OTP, {
+    return index$8.fetchSSOV2Api(index$8.SSO_V2_PATHS.WHATSAPP.VERIFY_BY_OTP, {
         method: 'POST',
         body: formData,
     });
@@ -996,8 +1019,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', index$7.websiteId);
-    return index$7.fetchSSOV2Api(index$7.SSO_V2_PATHS.ZALO.REGISTER_BY_SEND_OTP, {
+    formData.append('website_id', index$8.getWebsiteId());
+    return index$8.fetchSSOV2Api(index$8.SSO_V2_PATHS.ZALO.REGISTER_BY_SEND_OTP, {
         method: 'POST',
         body: formData,
     });
@@ -1008,7 +1031,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 index$7.fetchSSOV2Api(index$7.SSO_V2_PATHS.ZALO.SEND_OTP, {
+    return index$8.fetchSSOV2Api(index$8.SSO_V2_PATHS.ZALO.SEND_OTP, {
         method: 'POST',
         body: formData,
     });
@@ -1021,7 +1044,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 index$7.fetchSSOV2Api(index$7.SSO_V2_PATHS.ZALO.VERIFY_BY_OTP, {
+    return index$8.fetchSSOV2Api(index$8.SSO_V2_PATHS.ZALO.VERIFY_BY_OTP, {
         method: 'POST',
         body: formData,
     });
@@ -1030,7 +1053,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 index$7.fetchSSOV2Api(index$7.SSO_V2_PATHS.ZALO.UPDATE_PHONE_SEND_OTP, {
+    return index$8.fetchSSOV2Api(index$8.SSO_V2_PATHS.ZALO.UPDATE_PHONE_SEND_OTP, {
         method: 'POST',
         body: formData,
     });
@@ -1040,7 +1063,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 index$7.fetchSSOV2Api(index$7.SSO_V2_PATHS.ZALO.UPDATE_PHONE_VERIFY_OTP, {
+    return index$8.fetchSSOV2Api(index$8.SSO_V2_PATHS.ZALO.UPDATE_PHONE_VERIFY_OTP, {
         method: 'POST',
         body: formData,
     });
@@ -1074,14 +1097,16 @@ const checkboxStyles = (isError) => ({
 });
 const PolicyContent = ({ legalTextType, trackingCategory, trackingAction, activeTab, errMsgPolicy, }) => {
     var _a, _b;
-    const { t } = index.useTranslations();
-    const { locale } = useSSOState();
+    const { t } = index$2.useTranslations();
+    const { locale, isMarryBaby } = useSSOState();
     const { isHaveReadAndAgreePolicy, setIsHaveReadAndAgreePolicy, isGetUpdateFromHHG, setIsGetUpdateFromHHG, } = store.useSSOV2Store();
     const isDisplayPolicyContent = !activeTab || activeTab !== 'signup';
     const isDisplayTwoCheckbox = utils.isFeaturePolicyUpdateEnabled && activeTab === 'signup';
-    const urlPrivacy = `https://${constantsDomainLocales.domainLocales[locale]}/static/${((_a = index$2.STATIC_PAGES[locale]) === null || _a === void 0 ? void 0 : _a.PRIVACY_POLICY) || ''}`;
-    const urlTerms = `https://${constantsDomainLocales.domainLocales[locale]}/static/${((_b = index$2.STATIC_PAGES[locale]) === null || _b === void 0 ? void 0 : _b.TERM_OF_USE) || ''}`;
-    const policyRendered = (React__default["default"].createElement(index$3.Text, { size: "p5", color: "gray.6" }, t(utils.isFeaturePolicyUpdateEnabled
+    const siteDomain = constantsDomainLocales.getDomainByLocale(locale, isMarryBaby);
+    const staticLocale = constantsDomainLocales.getDomainLocaleKey(locale, isMarryBaby);
+    const urlPrivacy = `https://${siteDomain}/static/${((_a = index$1.STATIC_PAGES[staticLocale]) === null || _a === void 0 ? void 0 : _a.PRIVACY_POLICY) || ''}`;
+    const urlTerms = `https://${siteDomain}/static/${((_b = index$1.STATIC_PAGES[staticLocale]) === null || _b === void 0 ? void 0 : _b.TERM_OF_USE) || ''}`;
+    const policyRendered = (React__default["default"].createElement(index$4.Text, { size: "p5", color: "gray.6" }, t(utils.isFeaturePolicyUpdateEnabled
         ? 'ssov2.policyText.version2'
         : legalTextType === 'community'
             ? 'ssov2.policyText.community'
@@ -1103,7 +1128,7 @@ const PolicyContent = ({ legalTextType, trackingCategory, trackingAction, active
             },
         }), className: errMsgPolicy ? 'sso-has-error' : undefined, "data-testid": "policy-content" },
         isDisplayTwoCheckbox && (React__default["default"].createElement(core.Stack, { spacing: 16 },
-            React__default["default"].createElement(index$8.Checkbox, { label: React__default["default"].createElement(index$3.Text, { size: "p5", color: "gray.5" },
+            React__default["default"].createElement(index$9.Checkbox, { label: React__default["default"].createElement(index$4.Text, { size: "p5", color: "gray.5" },
                     t('ssov2.policyText.readAndAgree', {
                         privacy: (React__default["default"].createElement("a", { href: urlPrivacy, target: "_blank", style: {
                                 color: 'inherit',
@@ -1117,25 +1142,25 @@ const PolicyContent = ({ legalTextType, trackingCategory, trackingAction, active
                     React__default["default"].createElement("span", { style: { color: miscTheme.theme.colors.red600 } }, "*")), checked: isHaveReadAndAgreePolicy, onChange: (event) => {
                     setIsHaveReadAndAgreePolicy(event.target.checked);
                 }, styles: checkboxStyles(!!errMsgPolicy) }),
-            React__default["default"].createElement(index$8.Checkbox, { label: React__default["default"].createElement(index$3.Text, { size: "p5", color: "gray.5" }, t('ssov2.policyText.receiveUpdates')), checked: isGetUpdateFromHHG, onChange: (event) => {
+            React__default["default"].createElement(index$9.Checkbox, { label: React__default["default"].createElement(index$4.Text, { size: "p5", color: "gray.5" }, t('ssov2.policyText.receiveUpdates')), checked: isGetUpdateFromHHG, onChange: (event) => {
                     setIsGetUpdateFromHHG(event.target.checked);
                 }, styles: checkboxStyles() }))),
         isDisplayPolicyContent &&
-            (utils.isFeaturePolicyUpdateEnabled ? (policyRendered) : (React__default["default"].createElement(index$9.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')) }, policyRendered)))));
+            (utils.isFeaturePolicyUpdateEnabled ? (policyRendered) : (React__default["default"].createElement(index$a.Spoiler, { maxHeight: 74, showLabel: React__default["default"].createElement(index$4.Text, { size: "p5", color: "gray.6", underline: true, align: "left" }, t('home.seeMore')), hideLabel: React__default["default"].createElement(index$4.Text, { size: "p5", color: "gray.6", underline: true, align: "left" }, t('articlePage.showLess')) }, policyRendered)))));
 };
 
 const FirstBFlow = ({ hidden, activeTab, legalTextType, trackingAction, trackingCategory, onTriggerGoogleLogin, onTriggerFacebookLogin, onClickEmail, }) => {
-    const { t } = index.useTranslations();
+    const { t } = index$2.useTranslations();
     return (React__default["default"].createElement("div", { style: {
             display: hidden ? 'none' : 'flex',
             flexDirection: 'column',
             height: '100%',
         } },
         React__default["default"].createElement(core.Stack, { mt: 8, spacing: 8 },
-            React__default["default"].createElement(index$3.Text, { size: "h4", weight: "semiBold" }, t('home.navigator.menu.category.noDatas.title')),
-            React__default["default"].createElement(index$3.Text, { size: "p4" }, t('ssov2.abTestingFlowB.description'))),
+            React__default["default"].createElement(index$4.Text, { size: "h4", weight: "semiBold" }, t('home.navigator.menu.category.noDatas.title')),
+            React__default["default"].createElement(index$4.Text, { size: "p4" }, t('ssov2.abTestingFlowB.description'))),
         React__default["default"].createElement(core.Stack, { mt: 24, spacing: 24 },
-            React__default["default"].createElement(index$4.Button, { variant: "white", style: {
+            React__default["default"].createElement(index$5.Button, { variant: "white", style: {
                     flex: 1,
                     height: 48,
                     padding: 12,
@@ -1149,13 +1174,13 @@ const FirstBFlow = ({ hidden, activeTab, legalTextType, trackingAction, tracking
                         borderRadius: '100%',
                     } }),
                 ' ',
-                React__default["default"].createElement(index$3.Text, { size: "p4", color: "black", weight: "semiBold" }, t('ssov2.button.continueGoogle'))),
+                React__default["default"].createElement(index$4.Text, { size: "p4", color: "black", weight: "semiBold" }, t('ssov2.button.continueGoogle'))),
             React__default["default"].createElement(core.Stack, { spacing: 24, align: "center" },
-                React__default["default"].createElement(index$3.Text, { size: "p4", color: "gray.4" }, t('ssov2.orContinueWith')),
+                React__default["default"].createElement(index$4.Text, { size: "p4", color: "gray.4" }, t('ssov2.orContinueWith')),
                 React__default["default"].createElement(core.Group, { spacing: 8, style: {
                         width: '100%',
                     } },
-                    React__default["default"].createElement(index$4.Button, { variant: "white", style: {
+                    React__default["default"].createElement(index$5.Button, { variant: "white", style: {
                             flex: 1,
                             height: 48,
                             padding: 12,
@@ -1169,8 +1194,8 @@ const FirstBFlow = ({ hidden, activeTab, legalTextType, trackingAction, tracking
                                 borderRadius: '100%',
                             } }),
                         ' ',
-                        React__default["default"].createElement(index$3.Text, { size: "p4", color: "black", weight: "regular" }, "Facebook")),
-                    React__default["default"].createElement(index$4.Button, { variant: "white", style: {
+                        React__default["default"].createElement(index$4.Text, { size: "p4", color: "black", weight: "regular" }, "Facebook")),
+                    React__default["default"].createElement(index$5.Button, { variant: "white", style: {
                             flex: 1,
                             height: 48,
                             padding: 12,
@@ -1181,7 +1206,7 @@ const FirstBFlow = ({ hidden, activeTab, legalTextType, trackingAction, tracking
                                 marginRight: 4,
                             } }),
                         ' ',
-                        React__default["default"].createElement(index$3.Text, { size: "p4", color: "black", weight: "regular" }, "Email"))))),
+                        React__default["default"].createElement(index$4.Text, { size: "p4", color: "black", weight: "regular" }, "Email"))))),
         React__default["default"].createElement(PolicyContent, { legalTextType: legalTextType, trackingAction: trackingAction, trackingCategory: trackingCategory, activeTab: activeTab })));
 };
 
@@ -2341,10 +2366,10 @@ function CountrySelectWithIcon(_a) {
     // iconComponent: Icon,
     // getIconAspectRatio,
     arrowComponent: Arrow = DefaultArrowComponent, onChange, disabled, readOnly, trackingFn } = _a, rest = tslib_es6.__rest(_a, ["value", "options", "className", "arrowComponent", "onChange", "disabled", "readOnly", "trackingFn"]);
-    const { t } = index.useTranslations();
+    const { t } = index$2.useTranslations();
     const [open, setOpen] = React.useState(false);
     const [modalStyle, setModalStyle] = React.useState({});
-    const { isMobile } = index$5.useScreenSize();
+    const { isMobile } = index$6.useScreenSize();
     const [search, setSearch] = React.useState('');
     const selectedOption = React.useMemo(() => {
         return getSelectedOption(options, value);
@@ -2417,16 +2442,16 @@ function CountrySelectWithIcon(_a) {
     }, [disabled, readOnly]);
     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$8.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$4.Text, { size: "s4" }, t('ssov2.first.country.code')),
+            React__default["default"].createElement(index$9.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(index$4.Text, { size: "s4" }, t('ssov2.first.search.country.selected')),
             React__default["default"].createElement(SelectCountryItem, { option: selectedOption, onSelect: (option) => {
                     onChange_(option.value);
                     setOpen(false);
                 }, trackingFn: trackingFn }))),
         React__default["default"].createElement(core.Stack, { spacing: 0 },
-            React__default["default"].createElement(index$3.Text, { size: "s4" }, t('ssov2.first.search.country.all')),
+            React__default["default"].createElement(index$4.Text, { size: "s4" }, t('ssov2.first.search.country.all')),
             filteredOptions.map((option) => (React__default["default"].createElement(SelectCountryItem, { option: option, key: option.value, onSelect: (option) => {
                     onChange_(option.value);
                     setOpen(false);
@@ -2446,19 +2471,19 @@ function CountrySelectWithIcon(_a) {
                             height: 16,
                             borderRadius: 2,
                         } })),
-                    React__default["default"].createElement(index$3.Text, { size: "p2", variant: "primary" }, selectedCallingCode))),
+                    React__default["default"].createElement(index$4.Text, { size: "p2", variant: "primary" }, selectedCallingCode))),
                 React__default["default"].createElement(Arrow, null))),
         open &&
             (isMobile ? (React__default["default"].createElement(vaul.Drawer.Root, { open: open, onOpenChange: (o) => setOpen(o) },
                 React__default["default"].createElement(vaul.Drawer.Portal, null,
                     React__default["default"].createElement(vaul.Drawer.Overlay, { "data-testid": "overlay", style: {
-                            zIndex: index$2.ZINDEX_SSO + 9,
+                            zIndex: index$1.ZINDEX_SSO + 9,
                             position: 'fixed',
                             background: 'rgba(0, 0, 0, 0.4)',
                             inset: 0,
                         } }),
                     React__default["default"].createElement(vaul.Drawer.Content, { "data-testid": "fully-controlled-content", style: {
-                            zIndex: index$2.ZINDEX_SSO + 9,
+                            zIndex: index$1.ZINDEX_SSO + 9,
                             position: 'fixed',
                             bottom: 0,
                             left: 0,
@@ -2490,9 +2515,9 @@ function CountrySelectWithIcon(_a) {
                         left: 0,
                         width: '100%',
                         height: '100%',
-                        zIndex: index$2.ZINDEX_SSO + 9,
+                        zIndex: index$1.ZINDEX_SSO + 9,
                     }, onClick: () => setOpen(false) }),
-                React__default["default"].createElement("div", { style: Object.assign({ position: 'fixed', height: 540, top: '100%', left: 0, width: '100%', backgroundColor: 'white', padding: '8px 24px', zIndex: index$2.ZINDEX_SSO + 9, borderRadius: 12, boxShadow: '0px 0px 1px 0px #0000000A, 0px 4px 8px 0px #0000000A, 0px 16px 24px 0px #0000000A, 0px 24px 32px 0px #0000000A', overflow: 'auto' }, modalStyle) }, SelectCountryContent))))));
+                React__default["default"].createElement("div", { style: Object.assign({ position: 'fixed', height: 540, top: '100%', left: 0, width: '100%', backgroundColor: 'white', padding: '8px 24px', zIndex: index$1.ZINDEX_SSO + 9, borderRadius: 12, boxShadow: '0px 0px 1px 0px #0000000A, 0px 4px 8px 0px #0000000A, 0px 16px 24px 0px #0000000A, 0px 24px 32px 0px #0000000A', overflow: 'auto' }, modalStyle) }, SelectCountryContent))))));
 }
 const SelectCountryItem = ({ option, onSelect, selected, trackingFn, }) => {
     const selectedCallingCode = React.useMemo(() => {
@@ -2524,8 +2549,8 @@ const SelectCountryItem = ({ option, onSelect, selected, trackingFn, }) => {
                         height: 16,
                         borderRadius: 2,
                     } }),
-                React__default["default"].createElement(index$3.Text, { size: "p4" }, option.label)),
-            React__default["default"].createElement(index$3.Text, { size: "p4" }, selectedCallingCode))));
+                React__default["default"].createElement(index$4.Text, { size: "p4" }, option.label)),
+            React__default["default"].createElement(index$4.Text, { size: "p4" }, selectedCallingCode))));
 };
 CountrySelectWithIcon.propTypes = {
     // Country flag component.
@@ -2589,7 +2614,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: classNames__default["default"](index$8.styles.phoneInput, { isError, [index$8.styles.error]: isError }, className), countrySelectComponent: CountrySelectWithIcon, countrySelectProps: { trackingFn } }, inputProps)));
+        defaultCountry: defaultCountry, countryCallingCodeEditable: countryCallingCodeEditable, className: classNames__default["default"](index$9.styles.phoneInput, { isError, [index$9.styles.error]: isError }, className), countrySelectComponent: CountrySelectWithIcon, countrySelectProps: { trackingFn } }, inputProps)));
 };
 const PhoneWithCustomCountrySelect = React.forwardRef(PhoneForwardRef);
 
@@ -2648,7 +2673,7 @@ const SSOFirstScreen = ({ hidden, config, }) => {
     const { setUserInfo, abTestFlow, isHaveReadAndAgreePolicy, setIsHaveReadAndAgreePolicy, setIsGetUpdateFromHHG, } = store.useSSOV2Store();
     const [activeTab, setActiveTab] = React__default["default"].useState('login');
     const { legalTextType } = config || {};
-    const { t } = index.useTranslations();
+    const { t } = index$2.useTranslations();
     const { getGRecaptchaToken, renderRecaptchaHandler } = useGRecaptchaHandler();
     const trackingAction = abTestFlow === 'B' ? `Sign Up` : `Sign In or Sign Up`;
     const trackingCategory = `SSO - ${activeTab === 'login' ? 'Sign In' : 'Sign Up'}_Phone_Adoption_Test_${abTestFlow}`;
@@ -2666,8 +2691,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) {
-            index$7.handleAuthSuccess(res === null || res === void 0 ? void 0 : res._data);
-            const userInfo = yield index$7.getUserInfo();
+            index$8.handleAuthSuccess(res === null || res === void 0 ? void 0 : res._data);
+            const userInfo = yield index$8.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({
@@ -2756,7 +2781,7 @@ const SSOFirstScreen = ({ hidden, config, }) => {
         }
         window.fbAsyncInit = function () {
             window.FB.init({
-                appId: index$7.FacebookAppId,
+                appId: index$8.FacebookAppId,
                 cookie: true,
                 xfbml: true,
                 version: 'v20.0', // Use this Graph API version for this call.
@@ -2781,7 +2806,7 @@ const SSOFirstScreen = ({ hidden, config, }) => {
             setErrMsg(t('ssov2.validate.phone.required'));
             return setLoading(false);
         }
-        const userExist = yield index$7.checkUserExist({ phone: phoneNumber });
+        const userExist = yield index$8.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) {
@@ -2847,7 +2872,7 @@ const SSOFirstScreen = ({ hidden, config, }) => {
             scrollToError();
             return setLoading(false);
         }
-        const userExist = yield index$7.checkUserExist({ phone: phoneNumber });
+        const userExist = yield index$8.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) {
@@ -2912,7 +2937,7 @@ const SSOFirstScreen = ({ hidden, config, }) => {
                 setErrMsg(t('ssov2.validate.phone.required'));
             return setLoading(false);
         }
-        const userExist = yield index$7.checkUserExist({ phone: phoneNumber });
+        const userExist = yield index$8.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) {
@@ -2976,10 +3001,10 @@ const SSOFirstScreen = ({ hidden, config, }) => {
             setErrMsg(t('ssov2.validate.phone.required'));
             return setLoading(false);
         }
-        const userExist = yield index$7.checkUserExist({ phone: phoneNumber });
+        const userExist = yield index$8.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)) {
-                index$a.showNotification({
+                index$b.showNotification({
                     message: t('ssov2.first.noAccountOrPass'),
                     type: 'danger',
                 });
@@ -3023,7 +3048,7 @@ const SSOFirstScreen = ({ hidden, config, }) => {
     };
     const onTriggerGoogleLogin = () => {
         const client = window.google.accounts.oauth2.initTokenClient({
-            client_id: index$7.GoogleAuthClientId,
+            client_id: index$8.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* () {
@@ -3067,22 +3092,22 @@ const SSOFirstScreen = ({ hidden, config, }) => {
         } },
         React__default["default"].createElement(core.Stack, { spacing: 12 },
             React__default["default"].createElement(core.Group, { spacing: 24 },
-                React__default["default"].createElement(index$3.Text, { size: "s1", weight: "semiBold", color: activeTab === 'login' ? 'gray.8' : 'gray.4', onClick: () => setActiveTab('login'), style: {
+                React__default["default"].createElement(index$4.Text, { size: "s1", weight: "semiBold", color: activeTab === 'login' ? 'gray.8' : 'gray.4', onClick: () => setActiveTab('login'), style: {
                         borderBottom: activeTab === 'login' ? '2px solid #000' : undefined,
                         cursor: 'pointer',
                     }, "data-event-category": trackingCategory, "data-event-action": trackingAction, "data-event-label": "Log In" }, t('ssov2.first.title.login')),
-                React__default["default"].createElement(index$3.Text, { size: "s1", weight: "semiBold", color: activeTab === 'signup' ? 'gray.8' : 'gray.4', onClick: () => setActiveTab('signup'), style: {
+                React__default["default"].createElement(index$4.Text, { size: "s1", weight: "semiBold", color: activeTab === 'signup' ? 'gray.8' : 'gray.4', onClick: () => setActiveTab('signup'), style: {
                         borderBottom: activeTab === 'signup' ? '2px solid #000' : undefined,
                         cursor: 'pointer',
                     }, "data-event-category": trackingCategory, "data-event-action": trackingAction, "data-event-label": "Sign Up" }, t('ssov2.first.title.signup'))),
-            React__default["default"].createElement(index$3.Text, { size: "p4" }, t('ssov2.first.description'))),
+            React__default["default"].createElement(index$4.Text, { size: "p4" }, t('ssov2.first.description'))),
         React__default["default"].createElement(core.Stack, { mt: 24, spacing: 24 },
             React__default["default"].createElement(core.Stack, { spacing: 16 },
                 React__default["default"].createElement("form", { onSubmit: (e) => {
                         e.preventDefault();
                         onClickContinueZalo();
                     }, "data-testid": "screen-first-form" },
-                    React__default["default"].createElement(index$8.Input.Wrapper, { error: errMsg },
+                    React__default["default"].createElement(index$9.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;
@@ -3094,19 +3119,19 @@ const SSOFirstScreen = ({ hidden, config, }) => {
                                         : 'SSO - Sign In',
                                 };
                             }, [activeTab]) }))),
-                React__default["default"].createElement(index$4.Button, { size: "lg", variant: "primary", onClick: onClickLoginWithPhone, loading: loading, disabled: loading, "data-event-category": trackingCategory, "data-event-action": trackingAction, "data-event-label": "Continue Login", display: activeTab === 'login' ? 'block' : 'none' }, t('ssov2.button.continue')),
-                utils.isFeatureWhatsAppEnabled && (React__default["default"].createElement(index$4.Button, { size: "lg", variant: "primary", onClick: onClickContinueWhatsApp, loading: loading, disabled: loading, "data-event-category": trackingCategory, "data-event-action": trackingAction, "data-event-label": "Continue with WhatsApp", display: activeTab === 'signup' ? 'block' : 'none', leftIcon: React__default["default"].createElement(WhatsApp, null), color: "#00B16A" }, t('ssov2.button.otp.whatsapp'))),
-                utils.isFeatureZaloEnabled && (React__default["default"].createElement(index$4.Button, { size: "lg", variant: "primary", onClick: onClickContinueZalo, loading: loading, disabled: loading, "data-event-category": trackingCategory, "data-event-action": trackingAction, "data-event-label": "Continue with Zalo", display: activeTab === 'signup' ? 'block' : 'none', leftIcon: React__default["default"].createElement(Zalo, null) }, t('ssov2.button.otp.zalo'))),
+                React__default["default"].createElement(index$5.Button, { size: "lg", variant: "primary", onClick: onClickLoginWithPhone, loading: loading, disabled: loading, "data-event-category": trackingCategory, "data-event-action": trackingAction, "data-event-label": "Continue Login", display: activeTab === 'login' ? 'block' : 'none' }, t('ssov2.button.continue')),
+                utils.isFeatureWhatsAppEnabled && (React__default["default"].createElement(index$5.Button, { size: "lg", variant: "primary", onClick: onClickContinueWhatsApp, loading: loading, disabled: loading, "data-event-category": trackingCategory, "data-event-action": trackingAction, "data-event-label": "Continue with WhatsApp", display: activeTab === 'signup' ? 'block' : 'none', leftIcon: React__default["default"].createElement(WhatsApp, null), color: "#00B16A" }, t('ssov2.button.otp.whatsapp'))),
+                utils.isFeatureZaloEnabled && (React__default["default"].createElement(index$5.Button, { size: "lg", variant: "primary", onClick: onClickContinueZalo, loading: loading, disabled: loading, "data-event-category": trackingCategory, "data-event-action": trackingAction, "data-event-label": "Continue with Zalo", display: activeTab === 'signup' ? 'block' : 'none', leftIcon: React__default["default"].createElement(Zalo, null) }, t('ssov2.button.otp.zalo'))),
                 utils.isFeatureSMSEnabled && (React__default["default"].createElement(React__default["default"].Fragment, null,
-                    React__default["default"].createElement(index$4.Button, { size: "sm", variant: "white", onClick: onClickContinuePhone, loading: loading, disabled: loading, "data-event-category": trackingCategory, "data-event-action": trackingAction, "data-event-label": "Continue with SMS", display: activeTab === 'signup' ? 'block' : 'none', style: { fontWeight: 400 }, color: "#595959", leftIcon: React__default["default"].createElement(core$1.ReplySquare, { size: 18 }) }, t('ssov2.button.otp.sms')),
+                    React__default["default"].createElement(index$5.Button, { size: "sm", variant: "white", onClick: onClickContinuePhone, loading: loading, disabled: loading, "data-event-category": trackingCategory, "data-event-action": trackingAction, "data-event-label": "Continue with SMS", display: activeTab === 'signup' ? 'block' : 'none', style: { fontWeight: 400 }, color: "#595959", leftIcon: React__default["default"].createElement(core$1.ReplySquare, { size: 18 }) }, t('ssov2.button.otp.sms')),
                     renderRecaptchaHandler()))),
             React__default["default"].createElement(core.Divider, { color: "#E4E8EC", display: activeTab === 'signup' ? 'block' : 'none' }),
             React__default["default"].createElement(core.Stack, { spacing: 16, align: "center" },
-                React__default["default"].createElement(index$3.Text, { size: "p4", color: "gray.4" }, t('ssov2.orContinueWith')),
+                React__default["default"].createElement(index$4.Text, { size: "p4", color: "gray.4" }, t('ssov2.orContinueWith')),
                 React__default["default"].createElement(core.Group, { spacing: 8, style: {
                         width: '100%',
                     } },
-                    React__default["default"].createElement(index$4.Button, { variant: "white", style: {
+                    React__default["default"].createElement(index$5.Button, { variant: "white", style: {
                             flex: 1,
                             height: 48,
                             padding: 12,
@@ -3120,8 +3145,8 @@ const SSOFirstScreen = ({ hidden, config, }) => {
                                 borderRadius: '100%',
                             } }),
                         ' ',
-                        React__default["default"].createElement(index$3.Text, { size: "p4", color: "black", weight: "regular" }, "Google")),
-                    React__default["default"].createElement(index$4.Button, { variant: "white", style: {
+                        React__default["default"].createElement(index$4.Text, { size: "p4", color: "black", weight: "regular" }, "Google")),
+                    React__default["default"].createElement(index$5.Button, { variant: "white", style: {
                             flex: 1,
                             height: 48,
                             padding: 12,
@@ -3135,8 +3160,8 @@ const SSOFirstScreen = ({ hidden, config, }) => {
                                 borderRadius: '100%',
                             } }),
                         ' ',
-                        React__default["default"].createElement(index$3.Text, { size: "p4", color: "black", weight: "regular" }, "Facebook")),
-                    React__default["default"].createElement(index$4.Button, { variant: "white", style: {
+                        React__default["default"].createElement(index$4.Text, { size: "p4", color: "black", weight: "regular" }, "Facebook")),
+                    React__default["default"].createElement(index$5.Button, { variant: "white", style: {
                             flex: 1,
                             height: 48,
                             padding: 12,
@@ -3147,34 +3172,34 @@ const SSOFirstScreen = ({ hidden, config, }) => {
                                 marginRight: 4,
                             } }),
                         ' ',
-                        React__default["default"].createElement(index$3.Text, { size: "p4", color: "black", weight: "regular" }, "Email"))))),
+                        React__default["default"].createElement(index$4.Text, { size: "p4", color: "black", weight: "regular" }, "Email"))))),
         React__default["default"].createElement(PolicyContent, { legalTextType: legalTextType, trackingAction: trackingAction, trackingCategory: trackingCategory, activeTab: activeTab, errMsgPolicy: errMsgPolicy })));
 };
 
 const initSendUpdateEmailOtp = (email) => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {
     const formData = new FormData();
     formData.append('email', email);
-    return index$7.fetchSSOV2Api(index$7.SSO_V2_PATHS.ECOM_CARE.SEND_OTP, {
+    return index$8.fetchSSOV2Api(index$8.SSO_V2_PATHS.ECOM_CARE.SEND_OTP, {
         method: 'POST',
         body: formData,
     });
 });
 const resendUpdateEmailOTP = () => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {
-    return index$7.fetchSSOV2Api(index$7.SSO_V2_PATHS.ECOM_CARE.RESEND_OTP, {
+    return index$8.fetchSSOV2Api(index$8.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 index$7.fetchSSOV2Api(index$7.SSO_V2_PATHS.ECOM_CARE.VERIFY_OTP, {
+    return index$8.fetchSSOV2Api(index$8.SSO_V2_PATHS.ECOM_CARE.VERIFY_OTP, {
         method: 'POST',
         body: formData,
     });
 });
 
-const SSOOTPScreen = ({ hidden, index: index$1, config, }) => {
-    const { t } = index.useTranslations();
+const SSOOTPScreen = ({ hidden, index, config, }) => {
+    const { t } = index$2.useTranslations();
     const { onClose, setTracking } = useSSOState();
     const { setSteps, steps } = store.useSSOSteps();
     const { flowData, userInfo, abTestFlow } = store.useSSOV2Store();
@@ -3213,8 +3238,8 @@ const SSOOTPScreen = ({ hidden, index: index$1, config, }) => {
         store.useSSOSteps.setState((old) => {
             const oldSteps = old.steps;
             return {
-                steps: oldSteps.slice(0, index$1).concat(step),
-                currentStepIndex: index$1,
+                steps: oldSteps.slice(0, index).concat(step),
+                currentStepIndex: index,
             };
         });
     };
@@ -3291,7 +3316,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 index$7.getUserInfo();
+                        const userInfo = yield index$8.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));
@@ -3341,9 +3366,9 @@ const SSOOTPScreen = ({ hidden, index: index$1, config, }) => {
                         });
                     }
                     else if (afterAction === 'submitSetup') {
-                        const res = yield index$7.updateUserInfo(Object.assign(Object.assign({}, setupData), { validate: '' }));
+                        const res = yield index$8.updateUserInfo(Object.assign(Object.assign({}, setupData), { validate: '' }));
                         if ((res === null || res === void 0 ? void 0 : res._status) === 1) {
-                            index$7.handleAuthSuccess(res === null || res === void 0 ? void 0 : res._data);
+                            index$8.handleAuthSuccess(res === null || res === void 0 ? void 0 : res._data);
                             onClose === null || onClose === void 0 ? void 0 : onClose(true);
                         }
                         else {
@@ -3389,7 +3414,7 @@ const SSOOTPScreen = ({ hidden, index: index$1, config, }) => {
                 setError(getErrorTextFromCode(t, res === null || res === void 0 ? void 0 : res.code));
                 return setLoading(false);
             }
-            index$7.handleAuthSuccess(res === null || res === void 0 ? void 0 : res._data);
+            index$8.handleAuthSuccess(res === null || res === void 0 ? void 0 : res._data);
             // if (otpType === 'update-email') {
             //   onClose?.(true)
             //   return
@@ -3411,7 +3436,7 @@ const SSOOTPScreen = ({ hidden, index: index$1, config, }) => {
                 });
             }
             else if (afterAction === 'setup') {
-                const userInfo = yield index$7.getUserInfo();
+                const userInfo = yield index$8.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));
@@ -3512,7 +3537,7 @@ const SSOOTPScreen = ({ hidden, index: index$1, config, }) => {
                 setError(getErrorTextFromCode(t, res === null || res === void 0 ? void 0 : res.code));
                 return setLoading(false);
             }
-            setSteps((s) => s.map((step, i) => i === index$1
+            setSteps((s) => s.map((step, i) => i === index
                 ? Object.assign(Object.assign({}, step), { config: Object.assign(Object.assign({}, step.config), { otpType: newType }) }) : step));
         }
         catch (e) {
@@ -3548,8 +3573,8 @@ const SSOOTPScreen = ({ hidden, index: index$1, config, }) => {
         } },
         renderRecaptchaHandler(),
         React__default["default"].createElement(core.Stack, { spacing: 8 },
-            React__default["default"].createElement(index$3.Text, { size: "s1", weight: "semiBold" }, isEmail ? t('ssov2.otp.email.title') : t('ssov2.otp.phone.title')),
-            React__default["default"].createElement(index$3.Text, { size: "p4", sx: {
+            React__default["default"].createElement(index$4.Text, { size: "s1", weight: "semiBold" }, isEmail ? t('ssov2.otp.email.title') : t('ssov2.otp.phone.title')),
+            React__default["default"].createElement(index$4.Text, { size: "p4", sx: {
                     b: {
                         fontWeight: 'bold',
                     },
@@ -3570,8 +3595,8 @@ const SSOOTPScreen = ({ hidden, index: index$1, config, }) => {
                         }),
                     } }))),
         React__default["default"].createElement(core.Stack, { mt: 24, spacing: 8 },
-            React__default["default"].createElement(index$8.Input.Wrapper, { error: error },
-                React__default["default"].createElement(index$8.OTP, { ref: otpRef, value: otp, onChange: (otp) => {
+            React__default["default"].createElement(index$9.Input.Wrapper, { error: error },
+                React__default["default"].createElement(index$9.OTP, { ref: otpRef, value: otp, onChange: (otp) => {
                         setOtp(String(otp));
                         if (String(otp).length === 6) {
                             setTimeout(() => {
@@ -3588,28 +3613,28 @@ const SSOOTPScreen = ({ hidden, index: index$1, config, }) => {
             React__default["default"].createElement(core.Group, { spacing: 8, align: "center", style: {
                     height: 40,
                 } },
-                React__default["default"].createElement(index$3.Text, { size: "p4" }, t('ssov2.otp.resendQuestion')),
-                React__default["default"].createElement(index$3.Text, { style: {
+                React__default["default"].createElement(index$4.Text, { size: "p4" }, t('ssov2.otp.resendQuestion')),
+                React__default["default"].createElement(index$4.Text, { style: {
                         pointerEvents: resendTime > 0 ? 'none' : 'auto',
                         cursor: resendTime > 0 ? 'not-allowed' : 'pointer',
                     }, size: "s4", color: "blue.6", onClick: () => sendOTPCode(true), "data-event-category": trackingCategory, "data-event-action": trackingAction, "data-event-label": "Resend OTP" }, t('ssov2.otp.resendText', {
                     count: resendTime,
                 })))),
-        React__default["default"].createElement(index$4.Button, { type: "submit", size: "lg", variant: "primary", mt: 12, fullWidth: true, disabled: loading, loading: loading, "data-event-category": trackingCategory, "data-event-action": trackingAction, "data-event-label": "Continue", ref: submitButtonRef }, t('ssov2.button.continue')),
+        React__default["default"].createElement(index$5.Button, { type: "submit", size: "lg", variant: "primary", mt: 12, fullWidth: true, disabled: loading, loading: loading, "data-event-category": trackingCategory, "data-event-action": trackingAction, "data-event-label": "Continue", ref: submitButtonRef }, t('ssov2.button.continue')),
         !isEmail && (React__default["default"].createElement(React__default["default"].Fragment, null,
-            utils.isFeatureWhatsAppEnabled && (React__default["default"].createElement(index$4.Button, { size: "sm", variant: "white", mt: 12, fullWidth: true, onClick: () => swapAnotherMethod('phone-whatsapp'), loading: loading, disabled: loading, "data-event-category": trackingCategory, "data-event-action": trackingAction, "data-event-label": "Send OTP Code via WhatsApp", display: !isWhatsApp ? 'block' : 'none', leftIcon: React__default["default"].createElement(WhatsApp, null), style: { fontWeight: 400 }, color: "#595959" }, t('ssov2.otp.sendVia', {
+            utils.isFeatureWhatsAppEnabled && (React__default["default"].createElement(index$5.Button, { size: "sm", variant: "white", mt: 12, fullWidth: true, onClick: () => swapAnotherMethod('phone-whatsapp'), loading: loading, disabled: loading, "data-event-category": trackingCategory, "data-event-action": trackingAction, "data-event-label": "Send OTP Code via WhatsApp", display: !isWhatsApp ? 'block' : 'none', leftIcon: React__default["default"].createElement(WhatsApp, null), style: { fontWeight: 400 }, color: "#595959" }, t('ssov2.otp.sendVia', {
                 method: 'WhatsApp',
             }))),
-            utils.isFeatureZaloEnabled && (React__default["default"].createElement(index$4.Button, { size: "sm", variant: "white", mt: 12, fullWidth: true, onClick: () => swapAnotherMethod('phone-zalo'), loading: loading, disabled: loading, "data-event-category": trackingCategory, "data-event-action": trackingAction, "data-event-label": "Send OTP Code via Zalo", display: !isZalo ? 'block' : 'none', leftIcon: React__default["default"].createElement(Zalo, null), style: { fontWeight: 400 }, color: "#595959" }, t('ssov2.otp.sendVia', {
+            utils.isFeatureZaloEnabled && (React__default["default"].createElement(index$5.Button, { size: "sm", variant: "white", mt: 12, fullWidth: true, onClick: () => swapAnotherMethod('phone-zalo'), loading: loading, disabled: loading, "data-event-category": trackingCategory, "data-event-action": trackingAction, "data-event-label": "Send OTP Code via Zalo", display: !isZalo ? 'block' : 'none', leftIcon: React__default["default"].createElement(Zalo, null), style: { fontWeight: 400 }, color: "#595959" }, t('ssov2.otp.sendVia', {
                 method: 'Zalo',
             }))),
-            utils.isFeatureSMSEnabled && (React__default["default"].createElement(index$4.Button, { size: "sm", variant: "white", mt: 12, fullWidth: true, onClick: () => swapAnotherMethod('phone-sms'), loading: loading, disabled: loading, "data-event-category": trackingCategory, "data-event-action": trackingAction, "data-event-label": "Send OTP Code via SMS", display: !isSMS ? 'block' : 'none', leftIcon: React__default["default"].createElement(core$1.ReplySquare, { size: 18 }), style: { fontWeight: 400 }, color: "#595959" }, t('ssov2.otp.sendVia', {
+            utils.isFeatureSMSEnabled && (React__default["default"].createElement(index$5.Button, { size: "sm", variant: "white", mt: 12, fullWidth: true, onClick: () => swapAnotherMethod('phone-sms'), loading: loading, disabled: loading, "data-event-category": trackingCategory, "data-event-action": trackingAction, "data-event-label": "Send OTP Code via SMS", display: !isSMS ? 'block' : 'none', leftIcon: React__default["default"].createElement(core$1.ReplySquare, { size: 18 }), style: { fontWeight: 400 }, color: "#595959" }, t('ssov2.otp.sendVia', {
                 method: 'SMS',
             })))))));
 };
 
 const SSOPasswordScreen = ({ hidden, config, }) => {
-    const { t } = index.useTranslations();
+    const { t } = index$2.useTranslations();
     const { onClose, setTracking } = useSSOState();
     const { setUserInfo, flowData, abTestFlow } = store.useSSOV2Store();
     const [errMsg, setErrMsg] = React__default["default"].useState('');
@@ -3642,7 +3667,7 @@ const SSOPasswordScreen = ({ hidden, config, }) => {
                 });
             }
             else {
-                const existRes = yield index$7.checkUserExist({ email });
+                const existRes = yield index$8.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)) {
@@ -3681,8 +3706,8 @@ const SSOPasswordScreen = ({ hidden, config, }) => {
         setLoading(false);
     });
     const onAuthSuccess = (data) => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {
-        index$7.handleAuthSuccess(data);
-        const userInfo = yield index$7.getUserInfo();
+        index$8.handleAuthSuccess(data);
+        const userInfo = yield index$8.getUserInfo();
         const isPhoneFlow = isPhoneFlowFn(flowData);
         const isEmailFlow = isEmailFlowFn(flowData);
         setUserInfo(userInfo === null || userInfo === void 0 ? void 0 : userInfo._data);
@@ -3753,21 +3778,21 @@ const SSOPasswordScreen = ({ hidden, config, }) => {
             setLoading(false);
         }) },
         React__default["default"].createElement(core.Stack, { spacing: 8 },
-            React__default["default"].createElement(index$3.Text, { size: "s1", weight: "semiBold" },
+            React__default["default"].createElement(index$4.Text, { size: "s1", weight: "semiBold" },
                 t('ssov2.password.title1'),
                 React__default["default"].createElement("br", null),
                 t('ssov2.password.title2')),
-            React__default["default"].createElement(index$3.Text, { size: "p4" }, t('ssov2.password.description'))),
+            React__default["default"].createElement(index$4.Text, { size: "p4" }, t('ssov2.password.description'))),
         React__default["default"].createElement(core.Stack, { mt: 24, spacing: 8 },
-            React__default["default"].createElement(index$8.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$9.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,
                 } },
-                React__default["default"].createElement(index$3.Text, { size: "p4" }, t('ssov2.password.forgotPassword')),
-                React__default["default"].createElement(index$3.Text, { size: "s4", color: "blue.6", style: {
+                React__default["default"].createElement(index$4.Text, { size: "p4" }, t('ssov2.password.forgotPassword')),
+                React__default["default"].createElement(index$4.Text, { size: "s4", color: "blue.6", style: {
                         cursor: 'pointer',
                     }, onClick: resetPassword, "data-event-category": trackingCategory, "data-event-action": trackingAction, "data-event-label": "Reset Password" }, t('ssov2.password.reset')))),
-        React__default["default"].createElement(index$4.Button, { type: "submit", size: "lg", variant: "primary", mt: 12, fullWidth: true, disabled: loading, loading: loading, "data-event-category": trackingCategory, "data-event-action": trackingAction, "data-event-label": "Sign In" }, t('ssov2.password.signIn'))));
+        React__default["default"].createElement(index$5.Button, { type: "submit", size: "lg", variant: "primary", mt: 12, fullWidth: true, disabled: loading, loading: loading, "data-event-category": trackingCategory, "data-event-action": trackingAction, "data-event-label": "Sign In" }, t('ssov2.password.signIn'))));
     if (utils.isFeaturePolicyUpdateEnabled) {
         return (React__default["default"].createElement("div", { style: {
                 display: hidden ? 'none' : 'flex',
@@ -3781,7 +3806,7 @@ const SSOPasswordScreen = ({ hidden, config, }) => {
 };
 
 const SetupLater = ({ style = {} }) => {
-    const { t } = index.useTranslations();
+    const { t } = index$2.useTranslations();
     const { onClose, tracking } = useSSOState();
     const [loading, setLoading] = React.useState(false);
     const { userInfo, flowData } = store.useSSOV2Store();
@@ -3823,12 +3848,12 @@ const SetupLater = ({ style = {} }) => {
         }
         setLoading(false);
     });
-    return (React__default["default"].createElement(index$4.Button, { size: "sm", variant: "white", color: "#737373", style: Object.assign({ fontWeight: 400 }, style), onClick: onClickSetupLater, disabled: loading, dataEventCategory: tracking === null || tracking === void 0 ? void 0 : tracking.category, dataEventAction: tracking === null || tracking === void 0 ? void 0 : tracking.action, dataEventLabel: "Setup Later" }, t('ssov2.button.setupLater')));
+    return (React__default["default"].createElement(index$5.Button, { size: "sm", variant: "white", color: "#737373", style: Object.assign({ fontWeight: 400 }, style), onClick: onClickSetupLater, disabled: loading, dataEventCategory: tracking === null || tracking === void 0 ? void 0 : tracking.category, dataEventAction: tracking === null || tracking === void 0 ? void 0 : tracking.action, dataEventLabel: "Setup Later" }, t('ssov2.button.setupLater')));
 };
 
 const SSOPasswordForgotPhone = ({ hidden, config, }) => {
     const phone = config === null || config === void 0 ? void 0 : config.phone;
-    const { t } = index.useTranslations();
+    const { t } = index$2.useTranslations();
     const [errMsg, setErrMsg] = React__default["default"].useState('');
     const { setTracking, locale } = useSSOState();
     const { flowData, abTestFlow } = store.useSSOV2Store();
@@ -3856,7 +3881,7 @@ const SSOPasswordForgotPhone = ({ hidden, config, }) => {
                 setErrMsg(t('ssov2.validate.phone.required'));
                 return setLoading(false);
             }
-            const userExist = yield index$7.checkUserExist({ phone: phoneNumber });
+            const userExist = yield index$8.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)) {
@@ -3899,7 +3924,7 @@ const SSOPasswordForgotPhone = ({ hidden, config, }) => {
                 setErrMsg(t('ssov2.validate.phone.required'));
                 return setLoading(false);
             }
-            const userExist = yield index$7.checkUserExist({ phone: phoneNumber });
+            const userExist = yield index$8.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)) {
@@ -3942,7 +3967,7 @@ const SSOPasswordForgotPhone = ({ hidden, config, }) => {
                 setErrMsg(t('ssov2.validate.phone.required'));
                 return setLoading(false);
             }
-            const userExist = yield index$7.checkUserExist({ phone: phoneNumber });
+            const userExist = yield index$8.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)) {
@@ -3981,8 +4006,8 @@ const SSOPasswordForgotPhone = ({ hidden, config, }) => {
             display: hidden ? 'none' : 'block',
         } },
         React__default["default"].createElement(core.Stack, { spacing: 8 },
-            React__default["default"].createElement(index$3.Text, { size: "s1", weight: "semiBold" }, t('ssov2.resetPassword.title')),
-            React__default["default"].createElement(index$3.Text, { size: "p4" }, t('ssov2.resetPassword.description'))),
+            React__default["default"].createElement(index$4.Text, { size: "s1", weight: "semiBold" }, t('ssov2.resetPassword.title')),
+            React__default["default"].createElement(index$4.Text, { size: "p4" }, t('ssov2.resetPassword.description'))),
         React__default["default"].createElement(core.Stack, { mt: 24, spacing: 16 },
             React__default["default"].createElement(StyledPhone, { defaultCountry: (locale ? utils$1.MAPPED_LOCALE[locale] || 'VN' : 'VN'), value: phone, 
                 // onChange={(value) => setPhone(value)}
@@ -3995,11 +4020,11 @@ const SSOPasswordForgotPhone = ({ hidden, config, }) => {
                         'data-event-category': trackingCategory,
                     };
                 }, []) }),
-            errMsg && (React__default["default"].createElement(index$3.Text, { size: "label2", color: "red.6", mt: -12 }, errMsg)),
-            utils.isFeatureWhatsAppEnabled && (React__default["default"].createElement(index$4.Button, { size: "lg", variant: "primary", onClick: onClickContinueWhatsApp, loading: loading, disabled: loading, "data-event-category": trackingCategory, "data-event-action": trackingAction, "data-event-label": "Continue with WhatsApp", leftIcon: React__default["default"].createElement(WhatsApp, null), color: "#00B16A" }, t('ssov2.button.continueWhatsApp'))),
-            utils.isFeatureZaloEnabled && (React__default["default"].createElement(index$4.Button, { size: "lg", variant: "primary", onClick: onClickContinueZalo, disabled: loading, loading: loading, "data-event-category": trackingCategory, "data-event-action": trackingAction, "data-event-label": "Continue with Zalo", leftIcon: React__default["default"].createElement(Zalo, null) }, t('ssov2.button.continueZalo'))),
+            errMsg && (React__default["default"].createElement(index$4.Text, { size: "label2", color: "red.6", mt: -12 }, errMsg)),
+            utils.isFeatureWhatsAppEnabled && (React__default["default"].createElement(index$5.Button, { size: "lg", variant: "primary", onClick: onClickContinueWhatsApp, loading: loading, disabled: loading, "data-event-category": trackingCategory, "data-event-action": trackingAction, "data-event-label": "Continue with WhatsApp", leftIcon: React__default["default"].createElement(WhatsApp, null), color: "#00B16A" }, t('ssov2.button.continueWhatsApp'))),
+            utils.isFeatureZaloEnabled && (React__default["default"].createElement(index$5.Button, { size: "lg", variant: "primary", onClick: onClickContinueZalo, disabled: loading, loading: loading, "data-event-category": trackingCategory, "data-event-action": trackingAction, "data-event-label": "Continue with Zalo", leftIcon: React__default["default"].createElement(Zalo, null) }, t('ssov2.button.continueZalo'))),
             utils.isFeatureSMSEnabled && (React__default["default"].createElement(React__default["default"].Fragment, null,
-                React__default["default"].createElement(index$4.Button, { size: "sm", variant: "white", onClick: onClickContinuePhone, disabled: loading, loading: loading, "data-event-category": trackingCategory, "data-event-action": trackingAction, "data-event-label": "Continue with SMS", style: { fontWeight: 400 }, color: "#595959", leftIcon: React__default["default"].createElement(core$1.ReplySquare, { size: 18 }) }, t('ssov2.button.continueSMS')),
+                React__default["default"].createElement(index$5.Button, { size: "sm", variant: "white", onClick: onClickContinuePhone, disabled: loading, loading: loading, "data-event-category": trackingCategory, "data-event-action": trackingAction, "data-event-label": "Continue with SMS", style: { fontWeight: 400 }, color: "#595959", leftIcon: React__default["default"].createElement(core$1.ReplySquare, { size: 18 }) }, t('ssov2.button.continueSMS')),
                 renderRecaptchaHandler())),
             React__default["default"].createElement(SetupLater, null))));
 };
@@ -4013,7 +4038,7 @@ const CheckRedIcon = () => (React__default["default"].createElement("svg", { wid
 
 const SSOPasswordWithConfirm = (_a) => {
     var { form, loading, tracking } = _a, props = tslib_es6.__rest(_a, ["form", "loading", "tracking"]);
-    const { t } = index.useTranslations();
+    const { t } = index$2.useTranslations();
     const [atLeast8Chars, setAtLeast8Chars] = React__default["default"].useState(undefined);
     const [atLeastOneUpper, setAtLeastOneUpper] = React__default["default"].useState(undefined);
     const password = form.values.password;
@@ -4024,22 +4049,22 @@ 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$8.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$9.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" })),
         React__default["default"].createElement(core.Stack, { spacing: 8 },
             React__default["default"].createElement(core.Group, { spacing: 4, align: "flex-start" },
                 atLeast8Chars ? (React__default["default"].createElement(CheckGreenIcon, null)) : typeof atLeast8Chars === '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.atLeast8Chars'))),
+                React__default["default"].createElement(index$4.Text, { size: "n1", style: { flex: 1 } }, t('ssov2.passwordForgotSetup.field.password.atLeast8Chars'))),
             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$8.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$4.Text, { size: "n1", style: { flex: 1 } }, t('ssov2.passwordForgotSetup.field.password.atLeastOneUpper')))),
+        React__default["default"].createElement(index$9.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, }) => {
-    const { t } = index.useTranslations();
+    const { t } = index$2.useTranslations();
     const [loading, setLoading] = React__default["default"].useState(false);
     const [errMsg, setErrMsg] = React__default["default"].useState('');
     const { setTracking, onClose } = useSSOState();
@@ -4087,12 +4112,12 @@ const SSOPasswordForgotSetup = ({ hidden, }) => {
                 password === confirmPassword) {
                 const isPhoneOrEmailFlow = isPhoneFlowFn(flowData) || isEmailFlowFn(flowData);
                 const res = isPhoneOrEmailFlow
-                    ? yield index$7.updateUserInfo({
+                    ? yield index$8.updateUserInfo({
                         password,
                         confirm_password: confirmPassword,
                         validate: '',
                     })
-                    : yield index$7.resetPassword(password, confirmPassword);
+                    : yield index$8.resetPassword(password, confirmPassword);
                 if ((res === null || res === void 0 ? void 0 : res._status) === 1) {
                     if (isPhoneOrEmailFlow) {
                         // Login again to fetch token
@@ -4101,8 +4126,8 @@ const SSOPasswordForgotSetup = ({ hidden, }) => {
                         const newTokenRes = isEmailFlowFn(flowData) && isResetPasswordFlowFn(steps)
                             ? yield loginByEmailPassword(email, password)
                             : null;
-                        index$7.handleAuthSuccess((newTokenRes === null || newTokenRes === void 0 ? void 0 : newTokenRes._data) || (res === null || res === void 0 ? void 0 : res._data));
-                        const userInfo = yield index$7.getUserInfo();
+                        index$8.handleAuthSuccess((newTokenRes === null || newTokenRes === void 0 ? void 0 : newTokenRes._data) || (res === null || res === void 0 ? void 0 : res._data));
+                        const userInfo = yield index$8.getUserInfo();
                         // Phone
                         if (isPhoneFlowFn(flowData)) {
                             if (userInfo && !store.isUserFinishedSetup(userInfo === null || userInfo === void 0 ? void 0 : userInfo._data)) {
@@ -4149,7 +4174,7 @@ const SSOPasswordForgotSetup = ({ hidden, }) => {
                         }
                     }
                     else {
-                        index$a.showNotification({
+                        index$b.showNotification({
                             type: 'success',
                             message: 'Password has been reset successfully',
                         });
@@ -4184,20 +4209,20 @@ const SSOPasswordForgotSetup = ({ hidden, }) => {
         }, onSubmit: form$1.onSubmit(onSubmit) },
         React__default["default"].createElement(core.Stack, { spacing: 24 },
             React__default["default"].createElement(core.Stack, { spacing: 8 },
-                React__default["default"].createElement(index$3.Text, { size: "s1", weight: "semiBold" }, t('ssov2.passwordForgotSetup.title')),
-                React__default["default"].createElement(index$3.Text, { size: "p4" }, t('ssov2.passwordForgotSetup.description'))),
+                React__default["default"].createElement(index$4.Text, { size: "s1", weight: "semiBold" }, t('ssov2.passwordForgotSetup.title')),
+                React__default["default"].createElement(index$4.Text, { size: "p4" }, t('ssov2.passwordForgotSetup.description'))),
             React__default["default"].createElement(SSOPasswordWithConfirm, { form: form$1, loading: loading, tracking: {
                     category: trackingCategory,
                     action: trackingAction,
                 } }),
-            errMsg && (React__default["default"].createElement(index$3.Text, { size: "label2", color: "red.6", mt: -12 }, errMsg)),
-            React__default["default"].createElement(index$4.Button, { type: "submit", size: "lg", variant: "primary", fullWidth: true, disabled: loading, loading: loading, "data-event-category": trackingCategory, "data-event-action": trackingAction, "data-event-label": (flowData === null || flowData === void 0 ? void 0 : flowData.flow) === 'signup' ? 'Create New Account' : 'Save' }, (flowData === null || flowData === void 0 ? void 0 : flowData.flow) === 'signup'
+            errMsg && (React__default["default"].createElement(index$4.Text, { size: "label2", color: "red.6", mt: -12 }, errMsg)),
+            React__default["default"].createElement(index$5.Button, { type: "submit", size: "lg", variant: "primary", fullWidth: true, disabled: loading, loading: loading, "data-event-category": trackingCategory, "data-event-action": trackingAction, "data-event-label": (flowData === null || flowData === void 0 ? void 0 : flowData.flow) === 'signup' ? 'Create New Account' : 'Save' }, (flowData === null || flowData === void 0 ? void 0 : flowData.flow) === 'signup'
                 ? t('ssov2.setup.button.createAccount')
                 : t('ssov2.button.save')))));
 };
 
 const SSOPhoneVerify = ({ hidden, config, }) => {
-    const { t } = index.useTranslations();
+    const { t } = index$2.useTranslations();
     const [phone, setPhone] = React__default["default"].useState('');
     const [loading, setLoading] = React__default["default"].useState(false);
     const [errMsg, setErrMsg] = React__default["default"].useState('');
@@ -4231,7 +4256,7 @@ const SSOPhoneVerify = ({ hidden, config, }) => {
                 setErrMsg(t('ssov2.validate.phone.required'));
                 return setLoading(false);
             }
-            const userExist = yield index$7.checkUserExist({ phone: phoneNumber });
+            const userExist = yield index$8.checkUserExist({ phone: phoneNumber });
             if ((userExist === null || userExist === void 0 ? void 0 : userExist._status) === 1) {
                 if (!userExist._data) {
                     const res = yield resendUpdatePhoneZaloOTP(phoneNumber, areaCode);
@@ -4274,7 +4299,7 @@ const SSOPhoneVerify = ({ hidden, config, }) => {
                 setErrMsg(t('ssov2.validate.phone.required'));
                 return setLoading(false);
             }
-            const userExist = yield index$7.checkUserExist({ phone: phoneNumber });
+            const userExist = yield index$8.checkUserExist({ phone: phoneNumber });
             if ((userExist === null || userExist === void 0 ? void 0 : userExist._status) === 1) {
                 if (!userExist._data) {
                     const res = yield resendUpdatePhoneOTP(phoneNumber, areaCode);
@@ -4317,7 +4342,7 @@ const SSOPhoneVerify = ({ hidden, config, }) => {
                 setErrMsg(t('ssov2.validate.phone.required'));
                 return setLoading(false);
             }
-            const userExist = yield index$7.checkUserExist({ phone: phoneNumber });
+            const userExist = yield index$8.checkUserExist({ phone: phoneNumber });
             if ((userExist === null || userExist === void 0 ? void 0 : userExist._status) === 1) {
                 if (!userExist._data) {
                     const res = yield resendUpdatePhoneWhatsAppOTP(phoneNumber, areaCode);
@@ -4357,10 +4382,10 @@ const SSOPhoneVerify = ({ hidden, config, }) => {
         } },
         React__default["default"].createElement(core.Stack, { spacing: 24 },
             React__default["default"].createElement(core.Stack, { spacing: 8 },
-                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(index$4.Text, { size: "s1", weight: "semiBold" }, t('ssov2.phoneVerify.title')),
+                React__default["default"].createElement(index$4.Text, { size: "p4" }, t('ssov2.phoneVerify.description'))),
             React__default["default"].createElement(core.Stack, { spacing: 16 },
-                React__default["default"].createElement(index$8.Input.Wrapper, { error: errMsg },
+                React__default["default"].createElement(index$9.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('');
@@ -4373,9 +4398,9 @@ const SSOPhoneVerify = ({ hidden, config, }) => {
                                 'data-event-category': trackingCategory,
                             };
                         }, []) })),
-                utils.isFeatureWhatsAppEnabled && (React__default["default"].createElement(index$4.Button, { size: "lg", variant: "primary", onClick: onClickContinueWhatsApp, loading: loading, disabled: loading, "data-event-category": trackingCategory, "data-event-action": trackingAction, "data-event-label": "Continue with WhatsApp", leftIcon: React__default["default"].createElement(WhatsApp, null), color: "#00B16A" }, t('ssov2.button.continueWhatsApp'))),
-                utils.isFeatureZaloEnabled && (React__default["default"].createElement(index$4.Button, { size: "lg", variant: "primary", onClick: onClickContinueZalo, disabled: loading, loading: loading, "data-event-category": trackingCategory, "data-event-action": trackingAction, "data-event-label": "Continue with Zalo", leftIcon: React__default["default"].createElement(Zalo, null) }, t('ssov2.button.continueZalo'))),
-                utils.isFeatureSMSEnabled && (React__default["default"].createElement(index$4.Button, { size: "sm", variant: "white", onClick: onClickContinuePhone, disabled: loading, loading: loading, "data-event-category": trackingCategory, "data-event-action": trackingAction, "data-event-label": "Continue with SMS", style: { fontWeight: 400 }, color: "#595959", leftIcon: React__default["default"].createElement(core$1.ReplySquare, { size: 18 }) }, t('ssov2.button.continueSMS'))),
+                utils.isFeatureWhatsAppEnabled && (React__default["default"].createElement(index$5.Button, { size: "lg", variant: "primary", onClick: onClickContinueWhatsApp, loading: loading, disabled: loading, "data-event-category": trackingCategory, "data-event-action": trackingAction, "data-event-label": "Continue with WhatsApp", leftIcon: React__default["default"].createElement(WhatsApp, null), color: "#00B16A" }, t('ssov2.button.continueWhatsApp'))),
+                utils.isFeatureZaloEnabled && (React__default["default"].createElement(index$5.Button, { size: "lg", variant: "primary", onClick: onClickContinueZalo, disabled: loading, loading: loading, "data-event-category": trackingCategory, "data-event-action": trackingAction, "data-event-label": "Continue with Zalo", leftIcon: React__default["default"].createElement(Zalo, null) }, t('ssov2.button.continueZalo'))),
+                utils.isFeatureSMSEnabled && (React__default["default"].createElement(index$5.Button, { size: "sm", variant: "white", onClick: onClickContinuePhone, disabled: loading, loading: loading, "data-event-category": trackingCategory, "data-event-action": trackingAction, "data-event-label": "Continue with SMS", style: { fontWeight: 400 }, color: "#595959", leftIcon: React__default["default"].createElement(core$1.ReplySquare, { size: 18 }) }, t('ssov2.button.continueSMS'))),
                 source !== 'care_onboarding' && source !== 'ecom' && React__default["default"].createElement(SetupLater, null)))));
 };
 
@@ -4416,15 +4441,15 @@ const OtherSetup = ({ form,
 needEmail, isEmailDisable, 
 // isPhoneDisabled,
 loading, tracking, }) => {
-    const { t } = index.useTranslations();
+    const { t } = index$2.useTranslations();
     // const { locale = 'vi-VN' } = useSSOState()
     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$8.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$8.Input.Wrapper, Object.assign({ label: t('ssov2.setup.field.gender.label'), withAsterisk: true }, form.getInputProps('gender')),
+        React__default["default"].createElement(index$9.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$9.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: {
+                React__default["default"].createElement(index$5.Button, { type: "button", styles: {
                         root: {
                             flex: 1,
                         },
@@ -4436,7 +4461,7 @@ loading, tracking, }) => {
                         : 'tertiary', onClick: () => {
                         form.setFieldValue('gender', 'female');
                     }, leftIcon: React__default["default"].createElement(FemaleIcon, 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.female')),
-                React__default["default"].createElement(index$4.Button, { type: "button", styles: {
+                React__default["default"].createElement(index$5.Button, { type: "button", styles: {
                         root: {
                             flex: 1,
                         },
@@ -4448,7 +4473,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$b.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$c.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) => {
@@ -4456,7 +4481,7 @@ loading, tracking, }) => {
                     return;
                 form.getInputProps('dob').onBlur(e);
             } })),
-        needEmail && (React__default["default"].createElement(index$8.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$9.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'))))));
 };
@@ -4470,15 +4495,15 @@ const MAP_GENDER_VALUE = {
 const getDefaultData = (data) => {
     try {
         const searchParams = new URLSearchParams(window.location.search);
-        const genderShort = searchParams.get(index$2.QUERY_HEALTH_TOOL.gender);
-        const birthday = dayjs__default["default"](searchParams.get(index$2.QUERY_HEALTH_TOOL.birthday), 'MM/DD/YYYY');
+        const genderShort = searchParams.get(index$1.QUERY_HEALTH_TOOL.gender);
+        const birthday = dayjs__default["default"](searchParams.get(index$1.QUERY_HEALTH_TOOL.birthday), 'MM/DD/YYYY');
         if (genderShort === 'f' || genderShort === 'm' || birthday.isValid()) {
             const returnedValue = Object.assign({}, (data || {}));
             if (genderShort === 'f' || genderShort === 'm') {
                 returnedValue.gender = MAP_GENDER_VALUE[genderShort];
             }
             if (birthday.isValid()) {
-                returnedValue.birthday = searchParams.get(index$2.QUERY_HEALTH_TOOL.birthday);
+                returnedValue.birthday = searchParams.get(index$1.QUERY_HEALTH_TOOL.birthday);
             }
             return returnedValue;
         }
@@ -4490,7 +4515,7 @@ const getDefaultData = (data) => {
 const SSOSetupScreen = ({ hidden, config, }) => {
     var _a, _b, _c;
     const { onClose, setTracking } = useSSOState();
-    const { t } = index.useTranslations();
+    const { t } = index$2.useTranslations();
     const { setupSource, flowData, abTestFlow } = store.useSSOV2Store();
     const [errMsg, setErrMsg] = React__default["default"].useState('');
     const userInfo = config === null || config === void 0 ? void 0 : config.userInfo;
@@ -4577,7 +4602,7 @@ const SSOSetupScreen = ({ hidden, config, }) => {
             const { phone, gender, name, dob } = values;
             const { phoneNumber, areaCode } = store.splitPhone(phone || configPhone || '');
             // validate only, delay set data to after otp
-            const res = yield index$7.updateUserInfo({
+            const res = yield index$8.updateUserInfo({
                 name,
                 birthday: dayjs__default["default"](dob).format('YYYY-MM-DD'),
                 email: values.email || undefined,
@@ -4588,7 +4613,7 @@ const SSOSetupScreen = ({ hidden, config, }) => {
                 validate: 'true',
             });
             if ((res === null || res === void 0 ? void 0 : res._status) === 1) {
-                const res = yield index$7.updateUserInfo({
+                const res = yield index$8.updateUserInfo({
                     name,
                     birthday: dayjs__default["default"](dob).format('YYYY-MM-DD'),
                     email: values.email || undefined,
@@ -4599,7 +4624,7 @@ const SSOSetupScreen = ({ hidden, config, }) => {
                     validate: '',
                 });
                 if ((res === null || res === void 0 ? void 0 : res._status) === 1) {
-                    index$7.handleAuthSuccess(res === null || res === void 0 ? void 0 : res._data);
+                    index$8.handleAuthSuccess(res === null || res === void 0 ? void 0 : res._data);
                     onClose === null || onClose === void 0 ? void 0 : onClose(true);
                 }
                 else {
@@ -4623,20 +4648,20 @@ const SSOSetupScreen = ({ hidden, config, }) => {
         }, onSubmit: form$1.onSubmit(onSubmit) },
         React__default["default"].createElement(core.Stack, { spacing: 24 },
             React__default["default"].createElement(core.Stack, { spacing: 8 },
-                React__default["default"].createElement(index$3.Text, { size: "s1", weight: "semiBold" }, t('ssov2.setup.title')),
-                React__default["default"].createElement(index$3.Text, { size: "p4" }, t('ssov2.setup.description'))),
+                React__default["default"].createElement(index$4.Text, { size: "s1", weight: "semiBold" }, t('ssov2.setup.title')),
+                React__default["default"].createElement(index$4.Text, { size: "p4" }, t('ssov2.setup.description'))),
             React__default["default"].createElement(OtherSetup, { needPhone: needPhone, skipPhone: skipPhone, needEmail: needEmail, isEmailDisable: isEmailDisable, isPhoneDisabled: isPhoneDisabled, form: form$1, loading: loading, tracking: {
                     category: trackingCategory,
                     action: trackingAction,
                 } }),
-            errMsg && (React__default["default"].createElement(index$3.Text, { color: "red.6", size: "p4" }, errMsg)),
-            React__default["default"].createElement(index$4.Button, { type: "submit", variant: "primary", fullWidth: true, loading: loading, disabled: loading, "data-event-category": trackingCategory, "data-event-action": trackingAction, "data-event-label": "Save" }, t('ssov2.button.save')),
+            errMsg && (React__default["default"].createElement(index$4.Text, { color: "red.6", size: "p4" }, errMsg)),
+            React__default["default"].createElement(index$5.Button, { type: "submit", variant: "primary", fullWidth: true, loading: loading, disabled: loading, "data-event-category": trackingCategory, "data-event-action": trackingAction, "data-event-label": "Save" }, t('ssov2.button.save')),
             React__default["default"].createElement(SetupLater, { style: { marginTop: -8 } }))));
 };
 
 const SSOUpdateEmailScreen = ({ hidden, config, }) => {
     var _a;
-    const { t } = index.useTranslations();
+    const { t } = index$2.useTranslations();
     const [errMsg, setErrMsg] = React__default["default"].useState('');
     const { setTracking } = useSSOState();
     const { flowData, abTestFlow } = store.useSSOV2Store();
@@ -4662,9 +4687,9 @@ const SSOUpdateEmailScreen = ({ hidden, config, }) => {
         setLoading(true);
         try {
             const email = (inputEmail || '').trim();
-            const existRes = yield index$7.checkUserExist({ email });
+            const existRes = yield index$8.checkUserExist({ email });
             if ((existRes === null || existRes === void 0 ? void 0 : existRes._status) === 1) {
-                const userInfo = yield index$7.getUserInfo();
+                const userInfo = yield index$8.getUserInfo();
                 if (!existRes._data || email === ((_b = userInfo === null || userInfo === void 0 ? void 0 : userInfo._data) === null || _b === void 0 ? void 0 : _b.email)) {
                     const res = yield initSendUpdateEmailOtp(email);
                     if ((res === null || res === void 0 ? void 0 : res._status) !== 1) {
@@ -4709,14 +4734,14 @@ const SSOUpdateEmailScreen = ({ hidden, config, }) => {
             yield submitEmail(e.currentTarget.email.value);
         }) },
         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$8.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'))));
+            React__default["default"].createElement(index$4.Text, { size: "s1", weight: "semiBold" }, t('ssov2.updateEmail.title')),
+            React__default["default"].createElement(index$4.Text, { size: "p4" }, t('ssov2.updateEmail.description'))),
+        React__default["default"].createElement(index$9.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$5.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'))));
 };
 
 const SSOWhatsAppOTPScreen = ({ hidden, config, }) => {
-    const { t } = index.useTranslations();
+    const { t } = index$2.useTranslations();
     const { onClose, setTracking } = useSSOState();
     const [loading, setLoading] = React__default["default"].useState(false);
     const [otp, setOtp] = React__default["default"].useState('');
@@ -4801,7 +4826,7 @@ const SSOWhatsAppOTPScreen = ({ hidden, config, }) => {
                 return setLoading(false);
             }
             if (!useAuthenticatedWhatsAppApis && (res === null || res === void 0 ? void 0 : res._data)) {
-                index$7.handleAuthSuccess(res._data);
+                index$8.handleAuthSuccess(res._data);
             }
             onClose === null || onClose === void 0 ? void 0 : onClose(true);
         }
@@ -4832,8 +4857,8 @@ const SSOWhatsAppOTPScreen = ({ hidden, config, }) => {
             submitOtp(String(otp));
         } },
         React__default["default"].createElement(core.Stack, { spacing: 8 },
-            React__default["default"].createElement(index$3.Text, { size: "s1", weight: "semiBold" }, t('ssov2.otp.phone.title')),
-            React__default["default"].createElement(index$3.Text, { size: "p4", sx: {
+            React__default["default"].createElement(index$4.Text, { size: "s1", weight: "semiBold" }, t('ssov2.otp.phone.title')),
+            React__default["default"].createElement(index$4.Text, { size: "p4", sx: {
                     b: {
                         fontWeight: 'bold',
                     },
@@ -4845,8 +4870,8 @@ const SSOWhatsAppOTPScreen = ({ hidden, config, }) => {
                         }),
                     } }))),
         React__default["default"].createElement(core.Stack, { mt: 24, spacing: 8 },
-            React__default["default"].createElement(index$8.Input.Wrapper, { error: error },
-                React__default["default"].createElement(index$8.OTP, { ref: otpRef, value: otp, onChange: (value) => {
+            React__default["default"].createElement(index$9.Input.Wrapper, { error: error },
+                React__default["default"].createElement(index$9.OTP, { ref: otpRef, value: otp, onChange: (value) => {
                         setOtp(String(value));
                         if (String(value).length === 6) {
                             setTimeout(() => {
@@ -4863,14 +4888,14 @@ const SSOWhatsAppOTPScreen = ({ hidden, config, }) => {
             React__default["default"].createElement(core.Group, { spacing: 8, align: "center", style: {
                     height: 40,
                 } },
-                React__default["default"].createElement(index$3.Text, { size: "p4" }, t('ssov2.otp.resendQuestion')),
-                React__default["default"].createElement(index$3.Text, { style: {
+                React__default["default"].createElement(index$4.Text, { size: "p4" }, t('ssov2.otp.resendQuestion')),
+                React__default["default"].createElement(index$4.Text, { style: {
                         pointerEvents: resendTime > 0 ? 'none' : 'auto',
                         cursor: resendTime > 0 ? 'not-allowed' : 'pointer',
                     }, size: "s4", color: "blue.6", onClick: () => sendOTPCode(true), "data-event-category": trackingCategory, "data-event-action": trackingAction, "data-event-label": "Resend OTP" }, t('ssov2.otp.resendText', {
                     count: resendTime,
                 })))),
-        React__default["default"].createElement(index$4.Button, { type: "submit", size: "lg", variant: "primary", mt: 12, fullWidth: true, disabled: loading, loading: loading, "data-event-category": trackingCategory, "data-event-action": trackingAction, "data-event-label": "Verify", ref: submitButtonRef }, t('ssov2.whatsappLogin.verifySubmit'))));
+        React__default["default"].createElement(index$5.Button, { type: "submit", size: "lg", variant: "primary", mt: 12, fullWidth: true, disabled: loading, loading: loading, "data-event-category": trackingCategory, "data-event-action": trackingAction, "data-event-label": "Verify", ref: submitButtonRef }, t('ssov2.whatsappLogin.verifySubmit'))));
 };
 
 const InfoIcon = () => {
@@ -4878,7 +4903,7 @@ const InfoIcon = () => {
         React__default["default"].createElement("path", { d: "M8.00004 11.166C8.14177 11.166 8.2605 11.1181 8.35622 11.0222C8.45194 10.9264 8.4998 10.8077 8.4998 10.666V7.83265C8.4998 7.69099 8.45187 7.57225 8.356 7.47642C8.26013 7.38058 8.14133 7.33267 7.9996 7.33267C7.85787 7.33267 7.73914 7.38058 7.64342 7.47642C7.5477 7.57225 7.49984 7.69099 7.49984 7.83265V10.666C7.49984 10.8077 7.54777 10.9264 7.64364 11.0222C7.73951 11.1181 7.85831 11.166 8.00004 11.166ZM7.99982 6.19165C8.15239 6.19165 8.28027 6.14005 8.38347 6.03685C8.48667 5.93365 8.53827 5.80577 8.53827 5.6532C8.53827 5.50064 8.48667 5.37276 8.38347 5.26955C8.28027 5.16635 8.15239 5.11475 7.99982 5.11475C7.84725 5.11475 7.71937 5.16635 7.61617 5.26955C7.51297 5.37276 7.46137 5.50064 7.46137 5.6532C7.46137 5.80577 7.51297 5.93365 7.61617 6.03685C7.71937 6.14005 7.84725 6.19165 7.99982 6.19165ZM8.00094 14.3327C7.12498 14.3327 6.30163 14.1664 5.53087 13.834C4.7601 13.5015 4.08965 13.0504 3.5195 12.4805C2.94935 11.9106 2.49798 11.2404 2.16539 10.47C1.8328 9.69959 1.6665 8.8764 1.6665 8.00045C1.6665 7.12449 1.83273 6.30114 2.16517 5.53038C2.49762 4.75962 2.94878 4.08916 3.51867 3.51902C4.08857 2.94886 4.75873 2.49749 5.52915 2.1649C6.29956 1.83231 7.12275 1.66602 7.9987 1.66602C8.87466 1.66602 9.69802 1.83224 10.4688 2.16468C11.2395 2.49713 11.91 2.94829 12.4801 3.51818C13.0503 4.08808 13.5017 4.75824 13.8343 5.52867C14.1668 6.29908 14.3331 7.12226 14.3331 7.99822C14.3331 8.87417 14.1669 9.69753 13.8345 10.4683C13.502 11.239 13.0509 11.9095 12.481 12.4796C11.9111 13.0498 11.2409 13.5012 10.4705 13.8338C9.70008 14.1664 8.87689 14.3327 8.00094 14.3327ZM7.99982 13.3327C9.48871 13.3327 10.7498 12.816 11.7832 11.7827C12.8165 10.7493 13.3332 9.48822 13.3332 7.99933C13.3332 6.51044 12.8165 5.24933 11.7832 4.216C10.7498 3.18267 9.48871 2.666 7.99982 2.666C6.51093 2.666 5.24982 3.18267 4.21649 4.216C3.18315 5.24933 2.66649 6.51044 2.66649 7.99933C2.66649 9.48822 3.18315 10.7493 4.21649 11.7827C5.24982 12.816 6.51093 13.3327 7.99982 13.3327Z", fill: "#2D87F3" })));
 };
 const SSOWhatsAppPhoneVerifyScreen = ({ hidden, config, }) => {
-    const { t } = index.useTranslations();
+    const { t } = index$2.useTranslations();
     const [phone, setPhone] = React__default["default"].useState('');
     const [loading, setLoading] = React__default["default"].useState(false);
     const [errMsg, setErrMsg] = React__default["default"].useState('');
@@ -4939,13 +4964,13 @@ const SSOWhatsAppPhoneVerifyScreen = ({ hidden, config, }) => {
                     gap: '8px',
                 } },
                 React__default["default"].createElement(InfoIcon, null),
-                React__default["default"].createElement(index$3.Text, { styles: {
+                React__default["default"].createElement(index$4.Text, { styles: {
                         root: {
                             fontSize: '13px',
                         },
                     }, color: "gray700" }, t('ssov2.whatsappLogin.phoneNotice'))),
             React__default["default"].createElement(core.Stack, { spacing: 16 },
-                React__default["default"].createElement(index$8.Input.Wrapper, { error: errMsg },
+                React__default["default"].createElement(index$9.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('');
@@ -4958,7 +4983,7 @@ const SSOWhatsAppPhoneVerifyScreen = ({ hidden, config, }) => {
                                 'data-event-category': trackingCategory,
                             };
                         }, []) })),
-                React__default["default"].createElement(index$4.Button, { size: "lg", variant: "primary", onClick: onContinue, loading: loading, disabled: loading, "data-event-category": trackingCategory, "data-event-action": trackingAction, "data-event-label": "Continue" }, t('ssov2.button.continue'))))));
+                React__default["default"].createElement(index$5.Button, { size: "lg", variant: "primary", onClick: onContinue, loading: loading, disabled: loading, "data-event-category": trackingCategory, "data-event-action": trackingAction, "data-event-label": "Continue" }, t('ssov2.button.continue'))))));
 };
 
 const SSOScreenRenderer = () => {
@@ -5010,7 +5035,7 @@ if (!String.prototype.capitalize) {
         return this.charAt(0).toUpperCase() + this.slice(1);
     };
 }
-const SSOV2 = ({ onClose: onCloseProps, locale }) => {
+const SSOV2 = ({ onClose: onCloseProps, locale, isMarryBaby = false, }) => {
     const { isOpen, setOpen, returnUrl, setMounted, source, overrideClose, setOnCloseProp, forceReloadOnClose, setABTestFlow, } = store.useSSOV2Store();
     React.useEffect(() => {
         setMounted(true);
@@ -5018,6 +5043,11 @@ const SSOV2 = ({ onClose: onCloseProps, locale }) => {
             setMounted(false);
         };
     }, []);
+    React.useEffect(() => {
+        if (locale)
+            index$8.setSSOCurrentLocale(locale);
+        index$8.setSSOIsMarryBaby(isMarryBaby);
+    }, [locale, isMarryBaby]);
     React.useEffect(() => {
         if (isOpen) {
             document.body.classList.add('sso-v2-opening');
@@ -5030,7 +5060,9 @@ const SSOV2 = ({ onClose: onCloseProps, locale }) => {
         setOnCloseProp(onCloseProps);
     }, [onCloseProps]);
     React.useEffect(() => {
-        const site = constantsDomainLocales.MAP_DOMAIN_BY_LOCALE[locale];
+        const site = constantsDomainLocales.getDomainByLocale(locale, isMarryBaby);
+        if (!site)
+            return;
         const previousABTestingFlow = miscCookieHelper.getCookie('abTestingFlow');
         fetchFeatureFlag(site).then((data) => {
             if ((data === null || data === void 0 ? void 0 : data.is_enabled) && utils.isSupportProduct(data === null || data === void 0 ? void 0 : data.products)) {
@@ -5058,7 +5090,7 @@ const SSOV2 = ({ onClose: onCloseProps, locale }) => {
                 miscCookieHelper.deleteCookie('abTestingFlow');
             }
         });
-    }, [locale]);
+    }, [locale, isMarryBaby]);
     if (!isOpen) {
         return null;
     }
@@ -5074,7 +5106,7 @@ const SSOV2 = ({ onClose: onCloseProps, locale }) => {
             hasRedirectHref = store.redirect(returnUrl, source, forceReloadOnClose);
         }
         else {
-            const userInfo = yield index$7.getUserInfo();
+            const userInfo = yield index$8.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();
@@ -5089,8 +5121,8 @@ const SSOV2 = ({ onClose: onCloseProps, locale }) => {
             onCloseProps === null || onCloseProps === void 0 ? void 0 : onCloseProps();
         }
     });
-    return (React__default["default"].createElement(index$8.ErrorBoundary, null,
-        React__default["default"].createElement(SSOStateProvider, { onClose: onClose, locale: locale },
+    return (React__default["default"].createElement(index$9.ErrorBoundary, null,
+        React__default["default"].createElement(SSOStateProvider, { onClose: onClose, locale: locale, isMarryBaby: isMarryBaby },
             React__default["default"].createElement(SSOPopupWrapper, { opened: true, onClose: onClose },
                 React__default["default"].createElement(SSOScreenRenderer, null)))));
 };