@hhgtech/hhg-components 1.29.264 → 1.29.265

package/build/{index-1cb6b2c7.js → index-57ea64c0.js}

@@ -2,41 +2,41 @@
 
 var React = require('react');
 var core = require('@mantine/core');
-var index = require('./index-fbb29680.js');
-var togetherComponentGlobalContext = require('./utils-243f7dac.js');
-var index$a = require('./index-903be409.js');
+var index = require('./index-6e941d56.js');
+var togetherComponentGlobalContext = require('./utils-36ecaf5e.js');
+var index$9 = require('./index-86894b55.js');
 var constantsRiskScreener = require('./constantsRiskScreener.js');
-var tslib_es6 = require('./tslib.es6-1dbea72e.js');
-var store = require('./store-43fc04c5.js');
-var index$2 = require('./index-5cb0bd9c.js');
-var normalizeLink = require('./normalizeLink-407d7d72.js');
-var index$1 = require('./index-2e804ad7.js');
+var tslib_es6 = require('./tslib.es6-fc100802.js');
+var store = require('./store-33858852.js');
+var useScreenSize = require('./useScreenSize-e5194d26.js');
+var normalizeLink = require('./normalizeLink-e26745d4.js');
+var index$1 = require('./index-e02947f9.js');
 var form = require('@mantine/form');
-var index$6 = require('./index-64e91f49.js');
+var index$5 = require('./index-03574fba.js');
 require('@mantine/dates');
-require('./index-cfe8ce24.js');
-require('./useMantineLocale-11e6f5f0.js');
-var index$4 = require('./index-a22b5ee3.js');
-var index$5 = require('./index-62bff040.js');
-require('./index.styles-d3c257ea.js');
+require('./index-e7f6668f.js');
+require('./useMantineLocale-8d1cd94e.js');
+var index$3 = require('./index-f9226545.js');
+var index$4 = require('./index-e6f2ee0e.js');
+require('./index.styles-17c0965b.js');
 var hooks = require('@mantine/hooks');
-require('./utils-18b2298e.js');
-require('./other-1f7de4f9.js');
-require('./index-5083eb74.js');
+require('./utils-a8e82955.js');
+require('./other-3d7c3c74.js');
+require('./index-8eefff2a.js');
 var togetherApiPaths = require('./togetherApiPaths.js');
-require('./translationsContext-9fdd1eef.js');
-var index$3 = require('./index-5070390b.js');
-var useHealthToolCache = require('./useHealthToolCache-0f2b138a.js');
-var index$7 = require('./index-4315cdec.js');
+require('./translationsContext-822557c6.js');
+var index$2 = require('./index-5ae1c6a2.js');
+var useHealthToolCache = require('./useHealthToolCache-6981676e.js');
+var index$6 = require('./index-2599dd1a.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 var constantsIsProduction = require('./constantsIsProduction.js');
 var core$1 = require('@hhgtech/icons/core');
-var index$9 = require('./index-4fb8fa1d.js');
-var index$8 = require('./index-414aef22.js');
+var index$8 = require('./index-6510f9a2.js');
+var index$7 = require('./index-a32ffb51.js');
 var Cookies = require('js-cookie');
 var flatten = require('lodash/flatten');
 var uniqBy = require('lodash/uniqBy');
-var Locale = require('./Locale-1ef263bf.js');
+var Locale = require('./Locale-073cc262.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -415,7 +415,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(useScreenSize.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 +484,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)))));
 };
 
@@ -526,7 +526,7 @@ const BannerWithOptions = (props) => {
             : 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) {
@@ -546,13 +546,13 @@ const BannerWithOptions = (props) => {
                     paddingLeft: core.rem(16),
                 },
             }) },
