@hhgtech/hhg-components 1.29.425 → 1.29.426

package/build/esm/{index-51401628.js → index-63465c91.js}

@@ -1,13 +1,17 @@
 import React__default, { useState, useRef, createContext, useEffect, Fragment } from 'react';
-import { T as Text } from './index-10ab2f79.js';
+import { T as Text } from './index-60042364.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { M as MediaQueries } from './utils-d42c1409.js';
-import { R as Radio$1 } from './index-df41a428.js';
-import { T as Text$1 } from './index-0fb59499.js';
+import { M as MediaQueries } from './utils-6bddb1bf.js';
+import { Collapse } from '@mantine/core';
+import { useDisclosure } from '@mantine/hooks';
+import { S as ShapedArrowDown } from './index-058bca94.js';
+import { R as Radio$1 } from './index-caa5e1d0.js';
+import { _ as __rest } from './tslib.es6-ca7ad81a.js';
+import { T as Text$1 } from './index-ec73a304.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
-import { _ as __rest } from './tslib.es6-4eb9aecb.js';
 import flattenChildren from 'react-keyed-flatten-children';
+import { H as Heading } from './index-d9b10070.js';
 
 var styles = {"alert":"CHw-fZZ","content":"_03U6VRS","close":"EO828Vv"};
 
@@ -190,6 +194,50 @@ const StyledBorderHeading = styled.h4 `
 
 const BorderHeading = ({ style, children, className, size = 'lg', type = 'bold', upperCase, as = 'h4', color, }) => (React__default.createElement(StyledBorderHeading, { style: Object.assign({ color }, style), className: className, "data-size": size, "data-type": type, "data-uppercase": upperCase, as: as }, children));
 
+const StyledArrowDownIcon = styled(ShapedArrowDown) `
+  flex-shrink: 0;
+  color: ${theme.colors.neutral800};
+  width: 16px;
+  height: 16px;
+  transition: transform 0.2s ease-in-out;
+  transform: rotate(-180deg);
+  &[data-is-collapsed='true'] {
+    transform: rotate(0deg);
+  }
+`;
+const StyledCardCollapse = styled.div `
+  background-color: white;
+  .icon {
+    width: 20px;
+    height: 20px;
+    flex-shrink: 0;
+    color: ${theme.colors.neutral800};
+  }
+  .title {
+    color: #111111;
+    font-weight: var(--fwSemiBold);
+    font-size: 0.9375rem;
+    line-height: 1.5rem;
+    flex-grow: 1;
+  }
+`;
+const StyledBox = styled.div `
+  display: flex;
+  padding: 1rem;
+  gap: 0.75rem;
+  align-items: center;
+`;
+
+function CardCollapse({ children, title, icon, defaultOpened = true, id, }) {
+    const [opened, { toggle }] = useDisclosure(defaultOpened);
+    return (React__default.createElement(StyledCardCollapse, { id: id },
+        React__default.createElement(StyledBox, { onClick: toggle },
+            icon,
+            React__default.createElement("div", { className: "title" }, title),
+            React__default.createElement(StyledArrowDownIcon, { "data-is-collapsed": opened })),
+        React__default.createElement(Collapse, { in: opened, transitionDuration: 200, transitionTimingFunction: "ease" }, children)));
+}
+
 const StyledDropdown = styled.div `
   position: relative;
   box-sizing: border-box;
@@ -388,6 +436,56 @@ const Radio = ({ size = 'small', label, name, checked, value, className, isDisab
         size: size === 'small' ? 'md' : 'lg', label: label, name: name, checked: checked, value: value, className: className, disabled: isDisabled, onChange: (e) => onChange === null || onChange === void 0 ? void 0 : onChange(e.target.value) }, trackingProps)));
 };
 
