@hhgtech/hhg-components 1.29.286 → 1.29.287

package/build/ssoV2.js

@@ -2,29 +2,29 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-4257be99.js');
+var tslib_es6 = require('./tslib.es6-19da1cc1.js');
 var React = require('react');
-var index$5 = require('./index-bdecf8a6.js');
-var store = require('./store-095116d4.js');
+var index$5 = require('./index-4da7655f.js');
+var store = require('./store-f431b277.js');
 var arrow = require('@hhgtech/icons/arrow');
 var core$1 = require('@hhgtech/icons/core');
-var logoIcon = require('./logoIcon-becc526a.js');
-var index$3 = require('./index-2171bfd1.js');
-var index$1 = require('./index-6319ae61.js');
+var index$2 = require('./index-2b807f66.js');
+var logoIcon = require('./logoIcon-6e041ab3.js');
+var index$4 = require('./index-ad8b9d50.js');
+var index$1 = require('./index-dbcc080e.js');
 var core = require('@mantine/core');
 require('@mantine/dates');
-var index$4 = require('./index-d6ab805e.js');
-require('./index-c18ddaaf.js');
-require('./index-0ed00fe6.js');
-var useMantineLocale = require('./useMantineLocale-84fe74db.js');
-var index$2 = require('./index-06c0ad44.js');
-var index = require('./index-11cb1f50.js');
+require('./index-61b50894.js');
+require('./index-3bb48e43.js');
+var useMantineLocale = require('./useMantineLocale-3853d7c6.js');
+var index$3 = require('./index-50cc5e07.js');
+var index = require('./index-f42ab9f6.js');
 require('@mantine/hooks');
-require('./utils-ab536e65.js');
-require('./other-5735a963.js');
-require('./index-0e46b103.js');
-var Locale = require('./Locale-fe89b674.js');
-var Google = require('./Google-7aa66131.js');
+require('./utils-bbae7bcf.js');
+require('./other-4eaae855.js');
+require('./index-90bd8b78.js');
+var Locale = require('./Locale-1ad4f66d.js');
+var Google = require('./Google-86aa8faa.js');
 var PhoneInputBase = require('react-phone-number-input');
 var styled = require('@emotion/styled');
 var cn = require('classnames');
@@ -32,28 +32,28 @@ var other = require('@hhgtech/icons/other');
 var debounce = require('lodash/debounce');
 var throttle = require('lodash/throttle');
 var Flags = require('react-phone-number-input/flags');
-var useScreenSize = require('./useScreenSize-db02db63.js');
+var useScreenSize = require('./useScreenSize-d3d27f64.js');
 var vaul = require('vaul');
