@hhgtech/hhg-components 1.29.441 → 1.29.442-beta-2

package/build/esm/{index-b2d5a116.js → index-5f41f7eb.js}

@@ -1,20 +1,20 @@
-import { _ as __rest } from './tslib.es6-a8ce1ea2.js';
+import { _ as __rest } from './tslib.es6-5c53dd3c.js';
 import React__default, { createContext, useContext } from 'react';
 import { useMantineTheme } from '@mantine/core';
 import { useForm, isNotEmpty } from '@mantine/form';
-import './index-6e06f1b2.js';
-import { D as DatePicker } from './index-6255fe3b.js';
-import './index-04e4fa56.js';
-import './index-f4de070d.js';
-import './index.styles-4ecc7255.js';
-import { u as useTranslations } from './index-9284c5c9.js';
+import './index-4ca2b6a0.js';
+import { D as DatePicker } from './index-d6052a66.js';
+import './index-3d6f2d0f.js';
+import './index-bd4ba6cf.js';
+import './index.styles-0db8b359.js';
+import { u as useTranslations } from './index-606ed498.js';
 import '@mantine/hooks';
-import './index-b1782753.js';
-import './text-d10bac1d.js';
-import './utils-9ca5ce68.js';
-import './index-f8c42cca.js';
-import { H as HealthToolFormWrapper } from './index-e996882b.js';
-import { G as GenderOptionControl } from './index-32ea4895.js';
+import './index-9080184a.js';
+import './text-b458d34f.js';
+import './utils-d8537b06.js';
+import './index-629c6015.js';
+import { H as HealthToolFormWrapper } from './index-90299809.js';
+import { G as GenderOptionControl } from './index-05e443d5.js';
 import { CalendarMB } from '@hhgtech/icons/other';
 
 const BabyVaccineFormContext = createContext({});

