@hhgtech/hhg-components 1.29.134 → 1.29.136

package/build/{index-32a00c1f.js → index-a304056a.js}

@@ -2,41 +2,40 @@
 
 var React = require('react');
 var core = require('@mantine/core');
-var index = require('./index-e6bdfb93.js');
-var togetherComponentGlobalContext = require('./utils-6cc86c17.js');
-var index$8 = require('./index-920ebbb7.js');
+var index = require('./index-a4cdd0ad.js');
+var togetherComponentGlobalContext = require('./utils-8c3082d2.js');
+var index$9 = require('./index-58ef4c66.js');
 var constantsRiskScreener = require('./constantsRiskScreener.js');
-var tslib_es6 = require('./tslib.es6-6cf152d6.js');
-var store = require('./store-a4d15bba.js');
-var index$1 = require('./index-8244f19c.js');
-var routing = require('./routing-9b87917d.js');
-var useTranslations = require('./useTranslations-928d4ace.js');
+var tslib_es6 = require('./tslib.es6-e3715db4.js');
+var store = require('./store-d38577de.js');
+var index$2 = require('./index-4391671f.js');
+var routing = require('./routing-c06127ea.js');
+var index$1 = require('./index-1358bae0.js');
 var form = require('@mantine/form');
-var index$5 = require('./index-3e801e33.js');
+var index$6 = require('./index-53b1d680.js');
 require('@mantine/dates');
-require('./index-291e6f28.js');
-require('./useMantineLocale-d59fa63b.js');
-var index$3 = require('./index-7f563129.js');
-var index$4 = require('./index-a0a2321b.js');
-require('./index.styles-b57afab1.js');
+require('./index-c9911c65.js');
+require('./useMantineLocale-ceb23b28.js');
+var index$4 = require('./index-f301a143.js');
+var index$5 = require('./index-91f5fadb.js');
+require('./index.styles-d4cfe368.js');
 var hooks = require('@mantine/hooks');
-require('./utils-54857ab8.js');
-require('./other-427e38dc.js');
-require('./index-41f6c400.js');
+require('./utils-ee304330.js');
+require('./other-2ce2695a.js');
+require('./index-3fa5e9f1.js');
 var togetherApiPaths = require('./togetherApiPaths.js');
-require('./translationsContext-e1cd3ed4.js');
-require('string-format');
-var index$2 = require('./index-418c000b.js');
-var useHealthToolCache = require('./useHealthToolCache-cc3378e5.js');
-var index$6 = require('./index-ebdb21c5.js');
+require('./translationsContext-014418fe.js');
+var index$3 = require('./index-84798e33.js');
+var useHealthToolCache = require('./useHealthToolCache-6a08baa0.js');
+var index$7 = require('./index-add0ea56.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 var constantsIsProduction = require('./constantsIsProduction.js');
 var core$1 = require('@hhgtech/icons/core');
-var index$7 = require('./index-e8251765.js');
+var index$8 = require('./index-447aa18b.js');
 var Cookies = require('js-cookie');
 var flatten = require('lodash/flatten');
 var uniqBy = require('lodash/uniqBy');
-var Locale = require('./Locale-409f6e0e.js');
+var Locale = require('./Locale-4d114b4b.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -389,7 +388,7 @@ const SurveyOrPremiumBannerContext = React.createContext({});
 
 const PnBannerEle = (_a) => {
     var rest = tslib_es6.__rest(_a, []);
-    const { locale } = useTranslations.useTranslations();
+    const { locale } = index$1.useTranslations();
     const { type, isMobile, currentUrl, isMarketing, isLoggedIn, setShouldAcquisitionModalOpen, } = React.useContext(SurveyOrPremiumBannerContext);
     const { triggerLogin, mounted } = store.useSSOV2Store();
     const bannerClick = () => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {
@@ -415,7 +414,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$1.ImageWrap, { src: isMarketing
+        React__default["default"].createElement(index$2.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" })));
 };
@@ -484,8 +483,8 @@ const BannerLayout = ({ heading, description, thumbnail = {
                             maxWidth: '70%',
                         },
                     }) },
-                    heading && React__default["default"].createElement(index$2.Heading, { tag: "h4" }, heading),
-                    !(hideDescOnMobile && isMobile) && description && (React__default["default"].createElement(index$3.Text, { size: "p4" }, description))),
+                    heading && React__default["default"].createElement(index$3.Heading, { tag: "h4" }, heading),
+                    !(hideDescOnMobile && isMobile) && description && (React__default["default"].createElement(index$4.Text, { size: "p4" }, description))),
                 React__default["default"].createElement(core.Box, null, children)))));
 };
 