-var utils = require('./utils-d2e4f32a.js');
-var index$6 = require('./index-a80ac084.js');
+var utils = require('./utils-8155fb54.js');
+var index$6 = require('./index-f527bffc.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 var form = require('@mantine/form');
 var yup = require('yup');
 var dayjs = require('dayjs');
-var index$7 = require('./index-b8b5678e.js');
+var index$7 = require('./index-fc750755.js');
 require('@mantine/carousel');
 require('./miscTheme.js');
-require('./useUniqueId-05bb43a8.js');
+require('./useUniqueId-48212c06.js');
 require('./constantsSite.js');
 require('zustand');
 require('./constantsIsProduction.js');
-require('./normalizeLink-cf14aba3.js');
+require('./normalizeLink-db1d1f3c.js');
 require('./miscCookieHelper.js');
-require('./index.styles-493b6b33.js');
 require('date-fns/locale');
 require('./constantsRiskScreener.js');
+require('./index.styles-d805ceb7.js');
 require('@mantine/notifications');
-require('./translationsContext-2db0f33d.js');
+require('./translationsContext-573f8909.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -108,7 +108,7 @@ const useSSOState = () => {
 const ConfirmClosePopup = ({ opened, onCancel, onClose, }) => {
     const { t } = index.useTranslations();
     const { tracking } = useSSOState();
-    return (React__default["default"].createElement(index$1.Modal, { opened: opened, onClose: () => onCancel(), withCloseButton: false, zIndex: 999999999992, styles: (theme) => ({
+    return (React__default["default"].createElement(index$1.Modal, { opened: opened, onClose: () => onCancel(), withCloseButton: false, zIndex: index$2.ZINDEX_SSO + 2, styles: (theme) => ({
             body: {
                 padding: '32px 24px',
                 position: 'relative',
@@ -153,13 +153,13 @@ const ConfirmClosePopup = ({ opened, onCancel, onClose, }) => {
                 zIndex: 1,
                 textAlign: 'center',
             } },
-            React__default["default"].createElement(index$2.Text, { size: "h4" }, t('ssov2.popup.close.title')),
-            React__default["default"].createElement(index$2.Text, { size: "p3" }, t('ssov2.popup.close.description'))),
+            React__default["default"].createElement(index$3.Text, { size: "h4" }, t('ssov2.popup.close.title')),
+            React__default["default"].createElement(index$3.Text, { size: "p3" }, t('ssov2.popup.close.description'))),
         React__default["default"].createElement(core.Stack, { mt: 32, spacing: 8, align: "center" },
-            React__default["default"].createElement(index$3.Button, { variant: "primary", size: "lg", onClick: onCancel, w: "50%", radius: 40, "data-event-category": tracking === null || tracking === void 0 ? void 0 : tracking.category, "data-event-action": tracking === null || tracking === void 0 ? void 0 : tracking.action, "data-event-label": "Cancel Exit" },
-                React__default["default"].createElement(index$2.Text, { size: "s2", weight: "regular", color: "inherit" }, t('ssov2.button.cancel'))),
-            React__default["default"].createElement(index$3.Button, { variant: "white", size: "lg", onClick: onClose, fullWidth: true, "data-event-category": tracking === null || tracking === void 0 ? void 0 : tracking.category, "data-event-action": tracking === null || tracking === void 0 ? void 0 : tracking.action, "data-event-label": "Want to exit" },
-                React__default["default"].createElement(index$2.Text, { size: "p2", weight: "regular", color: "gray.6" }, t('ssov2.button.exitNow'))))));
+            React__default["default"].createElement(index$4.Button, { variant: "primary", size: "lg", onClick: onCancel, w: "50%", radius: 40, "data-event-category": tracking === null || tracking === void 0 ? void 0 : tracking.category, "data-event-action": tracking === null || tracking === void 0 ? void 0 : tracking.action, "data-event-label": "Cancel Exit" },
+                React__default["default"].createElement(index$3.Text, { size: "s2", weight: "regular", color: "inherit" }, t('ssov2.button.cancel'))),
+            React__default["default"].createElement(index$4.Button, { variant: "white", size: "lg", onClick: onClose, fullWidth: true, "data-event-category": tracking === null || tracking === void 0 ? void 0 : tracking.category, "data-event-action": tracking === null || tracking === void 0 ? void 0 : tracking.action, "data-event-label": "Want to exit" },
+                React__default["default"].createElement(index$3.Text, { size: "p2", weight: "regular", color: "gray.6" }, t('ssov2.button.exitNow'))))));
 };
 const BackgroundHeader = () => (React__default["default"].createElement("svg", { width: "292", height: "255", viewBox: "0 0 292 255", fill: "none", xmlns: "http://www.w3.org/2000/svg", style: {
         position: 'absolute',
@@ -197,7 +197,7 @@ const SSOPopupWrapper = ({ children, opened, onClose, }) => {
     const showBack = steps.length > 1;
     const showClose = steps.length === 1;
     const showLogo = steps.length === 1;
-    const logoType = (_a = index$4.LOCALE_SPECS[locale]) === null || _a === void 0 ? void 0 : _a.LOGO_TYPE;
+    const logoType = (_a = index$2.LOCALE_SPECS[locale]) === null || _a === void 0 ? void 0 : _a.LOGO_TYPE;
     const [closeConfirmOpen, setCloseConfirmOpen] = React__default["default"].useState(false);
     const onCloseClick = () => {
         setCloseConfirmOpen(true);
@@ -239,14 +239,14 @@ const SSOPopupWrapper = ({ children, opened, onClose, }) => {
                         display: 'block',
                     },
                 },
-            }), withCloseButton: false, zIndex: 999999999990 },
+            }), withCloseButton: false, zIndex: index$2.ZINDEX_SSO },
             React__default["default"].createElement("div", { style: {
                     height: 40,
                     display: 'flex',
                     alignItems: 'center',
                     justifyContent: 'space-between',
                 } },
-                showBack && (React__default["default"].createElement(index$3.Button, { variant: "white", style: {
+                showBack && (React__default["default"].createElement(index$4.Button, { variant: "white", style: {
                         width: 40,
                         height: 40,
                         padding: 8,
@@ -255,7 +255,7 @@ const SSOPopupWrapper = ({ children, opened, onClose, }) => {
                     }, onClick: goBack, "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": "back" },
                     React__default["default"].createElement(arrow.ChevronLeft, null))),
                 showLogo && (React__default["default"].createElement(logoIcon.LogoIcon, { type: logoType, height: 32, width: 'unset' })),
-                showClose && (React__default["default"].createElement(index$3.Button, { variant: "white", style: {
+                showClose && (React__default["default"].createElement(index$4.Button, { variant: "white", style: {
                         width: 40,
                         height: 40,
                         padding: 8,
@@ -486,10 +486,10 @@ const SSOEmailScreen = ({ hidden, }) => {
             setLoading(false);
         }) },
         React__default["default"].createElement(core.Stack, { spacing: 8 },
-            React__default["default"].createElement(index$2.Text, { size: "s1", weight: "semiBold" }, t('ssov2.email.title')),
-            React__default["default"].createElement(index$2.Text, { size: "p4" }, t('ssov2.email.description'))),
+            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$5.Input, { name: "email", placeholder: "Email c\u1EE7a b\u1EA1n", 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$3.Button, { type: "submit", size: "lg", variant: "primary", fullWidth: true, mt: 16, disabled: loading, loading: loading, "data-event-category": trackingCategory, "data-event-action": trackingAction, "data-event-label": "Verify Your Email" }, t('ssov2.email.button'))));
+        React__default["default"].createElement(index$4.Button, { type: "submit", size: "lg", variant: "primary", fullWidth: true, mt: 16, disabled: loading, loading: loading, "data-event-category": trackingCategory, "data-event-action": trackingAction, "data-event-label": "Verify Your Email" }, t('ssov2.email.button'))));
 };
 
 const splitPhone = (phone) => {
@@ -1886,16 +1886,16 @@ function CountrySelectWithIcon(_a) {
     }, [disabled, readOnly]);
     const SelectCountryContent = (React__default["default"].createElement(core.Stack, { spacing: 24 },
         React__default["default"].createElement(core.Stack, { spacing: 8 },
-            React__default["default"].createElement(index$2.Text, { size: "s4" }, "Country Code"),
+            React__default["default"].createElement(index$3.Text, { size: "s4" }, "Country Code"),
             React__default["default"].createElement(index$5.Input, { size: "lg", placeholder: "Search country/region", 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$2.Text, { size: "s4" }, "Current selection"),
+            React__default["default"].createElement(index$3.Text, { size: "s4" }, "Current selection"),
             React__default["default"].createElement(SelectCountryItem, { option: selectedOption, onSelect: (option) => {
                     onChange_(option.value);
                     setOpen(false);
                 } }))),
         React__default["default"].createElement(core.Stack, { spacing: 0 },
-            React__default["default"].createElement(index$2.Text, { size: "s4" }, "All Countries"),
+            React__default["default"].createElement(index$3.Text, { size: "s4" }, "All Countries"),
             filteredOptions.map((option) => (React__default["default"].createElement(SelectCountryItem, { option: option, key: option.value, onSelect: (option) => {
                     onChange_(option.value);
                     setOpen(false);
@@ -1915,19 +1915,19 @@ function CountrySelectWithIcon(_a) {
                             height: 16,
                             borderRadius: 2,
                         } })),
-                    React__default["default"].createElement(index$2.Text, { size: "p2" }, selectedCallingCode))),
+                    React__default["default"].createElement(index$3.Text, { size: "p2" }, selectedCallingCode))),
                 React__default["default"].createElement(Arrow, null))),
         open &&
             (isMobile ? (React__default["default"].createElement(vaul.Drawer.Root, { open: open, onOpenChange: (o) => setOpen(o) },
                 React__default["default"].createElement(vaul.Drawer.Portal, null,
                     React__default["default"].createElement(vaul.Drawer.Overlay, { "data-testid": "overlay", style: {
-                            zIndex: 99999999998,
+                            zIndex: index$2.ZINDEX_SSO + 9,
                             position: 'fixed',
                             background: 'rgba(0, 0, 0, 0.4)',
                             inset: 0,
                         } }),
                     React__default["default"].createElement(vaul.Drawer.Content, { "data-testid": "fully-controlled-content", style: {
-                            zIndex: 99999999999,
+                            zIndex: index$2.ZINDEX_SSO + 9,
                             position: 'fixed',
                             bottom: 0,
                             left: 0,
@@ -1959,9 +1959,9 @@ function CountrySelectWithIcon(_a) {
                         left: 0,
                         width: '100%',
                         height: '100%',
-                        zIndex: 99999998,
+                        zIndex: index$2.ZINDEX_SSO + 9,
                     }, onClick: () => setOpen(false) }),
-                React__default["default"].createElement("div", { style: Object.assign({ position: 'fixed', height: 540, top: '100%', left: 0, width: '100%', backgroundColor: 'white', padding: '8px 24px', zIndex: 99999999, borderRadius: 12, boxShadow: '0px 0px 1px 0px #0000000A, 0px 4px 8px 0px #0000000A, 0px 16px 24px 0px #0000000A, 0px 24px 32px 0px #0000000A', overflow: 'auto' }, modalStyle) }, SelectCountryContent))))));
+                React__default["default"].createElement("div", { style: Object.assign({ position: 'fixed', height: 540, top: '100%', left: 0, width: '100%', backgroundColor: 'white', padding: '8px 24px', zIndex: index$2.ZINDEX_SSO + 9, borderRadius: 12, boxShadow: '0px 0px 1px 0px #0000000A, 0px 4px 8px 0px #0000000A, 0px 16px 24px 0px #0000000A, 0px 24px 32px 0px #0000000A', overflow: 'auto' }, modalStyle) }, SelectCountryContent))))));
 }
 const SelectCountryItem = ({ option, onSelect, selected, }) => {
     const selectedCallingCode = React.useMemo(() => {
@@ -1992,8 +1992,8 @@ const SelectCountryItem = ({ option, onSelect, selected, }) => {
                         height: 16,
                         borderRadius: 2,
                     } }),
-                React__default["default"].createElement(index$2.Text, { size: "p4" }, option.label)),
-            React__default["default"].createElement(index$2.Text, { size: "p4" }, selectedCallingCode))));
+                React__default["default"].createElement(index$3.Text, { size: "p4" }, option.label)),
+            React__default["default"].createElement(index$3.Text, { size: "p4" }, selectedCallingCode))));
 };
 CountrySelectWithIcon.propTypes = {
     // Country flag component.
@@ -2087,6 +2087,9 @@ const StyledPhone = styled__default["default"](PhoneWithCustomCountrySelect) `
   }
 `;
 
+if (typeof window !== 'undefined') {
+    window.showNotification = useMantineLocale.showNotification;
+}
 const SSOFirstScreen = ({ hidden, config, }) => {
     var _a, _b;
     const [phone, setPhone] = React__default["default"].useState('');
@@ -2411,15 +2414,15 @@ const SSOFirstScreen = ({ hidden, config, }) => {
         } },
         React__default["default"].createElement(core.Stack, { spacing: 12 },
             React__default["default"].createElement(core.Group, { spacing: 24 },
-                React__default["default"].createElement(index$2.Text, { size: "s1", weight: "semiBold", color: activeTab === 'login' ? 'gray.8' : 'gray.4', onClick: () => setActiveTab('login'), style: {
+                React__default["default"].createElement(index$3.Text, { size: "s1", weight: "semiBold", color: activeTab === 'login' ? 'gray.8' : 'gray.4', onClick: () => setActiveTab('login'), style: {
                         borderBottom: activeTab === 'login' ? '2px solid #000' : undefined,
                         cursor: 'pointer',
                     }, "data-event-category": trackingCategory, "data-event-action": trackingAction, "data-event-label": "Log In" }, t('ssov2.first.title.login')),
-                React__default["default"].createElement(index$2.Text, { size: "s1", weight: "semiBold", color: activeTab === 'signup' ? 'gray.8' : 'gray.4', onClick: () => setActiveTab('signup'), style: {
+                React__default["default"].createElement(index$3.Text, { size: "s1", weight: "semiBold", color: activeTab === 'signup' ? 'gray.8' : 'gray.4', onClick: () => setActiveTab('signup'), style: {
                         borderBottom: activeTab === 'signup' ? '2px solid #000' : undefined,
                         cursor: 'pointer',
                     }, "data-event-category": trackingCategory, "data-event-action": trackingAction, "data-event-label": "Sign Up" }, t('ssov2.first.title.signup'))),
-            React__default["default"].createElement(index$2.Text, { size: "p4" }, t('ssov2.first.description'))),
+            React__default["default"].createElement(index$3.Text, { size: "p4" }, t('ssov2.first.description'))),
         React__default["default"].createElement(core.Stack, { mt: 24, spacing: 24 },
             React__default["default"].createElement(core.Stack, { spacing: 16 },
                 React__default["default"].createElement("form", { onSubmit: (e) => {
@@ -2428,15 +2431,15 @@ const SSOFirstScreen = ({ hidden, config, }) => {
                     } },
                     React__default["default"].createElement(index$5.Input.Wrapper, { error: errMsg },
                         React__default["default"].createElement(StyledPhone, { defaultCountry: (locale ? utils.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" }))),
-                React__default["default"].createElement(index$3.Button, { size: "lg", variant: "primary", onClick: onClickLoginWithPhone, loading: loading, disabled: loading, "data-event-category": trackingCategory, "data-event-action": trackingAction, "data-event-label": "Continue Login", display: activeTab === 'login' ? 'block' : 'none' }, t('ssov2.button.continue')),
-                React__default["default"].createElement(index$3.Button, { size: "lg", variant: "primary", onClick: onClickContinueZalo, loading: loading, disabled: loading, "data-event-category": trackingCategory, "data-event-action": trackingAction, "data-event-label": "Continue with Zalo", display: activeTab === 'signup' ? 'block' : 'none' }, t('ssov2.button.otp.zalo')),
-                React__default["default"].createElement(index$3.Button, { size: "lg", variant: "secondary", onClick: onClickContinuePhone, loading: loading, disabled: loading, "data-event-category": trackingCategory, "data-event-action": trackingAction, "data-event-label": "Continue with SMS", display: activeTab === 'signup' ? 'block' : 'none' }, t('ssov2.button.otp.sms'))),
+                React__default["default"].createElement(index$4.Button, { size: "lg", variant: "primary", onClick: onClickLoginWithPhone, loading: loading, disabled: loading, "data-event-category": trackingCategory, "data-event-action": trackingAction, "data-event-label": "Continue Login", display: activeTab === 'login' ? 'block' : 'none' }, t('ssov2.button.continue')),
+                React__default["default"].createElement(index$4.Button, { size: "lg", variant: "primary", onClick: onClickContinueZalo, loading: loading, disabled: loading, "data-event-category": trackingCategory, "data-event-action": trackingAction, "data-event-label": "Continue with Zalo", display: activeTab === 'signup' ? 'block' : 'none' }, t('ssov2.button.otp.zalo')),
+                React__default["default"].createElement(index$4.Button, { size: "lg", variant: "secondary", onClick: onClickContinuePhone, loading: loading, disabled: loading, "data-event-category": trackingCategory, "data-event-action": trackingAction, "data-event-label": "Continue with SMS", display: activeTab === 'signup' ? 'block' : 'none' }, t('ssov2.button.otp.sms'))),
             React__default["default"].createElement(core.Stack, { spacing: 16, align: "center" },
-                React__default["default"].createElement(index$2.Text, { size: "p4", color: "gray.4" }, t('ssov2.orContinueWith')),
+                React__default["default"].createElement(index$3.Text, { size: "p4", color: "gray.4" }, t('ssov2.orContinueWith')),
                 React__default["default"].createElement(core.Group, { spacing: 8, style: {
                         width: '100%',
                     } },
-                    React__default["default"].createElement(index$3.Button, { variant: "white", style: {
+                    React__default["default"].createElement(index$4.Button, { variant: "white", style: {
                             flex: 1,
                             height: 48,
                             padding: 12,
@@ -2450,8 +2453,8 @@ const SSOFirstScreen = ({ hidden, config, }) => {
                                 borderRadius: '100%',
                             } }),
                         ' ',
-                        React__default["default"].createElement(index$2.Text, { size: "p4", color: "black", weight: "regular" }, "Google")),
-                    React__default["default"].createElement(index$3.Button, { variant: "white", style: {
+                        React__default["default"].createElement(index$3.Text, { size: "p4", color: "black", weight: "regular" }, "Google")),
+                    React__default["default"].createElement(index$4.Button, { variant: "white", style: {
                             flex: 1,
                             height: 48,
                             padding: 12,
@@ -2465,8 +2468,8 @@ const SSOFirstScreen = ({ hidden, config, }) => {
                                 borderRadius: '100%',
                             } }),
                         ' ',
-                        React__default["default"].createElement(index$2.Text, { size: "p4", color: "black", weight: "regular" }, "Facebook")),
-                    React__default["default"].createElement(index$3.Button, { variant: "white", style: {
+                        React__default["default"].createElement(index$3.Text, { size: "p4", color: "black", weight: "regular" }, "Facebook")),
+                    React__default["default"].createElement(index$4.Button, { variant: "white", style: {
                             flex: 1,
                             height: 48,
                             padding: 12,
@@ -2477,7 +2480,7 @@ const SSOFirstScreen = ({ hidden, config, }) => {
                                 marginRight: 4,
                             } }),
                         ' ',
-                        React__default["default"].createElement(index$2.Text, { size: "p4", color: "black", weight: "regular" }, "Email"))))),
+                        React__default["default"].createElement(index$3.Text, { size: "p4", color: "black", weight: "regular" }, "Email"))))),
         React__default["default"].createElement(core.Stack, { spacing: 24, sx: (theme) => ({
                 marginTop: 56,
                 [theme.fn.smallerThan('sm')]: {
@@ -2485,15 +2488,15 @@ const SSOFirstScreen = ({ hidden, config, }) => {
                     paddingTop: 50,
                 },
             }) },
-            React__default["default"].createElement(index$6.Spoiler, { maxHeight: 74, showLabel: React__default["default"].createElement(index$2.Text, { size: "p5", color: "gray.6", underline: true }, t('home.seeMore')), hideLabel: React__default["default"].createElement(index$2.Text, { size: "p5", color: "gray.6", underline: true }, t('articlePage.showLess')) },
-                React__default["default"].createElement(index$2.Text, { size: "p5", color: "gray.6" }, t(legalTextType === 'community'
+            React__default["default"].createElement(index$6.Spoiler, { maxHeight: 74, showLabel: React__default["default"].createElement(index$3.Text, { size: "p5", color: "gray.6", underline: true }, t('home.seeMore')), hideLabel: React__default["default"].createElement(index$3.Text, { size: "p5", color: "gray.6", underline: true }, t('articlePage.showLess')) },
+                React__default["default"].createElement(index$3.Text, { size: "p5", color: "gray.6" }, t(legalTextType === 'community'
                     ? 'ssov2.policyText.community'
                     : 'ssov2.policyText', {
-                    privacy: (React__default["default"].createElement("a", { href: `https://${constantsDomainLocales.domainLocales[locale]}/static/${((_a = index$4.STATIC_PAGES[locale]) === null || _a === void 0 ? void 0 : _a.PRIVACY_POLICY) || ''}`, target: "_blank", style: {
+                    privacy: (React__default["default"].createElement("a", { href: `https://${constantsDomainLocales.domainLocales[locale]}/static/${((_a = index$2.STATIC_PAGES[locale]) === null || _a === void 0 ? void 0 : _a.PRIVACY_POLICY) || ''}`, target: "_blank", style: {
                             color: '#262626',
                             textDecoration: 'underline',
                         }, "data-event-category": trackingCategory, "data-event-action": trackingAction, "data-event-label": "Privacy Policy" }, t('ssov2.policyText.privacy'))),
-                    terms: (React__default["default"].createElement("a", { href: `https://${constantsDomainLocales.domainLocales[locale]}/static/${((_b = index$4.STATIC_PAGES[locale]) === null || _b === void 0 ? void 0 : _b.TERM_OF_USE) || ''}`, target: "_blank", style: {
+                    terms: (React__default["default"].createElement("a", { href: `https://${constantsDomainLocales.domainLocales[locale]}/static/${((_b = index$2.STATIC_PAGES[locale]) === null || _b === void 0 ? void 0 : _b.TERM_OF_USE) || ''}`, target: "_blank", style: {
                             color: '#262626',
                             textDecoration: 'underline',
                         }, "data-event-category": trackingCategory, "data-event-action": trackingAction, "data-event-label": "Terms of Service" }, t('ssov2.policyText.terms'))),
@@ -2869,8 +2872,8 @@ const SSOOTPScreen = ({ hidden, index: index$1, config, }) => {
             submitOtp(String(otp));
         } },
         React__default["default"].createElement(core.Stack, { spacing: 8 },
-            React__default["default"].createElement(index$2.Text, { size: "s1", weight: "semiBold" }, isEmail ? t('ssov2.otp.email.title') : t('ssov2.otp.phone.title')),
-            React__default["default"].createElement(index$2.Text, { size: "p4", sx: {
+            React__default["default"].createElement(index$3.Text, { size: "s1", weight: "semiBold" }, isEmail ? t('ssov2.otp.email.title') : t('ssov2.otp.phone.title')),
+            React__default["default"].createElement(index$3.Text, { size: "p4", sx: {
                     b: {
                         fontWeight: 'bold',
                     },
@@ -2903,15 +2906,15 @@ const SSOOTPScreen = ({ hidden, index: index$1, config, }) => {
             React__default["default"].createElement(core.Group, { spacing: 8, align: "center", style: {
                     height: 40,
                 } },
-                React__default["default"].createElement(index$2.Text, { size: "p4" }, t('ssov2.otp.resendQuestion')),
-                React__default["default"].createElement(index$2.Text, { style: {
+                React__default["default"].createElement(index$3.Text, { size: "p4" }, t('ssov2.otp.resendQuestion')),
+                React__default["default"].createElement(index$3.Text, { style: {
                         pointerEvents: resendTime > 0 ? 'none' : 'auto',
                         cursor: resendTime > 0 ? 'not-allowed' : 'pointer',
                     }, size: "s4", color: "blue.6", onClick: () => sendOTPCode(true), "data-event-category": trackingCategory, "data-event-action": trackingAction, "data-event-label": "Resend OTP" }, t('ssov2.otp.resendText', {
                     count: resendTime,
                 })))),
-        React__default["default"].createElement(index$3.Button, { type: "submit", size: "lg", variant: "primary", mt: 12, fullWidth: true, disabled: loading, loading: loading, "data-event-category": trackingCategory, "data-event-action": trackingAction, "data-event-label": "Continue", ref: submitButtonRef }, t('ssov2.button.continue')),
-        !isEmail && (React__default["default"].createElement(index$3.Button, { size: "lg", variant: "tertiary", mt: 12, onClick: swapZaloSms, fullWidth: true, disabled: loading, loading: loading, "data-event-category": trackingCategory, "data-event-action": trackingAction, "data-event-label": `Send OTP Code via ${otpType === 'phone-sms' ? 'Zalo' : 'SMS'}` }, t('ssov2.otp.sendVia', {
+        React__default["default"].createElement(index$4.Button, { type: "submit", size: "lg", variant: "primary", mt: 12, fullWidth: true, disabled: loading, loading: loading, "data-event-category": trackingCategory, "data-event-action": trackingAction, "data-event-label": "Continue", ref: submitButtonRef }, t('ssov2.button.continue')),
+        !isEmail && (React__default["default"].createElement(index$4.Button, { size: "lg", variant: "tertiary", mt: 12, onClick: swapZaloSms, fullWidth: true, disabled: loading, loading: loading, "data-event-category": trackingCategory, "data-event-action": trackingAction, "data-event-label": `Send OTP Code via ${otpType === 'phone-sms' ? 'Zalo' : 'SMS'}` }, t('ssov2.otp.sendVia', {
             method: otpType === 'phone-sms' ? 'Zalo' : 'SMS',
         })))));
 };
@@ -3031,21 +3034,21 @@ const SSOPasswordScreen = ({ hidden, config, }) => {
             setLoading(false);
         }) },
         React__default["default"].createElement(core.Stack, { spacing: 8 },
-            React__default["default"].createElement(index$2.Text, { size: "s1", weight: "semiBold" },
+            React__default["default"].createElement(index$3.Text, { size: "s1", weight: "semiBold" },
                 t('ssov2.password.title1'),
                 React__default["default"].createElement("br", null),
                 t('ssov2.password.title2')),
-            React__default["default"].createElement(index$2.Text, { size: "p4" }, t('ssov2.password.description'))),
+            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$5.PasswordInput, { name: "password", placeholder: "Nh\u1EADp m\u1EADt kh\u1EA9u", error: errMsg || undefined, onChange: () => setErrMsg(''), disabled: loading, required: true, "data-event-category": trackingCategory, "data-event-action": trackingAction, "data-event-label": "Enter Password" }),
             React__default["default"].createElement(core.Group, { spacing: 8, align: "center", style: {
                     height: 40,
                 } },
-                React__default["default"].createElement(index$2.Text, { size: "p4" }, t('ssov2.password.forgotPassword')),
-                React__default["default"].createElement(index$2.Text, { size: "s4", color: "blue.6", style: {
+                React__default["default"].createElement(index$3.Text, { size: "p4" }, t('ssov2.password.forgotPassword')),
+                React__default["default"].createElement(index$3.Text, { size: "s4", color: "blue.6", style: {
                         cursor: 'pointer',
                     }, onClick: resetPassword, "data-event-category": trackingCategory, "data-event-action": trackingAction, "data-event-label": "Reset Password" }, t('ssov2.password.reset')))),
-        React__default["default"].createElement(index$3.Button, { type: "submit", size: "lg", variant: "primary", mt: 12, fullWidth: true, disabled: loading, loading: loading, "data-event-category": trackingCategory, "data-event-action": trackingAction, "data-event-label": "Sign In" }, t('ssov2.password.signIn'))));
+        React__default["default"].createElement(index$4.Button, { type: "submit", size: "lg", variant: "primary", mt: 12, fullWidth: true, disabled: loading, loading: loading, "data-event-category": trackingCategory, "data-event-action": trackingAction, "data-event-label": "Sign In" }, t('ssov2.password.signIn'))));
 };
 
 const SSOPasswordForgotPhone = ({ hidden, config, }) => {
@@ -3158,15 +3161,15 @@ const SSOPasswordForgotPhone = ({ hidden, config, }) => {
             display: hidden ? 'none' : 'block',
         } },
         React__default["default"].createElement(core.Stack, { spacing: 8 },
-            React__default["default"].createElement(index$2.Text, { size: "s1", weight: "semiBold" }, t('ssov2.resetPassword.title')),
-            React__default["default"].createElement(index$2.Text, { size: "p4" }, t('ssov2.resetPassword.description'))),
+            React__default["default"].createElement(index$3.Text, { size: "s1", weight: "semiBold" }, t('ssov2.resetPassword.title')),
+            React__default["default"].createElement(index$3.Text, { size: "p4" }, t('ssov2.resetPassword.description'))),
         React__default["default"].createElement(core.Stack, { mt: 24, spacing: 16 },
             React__default["default"].createElement(StyledPhone, { defaultCountry: (locale ? utils.MAPPED_LOCALE[locale] || 'VN' : 'VN'), value: phone, 
                 // onChange={(value) => setPhone(value)}
                 isError: !!errMsg, required: true, disabled: true, "data-event-category": trackingCategory, "data-event-action": trackingAction, "data-event-label": "Enter Phone" }),
-            errMsg && (React__default["default"].createElement(index$2.Text, { size: "label2", color: "red.6", mt: -12 }, errMsg)),
-            React__default["default"].createElement(index$3.Button, { size: "lg", variant: "primary", onClick: onClickContinueZalo, disabled: loading, loading: loading, "data-event-category": trackingCategory, "data-event-action": trackingAction, "data-event-label": "Continue with Zalo" }, t('ssov2.button.continueZalo')),
-            React__default["default"].createElement(index$3.Button, { size: "lg", variant: "secondary", onClick: onClickContinuePhone, disabled: loading, loading: loading, "data-event-category": trackingCategory, "data-event-action": trackingAction, "data-event-label": "Continue with SMS" }, t('ssov2.button.continueSMS')))));
+            errMsg && (React__default["default"].createElement(index$3.Text, { size: "label2", color: "red.6", mt: -12 }, errMsg)),
+            React__default["default"].createElement(index$4.Button, { size: "lg", variant: "primary", onClick: onClickContinueZalo, disabled: loading, loading: loading, "data-event-category": trackingCategory, "data-event-action": trackingAction, "data-event-label": "Continue with Zalo" }, t('ssov2.button.continueZalo')),
+            React__default["default"].createElement(index$4.Button, { size: "lg", variant: "secondary", onClick: onClickContinuePhone, disabled: loading, loading: loading, "data-event-category": trackingCategory, "data-event-action": trackingAction, "data-event-label": "Continue with SMS" }, t('ssov2.button.continueSMS')))));
 };
 
 const CheckGrayIcon = () => (React__default["default"].createElement("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
@@ -3196,10 +3199,10 @@ const SSOPasswordWithConfirm = (_a) => {
         React__default["default"].createElement(core.Stack, { spacing: 8 },
             React__default["default"].createElement(core.Group, { spacing: 4, align: "center" },
                 atLeast8Chars ? (React__default["default"].createElement(CheckGreenIcon, null)) : typeof atLeast8Chars === 'undefined' ? (React__default["default"].createElement(CheckGrayIcon, null)) : (React__default["default"].createElement(CheckRedIcon, null)),
-                React__default["default"].createElement(index$2.Text, { size: "n1" }, t('ssov2.passwordForgotSetup.field.password.atLeast8Chars'))),
+                React__default["default"].createElement(index$3.Text, { size: "n1" }, t('ssov2.passwordForgotSetup.field.password.atLeast8Chars'))),
             React__default["default"].createElement(core.Group, { spacing: 4, align: "center" },
                 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$2.Text, { size: "n1" }, t('ssov2.passwordForgotSetup.field.password.atLeastOneUpper')))),
+                React__default["default"].createElement(index$3.Text, { size: "n1" }, t('ssov2.passwordForgotSetup.field.password.atLeastOneUpper')))),
         React__default["default"].createElement(index$5.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')))));
 };
 
@@ -3282,14 +3285,14 @@ const SSOPasswordForgotSetup = ({ hidden, }) => {
         }, onSubmit: form$1.onSubmit(onSubmit) },
         React__default["default"].createElement(core.Stack, { spacing: 24 },
             React__default["default"].createElement(core.Stack, { spacing: 8 },
-                React__default["default"].createElement(index$2.Text, { size: "s1", weight: "semiBold" }, t('ssov2.passwordForgotSetup.title')),
-                React__default["default"].createElement(index$2.Text, { size: "p4" }, t('ssov2.passwordForgotSetup.description'))),
+                React__default["default"].createElement(index$3.Text, { size: "s1", weight: "semiBold" }, t('ssov2.passwordForgotSetup.title')),
+                React__default["default"].createElement(index$3.Text, { size: "p4" }, t('ssov2.passwordForgotSetup.description'))),
             React__default["default"].createElement(SSOPasswordWithConfirm, { form: form$1, loading: loading, tracking: {
                     category: trackingCategory,
                     action: trackingAction,
                 } }),
-            errMsg && (React__default["default"].createElement(index$2.Text, { size: "label2", color: "red.6", mt: -12 }, errMsg)),
-            React__default["default"].createElement(index$3.Button, { type: "submit", size: "lg", variant: "primary", fullWidth: true, disabled: loading, loading: loading, "data-event-category": trackingCategory, "data-event-action": trackingAction, "data-event-label": "Save" }, t('ssov2.button.save')))));
+            errMsg && (React__default["default"].createElement(index$3.Text, { size: "label2", color: "red.6", mt: -12 }, errMsg)),
+            React__default["default"].createElement(index$4.Button, { type: "submit", size: "lg", variant: "primary", fullWidth: true, disabled: loading, loading: loading, "data-event-category": trackingCategory, "data-event-action": trackingAction, "data-event-label": "Save" }, t('ssov2.button.save')))));
 };
 
 const SSOPhoneVerify = ({ hidden, config, }) => {
@@ -3400,16 +3403,16 @@ const SSOPhoneVerify = ({ hidden, config, }) => {
         } },
         React__default["default"].createElement(core.Stack, { spacing: 24 },
             React__default["default"].createElement(core.Stack, { spacing: 8 },
-                React__default["default"].createElement(index$2.Text, { size: "s1", weight: "semiBold" }, t('ssov2.phoneVerify.title')),
-                React__default["default"].createElement(index$2.Text, { size: "p4" }, t('ssov2.phoneVerify.description'))),
+                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$5.Input.Wrapper, { error: errMsg },
                     React__default["default"].createElement(StyledPhone, { defaultCountry: (locale ? utils.MAPPED_LOCALE[locale] || 'VN' : 'VN'), value: phone, onChange: (value) => {
                             setPhone(value);
                             setErrMsg('');
                         }, isError: !!errMsg, required: true, name: "phone", disabled: loading, "data-event-category": trackingCategory, "data-event-action": trackingAction, "data-event-label": "Enter Phone" })),
-                React__default["default"].createElement(index$3.Button, { size: "lg", variant: "primary", onClick: onClickContinueZalo, disabled: loading, loading: loading, "data-event-category": trackingCategory, "data-event-action": trackingAction, "data-event-label": "Continue with Zalo" }, t('ssov2.button.continueZalo')),
-                React__default["default"].createElement(index$3.Button, { size: "lg", variant: "secondary", onClick: onClickContinuePhone, disabled: loading, loading: loading, "data-event-category": trackingCategory, "data-event-action": trackingAction, "data-event-label": "Continue with SMS" }, t('ssov2.button.continueSMS'))))));
+                React__default["default"].createElement(index$4.Button, { size: "lg", variant: "primary", onClick: onClickContinueZalo, disabled: loading, loading: loading, "data-event-category": trackingCategory, "data-event-action": trackingAction, "data-event-label": "Continue with Zalo" }, t('ssov2.button.continueZalo')),
+                React__default["default"].createElement(index$4.Button, { size: "lg", variant: "secondary", onClick: onClickContinuePhone, disabled: loading, loading: loading, "data-event-category": trackingCategory, "data-event-action": trackingAction, "data-event-label": "Continue with SMS" }, t('ssov2.button.continueSMS'))))));
 };
 
 const FemaleIcon = () => (React__default["default"].createElement("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
@@ -3454,7 +3457,7 @@ const OtherSetup = ({ form, needPhone, skipPhone, needEmail, isEmailDisable, isP
                         form.setFieldValue('phone', value);
                     }, isError: !!form.getInputProps('phone').error, required: true, name: "phone", disabled: loading || isPhoneDisabled, "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 Phone" })),
             !skipPhone && (React__default["default"].createElement(core.Group, { spacing: 24 },
-                React__default["default"].createElement(index$2.Text, { size: "p4" }, t('ssov2.setup.field.otp.label')),
+                React__default["default"].createElement(index$3.Text, { size: "p4" }, t('ssov2.setup.field.otp.label')),
                 React__default["default"].createElement(index$5.Radio.Group, Object.assign({ name: "otpMethod", styles: {
                         root: {
                             display: 'flex',
@@ -3477,7 +3480,7 @@ const OtherSetup = ({ form, needPhone, skipPhone, needEmail, isEmailDisable, isP
         React__default["default"].createElement(index$5.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$5.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$3.Button, { type: "button", styles: {
+                React__default["default"].createElement(index$4.Button, { type: "button", styles: {
                         root: {
                             flex: 1,
                         },
@@ -3489,7 +3492,7 @@ const OtherSetup = ({ form, needPhone, skipPhone, needEmail, isEmailDisable, isP
                         : 'tertiary', onClick: () => {
                         form.setFieldValue('gender', 'female');
                     }, leftIcon: React__default["default"].createElement(FemaleIcon, null), disabled: loading, "data-event-category": tracking === null || tracking === void 0 ? void 0 : tracking.category, "data-event-action": tracking === null || tracking === void 0 ? void 0 : tracking.action, "data-event-label": "Enter Gender Female" }, t('ssov2.setup.field.gender.female')),
-                React__default["default"].createElement(index$3.Button, { type: "button", styles: {
+                React__default["default"].createElement(index$4.Button, { type: "button", styles: {
                         root: {
                             flex: 1,
                         },
@@ -3758,8 +3761,8 @@ const SSOSetupScreen = ({ hidden, config, }) => {
         }, onSubmit: form$1.onSubmit(onSubmit) },
         React__default["default"].createElement(core.Stack, { spacing: 24 },
             React__default["default"].createElement(core.Stack, { spacing: 8 },
-                React__default["default"].createElement(index$2.Text, { size: "s1", weight: "semiBold" }, t('ssov2.setup.title')),
-                React__default["default"].createElement(index$2.Text, { size: "p4" }, t('ssov2.setup.description'))),
+                React__default["default"].createElement(index$3.Text, { size: "s1", weight: "semiBold" }, t('ssov2.setup.title')),
+                React__default["default"].createElement(index$3.Text, { size: "p4" }, t('ssov2.setup.description'))),
             needPass && (React__default["default"].createElement(SSOPasswordWithConfirm, { form: form$1, loading: loading, tracking: {
                     category: trackingCategory,
                     action: trackingAction,
@@ -3768,8 +3771,8 @@ const SSOSetupScreen = ({ hidden, config, }) => {
                     category: trackingCategory,
                     action: trackingAction,
                 } }),
-            errMsg && (React__default["default"].createElement(index$2.Text, { color: "red.6", size: "p4" }, errMsg)),
-            React__default["default"].createElement(index$3.Button, { type: "submit", variant: "primary", fullWidth: true, loading: loading, disabled: loading, "data-event-category": trackingCategory, "data-event-action": trackingAction, "data-event-label": needPhone && !skipPhone
+            errMsg && (React__default["default"].createElement(index$3.Text, { color: "red.6", size: "p4" }, errMsg)),
+            React__default["default"].createElement(index$4.Button, { type: "submit", variant: "primary", fullWidth: true, loading: loading, disabled: loading, "data-event-category": trackingCategory, "data-event-action": trackingAction, "data-event-label": needPhone && !skipPhone
                     ? 'Verify Phone Number'
                     : authFlow === 'signup'
                         ? 'Create New Account'
@@ -3849,10 +3852,10 @@ const SSOUpdateEmailScreen = ({ hidden, }) => {
             setLoading(false);
         }) },
         React__default["default"].createElement(core.Stack, { spacing: 8 },
-            React__default["default"].createElement(index$2.Text, { size: "s1", weight: "semiBold" }, t('ssov2.updateEmail.title')),
-            React__default["default"].createElement(index$2.Text, { size: "p4" }, t('ssov2.updateEmail.description'))),
+            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$5.Input, { name: "email", placeholder: "Email c\u1EE7a b\u1EA1n", 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$3.Button, { type: "submit", size: "lg", variant: "primary", fullWidth: true, mt: 16, loading: loading, disabled: loading, "data-event-category": trackingCategory, "data-event-action": trackingAction, "data-event-label": "Verify Your Email" }, t('ssov2.updateEmail.button'))));
+        React__default["default"].createElement(index$4.Button, { type: "submit", size: "lg", variant: "primary", fullWidth: true, mt: 16, loading: loading, disabled: loading, "data-event-category": trackingCategory, "data-event-action": trackingAction, "data-event-label": "Verify Your Email" }, t('ssov2.updateEmail.button'))));
 };
 
 const SSOScreenRenderer = () => {

package/build/{store-095116d4.js → store-f431b277.js}

@@ -1,10 +1,10 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-4257be99.js');
+var tslib_es6 = require('./tslib.es6-19da1cc1.js');
 var zustand = require('zustand');
 var constantsIsProduction = require('./constantsIsProduction.js');
-var normalizeLink = require('./normalizeLink-cf14aba3.js');
-var index = require('./index-d6ab805e.js');
+var normalizeLink = require('./normalizeLink-db1d1f3c.js');
+var index = require('./index-2b807f66.js');
 var miscCookieHelper = require('./miscCookieHelper.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');