@hhgtech/hhg-components 1.29.412 → 1.29.413

package/build/ssoV2.js

@@ -2,36 +2,36 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-cdd778e4.js');
+var tslib_es6 = require('./tslib.es6-bd9d8302.js');
 var React = require('react');
 var miscCookieHelper = require('./miscCookieHelper.js');
-var index$7 = require('./index-fb442ba6.js');
-var index$6 = require('./index-4e48e227.js');
+var index$8 = require('./index-e5636945.js');
+var index$7 = require('./index-b971c9ab.js');
 var constantsIsProduction = require('./constantsIsProduction.js');
 var arrow = require('@hhgtech/icons/arrow');
 var core$1 = require('@hhgtech/icons/core');
-var index$2 = require('./index-43f29f18.js');
-var logoIcon = require('./logoIcon-d3f66369.js');
-var index$4 = require('./index-f47a61da.js');
-var index$1 = require('./index-468ae1bf.js');
+var index$2 = require('./index-31ba4f00.js');
+var logoIcon = require('./logoIcon-13d79ea4.js');
+var index$4 = require('./index-97e86501.js');
+var index$1 = require('./index-df348b95.js');
 var core = require('@mantine/core');
 require('@mantine/dates');
-require('./index-e276d20f.js');
-var index$5 = require('./index-77d9f57e.js');
-var useMantineLocale = require('./useMantineLocale-afc855ad.js');
-var index$3 = require('./index-dfd15d6f.js');
-var index = require('./index-82b5a71c.js');
+require('./index-e14e7423.js');
+var index$6 = require('./index-559721ac.js');
+var index$a = require('./index-1fbe06f4.js');
+var index$3 = require('./index-3f1d3420.js');
+var index = require('./index-8179f250.js');
 require('@mantine/hooks');
-require('./utils-4c467f5f.js');
-require('./other-90dc0ef3.js');
-require('./index-6d7ef25c.js');
-var Locale = require('./Locale-f9b950d8.js');
-var store = require('./store-97ab25f7.js');
-var useScreenSize = require('./useScreenSize-ef9730fc.js');
-var Google = require('./Google-003af1c7.js');
+require('./text-3e6acf61.js');
+require('./utils-28ea2538.js');
+require('./index-86c18fb9.js');
+var Locale = require('./Locale-0cf4ef33.js');
+var store = require('./store-fb7b74be.js');
+var index$5 = require('./index-4bd2782e.js');
+var Google = require('./Google-76de486c.js');
 var PhoneInputBase = require('react-phone-number-input');
-var utils = require('./utils-92f9d995.js');
-var index$8 = require('./index-895e83ee.js');
+var utils = require('./utils-b736cb8f.js');
+var index$9 = require('./index-d1878827.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 var styled = require('@emotion/styled');
 var cn = require('classnames');
@@ -40,23 +40,24 @@ var debounce = require('lodash/debounce');
 var throttle = require('lodash/throttle');
 var Flags = require('react-phone-number-input/flags');
 var vaul = require('vaul');
-var utils$1 = require('./utils-de59f73c.js');
+var utils$1 = require('./utils-1c9bd3de.js');
 var form = require('@mantine/form');
 var yup = require('yup');
 var dayjs = require('dayjs');
-var index$9 = require('./index-3a2b0cef.js');
+var index$b = require('./index-9bad2cc0.js');
 require('@mantine/carousel');
 require('./miscTheme.js');
-require('./useUniqueId-227c39ec.js');
+require('./useUniqueId-4f37ba5e.js');
 require('./constantsSite.js');
-require('./normalizeLink-d1de1f56.js');
+require('./normalizeLink-b687d725.js');
 require('date-fns/locale');
 require('./constantsRiskScreener.js');
-require('./index.styles-2331b34a.js');
+require('./shared-4e37a3d0.js');
+require('./index.styles-90d0628e.js');
 require('@mantine/notifications');
-require('./translationsContext-841d7536.js');
+require('./translationsContext-ffa516bd.js');
 require('zustand');
-require('./healthTools-49358f01.js');
+require('./healthTools-7c7979dd.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -519,7 +520,7 @@ 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(useScreenSize.ImageWrap, { alt: "", src: index$5.CommonGAssets.getAssetPath('sehat-badge.png'), style: {
+                    locale === Locale.LOCALE.Indonesia && (React__default["default"].createElement(index$5.ImageWrap, { alt: "", src: index$6.CommonGAssets.getAssetPath('sehat-badge.png'), style: {
                             width: 56,
                             height: 23,
                         } })))),
@@ -545,7 +546,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$6.fetchSSOV2Api(index$6.SSO_V2_PATHS.EMAIL.LOGIN_BY_PASSWORD, {
+    return index$7.fetchSSOV2Api(index$7.SSO_V2_PATHS.EMAIL.LOGIN_BY_PASSWORD, {
         method: 'POST',
         body: formData,
         headers: {
@@ -556,8 +557,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$6.websiteId);
-    return index$6.fetchSSOV2Api(index$6.SSO_V2_PATHS.EMAIL.REGISTER_BY_SEND_OTP, {
+    formData.append('website_id', index$7.websiteId);
+    return index$7.fetchSSOV2Api(index$7.SSO_V2_PATHS.EMAIL.REGISTER_BY_SEND_OTP, {
         method: 'POST',
         body: formData,
     });
@@ -565,7 +566,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$6.fetchSSOV2Api(index$6.SSO_V2_PATHS.EMAIL.SEND_OTP, {
+    return index$7.fetchSSOV2Api(index$7.SSO_V2_PATHS.EMAIL.SEND_OTP, {
         method: 'POST',
         body: formData,
     });
@@ -574,7 +575,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$6.fetchSSOV2Api(index$6.SSO_V2_PATHS.EMAIL.VERIFY_BY_OTP, {
+    return index$7.fetchSSOV2Api(index$7.SSO_V2_PATHS.EMAIL.VERIFY_BY_OTP, {
         method: 'POST',
         body: formData,
     });
@@ -699,7 +700,7 @@ const SSOEmailScreen = ({ hidden, }) => {
             setLoading(true);
             try {
                 const email = e.currentTarget.email.value;
-                const existRes = yield index$6.checkUserExist({ email });
+                const existRes = yield index$7.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({
@@ -762,7 +763,7 @@ const SSOEmailScreen = ({ hidden, }) => {
         React__default["default"].createElement(core.Stack, { spacing: 8 },
             React__default["default"].createElement(index$3.Text, { size: "s1", weight: "semiBold" }, t('ssov2.email.title')),
             React__default["default"].createElement(index$3.Text, { size: "p4" }, t('ssov2.email.description'))),
-        React__default["default"].createElement(index$7.Input, { name: "email", placeholder: t('onboarding.formEmail.yourEmail'), error: errMsg || undefined, type: "email", required: true, mt: 24, disabled: loading, onChange: () => setErrMsg(''), "data-event-category": trackingCategory, "data-event-action": trackingAction, "data-event-label": "Enter Email" }),
+        React__default["default"].createElement(index$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'))));
 };
 
@@ -788,7 +789,7 @@ const loginByPhonePassword = (phone, password) => tslib_es6.__awaiter(void 0, vo
         : phoneNumber;
     formData.append('phone_number', phoneNumber);
     formData.append('password', password);
-    return index$6.fetchSSOV2Api(index$6.SSO_V2_PATHS.PHONE.LOGIN_BY_PASSWORD, {
+    return index$7.fetchSSOV2Api(index$7.SSO_V2_PATHS.PHONE.LOGIN_BY_PASSWORD, {
         method: 'POST',
         body: formData,
         headers: {
@@ -802,8 +803,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$6.websiteId);
-    return index$6.fetchSSOV2Api(index$6.SSO_V2_PATHS.PHONE.REGISTER_BY_SEND_OTP, {
+    formData.append('website_id', index$7.websiteId);
+    return index$7.fetchSSOV2Api(index$7.SSO_V2_PATHS.PHONE.REGISTER_BY_SEND_OTP, {
         method: 'POST',
         body: formData,
     });
@@ -814,7 +815,7 @@ const resendPhoneOTP = (phone, areaCode) => tslib_es6.__awaiter(void 0, void 0,
     const formData = new FormData();
     formData.append('phone_number', phone);
     formData.append('area_code', areaCode);
-    return index$6.fetchSSOV2Api(index$6.SSO_V2_PATHS.PHONE.SEND_OTP, {
+    return index$7.fetchSSOV2Api(index$7.SSO_V2_PATHS.PHONE.SEND_OTP, {
         method: 'POST',
         body: formData,
     });
@@ -827,7 +828,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$6.fetchSSOV2Api(index$6.SSO_V2_PATHS.PHONE.VERIFY_BY_OTP, {
+    return index$7.fetchSSOV2Api(index$7.SSO_V2_PATHS.PHONE.VERIFY_BY_OTP, {
         method: 'POST',
         body: formData,
     });
@@ -836,7 +837,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$6.fetchSSOV2Api(index$6.SSO_V2_PATHS.PHONE.UPDATE_PHONE_SEND_OTP, {
+    return index$7.fetchSSOV2Api(index$7.SSO_V2_PATHS.PHONE.UPDATE_PHONE_SEND_OTP, {
         method: 'POST',
         body: formData,
     });
@@ -845,7 +846,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$6.fetchSSOV2Api(index$6.SSO_V2_PATHS.PHONE.UPDATE_PHONE_VERIFY_OTP, {
+    return index$7.fetchSSOV2Api(index$7.SSO_V2_PATHS.PHONE.UPDATE_PHONE_VERIFY_OTP, {
         method: 'POST',
         body: formData,
     });
@@ -855,8 +856,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$6.websiteId);
-    return index$6.fetchSSOV2Api(index$6.SSO_V2_PATHS.LOGIN_BY_SOCIAL, {
+    formData.append('website_id', index$7.websiteId);
+    return index$7.fetchSSOV2Api(index$7.SSO_V2_PATHS.LOGIN_BY_SOCIAL, {
         method: 'POST',
         body: formData,
         headers: {
@@ -871,8 +872,8 @@ const registerBySendWhatsAppOTP = (phone, areaCode) => tslib_es6.__awaiter(void
     const formData = new FormData();
     formData.append('phone_number', phone);
     formData.append('area_code', areaCode);
-    formData.append('website_id', index$6.websiteId);
-    return index$6.fetchSSOV2Api(index$6.SSO_V2_PATHS.WHATSAPP.REGISTER_BY_SEND_OTP, {
+    formData.append('website_id', index$7.websiteId);
+    return index$7.fetchSSOV2Api(index$7.SSO_V2_PATHS.WHATSAPP.REGISTER_BY_SEND_OTP, {
         method: 'POST',
         body: formData,
     });
@@ -883,7 +884,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$6.fetchSSOV2Api(index$6.SSO_V2_PATHS.WHATSAPP.SEND_OTP, {
+    return index$7.fetchSSOV2Api(index$7.SSO_V2_PATHS.WHATSAPP.SEND_OTP, {
         method: 'POST',
         body: formData,
     });
@@ -892,7 +893,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$6.fetchSSOV2Api(index$6.SSO_V2_PATHS.WHATSAPP.UPDATE_PHONE_SEND_OTP, {
+    return index$7.fetchSSOV2Api(index$7.SSO_V2_PATHS.WHATSAPP.UPDATE_PHONE_SEND_OTP, {
         method: 'POST',
         body: formData,
     });
@@ -902,7 +903,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$6.fetchSSOV2Api(index$6.SSO_V2_PATHS.WHATSAPP.UPDATE_PHONE_VERIFY_OTP, {
+    return index$7.fetchSSOV2Api(index$7.SSO_V2_PATHS.WHATSAPP.UPDATE_PHONE_VERIFY_OTP, {
         method: 'POST',
         body: formData,
     });
@@ -912,7 +913,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$6.fetchSSOV2Api(index$6.SSO_V2_PATHS.WHATSAPP.VERIFY_BY_OTP, {
+    return index$7.fetchSSOV2Api(index$7.SSO_V2_PATHS.WHATSAPP.VERIFY_BY_OTP, {
         method: 'POST',
         body: formData,
     });
@@ -924,8 +925,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$6.websiteId);
-    return index$6.fetchSSOV2Api(index$6.SSO_V2_PATHS.ZALO.REGISTER_BY_SEND_OTP, {
+    formData.append('website_id', index$7.websiteId);
+    return index$7.fetchSSOV2Api(index$7.SSO_V2_PATHS.ZALO.REGISTER_BY_SEND_OTP, {
         method: 'POST',
         body: formData,
     });
@@ -936,7 +937,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$6.fetchSSOV2Api(index$6.SSO_V2_PATHS.ZALO.SEND_OTP, {
+    return index$7.fetchSSOV2Api(index$7.SSO_V2_PATHS.ZALO.SEND_OTP, {
         method: 'POST',
         body: formData,
     });
@@ -949,7 +950,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$6.fetchSSOV2Api(index$6.SSO_V2_PATHS.ZALO.VERIFY_BY_OTP, {
+    return index$7.fetchSSOV2Api(index$7.SSO_V2_PATHS.ZALO.VERIFY_BY_OTP, {
         method: 'POST',
         body: formData,
     });
@@ -958,7 +959,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$6.fetchSSOV2Api(index$6.SSO_V2_PATHS.ZALO.UPDATE_PHONE_SEND_OTP, {
+    return index$7.fetchSSOV2Api(index$7.SSO_V2_PATHS.ZALO.UPDATE_PHONE_SEND_OTP, {
         method: 'POST',
         body: formData,
     });
@@ -968,7 +969,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$6.fetchSSOV2Api(index$6.SSO_V2_PATHS.ZALO.UPDATE_PHONE_VERIFY_OTP, {
+    return index$7.fetchSSOV2Api(index$7.SSO_V2_PATHS.ZALO.UPDATE_PHONE_VERIFY_OTP, {
         method: 'POST',
         body: formData,
     });
@@ -988,7 +989,7 @@ const PolicyContent = ({ legalTextType, trackingCategory, trackingAction, }) =>
                 paddingTop: 50,
             },
         }) },
-        React__default["default"].createElement(index$8.Spoiler, { maxHeight: 74, showLabel: React__default["default"].createElement(index$3.Text, { size: "p5", color: "gray.6", underline: true, align: "left" }, t('home.seeMore')), hideLabel: React__default["default"].createElement(index$3.Text, { size: "p5", color: "gray.6", underline: true, align: "left" }, t('articlePage.showLess')) },
+        React__default["default"].createElement(index$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')) },
             React__default["default"].createElement(index$3.Text, { size: "p5", color: "gray.6" }, t(legalTextType === 'community'
                 ? 'ssov2.policyText.community'
                 : 'ssov2.policyText', {
@@ -2225,7 +2226,7 @@ function CountrySelectWithIcon(_a) {
     const { t } = index.useTranslations();
     const [open, setOpen] = React.useState(false);
     const [modalStyle, setModalStyle] = React.useState({});
-    const { isMobile } = useScreenSize.useScreenSize();
+    const { isMobile } = index$5.useScreenSize();
     const [search, setSearch] = React.useState('');
     const selectedOption = React.useMemo(() => {
         return getSelectedOption(options, value);
@@ -2299,7 +2300,7 @@ function CountrySelectWithIcon(_a) {
     const SelectCountryContent = (React__default["default"].createElement(core.Stack, { spacing: 24 },
         React__default["default"].createElement(core.Stack, { spacing: 8 },
             React__default["default"].createElement(index$3.Text, { size: "s4" }, t('ssov2.first.country.code')),
-            React__default["default"].createElement(index$7.Input, { size: "lg", placeholder: t('ssov2.first.search.country.placeholder'), icon: React__default["default"].createElement(core$1.Search, null), value: search, onChange: (value) => setSearch(value) })),
+            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) })),
         !!(selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.value) && (React__default["default"].createElement(core.Stack, { spacing: 0 },
             React__default["default"].createElement(index$3.Text, { size: "s4" }, t('ssov2.first.search.country.selected')),
             React__default["default"].createElement(SelectCountryItem, { option: selectedOption, onSelect: (option) => {
@@ -2470,7 +2471,7 @@ const PhoneForwardRef = (props, ref) => {
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         ref: ref, value: value, onChange: onChange, 
         // countries={countries}
-        defaultCountry: defaultCountry, countryCallingCodeEditable: countryCallingCodeEditable, className: cn__default["default"](index$7.styles.phoneInput, { isError, [index$7.styles.error]: isError }, className), countrySelectComponent: CountrySelectWithIcon, countrySelectProps: { trackingFn } }, inputProps)));
+        defaultCountry: defaultCountry, countryCallingCodeEditable: countryCallingCodeEditable, className: cn__default["default"](index$8.styles.phoneInput, { isError, [index$8.styles.error]: isError }, className), countrySelectComponent: CountrySelectWithIcon, countrySelectProps: { trackingFn } }, inputProps)));
 };
 const PhoneWithCustomCountrySelect = React.forwardRef(PhoneForwardRef);
 
@@ -2545,8 +2546,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$6.handleAuthSuccess(res === null || res === void 0 ? void 0 : res._data);
-            const userInfo = yield index$6.getUserInfo();
+            index$7.handleAuthSuccess(res === null || res === void 0 ? void 0 : res._data);
+            const userInfo = yield index$7.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({
@@ -2635,7 +2636,7 @@ const SSOFirstScreen = ({ hidden, config, }) => {
         }
         window.fbAsyncInit = function () {
             window.FB.init({
-                appId: index$6.FacebookAppId,
+                appId: index$7.FacebookAppId,
                 cookie: true,
                 xfbml: true,
                 version: 'v20.0', // Use this Graph API version for this call.
@@ -2650,7 +2651,7 @@ const SSOFirstScreen = ({ hidden, config, }) => {
             setErrMsg(t('ssov2.validate.phone.required'));
             return setLoading(false);
         }
-        const userExist = yield index$6.checkUserExist({ phone: phoneNumber });
+        const userExist = yield index$7.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) {
@@ -2713,7 +2714,7 @@ const SSOFirstScreen = ({ hidden, config, }) => {
             setErrMsg(t('ssov2.validate.phone.required'));
             return setLoading(false);
         }
-        const userExist = yield index$6.checkUserExist({ phone: phoneNumber });
+        const userExist = yield index$7.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) {
@@ -2776,7 +2777,7 @@ const SSOFirstScreen = ({ hidden, config, }) => {
             setErrMsg(t('ssov2.validate.phone.required'));
             return setLoading(false);
         }
-        const userExist = yield index$6.checkUserExist({ phone: phoneNumber });
+        const userExist = yield index$7.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) {
@@ -2839,10 +2840,10 @@ const SSOFirstScreen = ({ hidden, config, }) => {
             setErrMsg(t('ssov2.validate.phone.required'));
             return setLoading(false);
         }
-        const userExist = yield index$6.checkUserExist({ phone: phoneNumber });
+        const userExist = yield index$7.checkUserExist({ phone: phoneNumber });
         if ((userExist === null || userExist === void 0 ? void 0 : userExist._status) === 1) {
             if (!userExist._data || !((_g = userExist._data) === null || _g === void 0 ? void 0 : _g.is_pass)) {
-                useMantineLocale.showNotification({
+                index$a.showNotification({
                     message: t('ssov2.first.noAccountOrPass'),
                     type: 'danger',
                 });
@@ -2886,7 +2887,7 @@ const SSOFirstScreen = ({ hidden, config, }) => {
     };
     const onTriggerGoogleLogin = () => {
         const client = window.google.accounts.oauth2.initTokenClient({
-            client_id: index$6.GoogleAuthClientId,
+            client_id: index$7.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* () {
@@ -2935,7 +2936,7 @@ const SSOFirstScreen = ({ hidden, config, }) => {
                         e.preventDefault();
                         onClickContinueZalo();
                     } },
-                    React__default["default"].createElement(index$7.Input.Wrapper, { error: errMsg },
+                    React__default["default"].createElement(index$8.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;
@@ -3005,20 +3006,20 @@ const SSOFirstScreen = ({ hidden, config, }) => {
 const initSendUpdateEmailOtp = (email) => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {
     const formData = new FormData();
     formData.append('email', email);
-    return index$6.fetchSSOV2Api(index$6.SSO_V2_PATHS.ECOM_CARE.SEND_OTP, {
+    return index$7.fetchSSOV2Api(index$7.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$6.fetchSSOV2Api(index$6.SSO_V2_PATHS.ECOM_CARE.RESEND_OTP, {
+    return index$7.fetchSSOV2Api(index$7.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$6.fetchSSOV2Api(index$6.SSO_V2_PATHS.ECOM_CARE.VERIFY_OTP, {
+    return index$7.fetchSSOV2Api(index$7.SSO_V2_PATHS.ECOM_CARE.VERIFY_OTP, {
         method: 'POST',
         body: formData,
     });
@@ -3140,7 +3141,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$6.getUserInfo();
+                        const userInfo = yield index$7.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));
@@ -3190,9 +3191,9 @@ const SSOOTPScreen = ({ hidden, index: index$1, config, }) => {
                         });
                     }
                     else if (afterAction === 'submitSetup') {
-                        const res = yield index$6.updateUserInfo(Object.assign(Object.assign({}, setupData), { validate: '' }));
+                        const res = yield index$7.updateUserInfo(Object.assign(Object.assign({}, setupData), { validate: '' }));
                         if ((res === null || res === void 0 ? void 0 : res._status) === 1) {
-                            index$6.handleAuthSuccess(res === null || res === void 0 ? void 0 : res._data);
+                            index$7.handleAuthSuccess(res === null || res === void 0 ? void 0 : res._data);
                             onClose === null || onClose === void 0 ? void 0 : onClose(true);
                         }
                         else {
@@ -3238,7 +3239,7 @@ const SSOOTPScreen = ({ hidden, index: index$1, config, }) => {
                 setError(getErrorTextFromCode(t, res === null || res === void 0 ? void 0 : res.code));
                 return setLoading(false);
             }
-            index$6.handleAuthSuccess(res === null || res === void 0 ? void 0 : res._data);
+            index$7.handleAuthSuccess(res === null || res === void 0 ? void 0 : res._data);
             // if (otpType === 'update-email') {
             //   onClose?.(true)
             //   return
@@ -3260,7 +3261,7 @@ const SSOOTPScreen = ({ hidden, index: index$1, config, }) => {
                 });
             }
             else if (afterAction === 'setup') {
-                const userInfo = yield index$6.getUserInfo();
+                const userInfo = yield index$7.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));
@@ -3411,8 +3412,8 @@ const SSOOTPScreen = ({ hidden, index: index$1, config, }) => {
                         }),
                     } }))),
         React__default["default"].createElement(core.Stack, { mt: 24, spacing: 8 },
-            React__default["default"].createElement(index$7.Input.Wrapper, { error: error },
-                React__default["default"].createElement(index$7.OTP, { ref: otpRef, value: otp, onChange: (otp) => {
+            React__default["default"].createElement(index$8.Input.Wrapper, { error: error },
+                React__default["default"].createElement(index$8.OTP, { ref: otpRef, value: otp, onChange: (otp) => {
                         setOtp(String(otp));
                         if (String(otp).length === 6) {
                             setTimeout(() => {
@@ -3483,7 +3484,7 @@ const SSOPasswordScreen = ({ hidden, config, }) => {
                 });
             }
             else {
-                const existRes = yield index$6.checkUserExist({ email });
+                const existRes = yield index$7.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)) {
@@ -3522,8 +3523,8 @@ const SSOPasswordScreen = ({ hidden, config, }) => {
         setLoading(false);
     });
     const onAuthSuccess = (data) => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {
-        index$6.handleAuthSuccess(data);
-        const userInfo = yield index$6.getUserInfo();
+        index$7.handleAuthSuccess(data);
+        const userInfo = yield index$7.getUserInfo();
         const isPhoneFlow = isPhoneFlowFn(flowData);
         const isEmailFlow = isEmailFlowFn(flowData);
         setUserInfo(userInfo === null || userInfo === void 0 ? void 0 : userInfo._data);
@@ -3600,7 +3601,7 @@ const SSOPasswordScreen = ({ hidden, config, }) => {
                 t('ssov2.password.title2')),
             React__default["default"].createElement(index$3.Text, { size: "p4" }, t('ssov2.password.description'))),
         React__default["default"].createElement(core.Stack, { mt: 24, spacing: 8 },
-            React__default["default"].createElement(index$7.PasswordInput, { name: "password", placeholder: t('ssov2.passwordForgotSetup.field.password.placeholder'), error: errMsg || undefined, onChange: () => setErrMsg(''), disabled: loading, required: true, "data-event-category": trackingCategory, "data-event-action": trackingAction, "data-event-label": "Enter Password" }),
+            React__default["default"].createElement(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(core.Group, { spacing: 8, align: "center", style: {
                     height: 40,
                 } },
@@ -3686,7 +3687,7 @@ const SSOPasswordForgotPhone = ({ hidden, config, }) => {
                 setErrMsg(t('ssov2.validate.phone.required'));
                 return setLoading(false);
             }
-            const userExist = yield index$6.checkUserExist({ phone: phoneNumber });
+            const userExist = yield index$7.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)) {
@@ -3729,7 +3730,7 @@ const SSOPasswordForgotPhone = ({ hidden, config, }) => {
                 setErrMsg(t('ssov2.validate.phone.required'));
                 return setLoading(false);
             }
-            const userExist = yield index$6.checkUserExist({ phone: phoneNumber });
+            const userExist = yield index$7.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)) {
@@ -3772,7 +3773,7 @@ const SSOPasswordForgotPhone = ({ hidden, config, }) => {
                 setErrMsg(t('ssov2.validate.phone.required'));
                 return setLoading(false);
             }
-            const userExist = yield index$6.checkUserExist({ phone: phoneNumber });
+            const userExist = yield index$7.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)) {
@@ -3851,7 +3852,7 @@ const SSOPasswordWithConfirm = (_a) => {
         setAtLeastOneUpper(!!password.match(/^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)/));
     }, [password]);
     return (React__default["default"].createElement(core.Stack, Object.assign({ spacing: 12 }, props),
-        React__default["default"].createElement(index$7.PasswordInput, Object.assign({ name: "password", placeholder: t('ssov2.passwordForgotSetup.field.password.placeholder'), label: t('ssov2.passwordForgotSetup.field.password.label'), required: true, withAsterisk: true }, form.getInputProps('password'), { onBlur: (e) => {
+        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) => {
                 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" })),
@@ -3862,7 +3863,7 @@ const SSOPasswordWithConfirm = (_a) => {
             React__default["default"].createElement(core.Group, { spacing: 4, align: "flex-start" },
                 atLeastOneUpper ? (React__default["default"].createElement(CheckGreenIcon, null)) : typeof atLeastOneUpper === 'undefined' ? (React__default["default"].createElement(CheckGrayIcon, null)) : (React__default["default"].createElement(CheckRedIcon, null)),
                 React__default["default"].createElement(index$3.Text, { size: "n1", style: { flex: 1 } }, t('ssov2.passwordForgotSetup.field.password.atLeastOneUpper')))),
-        React__default["default"].createElement(index$7.PasswordInput, Object.assign({ name: "confirm-password", placeholder: t('ssov2.passwordForgotSetup.field.passwordConfirm.placeholder'), label: t('ssov2.passwordForgotSetup.field.passwordConfirm.label'), required: true, withAsterisk: true, disabled: loading, "data-event-category": tracking === null || tracking === void 0 ? void 0 : tracking.category, "data-event-action": tracking === null || tracking === void 0 ? void 0 : tracking.action, "data-event-label": "Confirm Password" }, form.getInputProps('confirmPassword')))));
+        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')))));
 };
 
 const SSOPasswordForgotSetup = ({ hidden, }) => {
@@ -3914,12 +3915,12 @@ const SSOPasswordForgotSetup = ({ hidden, }) => {
                 password === confirmPassword) {
                 const isPhoneOrEmailFlow = isPhoneFlowFn(flowData) || isEmailFlowFn(flowData);
                 const res = isPhoneOrEmailFlow
-                    ? yield index$6.updateUserInfo({
+                    ? yield index$7.updateUserInfo({
                         password,
                         confirm_password: confirmPassword,
                         validate: '',
                     })
-                    : yield index$6.resetPassword(password, confirmPassword);
+                    : yield index$7.resetPassword(password, confirmPassword);
                 if ((res === null || res === void 0 ? void 0 : res._status) === 1) {
                     if (isPhoneOrEmailFlow) {
                         // Login again to fetch token
@@ -3928,8 +3929,8 @@ const SSOPasswordForgotSetup = ({ hidden, }) => {
                         const newTokenRes = isEmailFlowFn(flowData) && isResetPasswordFlowFn(steps)
                             ? yield loginByEmailPassword(email, password)
                             : null;
-                        index$6.handleAuthSuccess((newTokenRes === null || newTokenRes === void 0 ? void 0 : newTokenRes._data) || (res === null || res === void 0 ? void 0 : res._data));
-                        const userInfo = yield index$6.getUserInfo();
+                        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();
                         // Phone
                         if (isPhoneFlowFn(flowData)) {
                             if (userInfo && !store.isUserFinishedSetup(userInfo === null || userInfo === void 0 ? void 0 : userInfo._data)) {
@@ -3976,7 +3977,7 @@ const SSOPasswordForgotSetup = ({ hidden, }) => {
                         }
                     }
                     else {
-                        useMantineLocale.showNotification({
+                        index$a.showNotification({
                             type: 'success',
                             message: 'Password has been reset successfully',
                         });
@@ -4058,7 +4059,7 @@ const SSOPhoneVerify = ({ hidden, config, }) => {
                 setErrMsg(t('ssov2.validate.phone.required'));
                 return setLoading(false);
             }
-            const userExist = yield index$6.checkUserExist({ phone: phoneNumber });
+            const userExist = yield index$7.checkUserExist({ phone: phoneNumber });
             if ((userExist === null || userExist === void 0 ? void 0 : userExist._status) === 1) {
                 if (!userExist._data) {
                     const res = yield resendUpdatePhoneZaloOTP(phoneNumber, areaCode);
@@ -4100,7 +4101,7 @@ const SSOPhoneVerify = ({ hidden, config, }) => {
                 setErrMsg(t('ssov2.validate.phone.required'));
                 return setLoading(false);
             }
-            const userExist = yield index$6.checkUserExist({ phone: phoneNumber });
+            const userExist = yield index$7.checkUserExist({ phone: phoneNumber });
             if ((userExist === null || userExist === void 0 ? void 0 : userExist._status) === 1) {
                 if (!userExist._data) {
                     const res = yield resendUpdatePhoneOTP(phoneNumber, areaCode);
@@ -4142,7 +4143,7 @@ const SSOPhoneVerify = ({ hidden, config, }) => {
                 setErrMsg(t('ssov2.validate.phone.required'));
                 return setLoading(false);
             }
-            const userExist = yield index$6.checkUserExist({ phone: phoneNumber });
+            const userExist = yield index$7.checkUserExist({ phone: phoneNumber });
             if ((userExist === null || userExist === void 0 ? void 0 : userExist._status) === 1) {
                 if (!userExist._data) {
                     const res = yield resendUpdatePhoneWhatsAppOTP(phoneNumber, areaCode);
@@ -4184,7 +4185,7 @@ const SSOPhoneVerify = ({ hidden, config, }) => {
                 React__default["default"].createElement(index$3.Text, { size: "s1", weight: "semiBold" }, t('ssov2.phoneVerify.title')),
                 React__default["default"].createElement(index$3.Text, { size: "p4" }, t('ssov2.phoneVerify.description'))),
             React__default["default"].createElement(core.Stack, { spacing: 16 },
-                React__default["default"].createElement(index$7.Input.Wrapper, { error: errMsg },
+                React__default["default"].createElement(index$8.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('');
@@ -4245,8 +4246,8 @@ loading, tracking, }) => {
     const { setupSource } = store.useSSOV2Store();
     const [dobChanged, setDobChanged] = React__default["default"].useState(false);
     return (React__default["default"].createElement(core.Stack, { spacing: 12 },
-        React__default["default"].createElement(index$7.Input, Object.assign({ name: "name", label: t('ssov2.setup.field.name.label'), withAsterisk: true, required: true, placeholder: t('ssov2.setup.field.name.placeholder'), disabled: loading, "data-event-category": tracking === null || tracking === void 0 ? void 0 : tracking.category, "data-event-action": tracking === null || tracking === void 0 ? void 0 : tracking.action, "data-event-label": "Enter Name" }, form.getInputProps('name'))),
-        React__default["default"].createElement(index$7.Input.Wrapper, Object.assign({ label: t('ssov2.setup.field.gender.label'), withAsterisk: true }, form.getInputProps('gender')),
+        React__default["default"].createElement(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(core.Group, null,
                 React__default["default"].createElement(index$4.Button, { type: "button", styles: {
                         root: {
@@ -4272,7 +4273,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$9.DatePicker, Object.assign({ name: "dob", label: t('ssov2.setup.field.dob.label'), withAsterisk: true, required: true, placeholder: t('ssov2.setup.field.dob.placeholder'), maxDate: new Date(new Date().getFullYear() - 18, new Date().getMonth(), new Date().getDate()), disabled: loading, "data-event-category": tracking === null || tracking === void 0 ? void 0 : tracking.category, "data-event-action": tracking === null || tracking === void 0 ? void 0 : tracking.action, "data-event-label": "Enter Birthday" }, form.getInputProps('dob'), { onChange: (e) => {
+        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) => {
                 form.getInputProps('dob').onChange(e);
                 setDobChanged(true);
             }, onBlur: (e) => {
@@ -4280,7 +4281,7 @@ loading, tracking, }) => {
                     return;
                 form.getInputProps('dob').onBlur(e);
             } })),
-        needEmail && (React__default["default"].createElement(index$7.Input, Object.assign({ name: "email", type: "email", label: t('ssov2.setup.field.email.label'), disabled: isEmailDisable || loading, required: ['care', 'ecom', 'community'].includes(setupSource), withAsterisk: ['care', 'ecom', 'community'].includes(setupSource), "data-event-category": tracking === null || tracking === void 0 ? void 0 : tracking.category, "data-event-action": tracking === null || tracking === void 0 ? void 0 : tracking.action, "data-event-label": "Enter Email", style: {
+        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: {
                 display: isEmailDisable ? 'none' : 'block',
             } }, form.getInputProps('email'))))));
 };
@@ -4401,7 +4402,7 @@ const SSOSetupScreen = ({ hidden, config, }) => {
             const { phone, gender, name, dob } = values;
             const { phoneNumber, areaCode } = splitPhone(phone || configPhone || '');
             // validate only, delay set data to after otp
-            const res = yield index$6.updateUserInfo({
+            const res = yield index$7.updateUserInfo({
                 name,
                 birthday: dayjs__default["default"](dob).format('YYYY-MM-DD'),
                 email: values.email || undefined,
@@ -4412,7 +4413,7 @@ const SSOSetupScreen = ({ hidden, config, }) => {
                 validate: 'true',
             });
             if ((res === null || res === void 0 ? void 0 : res._status) === 1) {
-                const res = yield index$6.updateUserInfo({
+                const res = yield index$7.updateUserInfo({
                     name,
                     birthday: dayjs__default["default"](dob).format('YYYY-MM-DD'),
                     email: values.email || undefined,
@@ -4423,7 +4424,7 @@ const SSOSetupScreen = ({ hidden, config, }) => {
                     validate: '',
                 });
                 if ((res === null || res === void 0 ? void 0 : res._status) === 1) {
-                    index$6.handleAuthSuccess(res === null || res === void 0 ? void 0 : res._data);
+                    index$7.handleAuthSuccess(res === null || res === void 0 ? void 0 : res._data);
                     onClose === null || onClose === void 0 ? void 0 : onClose(true);
                 }
                 else {
@@ -4486,9 +4487,9 @@ const SSOUpdateEmailScreen = ({ hidden, }) => {
             setLoading(true);
             try {
                 const email = e.currentTarget.email.value;
-                const existRes = yield index$6.checkUserExist({ email });
+                const existRes = yield index$7.checkUserExist({ email });
                 if ((existRes === null || existRes === void 0 ? void 0 : existRes._status) === 1) {
-                    const userInfo = yield index$6.getUserInfo();
+                    const userInfo = yield index$7.getUserInfo();
                     if (!existRes._data || email === ((_a = userInfo === null || userInfo === void 0 ? void 0 : userInfo._data) === null || _a === void 0 ? void 0 : _a.email)) {
                         const res = yield initSendUpdateEmailOtp(email);
                         if ((res === null || res === void 0 ? void 0 : res._status) !== 1) {
@@ -4523,7 +4524,7 @@ const SSOUpdateEmailScreen = ({ hidden, }) => {
         React__default["default"].createElement(core.Stack, { spacing: 8 },
             React__default["default"].createElement(index$3.Text, { size: "s1", weight: "semiBold" }, t('ssov2.updateEmail.title')),
             React__default["default"].createElement(index$3.Text, { size: "p4" }, t('ssov2.updateEmail.description'))),
-        React__default["default"].createElement(index$7.Input, { name: "email", placeholder: t('onboarding.formEmail.yourEmail'), error: errMsg || undefined, type: "email", required: true, mt: 24, onChange: () => setErrMsg(''), disabled: loading, "data-event-category": trackingCategory, "data-event-action": trackingAction, "data-event-label": "Enter Email" }),
+        React__default["default"].createElement(index$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'))));
 };
 
@@ -4636,7 +4637,7 @@ const SSOV2 = ({ onClose: onCloseProps, locale }) => {
             hasRedirectHref = store.redirect(returnUrl, source, forceReloadOnClose);
         }
         else {
-            const userInfo = yield index$6.getUserInfo();
+            const userInfo = yield index$7.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();
@@ -4651,7 +4652,7 @@ const SSOV2 = ({ onClose: onCloseProps, locale }) => {
             onCloseProps === null || onCloseProps === void 0 ? void 0 : onCloseProps();
         }
     });
-    return (React__default["default"].createElement(index$7.ErrorBoundary, null,
+    return (React__default["default"].createElement(index$8.ErrorBoundary, null,
         React__default["default"].createElement(SSOStateProvider, { onClose: onClose, locale: locale },
             React__default["default"].createElement(SSOPopupWrapper, { opened: true, onClose: onClose },
                 React__default["default"].createElement(SSOScreenRenderer, null)))));