@@ -495,7 +494,7 @@ const BannerWithOptions = (props) => {
         name: 'PremiumBannerWithOptions',
         styles,
     });
-    const { t, locale } = useTranslations.useTranslations();
+    const { t, locale } = index$1.useTranslations();
     const { surveyType, articleId, handleClickOption, hasPremiumBanner, source, isMobile, setShowPNModal, } = React.useContext(SurveyOrPremiumBannerContext);
     const items = React.useMemo(() => !hasPremiumBanner
         ? itemsProp.filter((i) => !Boolean(i.isPNBtn)).filter(Boolean)
@@ -526,7 +525,7 @@ const BannerWithOptions = (props) => {
             : i.isLink
                 ? getHealthToolLink(i.activeTool)
                 : undefined },
-        React__default["default"].createElement(index$4.Button, Object.assign({ className: classes.button, classNames: {
+        React__default["default"].createElement(index$5.Button, Object.assign({ className: classes.button, classNames: {
                 label: classes.buttonLabel,
             }, size: "sm" }, i.tracking, buttonProps, { onClick: () => {
                 if (!i.isLink) {
@@ -546,13 +545,13 @@ const BannerWithOptions = (props) => {
                     paddingLeft: core.rem(16),
                 },
             }) },
-            React__default["default"].createElement(index$5.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$5.Checkbox, { key: String(idx), value: i.value, label: i.label, styles: {
+            React__default["default"].createElement(index$6.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$6.Checkbox, { key: String(idx), value: i.value, label: i.label, styles: {
                         label: {
                             cursor: 'pointer',
                         },
                     } }))))),
-            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$6.Icon.ArrowRightTail, { size: 18, useCurrentColor: true })) : undefined, onClick: () => {
+            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$7.Icon.ArrowRightTail, { size: 18, useCurrentColor: true })) : undefined, onClick: () => {
                     const curValues = form$1.getInputProps('bannerOptions').value;
                     saveStep(curValues.join('|'));
                     handleClickOption(curValues.join('|'));
@@ -574,9 +573,9 @@ const BannerWithOptions = (props) => {
 
 const ToolBanner = (props) => {
     var _a, _b;
-    const { t } = useTranslations.useTranslations();
+    const { t } = index$1.useTranslations();
     const { heading, description, thumbnail, btnLabel, value, isRiskScreener, hideDescOnMobile, dataEventAction, } = props;
-    const { locale } = useTranslations.useTranslations();
+    const { locale } = index$1.useTranslations();
     const { isMobile } = React.useContext(SurveyOrPremiumBannerContext);
     const { getHealthToolLink, allTools } = useHealthToolCache.useHealthToolsCache(locale);
     const layout = isRiskScreener ? 'mainBanner' : 'toolBanner';
@@ -585,7 +584,7 @@ const ToolBanner = (props) => {
             ? `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$4.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$5.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),
@@ -598,8 +597,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$2.Heading, { tag: "h4" }, heading),
-                !(isMobile && hideDescOnMobile) && description && (React__default["default"].createElement(index$3.Text, { size: "p4" }, description))),
+                heading && React__default["default"].createElement(index$3.Heading, { tag: "h4" }, heading),
+                !(isMobile && hideDescOnMobile) && description && (React__default["default"].createElement(index$4.Text, { size: "p4" }, description))),
             React__default["default"].createElement(core.Flex, { gap: core.rem(8), sx: {
                     button: {
                         minWidth: core.rem(120),
@@ -630,7 +629,7 @@ const ToolBanner = (props) => {
 
 const HandlerBanner = () => {
     var _a, _b, _c;
-    const { t } = useTranslations.useTranslations();
+    const { t } = index$1.useTranslations();
     const { state, Outside } = React.useContext(SurveyOrPremiumBannerContext);
     return (state === null || state === void 0 ? void 0 : state.action) === BannerAction.ShowTool ? (React__default["default"].createElement(Outside, null, TOOL_BANNERS_PROPS(t)[(_a = state === null || state === void 0 ? void 0 : state.props) === null || _a === void 0 ? void 0 : _a.value] ? (React__default["default"].createElement(ToolBanner, Object.assign({}, TOOL_BANNERS_PROPS(t)[(_b = state === null || state === void 0 ? void 0 : state.props) === null || _b === void 0 ? void 0 : _b.value], { value: (_c = state === null || state === void 0 ? void 0 : state.props) === null || _c === void 0 ? void 0 : _c.value }))) : null)) : (state === null || state === void 0 ? void 0 : state.action) === BannerAction.ShowOptionBanner ? (React__default["default"].createElement(Outside, null,
         React__default["default"].createElement(BannerWithOptions, Object.assign({}, state === null || state === void 0 ? void 0 : state.props)))) : null;
@@ -651,7 +650,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$8.Modal, Object.assign({ styles: (theme) => ({
             header: {
                 display: 'none',
             },
@@ -717,7 +716,7 @@ const SideBannerModal = (_a) => {
                         overflowY: 'auto',
                         borderRadius: 'inherit',
                     } },
-                    React__default["default"].createElement(index$4.Button, Object.assign({ variant: "white", leftIcon: React__default["default"].createElement(core$1.Close, null), sx: {
+                    React__default["default"].createElement(index$5.Button, Object.assign({ variant: "white", leftIcon: React__default["default"].createElement(core$1.Close, null), sx: {
                             position: 'absolute',
                             right: 0,
                             top: 0,
@@ -757,7 +756,7 @@ const SideBannerModal = (_a) => {
                         modalRatio.width) *
                         100}%`,
                 } },
-                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: {
+                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: {
                         position: 'absolute',
                         right: 0,
                         top: 0,
@@ -777,7 +776,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$5.ChipButton, Object.assign({ value: value, withIcon: true }, rest, { buttonProps: {
+    return (React__default["default"].createElement(index$6.ChipButton, Object.assign({ value: value, withIcon: true }, rest, { buttonProps: {
             styles: () => ({
                 leftIcon: {
                     marginRight: core.rem(6),
@@ -793,7 +792,7 @@ const _NormalTopic = (_a) => {
 const TopicSection = ({ topicsGroup, onTopicChange, isBlock = false, selectedTopics = [], inputProps, labelProps, maxSelect = 5, hasScroll, readonly, }) => {
     const { action: { pushNotifications }, } = React.useContext(togetherComponentGlobalContext.TogetherComponentGlobalContext);
     const topics = flatten__default["default"](topicsGroup.map((i) => i.topics || []));
-    const { t } = useTranslations.useTranslations();
+    const { t } = index$1.useTranslations();
     const [value, setValue] = React.useState([]);
     React.useEffect(() => {
         setValue(selectedTopics);
@@ -820,7 +819,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$3.Text, Object.assign({ size: "s5", color: "gray.4", weight: "semiBold" }, labelProps), i.label)),
+        i.label && (React__default["default"].createElement(index$4.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,
@@ -837,7 +836,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$2.Heading, { tag: "h4", style: {
+        React__default["default"].createElement(index$3.Heading, { tag: "h4", style: {
                 textAlign: 'center',
             } }, heading),
         React__default["default"].createElement(core.Box, null, children)));
@@ -865,7 +864,7 @@ const Layout = (_a) => {
 };
 
 const MainForm = () => {
-    const { t, locale } = useTranslations.useTranslations();
+    const { t, locale } = index$1.useTranslations();
     const { data: { userInfo }, action: { pushNotifications }, } = React.useContext(togetherComponentGlobalContext.TogetherComponentGlobalContext);
     const isLoggedIn = userInfo === null || userInfo === void 0 ? void 0 : userInfo.id;
     const { currentUrl, isMobile, pnSuggestCategory = [], nextStep, formValues, setFormValues, onSubmit: _onSubmit, submitLoading, selectCategory, setCategoryLibs, setSelectCategory, maxSelectCategory, } = React.useContext(PremiumNewsletterModalContext);
@@ -919,7 +918,7 @@ const MainForm = () => {
         setFormValues(formValues);
         _onSubmit === null || _onSubmit === void 0 ? void 0 : _onSubmit(formValues.name);
     };
-    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) => ({
+    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) => ({
             root: {
                 borderRadius: core.rem(6),
                 padding: '2px 15px',
@@ -938,15 +937,15 @@ const MainForm = () => {
                 marginRight: '5px',
             },
         }) },
-        React__default["default"].createElement(index$3.Text, { size: isMobile ? 'p3' : 'p4' }, t('home.seeMore')))), [form$1]);
+        React__default["default"].createElement(index$4.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$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(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(core.Stack, { spacing: core.rem(16) },
-                React__default["default"].createElement(index$5.Input, Object.assign({ label: t('newsletter.welcome.description') }, form$1.getInputProps('name'))),
+                React__default["default"].createElement(index$6.Input, Object.assign({ label: t('newsletter.welcome.description') }, form$1.getInputProps('name'))),
                 React__default["default"].createElement(TopicSection, { topicsGroup: [
                         ...(pnSuggestCategory.length === 0 &&
                             interestedTopics.length === 0
@@ -1006,13 +1005,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$3.Text, { size: "p3" }, label))));
+            React__default["default"].createElement(index$4.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$3.Text, { size: "p3" }, label)));
+        React__default["default"].createElement(index$4.Text, { size: "p3" }, label)));
 });
 
 const HistorySection = ({ history, onDelete }) => {
@@ -1022,7 +1021,7 @@ const HistorySection = ({ history, onDelete }) => {
                 height: 32,
                 background: '#ffffff',
                 padding: '5px 12px',
-                border: `1px solid ${index$5.themeColors.neutral[4]}`,
+                border: `1px solid ${index$6.themeColors.neutral[4]}`,
                 borderRadius: 32,
                 textTransform: 'unset',
             },
@@ -1031,13 +1030,13 @@ const HistorySection = ({ history, onDelete }) => {
                 cursor: 'pointer',
             },
         } },
-        React__default["default"].createElement(index$3.Text, { size: "p4" }, h.localName))))));
+        React__default["default"].createElement(index$4.Text, { size: "p4" }, h.localName))))));
 };
 
 const RecentlyViewedSection = ({ topics, onTopicChange, isBlock = false, selectedTopics, labelProps, maxSelect = 5, }) => {
     const { action: { pushNotifications }, } = React.useContext(togetherComponentGlobalContext.TogetherComponentGlobalContext);
     const [value, setValue] = React.useState([]);
-    const { t } = useTranslations.useTranslations();
+    const { t } = index$1.useTranslations();
     React.useEffect(() => {
         setValue(selectedTopics);
     }, [selectedTopics.length]);
@@ -1064,7 +1063,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$3.Text, Object.assign({ size: "s5", color: "gray.4", weight: "semiBold" }, labelProps), t('pnTopicSection.recentView')),
+        React__default["default"].createElement(index$4.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 })))))));
 };