-            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: {
+            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: {
                         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$7.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$6.Icon.ArrowRightTail, { size: 18, useCurrentColor: true })) : undefined, onClick: () => {
                     const curValues = form$1.getInputProps('bannerOptions').value;
                     saveStep(curValues.join('|'));
                     handleClickOption(curValues.join('|'));
@@ -585,7 +585,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$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),
@@ -598,8 +598,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),
@@ -651,7 +651,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$8.Modal, Object.assign({ styles: (theme) => ({
+    return (React__default["default"].createElement(index$7.Modal, Object.assign({ styles: (theme) => ({
             header: {
                 display: 'none',
             },
@@ -717,14 +717,14 @@ const SideBannerModal = (_a) => {
                         overflowY: 'auto',
                         borderRadius: 'inherit',
                     } },
-                    index$9.isVideo(mobileBanner) && (React__default["default"].createElement("video", { loop: true, muted: true, autoPlay: true, style: {
+                    index$8.isVideo(mobileBanner) && (React__default["default"].createElement("video", { loop: true, muted: true, autoPlay: true, style: {
                             width: '100%',
                             position: 'absolute',
                             top: 0,
                             left: 0,
                         } },
                         React__default["default"].createElement("source", { src: mobileBanner }))),
-                    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,
@@ -752,7 +752,7 @@ const SideBannerModal = (_a) => {
                 background: 'white',
                 boxShadow: '0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05) 0 2.25rem 1.75rem -0.4375rem, rgba(0, 0, 0, 0.04) 0 1.0625rem 1.0625rem -0.4375rem',
             } },
-            index$9.isVideo(desktopBanner) ? (React__default["default"].createElement("video", { loop: true, muted: true, autoPlay: true, style: {
+            index$8.isVideo(desktopBanner) ? (React__default["default"].createElement("video", { loop: true, muted: true, autoPlay: true, style: {
                     borderTopLeftRadius: core.rem(8),
                     borderBottomLeftRadius: core.rem(8),
                     height: '100%',
@@ -771,7 +771,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,
@@ -791,7 +791,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$6.ChipButton, Object.assign({ value: value, withIcon: true }, rest, { buttonProps: {
+    return (React__default["default"].createElement(index$5.ChipButton, Object.assign({ value: value, withIcon: true }, rest, { buttonProps: {
             styles: () => ({
                 leftIcon: {
                     marginRight: core.rem(6),
@@ -834,7 +834,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,
@@ -851,7 +851,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)));
@@ -933,7 +933,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',
@@ -952,15 +952,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$6.Input, Object.assign({ label: t('newsletter.welcome.description') }, form$1.getInputProps('name'))),
+                React__default["default"].createElement(index$5.Input, Object.assign({ label: t('newsletter.welcome.description') }, form$1.getInputProps('name'))),
                 React__default["default"].createElement(TopicSection, { topicsGroup: [
                         ...(pnSuggestCategory.length === 0 &&
                             interestedTopics.length === 0
@@ -1020,13 +1020,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 }) => {
@@ -1036,7 +1036,7 @@ const HistorySection = ({ history, onDelete }) => {
                 height: 32,
                 background: '#ffffff',
                 padding: '5px 12px',
-                border: `1px solid ${index$6.themeColors.neutral[4]}`,
+                border: `1px solid ${index$5.themeColors.neutral[4]}`,
                 borderRadius: 32,
                 textTransform: 'unset',
             },
@@ -1045,7 +1045,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, }) => {
@@ -1078,7 +1078,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 })))))));
 };
@@ -1108,14 +1108,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$6.AspectRatio, { ratio: 3 / 2, mb: 10, sx: (theme) => ({
+            React__default["default"].createElement(index$5.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',
@@ -1175,7 +1175,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,
@@ -1292,7 +1292,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,
             })),
@@ -1308,7 +1308,7 @@ const PremiumTopicSelect = (_a) => {
                         fontSize: 12,
                         lineHeight: '18px',
                         textTransform: 'uppercase',
-                        color: index$6.themeColors.gray[4],
+                        color: index$5.themeColors.gray[4],
                         '&::after': { display: 'none' },
                     },
                     searchInput: {
@@ -1317,7 +1317,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) => ({
@@ -1363,8 +1363,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: {
@@ -1383,7 +1383,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,
@@ -1397,8 +1397,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 })))));
 };
 
@@ -1429,7 +1429,7 @@ const PremiumNewsletterModal = ({ isMobile, isLoggedIn, pnSuggestCategory = [],
                 },
                 method: 'POST',
                 data: {
-                    ga_client_id: Cookies__default["default"].get(index$a.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],

package/build/{index-5070390b.js → index-5ae1c6a2.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-1dbea72e.js');
+var tslib_es6 = require('./tslib.es6-fc100802.js');
 var React = require('react');
 var core = require('@mantine/core');
-var index = require('./index-a22b5ee3.js');
+var index = require('./index-f9226545.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-fa418900.js → index-5b4c122d.js}

@@ -1,10 +1,10 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-1dbea72e.js');
+var tslib_es6 = require('./tslib.es6-fc100802.js');
 var React = require('react');
 var core = require('@mantine/core');
-var index$1 = require('./index-a22b5ee3.js');
-var index = require('./index-2e804ad7.js');
+var index$1 = require('./index-f9226545.js');
+var index = require('./index-e02947f9.js');
 var miscTheme = require('./miscTheme.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-a19be6a6.js → index-5f8b6126.js}

@@ -1,34 +1,34 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-1dbea72e.js');
+var tslib_es6 = require('./tslib.es6-fc100802.js');
 var React = require('react');
-var index$6 = require('./index-173680b8.js');
-var index$3 = require('./index-5070390b.js');
-var index = require('./index-2e804ad7.js');
+var index$6 = require('./index-280ab269.js');
+var index$3 = require('./index-5ae1c6a2.js');
+var index = require('./index-e02947f9.js');
 var innertext = require('innertext');
-var index$1 = require('./index-5e107d08.js');
-var index$2 = require('./index-fbb29680.js');
-var constants = require('./constants-fb42d932.js');
+var index$1 = require('./index-9729c8f0.js');
+var index$2 = require('./index-6e941d56.js');
+var constants = require('./constants-cee06180.js');
 var useTogetherAuthRequiredAction = require('./useTogetherAuthRequiredAction.js');
-var togetherComponentGlobalContext = require('./utils-243f7dac.js');
-var treePopoverMenu = require('./treePopoverMenu-ebf04781.js');
+var togetherComponentGlobalContext = require('./utils-36ecaf5e.js');
+var treePopoverMenu = require('./treePopoverMenu-7119be6d.js');
 var styled = require('@emotion/styled');
-var utils = require('./utils-18b2298e.js');
+var utils = require('./utils-a8e82955.js');
 var miscTheme = require('./miscTheme.js');
-var dataTransform = require('./dataTransform-6abe11b8.js');
+var dataTransform = require('./dataTransform-e0bc2630.js');
 var togetherApiPaths = require('./togetherApiPaths.js');
-var index$8 = require('./index-fe470cdd.js');
-var togetherMoleculesCardAuthor = require('./index-096827f3.js');
-var togetherMoleculesProfileDetail = require('./index-278d4154.js');
-var togetherMoleculesPostImagePreview = require('./index-a543c448.js');
-var index$7 = require('./index-058382bb.js');
-require('./index-903be409.js');
+var index$8 = require('./index-8aebf1c9.js');
+var togetherMoleculesCardAuthor = require('./index-d5c93a51.js');
+var togetherMoleculesProfileDetail = require('./index-8a3b8f0a.js');
+var togetherMoleculesPostImagePreview = require('./index-395c2ce9.js');
+var index$7 = require('./index-8430adbd.js');
+require('./index-86894b55.js');
 var core$1 = require('@hhgtech/icons/core');
 var other = require('@hhgtech/icons/other');
 var core = require('@mantine/core');
-var index$5 = require('./index-61019751.js');
-var index$4 = require('./index-a22b5ee3.js');
-var normalizeLink = require('./normalizeLink-407d7d72.js');
+var index$5 = require('./index-7b54c011.js');
+var index$4 = require('./index-f9226545.js');
+var normalizeLink = require('./normalizeLink-e26745d4.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
@@ -1317,7 +1317,7 @@ const CardPost = ({ className, style, hideViewMoreComment, showMostEngaging, onC
                 React__default["default"].createElement(togetherMoleculesPostImagePreview.PostImagePreview, { images: photos, authorName: author === null || author === void 0 ? void 0 : author.name }))) : null),
             React__default["default"].createElement("div", { key: "link-preview" }, !(post === null || post === void 0 ? void 0 : post.introUrl) && !(photos === null || photos === void 0 ? void 0 : photos.length) && (previewUrl === null || previewUrl === void 0 ? void 0 : previewUrl.url) ? (React__default["default"].createElement("div", { className: "link-preview-wrapper" },
                 React__default["default"].createElement(index$8.CardLink, { title: previewUrl.title, url: previewUrl.url, image: previewUrl.image }))) : null),
-            React__default["default"].createElement(treePopoverMenu.CardReactions, { isMarryBaby: isMarryBaby, type: treePopoverMenu.CardReactionType.post, loveCount: likesCount, replyCount: commentsCount, className: `post-reaction ${(photos === null || photos === void 0 ? void 0 : photos.length) || (previewUrl === null || previewUrl === void 0 ? void 0 : previewUrl.url) ? 'hide-top-border' : ''}`, liked: isLikeLoading ? !liked : liked, isReplied: commented, onCommentClick: () => authActionWrapper(() => {
+            React__default["default"].createElement(treePopoverMenu.CardReactions, { isMarryBaby: isMarryBaby, type: treePopoverMenu.CardReactionType.post, loveCount: likesCount, replyCount: commentsCount, className: `post-reaction ${(photos === null || photos === void 0 ? void 0 : photos.length) || (previewUrl === null || previewUrl === void 0 ? void 0 : previewUrl.url) ? 'hide-top-border' : ''}`, liked: isLikeLoading ? !liked : liked, isReplied: commented, isSaved: (post === null || post === void 0 ? void 0 : post.bookmarked) || false, onCommentClick: () => authActionWrapper(() => {
                     onCommentClick ? onCommentClick() : setShowInputComment((v) => !v);
                 }), onCommentCountClick: () => {
                     authActionWrapper(() => {
@@ -1357,6 +1357,9 @@ const CardPost = ({ className, style, hideViewMoreComment, showMostEngaging, onC
                             const res = yield togetherComponentGlobalContext.callApiWithAuth(togetherComponentGlobalContext.getApiPath(togetherApiPaths.PATHS.BOOKMARK.DELETE, {
                                 _locale: locale,
                             }), 'DELETE', {
+                                headers: {
+                                    'Content-Type': 'application/json',
+                                },
                                 data: {
                                     post_id: String(post.id),
                                 },

package/build/{index-61019751.js → index-7b54c011.js}

@@ -1,11 +1,11 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-1dbea72e.js');
+var tslib_es6 = require('./tslib.es6-fc100802.js');
 var React = require('react');
 var core = require('@mantine/core');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var utils = require('./utils-18b2298e.js');
+var utils = require('./utils-a8e82955.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-88f293e0.js → index-7d535683.js}

@@ -2,7 +2,7 @@
 
 var React = require('react');
 var styled = require('@emotion/styled');
-var utils = require('./utils-18b2298e.js');
+var utils = require('./utils-a8e82955.js');
 var miscTheme = require('./miscTheme.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-fd0fd36a.js → index-7e2d8f0c.js}

@@ -1,22 +1,22 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-1dbea72e.js');
+var tslib_es6 = require('./tslib.es6-fc100802.js');
 var React = require('react');
-require('./index-64e91f49.js');
+require('./index-03574fba.js');
 require('@mantine/core');
 require('@mantine/dates');
-require('./index-903be409.js');
-require('./index-cfe8ce24.js');
-require('./index-fbb29680.js');
-require('./useMantineLocale-11e6f5f0.js');
-var index = require('./index-a22b5ee3.js');
-require('./index-62bff040.js');
-require('./index.styles-d3c257ea.js');
-require('./translationsContext-9fdd1eef.js');
+require('./index-86894b55.js');
+require('./index-e7f6668f.js');
+require('./index-6e941d56.js');
+require('./useMantineLocale-8d1cd94e.js');
+var index = require('./index-f9226545.js');
+require('./index-e6f2ee0e.js');
+require('./index.styles-17c0965b.js');
+require('./translationsContext-822557c6.js');
 require('@mantine/hooks');
-require('./utils-18b2298e.js');
-require('./other-1f7de4f9.js');
-require('./index-5083eb74.js');
+require('./utils-a8e82955.js');
+require('./other-3d7c3c74.js');
+require('./index-8eefff2a.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-66bb665f.js → index-83ec1e2a.js}

@@ -1,25 +1,25 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-1dbea72e.js');
+var tslib_es6 = require('./tslib.es6-fc100802.js');
 var React = require('react');
 var core = require('@mantine/core');
 var form = require('@mantine/form');
-require('./index-64e91f49.js');
-var index$3 = require('./index-3c0bd70d.js');
-require('./index-a22b5ee3.js');
-require('./index-62bff040.js');
-require('./index.styles-d3c257ea.js');
-var index = require('./index-2e804ad7.js');
+require('./index-03574fba.js');
+var index$3 = require('./index-54250de8.js');
+require('./index-f9226545.js');
+require('./index-e6f2ee0e.js');
+require('./index.styles-17c0965b.js');
+var index = require('./index-e02947f9.js');
 require('@mantine/hooks');
-require('./useMantineLocale-11e6f5f0.js');
-require('./index-cfe8ce24.js');
-require('./index-fbb29680.js');
-require('./utils-18b2298e.js');
-require('./index-903be409.js');
-require('./other-1f7de4f9.js');
-require('./index-5083eb74.js');
-var index$1 = require('./index-8ef1c24e.js');
-var index$2 = require('./index-69ea4221.js');
+require('./useMantineLocale-8d1cd94e.js');
+require('./index-e7f6668f.js');
+require('./index-6e941d56.js');
+require('./utils-a8e82955.js');
+require('./index-86894b55.js');
+require('./other-3d7c3c74.js');
+require('./index-8eefff2a.js');
+var index$1 = require('./index-043b3168.js');
+var index$2 = require('./index-b5aa535d.js');
 var other = require('@hhgtech/icons/other');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-d1dea4ac.js → index-8536acfa.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 var React = require('react');
-var index = require('./index-173680b8.js');
-var togetherComponentGlobalContext = require('./utils-243f7dac.js');
+var index = require('./index-280ab269.js');
+var togetherComponentGlobalContext = require('./utils-36ecaf5e.js');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
 

package/build/{index-903be409.js → index-86894b55.js}

@@ -1,12 +1,12 @@
 'use strict';
 
 var locale = require('date-fns/locale');
-require('./index-cfe8ce24.js');
+require('./index-e7f6668f.js');
 var constantsSite = require('./constantsSite.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 var constantsRiskScreener = require('./constantsRiskScreener.js');
 var constantsIsProduction = require('./constantsIsProduction.js');
-var Locale = require('./Locale-1ef263bf.js');
+var Locale = require('./Locale-073cc262.js');
 
 const basePath = process.env.NEXT_PUBLIC_DEPLOY_LOCALE === 'tl-PH' ? '/fil' : '';
 const SSO_URL = process.env.NEXT_PUBLIC_SSO;