+const StyledRateStars = styled.div `
+  display: inline-flex;
+
+  gap: calc(var(--gap) * 1px);
+  > svg {
+    width: calc(var(--star-size) * 1px);
+    height: calc(var(--star-size) * 1px);
+  }
+
+  &[data-selectable='true'] {
+    > svg {
+      cursor: pointer;
+    }
+  }
+`;
+
+const StarHalfIcon = (props) => {
+    return (React__default.createElement("svg", Object.assign({}, props, { viewBox: "0 0 24 24", fill: "none" }),
+        React__default.createElement("path", { d: "m139.287 144.772 5.17 3.12c.38.23.85-.11.75-.54l-1.37-5.88 4.56-3.95c.33-.29.16-.84-.29-.88l-6.01-.51-2.35-5.54a.498.498 0 0 0-.92 0l-2.35 5.54-6.01.51a.499.499 0 0 0-.28.88l4.56 3.95-1.37 5.88c-.1.43.37.77.75.54z", fill: "#E4E8EC" }),
+        React__default.createElement("path", { d: "M139.289 144.771s.013-14.488 0-14.488a.49.49 0 0 0-.46.308l-2.35 5.54-6.01.51a.499.499 0 0 0-.28.88l4.56 3.95-1.37 5.88c-.1.43.37.77.75.54z", fill: "#FFC326" })));
+};
+
+const StarIcon = (_a) => {
+    var { isFull } = _a, props = __rest(_a, ["isFull"]);
+    return (React__default.createElement("svg", Object.assign({}, props, { viewBox: "0 0 32 32", fill: "none" }),
+        React__default.createElement("path", { d: "m16 23.027 6.893 4.16c.507.306 1.134-.147 1-.72l-1.826-7.84 6.08-5.267a.67.67 0 0 0-.387-1.173l-8.013-.68-3.134-7.387a.664.664 0 0 0-1.226 0l-3.133 7.387-8.014.68a.668.668 0 0 0-.373 1.173l6.08 5.267-1.827 7.84c-.133.573.493 1.026 1 .72z", fill: isFull ? '#FFC326' : '#D2D6DC' })));
+};
+
+/**
+ *
+ * Show 5 (or more) stars and allow user vote (optional)
+ *
+ */
+const RateStars = ({ gap = 2, size = 24, star, totalStars = 5, onSelect, hideEmptyStars, style, className, }) => {
+    const numberOfFullStars = Math.floor(star);
+    const numberOfHalfStars = star - numberOfFullStars >= 0.5 ? 1 : 0;
+    const [tempStar, setTempStar] = useState(null);
+    const tempFullStars = tempStar || numberOfFullStars;
+    const tempHalfStars = tempStar ? 0 : numberOfHalfStars;
+    return (React__default.createElement(StyledRateStars, { "data-selectable": !!onSelect, style: Object.assign({ '--gap': gap, '--star-size': size }, style), className: className }, Array.from({
+        length: hideEmptyStars
+            ? numberOfFullStars + numberOfHalfStars
+            : totalStars,
+    }).map((_, index) => {
+        const onMouseOver = () => !!onSelect && setTempStar(index + 1);
+        const onMouseLeave = () => !!onSelect && setTempStar(null);
+        return index + 1 <= tempFullStars ? (React__default.createElement(StarIcon, { key: index, onClick: () => onSelect === null || onSelect === void 0 ? void 0 : onSelect(index + 1), onMouseOver: onMouseOver, onMouseLeave: onMouseLeave, isFull: true })) : index + 1 === tempFullStars + tempHalfStars ? (React__default.createElement(StarHalfIcon, { key: index, onClick: () => onSelect === null || onSelect === void 0 ? void 0 : onSelect(index + 1), onMouseOver: onMouseOver, onMouseLeave: onMouseLeave })) : (React__default.createElement(StarIcon, { key: index, onClick: () => onSelect === null || onSelect === void 0 ? void 0 : onSelect(index + 1), onMouseOver: onMouseOver, onMouseLeave: onMouseLeave }));
+    })));
+};
+
 const getTag = (tag, isLight) => {
     switch (tag) {
         case 'yellow': {
@@ -619,56 +717,6 @@ const Toggle = ({ className, id, onChange, checked, style, label }) => (React__d
         React__default.createElement(StyledToggleIcon, null),
         label && React__default.createElement(StyledToggleLabel, null, label))));
 
-const StyledRateStars = styled.div `
-  display: inline-flex;
-
-  gap: calc(var(--gap) * 1px);
-  > svg {
-    width: calc(var(--star-size) * 1px);
-    height: calc(var(--star-size) * 1px);
-  }
-
-  &[data-selectable='true'] {
-    > svg {
-      cursor: pointer;
-    }
-  }
-`;
-
-const StarHalfIcon = (props) => {
-    return (React__default.createElement("svg", Object.assign({}, props, { viewBox: "0 0 24 24", fill: "none" }),
-        React__default.createElement("path", { d: "m139.287 144.772 5.17 3.12c.38.23.85-.11.75-.54l-1.37-5.88 4.56-3.95c.33-.29.16-.84-.29-.88l-6.01-.51-2.35-5.54a.498.498 0 0 0-.92 0l-2.35 5.54-6.01.51a.499.499 0 0 0-.28.88l4.56 3.95-1.37 5.88c-.1.43.37.77.75.54z", fill: "#E4E8EC" }),
-        React__default.createElement("path", { d: "M139.289 144.771s.013-14.488 0-14.488a.49.49 0 0 0-.46.308l-2.35 5.54-6.01.51a.499.499 0 0 0-.28.88l4.56 3.95-1.37 5.88c-.1.43.37.77.75.54z", fill: "#FFC326" })));
-};
-
-const StarIcon = (_a) => {
-    var { isFull } = _a, props = __rest(_a, ["isFull"]);
-    return (React__default.createElement("svg", Object.assign({}, props, { viewBox: "0 0 32 32", fill: "none" }),
-        React__default.createElement("path", { d: "m16 23.027 6.893 4.16c.507.306 1.134-.147 1-.72l-1.826-7.84 6.08-5.267a.67.67 0 0 0-.387-1.173l-8.013-.68-3.134-7.387a.664.664 0 0 0-1.226 0l-3.133 7.387-8.014.68a.668.668 0 0 0-.373 1.173l6.08 5.267-1.827 7.84c-.133.573.493 1.026 1 .72z", fill: isFull ? '#FFC326' : '#D2D6DC' })));
-};
-
-/**
- *
- * Show 5 (or more) stars and allow user vote (optional)
- *
- */
-const RateStars = ({ gap = 2, size = 24, star, totalStars = 5, onSelect, hideEmptyStars, style, className, }) => {
-    const numberOfFullStars = Math.floor(star);
-    const numberOfHalfStars = star - numberOfFullStars >= 0.5 ? 1 : 0;
-    const [tempStar, setTempStar] = useState(null);
-    const tempFullStars = tempStar || numberOfFullStars;
-    const tempHalfStars = tempStar ? 0 : numberOfHalfStars;
-    return (React__default.createElement(StyledRateStars, { "data-selectable": !!onSelect, style: Object.assign({ '--gap': gap, '--star-size': size }, style), className: className }, Array.from({
-        length: hideEmptyStars
-            ? numberOfFullStars + numberOfHalfStars
-            : totalStars,
-    }).map((_, index) => {
-        const onMouseOver = () => !!onSelect && setTempStar(index + 1);
-        const onMouseLeave = () => !!onSelect && setTempStar(null);
-        return index + 1 <= tempFullStars ? (React__default.createElement(StarIcon, { key: index, onClick: () => onSelect === null || onSelect === void 0 ? void 0 : onSelect(index + 1), onMouseOver: onMouseOver, onMouseLeave: onMouseLeave, isFull: true })) : index + 1 === tempFullStars + tempHalfStars ? (React__default.createElement(StarHalfIcon, { key: index, onClick: () => onSelect === null || onSelect === void 0 ? void 0 : onSelect(index + 1), onMouseOver: onMouseOver, onMouseLeave: onMouseLeave })) : (React__default.createElement(StarIcon, { key: index, onClick: () => onSelect === null || onSelect === void 0 ? void 0 : onSelect(index + 1), onMouseOver: onMouseOver, onMouseLeave: onMouseLeave }));
-    })));
-};
-
 // define shared context
 const StepRendererContext = createContext({
     currentStep: 0,
@@ -710,4 +758,32 @@ const StepRenderer = ({ children, onStepChange }) => {
     })));
 };
 
-export { Alert as A, Badge as B, FileDropdown as F, Grid as G, Radio as R, StepRenderer as S, Tag as T, BorderHeading as a, Toggle as b, RateStars as c, StepRendererContext as d };
+const StyledIconHeading = styled.div `
+  display: flex;
+  align-items: center;
+  gap: 8px;
+`;
+const StyledTitle = styled(Heading) `
+  font-weight: var(--fwBold);
+`;
+
+const IconHeading = ({ icon, title, className, style }) => {
+    return (React__default.createElement(StyledIconHeading, { className: className, style: style },
+        icon,
+        React__default.createElement(StyledTitle, { tag: "h6", color: "var(--secondaryDark)" }, title)));
+};
+
+const sanitizeHtml = (data) => {
+    if (!data)
+        return '';
+    const convertNewlinesToHtmlBreaks = data
+        .replace(/\n$/, '')
+        .replace(/\n/g, '<br />');
+    return convertNewlinesToHtmlBreaks;
+};
+const HtmlContent = ({ htmlContent, className }) => {
+    const htmlClean = sanitizeHtml(htmlContent);
+    return (React__default.createElement("div", { className: className, dangerouslySetInnerHTML: { __html: htmlClean } }));
+};
+
+export { Alert as A, Badge as B, CardCollapse as C, FileDropdown as F, Grid as G, HtmlContent as H, IconHeading as I, Radio as R, StepRenderer as S, Tag as T, BorderHeading as a, RateStars as b, Toggle as c, StepRendererContext as d };