@@ -1094,14 +1093,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$5.AspectRatio, { ratio: 3 / 2, mb: 10, sx: (theme) => ({
+            React__default["default"].createElement(index$6.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$3.Text, { size: "p4", ta: "center", px: 6, sx: {
+        React__default["default"].createElement(index$4.Text, { size: "p4", ta: "center", px: 6, sx: {
                 display: '-webkit-box',
                 '-webkit-line-clamp': '2',
                 '-webkit-box-orient': 'vertical',
@@ -1110,7 +1109,7 @@ const _TopicSlide = (_a) => {
 };
 
 const TrendingCarousel = ({ topics, selectedTopics = [], onTopicChange, isBlock = false, labelProps, pushNotifications, maxSelect = 5, }) => {
-    const { t } = useTranslations.useTranslations();
+    const { t } = index$1.useTranslations();
     const [carouselTopics, setCarouselTopics] = React.useState([]);
     const onSelect = (topic, status) => {
         if (status) {
@@ -1161,7 +1160,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$3.Text, Object.assign({ size: "s5", color: "gray.4", weight: "semiBold", span: true }, labelProps), t('pnTopicSection.trending'))),
+            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(core.Box, null,
             React__default["default"].createElement(core.ScrollArea, { type: "always", w: "100%", offsetScrollbars: true, scrollbarSize: 4, px: 4, viewportRef: containerRef, viewportProps: {
                     onMouseDown: handleMouseDown,
@@ -1181,7 +1180,7 @@ const PremiumTopicSelect = (_a) => {
     var { isLoggedIn, maxSelect = 5, values: _values = [], labelProps, onChange } = _a, rest = tslib_es6.__rest(_a, ["isLoggedIn", "maxSelect", "values", "labelProps", "onChange"]);
     const { action: { pushNotifications }, } = React.useContext(togetherComponentGlobalContext.TogetherComponentGlobalContext);
     const [searchValue, onSearchChange] = React.useState('');
-    const { t, locale } = useTranslations.useTranslations();
+    const { t, locale } = index$1.useTranslations();
     const ref = React.useRef(null);
     const [history, setHistory] = React.useState([]);
     const [carouselTopics, setCarouselTopics] = React.useState([]);
@@ -1278,7 +1277,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$3.Text, { size: "p3" }, t('pnTopicSection.maxSelectError.detail', {
+            React__default["default"].createElement(index$4.Text, { size: "p3" }, t('pnTopicSection.maxSelectError.detail', {
                 max: maxSelect,
                 maxTopic: uniqueTopic.length,
             })),
@@ -1294,7 +1293,7 @@ const PremiumTopicSelect = (_a) => {
                         fontSize: 12,
                         lineHeight: '18px',
                         textTransform: 'uppercase',
-                        color: index$5.themeColors.gray[4],
+                        color: index$6.themeColors.gray[4],
                         '&::after': { display: 'none' },
                     },
                     searchInput: {
@@ -1303,7 +1302,7 @@ const PremiumTopicSelect = (_a) => {
                     input: {
                         paddingRight: 16,
                     },
-                }, 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" },
+                }, 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" },
                     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) => ({
@@ -1330,7 +1329,7 @@ const PremiumTopicSelect = (_a) => {
 };
 
 const MoreTopics = () => {
-    const { t } = useTranslations.useTranslations();
+    const { t } = index$1.useTranslations();
     const { action: { pushNotifications }, } = React.useContext(togetherComponentGlobalContext.TogetherComponentGlobalContext);
     const { prevStep, formValues, submitLoading, onSubmit, selectCategory, maxSelectCategory, setSelectCategory, currentUrl, isLoggedIn, } = React.useContext(PremiumNewsletterModalContext);
     const handleOnSubmit = () => {
@@ -1349,8 +1348,8 @@ const MoreTopics = () => {
                 paddingRight: core.rem(25),
             },
         }, stickyActions: React__default["default"].createElement(React__default["default"].Fragment, null,
-            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(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(PremiumTopicSelect, { isLoggedIn: isLoggedIn, maxSelect: maxSelectCategory, values: formValues.fitnessTopics, onChange: setSelectCategory, labelProps: {
                 size: 's5',
                 sx: {
@@ -1360,7 +1359,7 @@ const MoreTopics = () => {
 };
 
 const Result = () => {
-    const { t } = useTranslations.useTranslations();
+    const { t } = index$1.useTranslations();
     const { close, selectCategory, onRegisterSuccess, currentUrl, finishLabelOnResult, disclaimerText, } = React.useContext(PremiumNewsletterModalContext);
     React.useEffect(() => {
         return () => {
@@ -1369,7 +1368,7 @@ const Result = () => {
             }, 400);
         };
     }, []);
-    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: () => {
+    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: () => {
                 close();
             } }, finishLabelOnResult || t('healthToolPNModal.finish')) },
         React__default["default"].createElement(core.Stack, null,
@@ -1383,13 +1382,13 @@ 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$3.Text, { size: "p3" }, disclaimerText || t('pnModal.disclaimer'))),
-            React__default["default"].createElement(index$2.Heading, { tag: "h5" }, t('healthToolPNModal.yourPre')),
+                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')),
             selectCategory.length > 0 && (React__default["default"].createElement(TopicSection, { topicsGroup: [{ label: '', topics: selectCategory }], selectedTopics: selectCategory, readonly: true })))));
 };
 
 const PremiumNewsletterModal = ({ isMobile, isLoggedIn, pnSuggestCategory = [], acquisitionInfo, currentUrl, opened, close, finishLabelOnResult, onRegisterSuccess, disclaimerText, }) => {
-    const { t, locale } = useTranslations.useTranslations();
+    const { t, locale } = index$1.useTranslations();
     const { action: { pushNotifications }, } = React.useContext(togetherComponentGlobalContext.TogetherComponentGlobalContext);
     const desktopBanner = index.CommonGAssets.getAssetPath('premiumNewsletter/side-banner-desktop.jpg');
     const mobileBanner = index.CommonGAssets.getAssetPath('premiumNewsletter/side-banner-mobile.jpg');
@@ -1415,7 +1414,7 @@ const PremiumNewsletterModal = ({ isMobile, isLoggedIn, pnSuggestCategory = [],
                 },
                 method: 'POST',
                 data: {
-                    ga_client_id: Cookies__default["default"].get(index$8.GA_TOKEN_COOKIE),
+                    ga_client_id: Cookies__default["default"].get(index$9.GA_TOKEN_COOKIE),
                     client_ip: window.clientIP || '',
                     user_info: Object.assign(Object.assign({}, acquisitionInfo.userInfo), { name: name || formValues.name, type_subscription: 1 }),
                     domain: constantsDomainLocales.domainLocales[locale || Locale.LOCALE.Vietnam],
@@ -1527,7 +1526,7 @@ const PremiumNewsletterModal = ({ isMobile, isLoggedIn, pnSuggestCategory = [],
 };
 
 const SurveyBanner = () => {
-    const { locale } = useTranslations.useTranslations();
+    const { locale } = index$1.useTranslations();
     const { isMobile, isLoggedIn, currentUrl, acquisitionInfo, categoryIds, state, setState, settings, submitHandler, subcribeHealthStatus, showPNModal, setShowPNModal, setIsBack, } = React.useContext(SurveyOrPremiumBannerContext);
     const [pnSuggestCategory, setPnSuggestCategory] = React.useState([]);
     const [showModal, setShowModal] = React.useState(showPNModal);
@@ -1599,7 +1598,7 @@ const SurveyBanner = () => {
 };
 
 const SurveyOrPremiumBanner = ({ type, articleId = 0, categoryIds = [], isMarketing, isSurveyType, hasPremiumBanner, currentUrl, isMobile, subcribeHealthStatus, setShouldAcquisitionModalOpen, onValueChange, source = 'discover', Wrapper, }) => {
-    const { t } = useTranslations.useTranslations();
+    const { t } = index$1.useTranslations();
     const { data: { userInfo }, } = React.useContext(togetherComponentGlobalContext.TogetherComponentGlobalContext);
     const isLoggedIn = Boolean(userInfo === null || userInfo === void 0 ? void 0 : userInfo.id);
     const [acquisitionInfo, setAcquisitionInfo] = React.useState(null);

package/build/{index-bb097164.js → index-a820ad7e.js}

@@ -1,11 +1,11 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-6cf152d6.js');
+var tslib_es6 = require('./tslib.es6-e3715db4.js');
 var React = require('react');
 var core = require('@mantine/core');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var utils = require('./utils-54857ab8.js');
+var utils = require('./utils-ee304330.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-0f0e8981.js → index-a831592d.js}

@@ -1,11 +1,11 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-6cf152d6.js');
+var tslib_es6 = require('./tslib.es6-e3715db4.js');
 var React = require('react');
 var styled = require('@emotion/styled');
-var utils = require('./utils-54857ab8.js');
+var utils = require('./utils-ee304330.js');
 var miscTheme = require('./miscTheme.js');
-var index = require('./index-bb097164.js');
+var index = require('./index-a820ad7e.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }