@hhgtech/hhg-components 1.29.412-beta-2 → 1.29.412-beta-4

package/build/ssoV2.js

@@ -2,36 +2,36 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-80cd01ec.js');
+var tslib_es6 = require('./tslib.es6-427aff2e.js');
 var React = require('react');
 var miscCookieHelper = require('./miscCookieHelper.js');
-var index$7 = require('./index-871bf383.js');
-var index$6 = require('./index-8a2f123e.js');
+var index$8 = require('./index-331f088e.js');
+var index$7 = require('./index-0291fc0e.js');
 var constantsIsProduction = require('./constantsIsProduction.js');
 var arrow = require('@hhgtech/icons/arrow');
 var core$1 = require('@hhgtech/icons/core');
-var index$2 = require('./index-db76af5d.js');
-var logoIcon = require('./logoIcon-839ec647.js');
-var index$4 = require('./index-dbb1f91e.js');
-var index$1 = require('./index-e787aa67.js');
+var index$2 = require('./index-6a84cc4f.js');
+var logoIcon = require('./logoIcon-c6d44c77.js');
+var index$4 = require('./index-58a269be.js');
+var index$1 = require('./index-efc4b17a.js');
 var core = require('@mantine/core');
 require('@mantine/dates');
-require('./index-05199167.js');
-var index$5 = require('./index-fe50d571.js');
-var useMantineLocale = require('./useMantineLocale-41665618.js');
-var index$3 = require('./index-13cd06ea.js');
-var index = require('./index-eca3fc01.js');
+require('./index-60034148.js');
+var index$6 = require('./index-4628f343.js');
+var index$a = require('./index-83356d7b.js');
+var index$3 = require('./index-28b0e49e.js');
+var index = require('./index-2fc8fa0a.js');
 require('@mantine/hooks');
-require('./utils-f6f80ca7.js');
-require('./other-0dadd1e0.js');
-require('./index-0c06baa2.js');
-var Locale = require('./Locale-a20bc2bb.js');
-var store = require('./store-e15ac771.js');
-var useScreenSize = require('./useScreenSize-903a492c.js');
-var Google = require('./Google-89065f38.js');
+require('./text-2e7a960a.js');
+require('./utils-e3bda41d.js');
+require('./index-3065f9f3.js');
+var Locale = require('./Locale-29d606c9.js');
+var store = require('./store-7436847b.js');
+var index$5 = require('./index-404c632d.js');
+var Google = require('./Google-d489163d.js');
 var PhoneInputBase = require('react-phone-number-input');
-var utils = require('./utils-c91e08b4.js');
-var index$8 = require('./index-f90805e0.js');
+var utils = require('./utils-157d6912.js');
+var index$9 = require('./index-327f0d99.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-c700f985.js');
+var utils$1 = require('./utils-9474b76b.js');
 var form = require('@mantine/form');
 var yup = require('yup');
 var dayjs = require('dayjs');
-var index$9 = require('./index-5d53ab0d.js');
+var index$b = require('./index-85733f81.js');
 require('@mantine/carousel');
 require('./miscTheme.js');
-require('./useUniqueId-9af8c712.js');
+require('./useUniqueId-6f2e21bc.js');
 require('./constantsSite.js');
-require('./normalizeLink-f5a31cb7.js');
+require('./normalizeLink-453446dc.js');
 require('date-fns/locale');
 require('./constantsRiskScreener.js');
-require('./index.styles-1627ae94.js');
+require('./shared-0b83724c.js');
+require('./index.styles-fc5a7d1f.js');
 require('@mantine/notifications');
-require('./translationsContext-b427e34a.js');
+require('./translationsContext-c1155171.js');
 require('zustand');
-require('./healthTools-a92bd8b2.js');
+require('./healthTools-4500607e.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -526,7 +527,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,
                         } })))),
@@ -552,7 +553,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: {
@@ -563,8 +564,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,
     });
@@ -572,7 +573,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,
     });
@@ -581,7 +582,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,
     });
@@ -706,7 +707,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({
@@ -769,7 +770,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'))));
 };
 
@@ -795,7 +796,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: {
@@ -809,8 +810,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,
     });
@@ -821,7 +822,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,
     });
@@ -834,7 +835,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,
     });
@@ -843,7 +844,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,
     });
@@ -852,7 +853,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,
     });
@@ -862,8 +863,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: {
@@ -878,8 +879,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,
     });
@@ -890,7 +891,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,
     });
@@ -899,7 +900,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,
     });
@@ -909,7 +910,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,
     });
@@ -919,7 +920,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,
     });
@@ -931,8 +932,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,
     });
@@ -943,7 +944,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,
     });
@@ -956,7 +957,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,
     });
@@ -965,7 +966,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,
     });
@@ -975,7 +976,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,
     });
@@ -995,7 +996,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', {
@@ -2232,7 +2233,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);
@@ -2306,7 +2307,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) => {
@@ -2477,7 +2478,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);
 
@@ -2552,8 +2553,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({
@@ -2642,7 +2643,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.
@@ -2657,7 +2658,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) {
@@ -2720,7 +2721,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) {
@@ -2783,7 +2784,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) {
@@ -2846,10 +2847,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',
                 });
@@ -2893,7 +2894,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* () {
@@ -2942,7 +2943,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;
@@ -3012,20 +3013,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,
     });
@@ -3147,7 +3148,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));
@@ -3197,9 +3198,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 {
@@ -3245,7 +3246,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
@@ -3267,7 +3268,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));
@@ -3418,8 +3419,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(() => {
@@ -3490,7 +3491,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)) {
@@ -3529,8 +3530,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);
@@ -3607,7 +3608,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,
                 } },
@@ -3693,7 +3694,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)) {
@@ -3736,7 +3737,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)) {
@@ -3779,7 +3780,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)) {
@@ -3858,7 +3859,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" })),
@@ -3869,7 +3870,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, }) => {
@@ -3921,12 +3922,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
@@ -3935,8 +3936,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)) {
@@ -3983,7 +3984,7 @@ const SSOPasswordForgotSetup = ({ hidden, }) => {
                         }
                     }
                     else {
-                        useMantineLocale.showNotification({
+                        index$a.showNotification({
                             type: 'success',
                             message: 'Password has been reset successfully',
                         });
@@ -4065,7 +4066,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);
@@ -4107,7 +4108,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);
@@ -4149,7 +4150,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);
@@ -4191,7 +4192,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('');
@@ -4252,8 +4253,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: {
@@ -4279,7 +4280,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) => {
@@ -4287,7 +4288,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'))))));
 };
@@ -4408,7 +4409,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,
@@ -4419,7 +4420,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,
@@ -4430,7 +4431,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 {
@@ -4493,9 +4494,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) {
@@ -4530,7 +4531,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'))));
 };
 
@@ -4648,7 +4649,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();
@@ -4663,7 +4664,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)))));