@hhgtech/hhg-components 1.29.82 → 1.29.83

package/build/{index-130e0f35.js → index-b76dcc89.js}

@@ -2,33 +2,37 @@
 
 var React = require('react');
 var core = require('@mantine/core');
-var index = require('./index-64d8db08.js');
-var togetherComponentGlobalContext = require('./utils-169c6a7d.js');
-var index$1 = require('./index-e3bbd009.js');
-var tslib_es6 = require('./tslib.es6-bd3f8718.js');
-var index$2 = require('./index-dff7ee1b.js');
-var routing = require('./routing-d6c9099a.js');
-var useTranslations = require('./useTranslations-685f989b.js');
+var index = require('./index-6e7aede8.js');
+var togetherComponentGlobalContext = require('./utils-e4d5701e.js');
+var index$7 = require('./index-617bff8c.js');
+var constantsRiskScreener = require('./constantsRiskScreener.js');
+var tslib_es6 = require('./tslib.es6-d6fa4ee6.js');
+var index$1 = require('./index-df9447b3.js');
+var routing = require('./routing-54391665.js');
+var useTranslations = require('./useTranslations-80687df4.js');
 var form = require('@mantine/form');
 require('@mantine/dates');
-var index$8 = require('./index-1f3fc2e3.js');
-require('./useMantineLocale-0d63dfea.js');
-var index$4 = require('./index-1fdf2f01.js');
-var index$5 = require('./index-3eb666e6.js');
-require('./theme-be20929b.js');
+require('./index-d91f52cc.js');
+require('./useMantineLocale-f9195d27.js');
+var index$3 = require('./index-036fe55d.js');
+var index$4 = require('./index-8cb3f562.js');
 var hooks = require('@mantine/hooks');
-require('./utils-15a9772e.js');
-require('./translationsContext-00fdb62e.js');
+require('./utils-928b4701.js');
+require('./other-0edcc417.js');
+var togetherApiPaths = require('./togetherApiPaths.js');
+require('./translationsContext-ade0df93.js');
 require('string-format');
-var index$3 = require('./index-54aeefca.js');
-var useHealthToolCache = require('./useHealthToolCache-048807ea.js');
-var index$6 = require('./index-10760994.js');
-var isProduction = require('./isProduction-20cd663d.js');
+var index$2 = require('./index-eddf350b.js');
+var useHealthToolCache = require('./useHealthToolCache-9d59f009.js');
+var index$5 = require('./index-bd37f7ea.js');
+var constantsDomainLocales = require('./constantsDomainLocales.js');
+var constantsIsProduction = require('./constantsIsProduction.js');
 var core$1 = require('@hhgtech/icons/core');
-var index$7 = require('./index-405faafa.js');
+var index$6 = require('./index-251187e5.js');
 var Cookies = require('js-cookie');
 var flatten = require('lodash/flatten');
 var uniqBy = require('lodash/uniqBy');
+var Locale = require('./Locale-0b86b849.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -247,9 +251,9 @@ const FLOW = (t, currentUrl) => ({
             },
             'teenager.girl': {
                 action: BannerAction.ShowTool,
-                activeTool: index$1.RISK_SCREENER_NAME.HPV,
+                activeTool: constantsRiskScreener.RISK_SCREENER_NAME.HPV,
                 props: {
-                    value: index$1.RISK_SCREENER_NAME.HPV,
+                    value: constantsRiskScreener.RISK_SCREENER_NAME.HPV,
                 },
             },
             'todders|teenager': {
@@ -362,7 +366,7 @@ const TOOL_BANNERS_PROPS = (t) => ({
         btnLabel: t('pnBanner.caclNow'),
         value: HEALTH_TOOL_TYPE.BABY_GROWTH,
     },
-    [index$1.RISK_SCREENER_NAME.HPV]: {
+    [constantsRiskScreener.RISK_SCREENER_NAME.HPV]: {
         heading: t('pnBanner.hpv.heading'),
         description: t('pnBanner.hpv.desc'),
         thumbnail: {
@@ -371,7 +375,7 @@ const TOOL_BANNERS_PROPS = (t) => ({
         },
         isRiskScreener: true,
         btnLabel: t('pnBanner.checkNow'),
-        value: index$1.RISK_SCREENER_NAME.HPV,
+        value: constantsRiskScreener.RISK_SCREENER_NAME.HPV,
         hideDescOnMobile: true,
         dataEventAction: 'Keep safe from HPV virus Click',
     },
@@ -398,7 +402,7 @@ const PnBannerEle = (_a) => {
             borderRadius: 4,
             cursor: 'pointer',
         }, onClick: bannerClick, "data-event-category": "Newsletter", "data-event-action": "Banner Click", "data-event-label": currentUrl, className: "pointer-event-child-none" }, rest),
-        React__default["default"].createElement(index$2.ImageWrap, { src: isMarketing
+        React__default["default"].createElement(index$1.ImageWrap, { src: isMarketing
                 ? index.CommonGAssets.getAssetPath(`newsletter/${isMobile ? 'Mobile' : 'Desktop'}_Marketing.png`)
                 : index.CommonGAssets.getAssetPath(`newsletter/${isMobile ? 'Mobile' : 'Desktop'}_${type}.png`), style: { maxWidth: '100%' }, alt: "newsletter banner" })));
 };
@@ -467,8 +471,8 @@ const BannerLayout = ({ heading, description, thumbnail = {
                             maxWidth: '70%',
                         },
                     }) },
-                    heading && React__default["default"].createElement(index$3.Heading, { tag: "h4" }, heading),
-                    !(hideDescOnMobile && isMobile) && description && (React__default["default"].createElement(index$4.Text, { size: "p4" }, description))),
+                    heading && React__default["default"].createElement(index$2.Heading, { tag: "h4" }, heading),
+                    !(hideDescOnMobile && isMobile) && description && (React__default["default"].createElement(index$3.Text, { size: "p4" }, description))),
                 React__default["default"].createElement(core.Box, null, children)))));
 };
 