package/build/esm/{index-5dd991e7.js → index-6c099508.js}

@@ -1,8 +1,8 @@
-import { _ as __rest } from './tslib.es6-4eb9aecb.js';
+import { _ as __rest } from './tslib.es6-ca7ad81a.js';
 import React__default from 'react';
 import { theme } from './miscTheme.js';
-import { W as WhatsApp, I as Instagram } from './WhatsApp-dc372042.js';
-import { S as Spinner } from './Spinner-39f41a80.js';
+import { W as WhatsApp, I as Instagram } from './WhatsApp-57fb5cfa.js';
+import { S as Spinner } from './Spinner-e2372478.js';
 
 const App = (_a) => {
     var { size = 24 } = _a, rest = __rest(_a, ["size"]);

package/build/esm/{index-ef27d1b7.js → index-6d75b8d6.js}

@@ -1,20 +1,20 @@
-import { _ as __rest } from './tslib.es6-4eb9aecb.js';
+import { _ as __rest } from './tslib.es6-ca7ad81a.js';
 import React__default, { createContext, useContext } from 'react';
 import { useMantineTheme } from '@mantine/core';
 import { useForm, isNotEmpty } from '@mantine/form';
-import './index-df41a428.js';
-import { D as DatePicker } from './index-8a96534e.js';
-import './index-10ab2f79.js';
-import './index-b2caa4a0.js';
-import './index.styles-2f5bf125.js';
-import { u as useTranslations } from './index-63fdec33.js';
+import './index-caa5e1d0.js';
+import { D as DatePicker } from './index-ddcc418c.js';
+import './index-60042364.js';
+import './index-0c17e028.js';
+import './index.styles-90350fcf.js';
+import { u as useTranslations } from './index-4d014b3b.js';
 import '@mantine/hooks';
-import './index-af5fb2f3.js';
-import './text-b2368ea1.js';
-import './utils-d42c1409.js';
-import './index-19b8ff6d.js';
-import { H as HealthToolFormWrapper } from './index-2f738d47.js';
-import { G as GenderOptionControl } from './index-9be52ddc.js';
+import './index-74e79996.js';
+import './text-594e9ab1.js';
+import './utils-6bddb1bf.js';
+import './index-2e5cbf2e.js';
+import { H as HealthToolFormWrapper } from './index-ee87b5ad.js';
+import { G as GenderOptionControl } from './index-08b3741a.js';
 import { CalendarMB } from '@hhgtech/icons/other';
 
 const BabyVaccineFormContext = createContext({});

package/build/esm/{index-63c1dd23.js → index-6e6adf66.js}

@@ -1,6 +1,6 @@
 import React__default, { useState, useEffect } from 'react';
-import { B as Breakpoints } from './utils-d42c1409.js';
-import { _ as __rest } from './tslib.es6-4eb9aecb.js';
+import { B as Breakpoints } from './utils-6bddb1bf.js';
+import { _ as __rest } from './tslib.es6-ca7ad81a.js';
 import styled from '@emotion/styled';
 
 const getIsMobile = () => {

package/build/esm/{index-af5fb2f3.js → index-74e79996.js}

@@ -1,16 +1,16 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-4eb9aecb.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-ca7ad81a.js';
 import React__default, { useState, useEffect } from 'react';
 import dayjs from 'dayjs';
-import './index-b1e53d7f.js';
-import { L as LOCALE } from './Locale-390bc4a8.js';
+import './index-bf0c286c.js';
+import { L as LOCALE } from './Locale-1adbd058.js';
 import { notifications, Notifications } from '@mantine/notifications';
-import { Z as ZINDEX_SSO, I as ISO_FORMAT } from './index-f0c10048.js';
+import { Z as ZINDEX_SSO, I as ISO_FORMAT } from './index-20c22407.js';
 import { em } from '@mantine/core';
-import { C as CommonGAssets } from './index-0d0101a1.js';
+import { C as CommonGAssets } from './index-d21e5ac4.js';
 import { theme } from './miscTheme.js';
-import { S as Screens, M as MediaQueries, B as Breakpoints } from './utils-d42c1409.js';
-import { C as CustomStylesType, F as FontWeight } from './text-b2368ea1.js';
-import { A as ANIMATION_DURATION } from './shared-d1fe7d97.js';
+import { S as Screens, M as MediaQueries, B as Breakpoints } from './utils-6bddb1bf.js';
+import { C as CustomStylesType, F as FontWeight } from './text-594e9ab1.js';
+import { A as ANIMATION_DURATION } from './shared-9f63c003.js';
 
 // Available locale list https://cdn.jsdelivr.net/npm/dayjs@1/locale.json
 const MAPPED_LOCALE = {

package/build/esm/{index-18689136.js → index-7a93ded9.js}

@@ -1,4 +1,4 @@
-import { _ as __rest } from './tslib.es6-4eb9aecb.js';
+import { _ as __rest } from './tslib.es6-ca7ad81a.js';
 import React__default from 'react';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';

package/build/esm/{index-980abbb9.js → index-7c758c38.js}

@@ -1,20 +1,20 @@
-import { _ as __rest } from './tslib.es6-4eb9aecb.js';
+import { _ as __rest } from './tslib.es6-ca7ad81a.js';
 import React__default, { createContext, useContext } from 'react';
 import { useMantineTheme } from '@mantine/core';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { L as LastPeriod } from './LastPeriod-27205db1.js';
-import { I as Input } from './index-df41a428.js';
-import { D as DatePicker } from './index-8a96534e.js';
-import { T as Text } from './index-10ab2f79.js';
-import './index-b2caa4a0.js';
-import './index.styles-2f5bf125.js';
-import { u as useTranslations } from './index-63fdec33.js';
+import { L as LastPeriod } from './LastPeriod-d3a3b0e1.js';
+import { I as Input } from './index-caa5e1d0.js';
+import { D as DatePicker } from './index-ddcc418c.js';
+import { T as Text } from './index-60042364.js';
+import './index-0c17e028.js';
+import './index.styles-90350fcf.js';
+import { u as useTranslations } from './index-4d014b3b.js';
 import '@mantine/hooks';
-import './index-af5fb2f3.js';
-import './text-b2368ea1.js';
-import './utils-d42c1409.js';
-import './index-19b8ff6d.js';
-import { H as HealthToolFormWrapper } from './index-2f738d47.js';
+import './index-74e79996.js';
+import './text-594e9ab1.js';
+import './utils-6bddb1bf.js';
+import './index-2e5cbf2e.js';
+import { H as HealthToolFormWrapper } from './index-ee87b5ad.js';
 import { CalendarMB } from '@hhgtech/icons/other';
 
 const AvoidPregnancy = (_a) => {

package/build/esm/{index-675d257a.js → index-802c372d.js}

@@ -1,20 +1,20 @@
-import { _ as __rest } from './tslib.es6-4eb9aecb.js';
+import { _ as __rest } from './tslib.es6-ca7ad81a.js';
 import React__default from 'react';
 import { createStyles, rem, Box } from '@mantine/core';
-import './index-df41a428.js';
+import './index-caa5e1d0.js';
 import '@mantine/dates';
-import './index-f0c10048.js';
-import './index-b1e53d7f.js';
-import './index-0d0101a1.js';
-import './index-af5fb2f3.js';
-import { T as Text } from './index-10ab2f79.js';
-import { B as Button } from './index-b2caa4a0.js';
-import './index.styles-2f5bf125.js';
-import { u as useTranslations } from './index-63fdec33.js';
+import './index-20c22407.js';
+import './index-bf0c286c.js';
+import './index-d21e5ac4.js';
+import './index-74e79996.js';
+import { T as Text } from './index-60042364.js';
+import { B as Button } from './index-0c17e028.js';
+import './index.styles-90350fcf.js';
+import { u as useTranslations } from './index-4d014b3b.js';
 import '@mantine/hooks';
-import './text-b2368ea1.js';
-import './utils-d42c1409.js';
-import './index-19b8ff6d.js';
+import './text-594e9ab1.js';
+import './utils-6bddb1bf.js';
+import './index-2e5cbf2e.js';
 
 var useStyles = createStyles((theme, { hasOnClickFn }) => {
     return {

package/build/esm/{index-d7895554.js → index-93da46ac.js}

@@ -1,12 +1,12 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-4eb9aecb.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-ca7ad81a.js';
 import React__default, { useState, useMemo, useCallback } from 'react';
-import { u as useTranslations } from './index-63fdec33.js';
+import { u as useTranslations } from './index-4d014b3b.js';
 import { createStyles } from '@mantine/core';
-import { P as PATHS } from './paths-e5f0e63e.js';
-import { L as LOCALIZED_SLUGS } from './constants-4df6a9ec.js';
-import { B as Button } from './index-b2caa4a0.js';
-import './index-f0c10048.js';
-import { c as callApi, g as getCarePath } from './utils-1d4b6b55.js';
+import { P as PATHS } from './paths-4947f363.js';
+import { L as LOCALIZED_SLUGS } from './constants-32613d9d.js';
+import { B as Button } from './index-0c17e028.js';
+import './index-20c22407.js';
+import { c as callApi, g as getCarePath } from './utils-ef2933c6.js';
 import { domainLocales } from './constantsDomainLocales.js';
 import { isProduction } from './constantsIsProduction.js';
 

package/build/esm/{index-d1e164c0.js → index-96921955.js}

@@ -1,34 +1,34 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-4eb9aecb.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-ca7ad81a.js';
 import React__default, { useContext, useState, useEffect, useMemo } from 'react';
-import { B as Button } from './index-ff5ead37.js';
-import { H as Heading } from './index-f520b8f6.js';
-import { u as useTranslations } from './index-63fdec33.js';
+import { B as Button } from './index-a928937d.js';
+import { H as Heading } from './index-d9b10070.js';
+import { u as useTranslations } from './index-4d014b3b.js';
 import innertext from 'innertext';
-import { S as SharePopup, P as PopupDanger, h as deletePost, i as IconAlertCircle, b as SubmitReportForm, j as deleteComment, k as decodeCommentBody, l as likeUnlikeComment, I as InputCommentBar, m as likeUnlikePost, g as getDefaultFailNoti } from './index-77fec538.js';
-import { C as CommonGAssets } from './index-0d0101a1.js';
-import { R as REPORT_REASON_MAP, D as DEFAULT_IMG } from './constants-6b3941ff.js';
+import { S as SharePopup, P as PopupDanger, h as deletePost, i as IconAlertCircle, b as SubmitReportForm, j as deleteComment, k as decodeCommentBody, l as likeUnlikeComment, I as InputCommentBar, m as likeUnlikePost, g as getDefaultFailNoti } from './index-c11edefc.js';
+import { C as CommonGAssets } from './index-d21e5ac4.js';
+import { R as REPORT_REASON_MAP, D as DEFAULT_IMG } from './constants-3ba45268.js';
 import { useTogetherAuthRequiredAction, TogetherAuthConfigContextProvider } from './useTogetherAuthRequiredAction.js';
-import { T as TogetherComponentGlobalContext, c as callApi, s as getMarryBabyApiPath, o as getDiscoverApiPath, g as getCarePath, k as getCurrentBaseUrl$1, b as callApiWithAuth, d as getApiPath, t as callApiWithOptionalAuth, l as domainLocales$1 } from './utils-1d4b6b55.js';
-import { b as TreePopoverMenu, C as CardReactions, c as CardReactionType, a as LabelPin, T as TagTopic } from './treePopoverMenu-dbe56bda.js';
+import { T as TogetherComponentGlobalContext, c as callApi, s as getMarryBabyApiPath, o as getDiscoverApiPath, g as getCarePath, k as getCurrentBaseUrl$1, b as callApiWithAuth, d as getApiPath, t as callApiWithOptionalAuth, l as domainLocales$1 } from './utils-ef2933c6.js';
+import { b as TreePopoverMenu, C as CardReactions, c as CardReactionType, a as LabelPin, T as TagTopic } from './treePopoverMenu-ce29ee8f.js';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-d42c1409.js';
+import { M as MediaQueries } from './utils-6bddb1bf.js';
 import { theme } from './miscTheme.js';
-import { g as formatArticle, h as formatCategory, e as formatComment } from './dataTransform-9c2a1e14.js';
+import { g as formatArticle, h as formatCategory, e as formatComment } from './dataTransform-0fafa03e.js';
 import { DISCOVER_PATHS, CARE_PATHS, PATHS } from './togetherApiPaths.js';
-import { C as CardLink } from './index-0280d18e.js';
-import { C as CardAuthor, c as ProfileDetailModal } from './index-2aa098be.js';
-import { a as ProfileDetail, P as PostContent } from './index-9ba616bb.js';
-import { a as PostImagePreview } from './index-7cd6822b.js';
-import { S as SocialLinkPreview } from './index-d877ef38.js';
-import { D as Divider } from './index-b0cedc2f.js';
-import './index-f0c10048.js';
+import { C as CardLink } from './index-b57790fe.js';
+import { C as CardAuthor, c as ProfileDetailModal } from './index-410911c7.js';
+import { a as ProfileDetail, P as PostContent } from './index-45a8b774.js';
+import { a as PostImagePreview } from './index-d8b0a239.js';
+import { S as SocialLinkPreview } from './index-b145dc48.js';
+import { D as Divider } from './index-5cfa8618.js';
+import './index-20c22407.js';
 import { Plus } from '@hhgtech/icons/core';
 import { ArrowRight, ArrowDown, Trash, Endorse } from '@hhgtech/icons/other';
 import { Accordion } from '@mantine/core';
-import { I as Input } from './index-cb98b54f.js';
-import { T as Text } from './index-10ab2f79.js';
-import { L as Loading } from './index-9bcd5ae0.js';
-import { g as getCurrentBaseUrl } from './normalizeLink-a22ef7b5.js';
+import { I as Input } from './index-09ed05be.js';
+import { T as Text } from './index-60042364.js';
+import { L as Loading } from './index-454aabe6.js';
+import { g as getCurrentBaseUrl } from './normalizeLink-351b5950.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
 var img$7 = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3e%3cpath fill='%233E3F58' d='M5 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2M19 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2M12 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2'/%3e%3c/svg%3e";

package/build/esm/{index-c8172750.js → index-9749fab7.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
-import { u as useTranslations } from './index-63fdec33.js';
-import { B as Button } from './index-ff5ead37.js';
+import { u as useTranslations } from './index-4d014b3b.js';
+import { B as Button } from './index-a928937d.js';
 
 var styles = {"loading":"PD6nRZX"};
 

package/build/esm/{index-df527c9f.js → index-985cb859.js}

@@ -1,41 +1,41 @@
 import React__default, { createContext, useContext, useMemo, useCallback, useState, useEffect, forwardRef, useRef } from 'react';
 import { rem, Container, createStyles, Box, Stack, Flex, AspectRatio, ScrollArea, Chip, Group, Badge, MultiSelect, Stepper } from '@mantine/core';
-import { C as CommonGAssets } from './index-0d0101a1.js';
-import { b as callApiWithAuth, d as getApiPath, T as TogetherComponentGlobalContext, e as getPremiumApiPath, f as getWebsiteUrlApi, h as getSsoApiPath } from './utils-1d4b6b55.js';
-import { G as GA_TOKEN_COOKIE } from './index-f0c10048.js';
-import { H as HEALTH_TOOL_TYPE, a as HEALTH_TOOL_DEFAULT_IMG } from './healthTools-61c49d5f.js';
+import { C as CommonGAssets } from './index-d21e5ac4.js';
+import { b as callApiWithAuth, d as getApiPath, T as TogetherComponentGlobalContext, e as getPremiumApiPath, f as getWebsiteUrlApi, h as getSsoApiPath } from './utils-ef2933c6.js';
+import { G as GA_TOKEN_COOKIE } from './index-20c22407.js';
+import { H as HEALTH_TOOL_TYPE, a as HEALTH_TOOL_DEFAULT_IMG } from './healthTools-5d6fc4f7.js';
 import { RISK_SCREENER_NAME, RISK_SCREENER_SLUG } from './constantsRiskScreener.js';
-import { _ as __rest, a as __awaiter } from './tslib.es6-4eb9aecb.js';
-import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-7a546525.js';
-import { I as ImageWrap } from './index-63c1dd23.js';
-import { g as getCurrentBaseUrl, a as getCurrentSsoUrl } from './normalizeLink-a22ef7b5.js';
-import { u as useTranslations } from './index-63fdec33.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-ca7ad81a.js';
+import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-e0b283c7.js';
+import { I as ImageWrap } from './index-6e6adf66.js';
+import { g as getCurrentBaseUrl, a as getCurrentSsoUrl } from './normalizeLink-351b5950.js';
+import { u as useTranslations } from './index-4d014b3b.js';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { d as Checkbox, e as ChipButton, I as Input, b as AspectRatio$1 } from './index-df41a428.js';
+import { d as Checkbox, e as ChipButton, I as Input, b as AspectRatio$1 } from './index-caa5e1d0.js';
 import '@mantine/dates';
-import './index-b1e53d7f.js';
-import { t as themeColors } from './index-af5fb2f3.js';
-import { T as Text } from './index-10ab2f79.js';
-import { B as Button } from './index-b2caa4a0.js';
-import './index.styles-2f5bf125.js';
+import './index-bf0c286c.js';
+import { t as themeColors } from './index-74e79996.js';
+import { T as Text } from './index-60042364.js';
+import { B as Button } from './index-0c17e028.js';
+import './index.styles-90350fcf.js';
 import { useViewportSize } from '@mantine/hooks';
-import './text-b2368ea1.js';
-import './utils-d42c1409.js';
-import './index-19b8ff6d.js';
+import './text-594e9ab1.js';
+import './utils-6bddb1bf.js';
+import './index-2e5cbf2e.js';
 import { PATHS as PATHS$2 } from './togetherApiPaths.js';
-import './translationsContext-7ee3652a.js';
-import { H as Heading } from './index-f520b8f6.js';
-import { u as useHealthToolsCache } from './useHealthToolCache-f1e62216.js';
-import { I as Icon } from './index-5dd991e7.js';
+import './translationsContext-5c3203aa.js';
+import { H as Heading } from './index-d9b10070.js';
+import { u as useHealthToolsCache } from './useHealthToolCache-5614673b.js';
+import { I as Icon } from './index-6c099508.js';
 import { domainLocales } from './constantsDomainLocales.js';
 import { isProduction } from './constantsIsProduction.js';
 import { Close, Plus } from '@hhgtech/icons/core';
-import { i as isVideo } from './index-c69c2692.js';
-import { M as Modal } from './index-1299b729.js';
+import { i as isVideo } from './index-9ddf68e2.js';
+import { M as Modal } from './index-c5d523f7.js';
 import Cookies from 'js-cookie';
 import flatten from 'lodash/flatten';
 import uniqBy from 'lodash/uniqBy';
-import { L as LOCALE } from './Locale-390bc4a8.js';
+import { L as LOCALE } from './Locale-1adbd058.js';
 
 const PREFER_TOPICS = [
     {

package/build/esm/{index-947a152a.js → index-9dc7c12c.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
-import { I as Icon } from './index-5dd991e7.js';
-import { u as useTranslations } from './index-63fdec33.js';
+import { I as Icon } from './index-6c099508.js';
+import { u as useTranslations } from './index-4d014b3b.js';
 
 var styles = {"loading":"tliWyii"};
 

package/build/esm/{index-f37628b0.js → index-a41cfe2d.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
 import styled from '@emotion/styled';
-import { L as Label } from './index-cb98b54f.js';
+import { L as Label } from './index-09ed05be.js';
 import { theme } from './miscTheme.js';
 
 const StyledTextArea = styled.div `

package/build/esm/{index-ff5ead37.js → index-a928937d.js}

@@ -1,6 +1,6 @@
-import { _ as __rest } from './tslib.es6-4eb9aecb.js';
+import { _ as __rest } from './tslib.es6-ca7ad81a.js';
 import React__default from 'react';
-import { B as Button$1 } from './index-b2caa4a0.js';
+import { B as Button$1 } from './index-0c17e028.js';
 
 /**
  * @deprecated Consider to use at '@hhgtech/hhg-components/mantine'

package/build/esm/{index-d877ef38.js → index-b145dc48.js}

@@ -1,13 +1,13 @@
-import { a as __awaiter } from './tslib.es6-4eb9aecb.js';
+import { a as __awaiter } from './tslib.es6-ca7ad81a.js';
 import React__default, { useState, useEffect, useRef, useContext, useMemo } from 'react';
 import { Box, useMantineTheme } from '@mantine/core';
-import { I as ImageWrap } from './index-63c1dd23.js';
-import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-1d4b6b55.js';
+import { I as ImageWrap } from './index-6e6adf66.js';
+import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-ef2933c6.js';
 import styled from '@emotion/styled';
 import { PATHS } from './togetherApiPaths.js';
-import { D as DEFAULT_IMG } from './constants-6b3941ff.js';
-import { y as youtubeVidIdGetter } from './post-a3f723d9.js';
-import { L as Loading } from './index-9bcd5ae0.js';
+import { D as DEFAULT_IMG } from './constants-3ba45268.js';
+import { y as youtubeVidIdGetter } from './post-c7a8594d.js';
+import { L as Loading } from './index-454aabe6.js';
 
 const StyledSocialLinkPreview = styled.div `
   .link-info-container {