package/build/esm/{index-9284c5c9.js → index-606ed498.js}

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { useContext, useMemo } from 'react';
-import { T as TranslationsContext } from './translationsContext-ebdbfa5a.js';
+import { T as TranslationsContext } from './translationsContext-ef6c460e.js';
 
 // SRC: https://github.com/berezh/react-string-format
 function format(text, params) {

package/build/esm/{index-a571b191.js → index-618d1505.js}

@@ -1,48 +1,48 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-a8ce1ea2.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-5c53dd3c.js';
 import React__default, { useContext, useState, useCallback, useEffect, useMemo, useRef } from 'react';
-import { V as VideoType } from './index-0cd17cbc.js';
-import { i as isInternalLink, V as VideoItem, L as LanguageSwitcher } from './index-2e7cce07.js';
-import { L as LOCALE_SPECS, S as STATIC_PAGES, T as TOGETHER_LOCALES, a as CARE_LOCALES } from './index-c939f34c.js';
-import { e as normalizeLink, n as normalizeLinkSlash, g as getCurrentBaseUrl, c as getDiscoverApiDomain, b as getTogetherApiDomain, d as getCareApiDomain } from './normalizeLink-1f6a9bdc.js';
-import { a as formatCommunity, b as formatPost } from './dataTransform-e349f7f6.js';
+import { V as VideoType } from './index-2783ff88.js';
+import { i as isInternalLink, V as VideoItem, L as LanguageSwitcher } from './index-ce521b0e.js';
+import { L as LOCALE_SPECS, S as STATIC_PAGES, T as TOGETHER_LOCALES, a as CARE_LOCALES } from './index-3fa272bb.js';
+import { e as normalizeLink, n as normalizeLinkSlash, g as getCurrentBaseUrl, c as getDiscoverApiDomain, b as getTogetherApiDomain, d as getCareApiDomain } from './normalizeLink-6d4c447b.js';
+import { a as formatCommunity, b as formatPost } from './dataTransform-3c611504.js';
 import { Close, Logo } from '@hhgtech/icons/core';
-import './translationsContext-ebdbfa5a.js';
+import './translationsContext-ef6c460e.js';
 import styled from '@emotion/styled';
-import { I as Input } from './index-6e06f1b2.js';
+import { I as Input } from './index-4ca2b6a0.js';
 import { theme } from './miscTheme.js';
-import { a as NavigationContext, u as useCSSFocusPopupHelper, N as NavigationProfileButton, b as NavigationProvider } from './index-94cdb856.js';
+import { a as NavigationContext, u as useCSSFocusPopupHelper, N as NavigationProfileButton, b as NavigationProvider } from './index-1c26e7a7.js';
 import { ArrowRight, ChatAi } from '@hhgtech/icons/other';
 import { createStyles, Box, Indicator, useMantineTheme, clsx } from '@mantine/core';
-import { L as Logo$1 } from './index-6769ea73.js';
+import { L as Logo$1 } from './index-5af79c91.js';
 import throttle from 'lodash/throttle';
 import '@mantine/dates';
-import { C as CommonGAssets } from './index-41d35542.js';
-import './index-b1782753.js';
-import { T as Text } from './index-04e4fa56.js';
-import { B as Button } from './index-f4de070d.js';
-import './index.styles-4ecc7255.js';
+import { C as CommonGAssets } from './index-1e63cf49.js';
+import './index-9080184a.js';
+import { T as Text } from './index-3d6f2d0f.js';
+import { B as Button } from './index-bd4ba6cf.js';
+import './index.styles-0db8b359.js';
 import '@mantine/hooks';
-import './text-d10bac1d.js';
-import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-9ca5ce68.js';
-import './index-f8c42cca.js';
-import { L as LOCALISED_SLUGS } from './constants-470408c3.js';
-import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-8527e122.js';
-import { L as LOCALIZED_SLUGS } from './constants-4a145751.js';
-import { u as useTranslations } from './index-9284c5c9.js';
-import { H as Heading } from './index-d16f0845.js';
-import { I as Indicator$1 } from './index-008a0395.js';
-import { u as useIsInit } from './useIsInit-8f148e12.js';
+import './text-b458d34f.js';
+import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-d8537b06.js';
+import './index-629c6015.js';
+import { L as LOCALISED_SLUGS } from './constants-35a32d9d.js';
+import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-d7c777d0.js';
+import { L as LOCALIZED_SLUGS } from './constants-2c8f5796.js';
+import { u as useTranslations } from './index-606ed498.js';
+import { H as Heading } from './index-74ce9ff8.js';
+import { I as Indicator$1 } from './index-98e211fc.js';
+import { u as useIsInit } from './useIsInit-fdfc9deb.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
-import { B as Button$1 } from './index-e580e4dc.js';
+import { B as Button$1 } from './index-8212225d.js';
 import dayjs from 'dayjs';
 import relativeTime from 'dayjs/plugin/relativeTime';
-import { U as UserAvatar } from './index-55188d7b.js';
+import { U as UserAvatar } from './index-e21a1beb.js';
 import formatString from 'string-format';
 import { domainLocales } from './constantsDomainLocales.js';
-import { C as Container } from './index-32535310.js';
+import { C as Container } from './index-bac94fec.js';
 import debounce from 'lodash/debounce';
-import { L as LOCALE } from './Locale-845fe9c7.js';
-import { g as getDataWithCache } from './core-0c11879f.js';
+import { L as LOCALE } from './Locale-9a1fd81c.js';
+import { g as getDataWithCache } from './core-1087a954.js';
 
 const StyleInput = styled(Input) `
   .mantine-Input-input {
@@ -823,10 +823,16 @@ const StyledContainerItems$4 = styled.div `
 `;
 
 const StyledItem$4 = styled.a `
+  position: relative;
   width: 100%;
   display: flex;
   align-items: center;
   text-decoration: none;
+
+  &[data-has-button='true'] {
+    cursor: default;
+    pointer-events: none;
+  }
   * {
     pointer-events: none;
   }
@@ -853,6 +859,50 @@ const StyledImageCard$2 = styled.div `
     padding-top: 100px;
   }
 `;
+const StyledButton = styled.button `
+  ${MediaQueries.tdDown} {
+    position: relative;
+    bottom: 0;
+    left: 16px;
+    right: 0;
+    padding: 4px 8px;
+    width: 90px;
+    height: 24px;
+    min-height: 24px;
+    max-height: 24px;
+    font-size: 11px;
+    line-height: 16px;
+    border-radius: 8px;
+  }
+
+  position: absolute;
+  bottom: 8px;
+  left: 8px;
+  right: 8px;
+  height: 40px;
+  min-height: 40px;
+  max-height: 40px;
+  padding: 8px 16px;
+  pointer-events: auto;
+
+  background: ${(props) => props.bgColor};
+  border-radius: 12px;
+  border: none;
+  transition: all 0.2s ease-in-out;
+
+  color: ${(props) => props.textColor};
+  font-family: 'Inter';
+  font-weight: 500;
+  font-size: 15px;
+  text-align: center;
+  cursor: pointer;
+
+  &:hover {
+    opacity: 0.9;
+    color: ${(props) => props.bgColor};
+    background: ${(props) => props.textColor};
+  }
+`;
 const StyledTitle$3 = styled.p `
   font-size: 16px;
   font-weight: 400;
@@ -868,10 +918,22 @@ const StyledTitle$3 = styled.p `
 const Item$3 = ({ item, index = 0 }) => {
     if (!item)
         return null;
-    return (React__default.createElement(StyledItem$4, { key: item.id, href: item.link, "data-event-category": "Hamburger Navigation", "data-event-action": `Spotlight Click ${index + 1}`, "data-event-label": item.link },
+    const linkProps = {
+        href: item.link,
+        'data-event-category': 'Hamburger Navigation',
+        'data-event-action': `Spotlight Click ${index + 1}`,
+        'data-event-label': item.link,
+    };
+    return (React__default.createElement(StyledItem$4, Object.assign({ key: item.id, as: item.buttonDisplay ? 'div' : 'a', "data-has-button": item.buttonDisplay ? 'true' : 'false' }, linkProps),
         React__default.createElement(StyledImageCard$2, null,
             React__default.createElement("img", { loading: "lazy", alt: item.title, src: item.banner || '/images/notFound-min-small.jpg' })),
-        React__default.createElement(StyledTitle$3, null, item.title)));
+        React__default.createElement("div", { style: {
+                display: 'flex',
+                flexDirection: 'column',
+                gap: 8,
+            } },
+            React__default.createElement(StyledTitle$3, null, item.title),
+            !!item.buttonDisplay && (React__default.createElement(StyledButton, Object.assign({ as: item.buttonDisplay ? 'a' : 'button', bgColor: item.buttonDisplay.button_background_color, textColor: item.buttonDisplay.button_text_color }, linkProps), item.buttonDisplay.button_label)))));
 };
 
 const CategorySpotlights = ({ spotlightsList = [], hrefViewMore }) => {
@@ -882,6 +944,7 @@ const CategorySpotlights = ({ spotlightsList = [], hrefViewMore }) => {
             link: statics.HOME_PAGE_URL + spotlight.permalink,
             title: spotlight.name,
             banner: spotlight.image,
+            buttonDisplay: spotlight.buttonDisplay,
         } }))))) : (React__default.createElement(SpotlightNoData, { title: t('home.navigator.menu.category.noDatas.title'), description: t('home.navigator.menu.category.noDatas.description'), link: hrefViewMore, cta: t('home.navigator.menu.category.noDatas.cta'), icon: CommonGAssets.getAssetPath('Spotlight.svg') }))));
 };
 
@@ -1908,6 +1971,7 @@ const formatSpotlightsList = (spotlight) => {
         imageThumbnail: (spotlight === null || spotlight === void 0 ? void 0 : spotlight.image_thumbnail) || null,
         startDate: spotlight === null || spotlight === void 0 ? void 0 : spotlight.start_date,
         endDate: spotlight === null || spotlight === void 0 ? void 0 : spotlight.end_date,
+        buttonDisplay: (spotlight === null || spotlight === void 0 ? void 0 : spotlight.button_display) || null,
     };
 };
 const checkAvailableSpotlight = (spotlight) => {

package/build/esm/{index-f8c42cca.js → index-629c6015.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-a8ce1ea2.js';
+import { _ as __rest } from './tslib.es6-5c53dd3c.js';
 import React__default, { useRef, useState, useEffect } from 'react';
 import { ArrowLeft, ArrowRight } from '@hhgtech/icons/other';
 import { createStyles, rem, Tabs as Tabs$1, ScrollArea } from '@mantine/core';
-import { B as Button } from './index-f4de070d.js';
-import { T as Text } from './index-04e4fa56.js';
+import { B as Button } from './index-bd4ba6cf.js';
+import { T as Text } from './index-3d6f2d0f.js';
 
 var useStyles = createStyles((theme, params) => {
     const { variant } = params;

package/build/esm/{index-47c8d4dd.js → index-69c13449.js}

@@ -1,48 +1,48 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-a8ce1ea2.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-5c53dd3c.js';
 import React__default, { useState, useRef, useEffect, useCallback, useContext, useMemo } from 'react';
 import { Info, Ask } from '@hhgtech/icons/other';
-import { D as Dropdown } from './index-661be9e8.js';
-import { u as useTranslations } from './index-9284c5c9.js';
+import { D as Dropdown } from './index-b52a0149.js';
+import { u as useTranslations } from './index-606ed498.js';
 import innertext from 'innertext';
 import { theme } from './miscTheme.js';
-import { I as Input$1 } from './index-6e06f1b2.js';
+import { I as Input$1 } from './index-4ca2b6a0.js';
 import { useMantineTheme, SegmentedControl, Popover } from '@mantine/core';
 import '@mantine/dates';
-import './index-c939f34c.js';
-import './index-0cd17cbc.js';
-import './index-41d35542.js';
-import './index-b1782753.js';
-import { T as Text } from './index-04e4fa56.js';
-import { B as Button } from './index-f4de070d.js';
-import './index.styles-4ecc7255.js';
+import './index-3fa272bb.js';
+import './index-2783ff88.js';
+import './index-1e63cf49.js';
+import './index-9080184a.js';
+import { T as Text } from './index-3d6f2d0f.js';
+import { B as Button } from './index-bd4ba6cf.js';
+import './index.styles-0db8b359.js';
 import '@mantine/hooks';
-import './text-d10bac1d.js';
-import { M as MediaQueries } from './utils-9ca5ce68.js';
-import './index-f8c42cca.js';
-import { u as useImagePicker, a as PopupFrame, c as IconCloseCircle, g as getDefaultFailNoti, d as getPostFormData, e as editPost, f as createPost } from './index-f6873d0b.js';
-import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath, p as getCurrentHref, b as callApiWithAuth, q as callApiWithAdminAuth, r as getChatbotAiApiPath } from './utils-a00c6b5d.js';
+import './text-b458d34f.js';
+import { M as MediaQueries } from './utils-d8537b06.js';
+import './index-629c6015.js';
+import { u as useImagePicker, a as PopupFrame, c as IconCloseCircle, g as getDefaultFailNoti, d as getPostFormData, e as editPost, f as createPost } from './index-e2853d2a.js';
+import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath, p as getCurrentHref, b as callApiWithAuth, q as callApiWithAdminAuth, r as getChatbotAiApiPath } from './utils-0ea65095.js';
 import styled from '@emotion/styled';
-import { b as formatPost, a as formatCommunity, c as formatTopic } from './dataTransform-e349f7f6.js';
-import { M as MAX_IMAGE_UPLOADS, B as BEARER_TOKEN_COOKIE } from './constants-6afb606d.js';
-import { h as highlightBadWords, f as fixMalformedMention, r as removeFontFormat, a as removeEdittedBannedWord, w as wrapAnchorAroundUrls, g as getUrlsFromEditorString, A as ALLOW_DOMAIN_URL, e as escapeRegExp, d as decodeMention, b as decodePostUrl, c as reformatUrl, i as getMentionIdsFromString, L as LIMIT_MENTION } from './post-27199344.js';
-import { C as CardAuthor } from './index-50f0e821.js';
-import { S as StyledCreatePostDescription$1, R as RichTextEditor$1, I as IconLink } from './editor-4c8e1be1.js';
-import { I as Input } from './index-4030cb64.js';
+import { b as formatPost, a as formatCommunity, c as formatTopic } from './dataTransform-3c611504.js';
+import { M as MAX_IMAGE_UPLOADS, B as BEARER_TOKEN_COOKIE } from './constants-54cfab17.js';
+import { h as highlightBadWords, f as fixMalformedMention, r as removeFontFormat, a as removeEdittedBannedWord, w as wrapAnchorAroundUrls, g as getUrlsFromEditorString, A as ALLOW_DOMAIN_URL, e as escapeRegExp, d as decodeMention, b as decodePostUrl, c as reformatUrl, i as getMentionIdsFromString, L as LIMIT_MENTION } from './post-df418ee7.js';
+import { C as CardAuthor } from './index-7a5b54a2.js';
+import { S as StyledCreatePostDescription$1, R as RichTextEditor$1, I as IconLink } from './editor-4cc4b612.js';
+import { I as Input } from './index-09d6db31.js';
 import debounce from 'lodash/debounce';
 import ContentEditable from 'react-contenteditable';
 import { PATHS, ADMIN_PATHS } from './togetherApiPaths.js';
-import { L as Loading } from './index-c85ba844.js';
-import { C as CardLink } from './index-3cf2dc6e.js';
-import { B as BtnChoice } from './index-b5b4264c.js';
-import { L as LOCALE } from './Locale-845fe9c7.js';
+import { L as Loading } from './index-4376abbf.js';
+import { C as CardLink } from './index-8add07a8.js';
+import { B as BtnChoice } from './index-419b674d.js';
+import { L as LOCALE } from './Locale-9a1fd81c.js';
 import * as ReactDOM from 'react-dom';
-import { L as Loading$1 } from './index-471acff9.js';
-import { b as IconArrowLeft } from './index-92e73d57.js';
-import { B as Button$1 } from './index-e580e4dc.js';
+import { L as Loading$1 } from './index-809a230e.js';
+import { b as IconArrowLeft } from './index-eba61e48.js';
+import { B as Button$1 } from './index-8212225d.js';
 import { getCookie } from './miscCookieHelper.js';
-import { a as useUniqueId } from './useUniqueId-524e69a4.js';
-import { U as UserAvatar } from './index-55188d7b.js';
-import { P as PopoverMenu } from './index-84e3501d.js';
+import { a as useUniqueId } from './useUniqueId-8c9dff60.js';
+import { U as UserAvatar } from './index-e21a1beb.js';
+import { P as PopoverMenu } from './index-11b427b9.js';
 import { Close, Check } from '@hhgtech/icons/core';
 
 const StyledCreateNewPost$1 = styled.div `

package/build/esm/{index-185ffbbe.js → index-6a307ae1.js}

@@ -1,9 +1,9 @@
-import { a as __awaiter } from './tslib.es6-a8ce1ea2.js';
+import { a as __awaiter } from './tslib.es6-5c53dd3c.js';
 import { isProduction } from './constantsIsProduction.js';
-import { n as normalizeLinkSlash, a as getCurrentSsoUrl } from './normalizeLink-1f6a9bdc.js';
-import { L as LOCALE_SPECS, f as BEARER_REFRESH_TOKEN_COOKIE } from './index-c939f34c.js';
+import { n as normalizeLinkSlash, a as getCurrentSsoUrl } from './normalizeLink-6d4c447b.js';
+import { L as LOCALE_SPECS, f as BEARER_REFRESH_TOKEN_COOKIE } from './index-3fa272bb.js';
 import { getCookie, setCookie } from './miscCookieHelper.js';
-import { L as LOCALE } from './Locale-845fe9c7.js';
+import { L as LOCALE } from './Locale-9a1fd81c.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
 const SSO_V2_PATHS = {

package/build/esm/{index-f72a1cdb.js → index-718bcb21.js}

@@ -1,8 +1,8 @@
-import { _ as __rest } from './tslib.es6-a8ce1ea2.js';
+import { _ as __rest } from './tslib.es6-5c53dd3c.js';
 import React__default from 'react';
 import { MantineProvider as MantineProvider$1 } from '@mantine/core';
-import { u as useMantineLocale, g as getMantineThemeOverride, N as NotificationsHandler } from './index-b1782753.js';
-import { C as CustomStylesType } from './text-d10bac1d.js';
+import { u as useMantineLocale, g as getMantineThemeOverride, N as NotificationsHandler } from './index-9080184a.js';
+import { C as CustomStylesType } from './text-b458d34f.js';
 
 const MantineProvider = (_a) => {
     var { children, locale, template = 'hb', isNotifications = true, customStyleType = CustomStylesType.NONE } = _a, props = __rest(_a, ["children", "locale", "template", "isNotifications", "customStyleType"]);

package/build/esm/{index-d16f0845.js → index-74ce9ff8.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-a8ce1ea2.js';
+import { _ as __rest } from './tslib.es6-5c53dd3c.js';
 import React__default from 'react';
 import { useMantineTheme } from '@mantine/core';
-import { T as Text } from './index-04e4fa56.js';
+import { T as Text } from './index-3d6f2d0f.js';
 
 /**
  * @deprecated Consider to use import { Title } from '@mantine/core'

package/build/esm/{index-4d9ddb4c.js → index-7660e814.js}

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

package/build/esm/{index-50f0e821.js → index-7a5b54a2.js}

@@ -3,24 +3,24 @@ import { CrossLogo, ShieldCheck } from '@hhgtech/icons/other';
 import { createStyles, Box, Flex, Button as Button$1, rem } from '@mantine/core';
 import dayjs from 'dayjs';
 import relativeTime from 'dayjs/plugin/relativeTime';
-import { u as useTranslations } from './index-9284c5c9.js';
-import { M as MediaQueries, t as toggleNoScroll } from './utils-9ca5ce68.js';
-import { A as AuthorBadge, B as BookingBtn } from './index-3ee8adb8.js';
-import { I as Icon } from './index-e9c9ef91.js';
-import { _ as __rest } from './tslib.es6-a8ce1ea2.js';
-import { U as UserAvatar } from './index-55188d7b.js';
-import { I as ImageWrap, u as useScreenSize } from './index-e3564d15.js';
-import './index-c939f34c.js';
-import { C as CommonGAssets } from './index-41d35542.js';
-import { c as callApi, g as getCarePath, l as domainLocales, m as getCareHospitalUrl, n as getCareDoctorUrl, k as getCurrentBaseUrl, o as getDiscoverApiPath, T as TogetherComponentGlobalContext } from './utils-a00c6b5d.js';
-import { B as Button } from './index-e580e4dc.js';
-import { T as Text } from './index-04e4fa56.js';
+import { u as useTranslations } from './index-606ed498.js';
+import { M as MediaQueries, t as toggleNoScroll } from './utils-d8537b06.js';
+import { A as AuthorBadge, B as BookingBtn } from './index-0c48eea1.js';
+import { I as Icon } from './index-d7b0d48c.js';
+import { _ as __rest } from './tslib.es6-5c53dd3c.js';
+import { U as UserAvatar } from './index-e21a1beb.js';
+import { I as ImageWrap, u as useScreenSize } from './index-506fb349.js';
+import './index-3fa272bb.js';
+import { C as CommonGAssets } from './index-1e63cf49.js';
+import { c as callApi, g as getCarePath, l as domainLocales, m as getCareHospitalUrl, n as getCareDoctorUrl, k as getCurrentBaseUrl, o as getDiscoverApiPath, T as TogetherComponentGlobalContext } from './utils-0ea65095.js';
+import { B as Button } from './index-8212225d.js';
+import { T as Text } from './index-3d6f2d0f.js';
 import { theme } from './miscTheme.js';
 import styled from '@emotion/styled';
 import { CARE_PATHS, DISCOVER_PATHS } from './togetherApiPaths.js';
-import { L as Loading } from './index-471acff9.js';
-import { H as Heading } from './index-d16f0845.js';
-import { M as Modal } from './index-525be50b.js';
+import { L as Loading } from './index-809a230e.js';
+import { H as Heading } from './index-74ce9ff8.js';
+import { M as Modal } from './index-432e2706.js';
 import { domainLocales as domainLocales$1 } from './constantsDomainLocales.js';
 
 var styles$2 = {"row":"dZWeHns","flex":"_8z2nszB","mainTxt":"tMiOKib","subTxt":"uDcqD-2","subTxtRow":"pDlsows","subDivider":"m-HVXw1"};
@@ -911,7 +911,7 @@ const _CardAuthor = (props) => {
     useEffect(() => {
         if (open && !ProfileDetail) {
             if (userType === 'chatbot') {
-                import('./index-6abdc582.js').then((module) => {
+                import('./index-a03e3b26.js').then((module) => {
                     setProfileDetail(() => module.ProfileChatbot);
                 });
             }

package/build/esm/{index-471acff9.js → index-809a230e.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
-import { B as Button } from './index-e580e4dc.js';
-import { u as useTranslations } from './index-9284c5c9.js';
+import { B as Button } from './index-8212225d.js';
+import { u as useTranslations } from './index-606ed498.js';
 import { keyframes } from '@emotion/react';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';

package/build/esm/{index-e580e4dc.js → index-8212225d.js}

@@ -1,6 +1,6 @@
-import { _ as __rest } from './tslib.es6-a8ce1ea2.js';
+import { _ as __rest } from './tslib.es6-5c53dd3c.js';
 import React__default from 'react';
-import { B as Button$1 } from './index-f4de070d.js';
+import { B as Button$1 } from './index-bd4ba6cf.js';
 
 /**
  * @deprecated Consider to use at '@hhgtech/hhg-components/mantine'

package/build/esm/{index-b6d20ae4.js → index-822dda3f.js}

@@ -1,13 +1,13 @@
-import { a as __awaiter } from './tslib.es6-a8ce1ea2.js';
+import { a as __awaiter } from './tslib.es6-5c53dd3c.js';
 import React__default, { useState, useEffect, useRef, useContext, useMemo } from 'react';
 import { Box, useMantineTheme } from '@mantine/core';
-import { I as ImageWrap } from './index-e3564d15.js';
-import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-a00c6b5d.js';
+import { I as ImageWrap } from './index-506fb349.js';
+import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-0ea65095.js';
 import styled from '@emotion/styled';
 import { PATHS } from './togetherApiPaths.js';
-import { D as DEFAULT_IMG } from './constants-6afb606d.js';
-import { y as youtubeVidIdGetter } from './post-27199344.js';
-import { L as Loading } from './index-471acff9.js';
+import { D as DEFAULT_IMG } from './constants-54cfab17.js';
+import { y as youtubeVidIdGetter } from './post-df418ee7.js';
+import { L as Loading } from './index-809a230e.js';
 
 const StyledSocialLinkPreview = styled.div `
   .link-info-container {

package/build/esm/{index-3cf2dc6e.js → index-8add07a8.js}

@@ -1,12 +1,12 @@
-import { a as __awaiter } from './tslib.es6-a8ce1ea2.js';
+import { a as __awaiter } from './tslib.es6-5c53dd3c.js';
 import React__default, { useContext, useState, useRef, useEffect } from 'react';
 import { useMantineTheme } from '@mantine/core';
-import { H as Heading } from './index-d16f0845.js';
-import { T as Text } from './index-04e4fa56.js';
-import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-a00c6b5d.js';
+import { H as Heading } from './index-74ce9ff8.js';
+import { T as Text } from './index-3d6f2d0f.js';
+import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-0ea65095.js';
 import styled from '@emotion/styled';
 import { PATHS } from './togetherApiPaths.js';
-import { D as DEFAULT_IMG } from './constants-6afb606d.js';
+import { D as DEFAULT_IMG } from './constants-54cfab17.js';
 
 const StyledCardLink = styled.div `
   .link-info-container {

package/build/esm/{index-e996882b.js → index-90299809.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-a8ce1ea2.js';
+import { _ as __rest } from './tslib.es6-5c53dd3c.js';
 import React__default, { createContext, useContext } from 'react';
 import { createStyles, rem, Box, Input, Chip, useMantineTheme, Flex, Switch } from '@mantine/core';
-import { T as Text } from './index-04e4fa56.js';
-import { B as Button } from './index-f4de070d.js';
-import { u as useTranslations } from './index-9284c5c9.js';
+import { T as Text } from './index-3d6f2d0f.js';
+import { B as Button } from './index-bd4ba6cf.js';
+import { u as useTranslations } from './index-606ed498.js';
 import flattenChildren from 'react-keyed-flatten-children';
 import { theme } from './miscTheme.js';
 

package/build/esm/{index-b1782753.js → index-9080184a.js}

@@ -1,16 +1,16 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-a8ce1ea2.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-5c53dd3c.js';
 import React__default, { useState, useEffect } from 'react';
 import dayjs from 'dayjs';
-import './index-0cd17cbc.js';
-import { L as LOCALE } from './Locale-845fe9c7.js';
+import './index-2783ff88.js';
+import { L as LOCALE } from './Locale-9a1fd81c.js';
 import { notifications, Notifications } from '@mantine/notifications';
-import { Z as ZINDEX_SSO, I as ISO_FORMAT } from './index-c939f34c.js';
+import { Z as ZINDEX_SSO, I as ISO_FORMAT } from './index-3fa272bb.js';
 import { em } from '@mantine/core';
-import { C as CommonGAssets } from './index-41d35542.js';
+import { C as CommonGAssets } from './index-1e63cf49.js';
 import { theme } from './miscTheme.js';
-import { S as Screens, M as MediaQueries, B as Breakpoints } from './utils-9ca5ce68.js';
-import { C as CustomStylesType, F as FontWeight } from './text-d10bac1d.js';
-import { A as ANIMATION_DURATION } from './shared-5b600d24.js';
+import { S as Screens, M as MediaQueries, B as Breakpoints } from './utils-d8537b06.js';
+import { C as CustomStylesType, F as FontWeight } from './text-b458d34f.js';
+import { A as ANIMATION_DURATION } from './shared-bdc94dc6.js';
 
 // Available locale list https://cdn.jsdelivr.net/npm/dayjs@1/locale.json
 const MAPPED_LOCALE = {

package/build/esm/{index-d16592d4.js → index-959ff819.js}

@@ -1,25 +1,25 @@
-import { _ as __rest } from './tslib.es6-a8ce1ea2.js';
+import { _ as __rest } from './tslib.es6-5c53dd3c.js';
 import React__default, { createContext, useContext, useMemo, forwardRef, useState } from 'react';
 import { useMantineTheme, Group, Box, Flex, Tooltip } from '@mantine/core';
 import { format } from 'date-fns';
-import { L as LastPeriod } from './LastPeriod-e6bcfb0a.js';
-import { L as LOCALE } from './Locale-845fe9c7.js';
+import { L as LastPeriod } from './LastPeriod-07510098.js';
+import { L as LOCALE } from './Locale-9a1fd81c.js';
 import { useForm, isNotEmpty } from '@mantine/form';
 import dayjs from 'dayjs';
-import { R as Radio, I as Input, S as Select } from './index-6e06f1b2.js';
-import { D as DatePicker } from './index-6255fe3b.js';
-import { T as Text } from './index-04e4fa56.js';
-import './index-f4de070d.js';
-import './index.styles-4ecc7255.js';
-import { u as useTranslations } from './index-9284c5c9.js';
+import { R as Radio, I as Input, S as Select } from './index-4ca2b6a0.js';
+import { D as DatePicker } from './index-d6052a66.js';
+import { T as Text } from './index-3d6f2d0f.js';
+import './index-bd4ba6cf.js';
+import './index.styles-0db8b359.js';
+import { u as useTranslations } from './index-606ed498.js';
 import '@mantine/hooks';
-import './index-b1782753.js';
-import './text-d10bac1d.js';
-import './utils-9ca5ce68.js';
-import './index-f8c42cca.js';
-import { H as HealthToolFormWrapper } from './index-e996882b.js';
+import './index-9080184a.js';
+import './text-b458d34f.js';
+import './utils-d8537b06.js';
+import './index-629c6015.js';
+import { H as HealthToolFormWrapper } from './index-90299809.js';
 import { CalendarMB } from '@hhgtech/icons/other';
-import { Q as QUERY_HEALTH_TOOL, A as API_DATE_FORMAT$1 } from './index-c939f34c.js';
+import { Q as QUERY_HEALTH_TOOL, A as API_DATE_FORMAT$1 } from './index-3fa272bb.js';
 import { theme } from './miscTheme.js';
 
 const ConceptionDate = (_a) => {

package/build/esm/{index-dd23a383.js → index-97525086.js}

@@ -1,6 +1,6 @@
 import { createStyles, clsx, Box, useMantineTheme } from '@mantine/core';
-import { G as GlobalTextStyleNew, C as CustomStylesType } from './text-d10bac1d.js';
-import { _ as __rest } from './tslib.es6-a8ce1ea2.js';
+import { G as GlobalTextStyleNew, C as CustomStylesType } from './text-b458d34f.js';
+import { _ as __rest } from './tslib.es6-5c53dd3c.js';
 import React__default, { createContext, useState, useEffect, useContext, useCallback } from 'react';
 import { useClickOutside } from '@mantine/hooks';
 import { css } from '@emotion/react';

package/build/esm/{index-008a0395.js → index-98e211fc.js}

@@ -1,4 +1,4 @@
-import { _ as __rest } from './tslib.es6-a8ce1ea2.js';
+import { _ as __rest } from './tslib.es6-5c53dd3c.js';
 import React__default from 'react';
 import { Indicator as Indicator$1 } from '@mantine/core';
 import { theme } from './miscTheme.js';

package/build/esm/{index-062fe62a.js → index-9ead005b.js}

@@ -1,11 +1,11 @@
 import React__default, { useRef, useEffect } from 'react';
 import { Portal } from '@mantine/core';
-import { t as toggleNoScroll } from './utils-9ca5ce68.js';
+import { t as toggleNoScroll } from './utils-d8537b06.js';
 import { css } from '@emotion/react';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { s as slideInUp, e as slideOutDown, b as slideInLeft, f as slideOutLeft, c as slideInRight, g as slideOutRight, a as slideInDown, d as slideOutUp } from './animation-656be6ae.js';
-import { T as Text } from './index-04e4fa56.js';
+import { s as slideInUp, e as slideOutDown, b as slideInLeft, f as slideOutLeft, c as slideInRight, g as slideOutRight, a as slideInDown, d as slideOutUp } from './animation-ea956a89.js';
+import { T as Text } from './index-3d6f2d0f.js';
 
 const DURATION = '600ms';
 const generateStyleBasedOnPlacement = (placement, open) => {