@@ -490,7 +494,7 @@ const BannerWithOptions = (props) => {
         },
     });
     const saveStep = (value) => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {
-        return yield togetherComponentGlobalContext.callApiWithAuth(togetherComponentGlobalContext.getApiPath(togetherComponentGlobalContext.PATHS.HEALTH_TOOL.CREATE, {
+        return yield togetherComponentGlobalContext.callApiWithAuth(togetherComponentGlobalContext.getApiPath(togetherApiPaths.PATHS.HEALTH_TOOL.CREATE, {
             _locale: locale,
             type: MAPPING_CATEGORY_PREMIUM_API_TYPE[surveyType],
         }), 'POST', {
@@ -505,11 +509,11 @@ const BannerWithOptions = (props) => {
         });
     });
     const renderButtonChoice = React.useCallback(() => (React__default["default"].createElement(core.Flex, { gap: core.rem(8), className: classes.wrapper }, items.map((i, idx) => (React__default["default"].createElement(core.Box, { key: String(idx), component: i.isLink ? 'a' : 'div', href: i.isRiskScreener
-            ? `https://${index$1.domainLocales[locale]}/bot/${index$1.RISK_SCREENER_SLUG[locale][i.activeTool]}/`
+            ? `https://${constantsDomainLocales.domainLocales[locale]}/bot/${constantsRiskScreener.RISK_SCREENER_SLUG[locale][i.activeTool]}/`
             : i.isLink
                 ? getHealthToolLink(i.activeTool)
                 : undefined },
-        React__default["default"].createElement(index$5.Button, Object.assign({ className: classes.button, classNames: {
+        React__default["default"].createElement(index$4.Button, Object.assign({ className: classes.button, classNames: {
                 label: classes.buttonLabel,
             }, size: "sm" }, i.tracking, buttonProps, { onClick: () => {
                 if (!i.isLink) {
@@ -529,13 +533,13 @@ const BannerWithOptions = (props) => {
                     paddingLeft: core.rem(16),
                 },
             }) },
-            React__default["default"].createElement(index$2.Checkbox.Group, Object.assign({}, form$1.getInputProps('bannerOptions', { type: 'checkbox' })),
-                React__default["default"].createElement(core.Flex, { gap: core.rem(16) }, items.map((i, idx) => (React__default["default"].createElement(index$2.Checkbox, { key: String(idx), value: i.value, label: i.label, styles: {
+            React__default["default"].createElement(index$1.Checkbox.Group, Object.assign({}, form$1.getInputProps('bannerOptions', { type: 'checkbox' })),
+                React__default["default"].createElement(core.Flex, { gap: core.rem(16) }, items.map((i, idx) => (React__default["default"].createElement(index$1.Checkbox, { key: String(idx), value: i.value, label: i.label, styles: {
                         label: {
                             cursor: 'pointer',
                         },
                     } }))))),
-            React__default["default"].createElement(index$5.Button, Object.assign({ size: "sm" }, submitBtnTracking, buttonProps, { disabled: form$1.getInputProps('bannerOptions').value.length === 0, leftIcon: isMobile ? (React__default["default"].createElement(index$6.Icon.ArrowRightTail, { size: 18, useCurrentColor: true })) : undefined, onClick: () => {
+            React__default["default"].createElement(index$4.Button, Object.assign({ size: "sm" }, submitBtnTracking, buttonProps, { disabled: form$1.getInputProps('bannerOptions').value.length === 0, leftIcon: isMobile ? (React__default["default"].createElement(index$5.Icon.ArrowRightTail, { size: 18, useCurrentColor: true })) : undefined, onClick: () => {
                     const curValues = form$1.getInputProps('bannerOptions').value;
                     saveStep(curValues.join('|'));
                     handleClickOption(curValues.join('|'));
@@ -565,10 +569,10 @@ const ToolBanner = (props) => {
     const layout = isRiskScreener ? 'mainBanner' : 'toolBanner';
     const btnEle = React.useMemo(() => {
         const toolUrl = isRiskScreener
-            ? `https://${!isProduction.isProduction ? 'discover.' : ''}${index$1.domainLocales[locale]}/bot/${index$1.RISK_SCREENER_SLUG[locale][value]}`
+            ? `https://${!constantsIsProduction.isProduction ? 'discover.' : ''}${constantsDomainLocales.domainLocales[locale]}/bot/${constantsRiskScreener.RISK_SCREENER_SLUG[locale][value]}`
             : getHealthToolLink(value);
         return (React__default["default"].createElement("a", { href: toolUrl },
-            React__default["default"].createElement(index$5.Button, { size: "sm", "data-event-category": "Focused Audience", "data-event-action": dataEventAction, "data-event-label": toolUrl }, btnLabel || t('pnBanner.caclNow'))));
+            React__default["default"].createElement(index$4.Button, { size: "sm", "data-event-category": "Focused Audience", "data-event-action": dataEventAction, "data-event-label": toolUrl }, btnLabel || t('pnBanner.caclNow'))));
     }, [allTools]);
     return layout === 'mainBanner' ? (React__default["default"].createElement(BannerLayout, Object.assign({}, Object.assign(Object.assign({}, props), { thumbnail: props.thumbnail })), btnEle)) : (React__default["default"].createElement(core.Flex, { gap: core.rem(7), align: 'center', justify: 'space-between', sx: (theme) => ({
             borderRadius: core.rem(8),
@@ -581,8 +585,8 @@ const ToolBanner = (props) => {
         }) },
         React__default["default"].createElement(core.Stack, { spacing: core.rem(12) },
             React__default["default"].createElement(core.Stack, { spacing: core.rem(4) },
-                heading && React__default["default"].createElement(index$3.Heading, { tag: "h4" }, heading),
-                !(isMobile && hideDescOnMobile) && description && (React__default["default"].createElement(index$4.Text, { size: "p4" }, description))),
+                heading && React__default["default"].createElement(index$2.Heading, { tag: "h4" }, heading),
+                !(isMobile && hideDescOnMobile) && description && (React__default["default"].createElement(index$3.Text, { size: "p4" }, description))),
             React__default["default"].createElement(core.Flex, { gap: core.rem(8), sx: {
                     button: {
                         minWidth: core.rem(120),
@@ -634,7 +638,7 @@ const SideBannerModal = (_a) => {
     const curBannerHeight = (viewportWidth * mobileBannerRatio.height) / mobileBannerRatio.width;
     const minHeightNha = (viewportHeight <= 667 ? 190 : 265) + curBannerHeight + 74;
     const [isFullScreen, setIsFullScreen] = React.useState(false);
-    return (React__default["default"].createElement(index$7.Modal, Object.assign({ styles: (theme) => ({
+    return (React__default["default"].createElement(index$6.Modal, Object.assign({ styles: (theme) => ({
             header: {
                 display: 'none',
             },
@@ -700,7 +704,7 @@ const SideBannerModal = (_a) => {
                         overflowY: 'auto',
                         borderRadius: 'inherit',
                     } },
-                    React__default["default"].createElement(index$5.Button, Object.assign({ variant: "white", leftIcon: React__default["default"].createElement(core$1.Close, null), sx: {
+                    React__default["default"].createElement(index$4.Button, Object.assign({ variant: "white", leftIcon: React__default["default"].createElement(core$1.Close, null), sx: {
                             position: 'absolute',
                             right: 0,
                             top: 0,
@@ -740,7 +744,7 @@ const SideBannerModal = (_a) => {
                         modalRatio.width) *
                         100}%`,
                 } },
-                React__default["default"].createElement(index$5.Button, Object.assign({ variant: "white", leftIcon: React__default["default"].createElement(core$1.Close, null) }, closeProps, { onClick: () => modalProps === null || modalProps === void 0 ? void 0 : modalProps.onClose(), sx: {
+                React__default["default"].createElement(index$4.Button, Object.assign({ variant: "white", leftIcon: React__default["default"].createElement(core$1.Close, null) }, closeProps, { onClick: () => modalProps === null || modalProps === void 0 ? void 0 : modalProps.onClose(), sx: {
                         position: 'absolute',
                         right: 0,
                         top: 0,
@@ -760,7 +764,7 @@ const PremiumNewsletterModalContext = React.createContext({});
 
 const _NormalTopic = (_a) => {
     var { value, name } = _a, rest = tslib_es6.__rest(_a, ["value", "name"]);
-    return (React__default["default"].createElement(index$2.ChipButton, Object.assign({ value: value, withIcon: true }, rest, { buttonProps: {
+    return (React__default["default"].createElement(index$1.ChipButton, Object.assign({ value: value, withIcon: true }, rest, { buttonProps: {
             styles: () => ({
                 leftIcon: {
                     marginRight: core.rem(6),
@@ -803,7 +807,7 @@ const TopicSection = ({ topicsGroup, onTopicChange, isBlock = false, selectedTop
         }
     };
     return (React__default["default"].createElement(core.Stack, { spacing: 12 }, topicsGroup.map((i, idx) => (React__default["default"].createElement(core.Stack, { key: String(idx), spacing: 12 },
-        i.label && (React__default["default"].createElement(index$4.Text, Object.assign({ size: "s5", color: "gray.4", weight: "semiBold" }, labelProps), i.label)),
+        i.label && (React__default["default"].createElement(index$3.Text, Object.assign({ size: "s5", color: "gray.4", weight: "semiBold" }, labelProps), i.label)),
         hasScroll ? (React__default["default"].createElement(core.ScrollArea, { w: "100%", offsetScrollbars: true, scrollbarSize: 4, p: 16, m: -16, styles: {
                 viewport: {
                     margin: -16,
@@ -820,7 +824,7 @@ const Layout = (_a) => {
     var { heading, children, stickyActions } = _a, scrollAreaProps = tslib_es6.__rest(_a, ["heading", "children", "stickyActions"]);
     const { isMobile } = React.useContext(PremiumNewsletterModalContext);
     const content = (React__default["default"].createElement(core.Stack, { spacing: core.rem(24), sx: { height: '100%' } },
-        React__default["default"].createElement(index$3.Heading, { tag: "h4", style: {
+        React__default["default"].createElement(index$2.Heading, { tag: "h4", style: {
                 textAlign: 'center',
             } }, heading),
         React__default["default"].createElement(core.Box, null, children)));
@@ -902,7 +906,7 @@ const MainForm = () => {
         setFormValues(formValues);
         _onSubmit === null || _onSubmit === void 0 ? void 0 : _onSubmit(formValues.name);
     };
-    const MoreButton = React.useMemo(() => (React__default["default"].createElement(index$5.Button, { variant: "tertiary", dataEventCategory: "Newsletter", dataEventAction: "More Category Click", dataEventLabel: currentUrl, leftIcon: React__default["default"].createElement(core$1.Plus, { size: 16, color: 'currentColor' }), onClick: onMore, styles: (theme) => ({
+    const MoreButton = React.useMemo(() => (React__default["default"].createElement(index$4.Button, { variant: "tertiary", dataEventCategory: "Newsletter", dataEventAction: "More Category Click", dataEventLabel: currentUrl, leftIcon: React__default["default"].createElement(core$1.Plus, { size: 16, color: 'currentColor' }), onClick: onMore, styles: (theme) => ({
             root: {
                 borderRadius: core.rem(6),
                 padding: '2px 15px',
@@ -921,15 +925,15 @@ const MainForm = () => {
                 marginRight: '5px',
             },
         }) },
-        React__default["default"].createElement(index$4.Text, { size: isMobile ? 'p3' : 'p4' }, t('home.seeMore')))), [form$1]);
+        React__default["default"].createElement(index$3.Text, { size: isMobile ? 'p3' : 'p4' }, t('home.seeMore')))), [form$1]);
     React.useEffect(() => {
         form$1.setFieldValue('fitnessTopics', selectCategory.map((i) => i.catId));
     }, [selectCategory]);
     return (React__default["default"].createElement("form", { style: { height: '100%' }, onSubmit: form$1.onSubmit(onSubmit) },
         React__default["default"].createElement(Layout, { heading: t('healthToolPNModal.heading'), stickyActions: React__default["default"].createElement(React__default["default"].Fragment, null,
-                React__default["default"].createElement(index$5.Button, { fullWidth: true, type: "submit", dataEventCategory: "Newsletter", dataEventAction: "Register Click", dataEventLabel: currentUrl, loading: submitLoading, sx: { maxWidth: core.rem(240) } }, t('healthToolPNModal.register'))) },
+                React__default["default"].createElement(index$4.Button, { fullWidth: true, type: "submit", dataEventCategory: "Newsletter", dataEventAction: "Register Click", dataEventLabel: currentUrl, loading: submitLoading, sx: { maxWidth: core.rem(240) } }, t('healthToolPNModal.register'))) },
             React__default["default"].createElement(core.Stack, { spacing: core.rem(16) },
-                React__default["default"].createElement(index$2.Input, Object.assign({ label: t('newsletter.welcome.description') }, form$1.getInputProps('name'))),
+                React__default["default"].createElement(index$1.Input, Object.assign({ label: t('newsletter.welcome.description') }, form$1.getInputProps('name'))),
                 React__default["default"].createElement(TopicSection, { topicsGroup: [
                         ...(pnSuggestCategory.length === 0 &&
                             interestedTopics.length === 0
@@ -989,13 +993,13 @@ const _SuggestedTopic = React.forwardRef(function SuggestedTopic(_a, ref) {
         React__default["default"].createElement(core.Group, { noWrap: true },
             React__default["default"].createElement("svg", { width: "18", height: "18", viewBox: "0 0 18 18", fill: "none" },
                 React__default["default"].createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M2.97887 8.15493C2.97887 5.29627 5.29627 2.97887 8.15493 2.97887C11.0136 2.97887 13.331 5.29627 13.331 8.15493C13.331 11.0136 11.0136 13.331 8.15493 13.331C5.29627 13.331 2.97887 11.0136 2.97887 8.15493ZM8.15493 1.5C4.47951 1.5 1.5 4.47951 1.5 8.15493C1.5 11.8303 4.47951 14.8099 8.15493 14.8099C9.72615 14.8099 11.1702 14.2653 12.3086 13.3547L15.2376 16.2837C15.5264 16.5725 15.9946 16.5725 16.2833 16.2837C16.5721 15.9949 16.5721 15.5267 16.2833 15.238L13.3544 12.3091C14.2652 11.1705 14.8099 9.72634 14.8099 8.15493C14.8099 4.47951 11.8303 1.5 8.15493 1.5Z", fill: "#8C8C8C" })),
-            React__default["default"].createElement(index$4.Text, { size: "p3" }, label))));
+            React__default["default"].createElement(index$3.Text, { size: "p3" }, label))));
 });
 
 const _Topic = React.forwardRef(function Baby(_a, ref) {
     var { label } = _a, others = tslib_es6.__rest(_a, ["label"]);
     return (React__default["default"].createElement("div", Object.assign({ ref: ref }, others),
-        React__default["default"].createElement(index$4.Text, { size: "p3" }, label)));
+        React__default["default"].createElement(index$3.Text, { size: "p3" }, label)));
 });
 
 const HistorySection = ({ history, onDelete }) => {
@@ -1005,7 +1009,7 @@ const HistorySection = ({ history, onDelete }) => {
                 height: 32,
                 background: '#ffffff',
                 padding: '5px 12px',
-                border: `1px solid ${index$2.themeColors.neutral[4]}`,
+                border: `1px solid ${index$1.themeColors.neutral[4]}`,
                 borderRadius: 32,
                 textTransform: 'unset',
             },
@@ -1014,7 +1018,7 @@ const HistorySection = ({ history, onDelete }) => {
                 cursor: 'pointer',
             },
         } },
-        React__default["default"].createElement(index$4.Text, { size: "p4" }, h.localName))))));
+        React__default["default"].createElement(index$3.Text, { size: "p4" }, h.localName))))));
 };
 
 const RecentlyViewedSection = ({ topics, onTopicChange, isBlock = false, selectedTopics, labelProps, maxSelect = 5, }) => {
@@ -1047,7 +1051,7 @@ const RecentlyViewedSection = ({ topics, onTopicChange, isBlock = false, selecte
     if (!topics || topics.length === 0)
         return null;
     return (React__default["default"].createElement(core.Stack, { spacing: 12, px: 16, mx: -16 },
-        React__default["default"].createElement(index$4.Text, Object.assign({ size: "s5", color: "gray.4", weight: "semiBold" }, labelProps), t('pnTopicSection.recentView')),
+        React__default["default"].createElement(index$3.Text, Object.assign({ size: "s5", color: "gray.4", weight: "semiBold" }, labelProps), t('pnTopicSection.recentView')),
         React__default["default"].createElement(core.Chip.Group, { value: value.map((v) => v.catId), onChange: onValueChange, multiple: true },
             React__default["default"].createElement(core.Flex, { gap: 8, wrap: 'wrap' }, topics.map((v, i) => (React__default["default"].createElement(_NormalTopic, { key: i, value: v.catId, name: v.localName, isBlock: isBlock })))))));
 };
@@ -1077,14 +1081,14 @@ const _TopicSlide = (_a) => {
                 React__default["default"].createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M1.66699 9.99984C1.66699 5.39984 5.40033 1.6665 10.0003 1.6665C14.6003 1.6665 18.3337 5.39984 18.3337 9.99984C18.3337 14.5998 14.6003 18.3332 10.0003 18.3332C5.40033 18.3332 1.66699 14.5998 1.66699 9.99984ZM4.75066 10.5827L7.74232 13.5744C8.06732 13.8994 8.60066 13.8994 8.91732 13.5744L15.2423 7.2494C15.5673 6.9244 15.5673 6.3994 15.2423 6.0744C14.9173 5.7494 14.3923 5.7494 14.0673 6.0744L8.33399 11.8077L5.92566 9.40773C5.60066 9.08273 5.07566 9.08273 4.75066 9.40773C4.59461 9.56342 4.50692 9.7748 4.50692 9.99523C4.50692 10.2157 4.59461 10.427 4.75066 10.5827Z", fill: "#2D87F3" }),
                 React__default["default"].createElement("path", { d: "M7.74224 13.5772L4.75057 10.5856C4.59453 10.4299 4.50684 10.2185 4.50684 9.99808C4.50684 9.77765 4.59453 9.56627 4.75057 9.41058C5.07557 9.08558 5.60057 9.08558 5.92557 9.41058L8.33391 11.8106L14.0672 6.07725C14.3922 5.75225 14.9172 5.75225 15.2422 6.07725C15.5672 6.40225 15.5672 6.92725 15.2422 7.25225L8.91724 13.5772C8.60057 13.9022 8.06724 13.9022 7.74224 13.5772Z", fill: "white" })))),
         React__default["default"].createElement(core.Box, { sx: { borderRadius: '8px' } },
-            React__default["default"].createElement(index$2.AspectRatio, { ratio: 3 / 2, mb: 10, sx: (theme) => ({
+            React__default["default"].createElement(index$1.AspectRatio, { ratio: 3 / 2, mb: 10, sx: (theme) => ({
                     background: theme.colors.neutral[0],
                 }) },
                 React__default["default"].createElement(core.Box, null,
                     React__default["default"].createElement("img", { src: topic.guid || '', alt: "cat", loading: "lazy", style: {
                             maxHeight: '63px',
                         } })))),
-        React__default["default"].createElement(index$4.Text, { size: "p4", ta: "center", px: 6, sx: {
+        React__default["default"].createElement(index$3.Text, { size: "p4", ta: "center", px: 6, sx: {
                 display: '-webkit-box',
                 '-webkit-line-clamp': '2',
                 '-webkit-box-orient': 'vertical',
@@ -1144,7 +1148,7 @@ const TrendingCarousel = ({ topics, selectedTopics = [], onTopicChange, isBlock
     };
     return (React__default["default"].createElement(core.Stack, { spacing: 10 },
         React__default["default"].createElement(core.Flex, { justify: 'space-between', align: 'center', w: "100%" },
-            React__default["default"].createElement(index$4.Text, Object.assign({ size: "s5", color: "gray.4", weight: "semiBold", span: true }, labelProps), t('pnTopicSection.trending'))),
+            React__default["default"].createElement(index$3.Text, Object.assign({ size: "s5", color: "gray.4", weight: "semiBold", span: true }, labelProps), t('pnTopicSection.trending'))),
         React__default["default"].createElement(core.Box, null,
             React__default["default"].createElement(core.ScrollArea, { type: "always", w: "100%", offsetScrollbars: true, scrollbarSize: 4, px: 4, viewportRef: containerRef, viewportProps: {
                     onMouseDown: handleMouseDown,
@@ -1261,7 +1265,7 @@ const PremiumTopicSelect = (_a) => {
     });
     return (React__default["default"].createElement(core.Stack, Object.assign({ spacing: core.rem(16) }, rest),
         React__default["default"].createElement(core.Stack, { spacing: core.rem(8) },
-            React__default["default"].createElement(index$4.Text, { size: "p3" }, t('pnTopicSection.maxSelectError.detail', {
+            React__default["default"].createElement(index$3.Text, { size: "p3" }, t('pnTopicSection.maxSelectError.detail', {
                 max: maxSelect,
                 maxTopic: uniqueTopic.length,
             })),
@@ -1277,7 +1281,7 @@ const PremiumTopicSelect = (_a) => {
                         fontSize: 12,
                         lineHeight: '18px',
                         textTransform: 'uppercase',
-                        color: index$2.themeColors.gray[4],
+                        color: index$1.themeColors.gray[4],
                         '&::after': { display: 'none' },
                     },
                     searchInput: {
@@ -1286,7 +1290,7 @@ const PremiumTopicSelect = (_a) => {
                     input: {
                         paddingRight: 16,
                     },
-                }, nothingFound: React__default["default"].createElement(index$4.Text, { size: "s4", color: "gray.6" }, t('pnTopicSection.notFound')), itemComponent: searchValue === '' ? _SuggestedTopic : _Topic, size: "lg", placeholder: t('pnTopicSection.plsEnterFavTopics'), data: options, onSearchChange: onSearchChange, searchValue: searchValue, icon: React__default["default"].createElement("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" },
+                }, nothingFound: React__default["default"].createElement(index$3.Text, { size: "s4", color: "gray.6" }, t('pnTopicSection.notFound')), itemComponent: searchValue === '' ? _SuggestedTopic : _Topic, size: "lg", placeholder: t('pnTopicSection.plsEnterFavTopics'), data: options, onSearchChange: onSearchChange, searchValue: searchValue, icon: React__default["default"].createElement("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" },
                     React__default["default"].createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.97183 10.8732C3.97183 7.0617 7.0617 3.97183 10.8732 3.97183C14.6848 3.97183 17.7746 7.0617 17.7746 10.8732C17.7746 14.6848 14.6848 17.7746 10.8732 17.7746C7.0617 17.7746 3.97183 14.6848 3.97183 10.8732ZM10.8732 2C5.97268 2 2 5.97268 2 10.8732C2 15.7738 5.97268 19.7465 10.8732 19.7465C12.9682 19.7465 14.8936 19.0205 16.4115 17.8063L20.3168 21.7116C20.7018 22.0966 21.3261 22.0966 21.7111 21.7116C22.0961 21.3266 22.0961 20.7023 21.7111 20.3173L17.8059 16.4121C19.0203 14.894 19.7465 12.9684 19.7465 10.8732C19.7465 5.97268 15.7738 2 10.8732 2Z", fill: "#595959" })), rightSection: React__default["default"].createElement(React__default["default"].Fragment, null), zIndex: 500, searchable: true, withinPortal: true, onChange: (val) => onValueChange(val), value: [] }),
             uniqueTopic && uniqueTopic.length > 0 && (React__default["default"].createElement(HistorySection, { history: uniqueTopic, onDelete: onDelete }))),
         React__default["default"].createElement(core.Box, { sx: (theme) => ({
@@ -1332,8 +1336,8 @@ const MoreTopics = () => {
                 paddingRight: core.rem(25),
             },
         }, stickyActions: React__default["default"].createElement(React__default["default"].Fragment, null,
-            React__default["default"].createElement(index$5.Button, { fullWidth: true, variant: "secondary", dataEventCategory: "Newsletter", dataEventAction: "Back  Click", dataEventLabel: currentUrl, onClick: prevStep }, t('healthToolPNModal.back')),
-            React__default["default"].createElement(index$5.Button, { fullWidth: true, type: "submit", dataEventCategory: "Newsletter", dataEventAction: "Next  Click", dataEventLabel: currentUrl, onClick: handleOnSubmit, loading: submitLoading }, t('healthToolPNModal.next'))) },
+            React__default["default"].createElement(index$4.Button, { fullWidth: true, variant: "secondary", dataEventCategory: "Newsletter", dataEventAction: "Back  Click", dataEventLabel: currentUrl, onClick: prevStep }, t('healthToolPNModal.back')),
+            React__default["default"].createElement(index$4.Button, { fullWidth: true, type: "submit", dataEventCategory: "Newsletter", dataEventAction: "Next  Click", dataEventLabel: currentUrl, onClick: handleOnSubmit, loading: submitLoading }, t('healthToolPNModal.next'))) },
         React__default["default"].createElement(PremiumTopicSelect, { isLoggedIn: isLoggedIn, maxSelect: maxSelectCategory, values: formValues.fitnessTopics, onChange: setSelectCategory, labelProps: {
                 size: 's5',
                 sx: {
@@ -1352,7 +1356,7 @@ const Result = () => {
             }, 400);
         };
     }, []);
-    return (React__default["default"].createElement(Layout, { heading: t('healthToolPNModal.heading'), stickyActions: React__default["default"].createElement(index$5.Button, { fullWidth: true, sx: { maxWidth: core.rem(300) }, dataEventCategory: "Newsletter", dataEventAction: "Continue Reading Click", dataEventLabel: currentUrl, onClick: () => {
+    return (React__default["default"].createElement(Layout, { heading: t('healthToolPNModal.heading'), stickyActions: React__default["default"].createElement(index$4.Button, { fullWidth: true, sx: { maxWidth: core.rem(300) }, dataEventCategory: "Newsletter", dataEventAction: "Continue Reading Click", dataEventLabel: currentUrl, onClick: () => {
                 close();
             } }, finishLabelOnResult || t('healthToolPNModal.finish')) },
         React__default["default"].createElement(core.Stack, null,
@@ -1366,8 +1370,8 @@ const Result = () => {
                     React__default["default"].createElement("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" },
                         React__default["default"].createElement("path", { d: "M9.99984 18.3334C14.6022 18.3334 18.3332 14.6025 18.3332 10.0001C18.3332 5.39771 14.6022 1.66675 9.99984 1.66675C5.39746 1.66675 1.6665 5.39771 1.6665 10.0001C1.6665 14.6025 5.39746 18.3334 9.99984 18.3334Z", fill: "#00B16A" }),
                         React__default["default"].createElement("path", { d: "M9.58558 12.6674C9.22944 12.668 8.87668 12.5983 8.54752 12.4623C8.21835 12.3264 7.91925 12.1268 7.66732 11.8751L6.68587 10.8931C6.55607 10.7587 6.48424 10.5787 6.48587 10.3919C6.48749 10.2051 6.56243 10.0263 6.69455 9.89422C6.82667 9.7621 7.00539 9.68716 7.19222 9.68554C7.37906 9.68391 7.55906 9.75574 7.69345 9.88554L8.67491 10.8675C8.79344 10.986 8.93415 11.08 9.08902 11.1442C9.24389 11.2083 9.40987 11.2413 9.5775 11.2413C9.74513 11.2413 9.91111 11.2083 10.066 11.1442C10.2208 11.08 10.3616 10.986 10.4801 10.8675L16.7033 5.24335C16.8443 5.12184 17.0272 5.06032 17.213 5.07195C17.3987 5.08358 17.5726 5.16744 17.6973 5.30558C17.8221 5.44373 17.8878 5.6252 17.8805 5.81118C17.8731 5.99717 17.7933 6.17291 17.6581 6.30081L11.4592 11.8998C11.2128 12.1448 10.9205 12.3387 10.5989 12.4705C10.2774 12.6022 9.93304 12.6692 9.58558 12.6674Z", fill: "white" }))),
-                React__default["default"].createElement(index$4.Text, { size: "p3" }, disclaimerText || t('pnModal.disclaimer'))),
-            React__default["default"].createElement(index$3.Heading, { tag: "h5" }, t('healthToolPNModal.yourPre')),
+                React__default["default"].createElement(index$3.Text, { size: "p3" }, disclaimerText || t('pnModal.disclaimer'))),
+            React__default["default"].createElement(index$2.Heading, { tag: "h5" }, t('healthToolPNModal.yourPre')),
             selectCategory.length > 0 && (React__default["default"].createElement(TopicSection, { topicsGroup: [{ label: '', topics: selectCategory }], selectedTopics: selectCategory, readonly: true })))));
 };
 
@@ -1398,10 +1402,10 @@ const PremiumNewsletterModal = ({ isMobile, isLoggedIn, pnSuggestCategory = [],
                 },
                 method: 'POST',
                 data: {
-                    ga_client_id: Cookies__default["default"].get(index$1.GA_TOKEN_COOKIE),
+                    ga_client_id: Cookies__default["default"].get(index$7.GA_TOKEN_COOKIE),
                     client_ip: window.clientIP || '',
                     user_info: Object.assign(Object.assign({}, acquisitionInfo.userInfo), { name: name || formValues.name, type_subscription: 1 }),
-                    domain: index$1.domainLocales[locale || index$8.LOCALE.Vietnam],
+                    domain: constantsDomainLocales.domainLocales[locale || Locale.LOCALE.Vietnam],
                     category: selectCategory,
                     perferred: acquisitionInfo.preferredTopics.map(({ id }) => ({
                         id,

package/build/{index-dd074159.js → index-b99e7941.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var index = require('./index-3eb666e6.js');
+var index = require('./index-8cb3f562.js');
 var styled = require('@emotion/styled');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }