@hhgtech/hhg-components 1.29.317 → 1.29.318

package/build/esm/{index-e35e0eaf.js → index-60916e42.js}

@@ -1,20 +1,20 @@
-import { _ as __rest } from './tslib.es6-9354e23b.js';
+import { _ as __rest } from './tslib.es6-ff12acb0.js';
 import React__default from 'react';
 import { createStyles, rem, Box } from '@mantine/core';
-import './index-ba27e183.js';
+import './index-c366b0f5.js';
 import '@mantine/dates';
-import './index-ed0a2774.js';
-import './index-34b4ff66.js';
-import './index-d8009eee.js';
-import './useMantineLocale-07dde661.js';
-import { T as Text } from './index-feadf6fb.js';
-import { B as Button } from './index-046b2cda.js';
-import './index.styles-85886458.js';
-import { u as useTranslations } from './index-8b011b95.js';
+import './index-54c2ee14.js';
+import './index-bf8999ee.js';
+import './index-e906d083.js';
+import './useMantineLocale-f5749437.js';
+import { T as Text } from './index-55acf473.js';
+import { B as Button } from './index-19ba9b1a.js';
+import './index.styles-2eac8e1b.js';
+import { u as useTranslations } from './index-fa093689.js';
 import '@mantine/hooks';
-import './utils-0e26a9d9.js';
-import './other-9350905b.js';
-import './index-5fca5aca.js';
+import './utils-766963a7.js';
+import './other-dd57fa34.js';
+import './index-ca767624.js';
 
 var useStyles = createStyles((theme, { hasOnClickFn }) => {
     return {

package/build/esm/{index-cc6e3283.js → index-62ca5221.js}

@@ -1,13 +1,13 @@
-import { _ as __rest } from './tslib.es6-9354e23b.js';
+import { _ as __rest } from './tslib.es6-ff12acb0.js';
 import React__default, { useMemo, useState, useEffect } from 'react';
-import './index-34b4ff66.js';
+import './index-bf8999ee.js';
 import styled from '@emotion/styled';
-import { C as CommonGAssets } from './index-d8009eee.js';
+import { C as CommonGAssets } from './index-e906d083.js';
 import { theme } from './miscTheme.js';
-import { I as ImageWrap } from './useScreenSize-37e3e212.js';
-import { T as Text } from './index-2b83672b.js';
-import { L as LOCALE } from './Locale-b1a3e508.js';
-import { c as CentralCarousel } from './index-ba27e183.js';
+import { I as ImageWrap } from './useScreenSize-20d68a30.js';
+import { T as Text } from './index-a335ec24.js';
+import { L as LOCALE } from './Locale-fa2bd089.js';
+import { c as CentralCarousel } from './index-c366b0f5.js';
 
 const StyledIconContainer = styled.div `
   display: inline-flex;

package/build/esm/{index-0dbf64a0.js → index-635c01b6.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-9354e23b.js';
+import { _ as __rest } from './tslib.es6-ff12acb0.js';
 import React__default, { useMemo } from 'react';
 import { useMantineTheme } from '@mantine/core';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { M as MediaQueries } from './utils-0e26a9d9.js';
+import { M as MediaQueries } from './utils-766963a7.js';
 
 const StyledInput = styled.div `
   position: relative;

package/build/esm/{index-89209a7e.js → index-66b70820.js}

@@ -1,12 +1,12 @@
-import { a as __awaiter } from './tslib.es6-9354e23b.js';
+import { a as __awaiter } from './tslib.es6-ff12acb0.js';
 import React__default, { useContext, useState, useRef, useEffect } from 'react';
 import { useMantineTheme } from '@mantine/core';
-import { H as Heading } from './index-36823b40.js';
-import { T as Text } from './index-feadf6fb.js';
-import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-f5300c3b.js';
+import { H as Heading } from './index-72a3e0fe.js';
+import { T as Text } from './index-55acf473.js';
+import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-8ad1c346.js';
 import styled from '@emotion/styled';
 import { PATHS } from './togetherApiPaths.js';
-import { D as DEFAULT_IMG } from './constants-f1633bde.js';
+import { D as DEFAULT_IMG } from './constants-3af34ec1.js';
 
 const StyledCardLink = styled.div `
   .link-info-container {

package/build/esm/{index-5d4208d8.js → index-6ce82548.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-9354e23b.js';
+import { _ as __rest } from './tslib.es6-ff12acb0.js';
 import React__default, { useState } from 'react';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-0e26a9d9.js';
+import { M as MediaQueries } from './utils-766963a7.js';
 import { theme } from './miscTheme.js';
-import { L as Label, S as StyledDisplayIcon, a as StyledActionIcon, b as StyledErrorLabel } from './index-0dbf64a0.js';
+import { L as Label, S as StyledDisplayIcon, a as StyledActionIcon, b as StyledErrorLabel } from './index-635c01b6.js';
 
 const StyledInput = styled.div `
   position: relative;

package/build/esm/{index-2787a114.js → index-70b0672f.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-9354e23b.js';
+import { _ as __rest } from './tslib.es6-ff12acb0.js';
 import React__default from 'react';
 import { Modal as Modal$1 } from '@mantine/core';
-import { u as useStyles } from './index.styles-85886458.js';
+import { u as useStyles } from './index.styles-2eac8e1b.js';
 
 const Modal = (_a) => {
     var { styles, classNames, transitionProps } = _a, rest = __rest(_a, ["styles", "classNames", "transitionProps"]);

package/build/esm/{index-36823b40.js → index-72a3e0fe.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-9354e23b.js';
+import { _ as __rest } from './tslib.es6-ff12acb0.js';
 import React__default from 'react';
 import { useMantineTheme } from '@mantine/core';
-import { T as Text } from './index-feadf6fb.js';
+import { T as Text } from './index-55acf473.js';
 
 /**
  * @deprecated Consider to use import { Title } from '@mantine/core'

package/build/esm/{index-95470d27.js → index-7d69ca4f.js}

@@ -1,49 +1,49 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-9354e23b.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-ff12acb0.js';
 import React__default, { useMemo, useEffect, useContext, useState, useRef, useCallback } from 'react';
-import { i as isInternalLink, L as LanguageSwitcher } from './index-2353276b.js';
-import { a as CARE_LOCALES, b as CARE_BOOKING_LOCALES, T as TOGETHER_LOCALES, E as ECOM_LOCALES, S as STATIC_PAGES, L as LOCALE_SPECS } from './index-ed0a2774.js';
-import { g as getCurrentBaseUrl, a as getCurrentSsoUrl, b as getTogetherApiDomain, c as getDiscoverApiDomain, n as normalizeLink, e as normalizeLinkSlash, d as getCareApiDomain } from './normalizeLink-3bf264b1.js';
-import { a as formatCommunity, b as formatPost } from './dataTransform-d0f23629.js';
+import { i as isInternalLink, L as LanguageSwitcher } from './index-0db9db10.js';
+import { a as CARE_LOCALES, b as CARE_BOOKING_LOCALES, T as TOGETHER_LOCALES, E as ECOM_LOCALES, S as STATIC_PAGES, L as LOCALE_SPECS } from './index-54c2ee14.js';
+import { g as getCurrentBaseUrl, a as getCurrentSsoUrl, b as getTogetherApiDomain, c as getDiscoverApiDomain, n as normalizeLink, e as normalizeLinkSlash, d as getCareApiDomain } from './normalizeLink-725b4c4c.js';
+import { a as formatCommunity, b as formatPost } from './dataTransform-5838fbad.js';
 import { Close, Download } from '@hhgtech/icons/core';
 import { createStyles, Box, Indicator, useMantineTheme } from '@mantine/core';
-import { L as Logo } from './index-0415fd79.js';
-import { u as useTranslations } from './index-8b011b95.js';
+import { L as Logo } from './index-a9da67ee.js';
+import { u as useTranslations } from './index-fa093689.js';
 import throttle from 'lodash/throttle';
-import { I as Input } from './index-ba27e183.js';
+import { I as Input } from './index-c366b0f5.js';
 import '@mantine/dates';
-import './index-34b4ff66.js';
-import { C as CommonGAssets } from './index-d8009eee.js';
-import './useMantineLocale-07dde661.js';
-import { T as Text } from './index-feadf6fb.js';
-import { B as Button$1 } from './index-046b2cda.js';
-import './index.styles-85886458.js';
-import './translationsContext-db19ea71.js';
+import './index-bf8999ee.js';
+import { C as CommonGAssets } from './index-e906d083.js';
+import './useMantineLocale-f5749437.js';
+import { T as Text } from './index-55acf473.js';
+import { B as Button$1 } from './index-19ba9b1a.js';
+import './index.styles-2eac8e1b.js';
+import './translationsContext-8326d764.js';
 import '@mantine/hooks';
-import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-0e26a9d9.js';
-import './other-9350905b.js';
-import './index-5fca5aca.js';
-import { L as LOCALISED_SLUGS } from './constants-244bbd98.js';
+import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-766963a7.js';
+import './other-dd57fa34.js';
+import './index-ca767624.js';
+import { L as LOCALISED_SLUGS } from './constants-119c2e9e.js';
 import styled from '@emotion/styled';
-import { u as useCSSFocusPopupHelper, N as NavigationProfileButton } from './index-e12de070.js';
-import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-3a666edb.js';
-import { B as Button } from './index-116089f5.js';
-import { i as domainLocalesMarryBaby } from './utils-f5300c3b.js';
+import { u as useCSSFocusPopupHelper, N as NavigationProfileButton } from './index-c4efc6a7.js';
+import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-6b5c5b80.js';
+import { B as Button } from './index-a9188d6d.js';
+import { i as domainLocalesMarryBaby } from './utils-8ad1c346.js';
 import { domainLocales } from './constantsDomainLocales.js';
-import { L as LOCALIZED_SLUGS } from './constants-9126c0b8.js';
+import { L as LOCALIZED_SLUGS } from './constants-e59c3cda.js';
 import { theme } from './miscTheme.js';
-import { H as Heading } from './index-36823b40.js';
-import { I as Indicator$1 } from './index-0c9f1c83.js';
-import { u as useIsInit } from './useIsInit-5b6ad398.js';
+import { H as Heading } from './index-72a3e0fe.js';
+import { I as Indicator$1 } from './index-f97fe744.js';
+import { u as useIsInit } from './useIsInit-e3dbb57b.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 import dayjs from 'dayjs';
 import relativeTime from 'dayjs/plugin/relativeTime';
-import { U as UserAvatar } from './index-41bafd09.js';
+import { U as UserAvatar } from './index-463bd2ce.js';
 import { ArrowRight } from '@hhgtech/icons/other';
 import formatString from 'string-format';
-import { C as Container } from './index-bb377ccc.js';
-import { L as LOCALE } from './Locale-b1a3e508.js';
+import { C as Container } from './index-08b7c8b3.js';
+import { L as LOCALE } from './Locale-fa2bd089.js';
 import debounce from 'lodash/debounce';
-import { g as getDataWithCache } from './core-bf04a01a.js';
+import { g as getDataWithCache } from './core-92f6a073.js';
 
 const getEcomUrl = ({ path, locale, }) => {
     var _a;
@@ -2053,7 +2053,7 @@ const ItemNavButton = ({ item, color = 'blue' }) => {
                 });
             }
             if (item.id === 'care') {
-                import('./doctor-2c4b7321.js').then((data) => {
+                import('./doctor-70663306.js').then((data) => {
                     if (data === null || data === void 0 ? void 0 : data.default)
                         setIconJson(() => data.default);
                 });

package/build/esm/{index-b6151b78.js → index-80f65dae.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
-import { u as useTranslations } from './index-8b011b95.js';
-import { B as Button } from './index-116089f5.js';
+import { u as useTranslations } from './index-fa093689.js';
+import { B as Button } from './index-a9188d6d.js';
 
 var styles = {"loading":"PD6nRZX"};
 

package/build/esm/{index-a0f7887d.js → index-84362781.js}

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

package/build/esm/{index-ba32cd21.js → index-860da07e.js}

@@ -1,20 +1,20 @@
-import { _ as __rest } from './tslib.es6-9354e23b.js';
+import { _ as __rest } from './tslib.es6-ff12acb0.js';
 import React__default, { createContext, useContext } from 'react';
 import { useMantineTheme, Flex, rem, Box, createStyles } from '@mantine/core';
-import { t as themeColors } from './index-ba27e183.js';
+import { t as themeColors } from './index-c366b0f5.js';
 import '@mantine/dates';
-import './index-ed0a2774.js';
-import './index-34b4ff66.js';
-import './index-d8009eee.js';
-import './useMantineLocale-07dde661.js';
-import { T as Text } from './index-feadf6fb.js';
-import './index-046b2cda.js';
-import './index.styles-85886458.js';
-import { u as useTranslations } from './index-8b011b95.js';
+import './index-54c2ee14.js';
+import './index-bf8999ee.js';
+import './index-e906d083.js';
+import './useMantineLocale-f5749437.js';
+import { T as Text } from './index-55acf473.js';
+import './index-19ba9b1a.js';
+import './index.styles-2eac8e1b.js';
+import { u as useTranslations } from './index-fa093689.js';
 import '@mantine/hooks';
-import { M as MediaQueries } from './utils-0e26a9d9.js';
-import './other-9350905b.js';
-import './index-5fca5aca.js';
+import { M as MediaQueries } from './utils-766963a7.js';
+import './other-dd57fa34.js';
+import './index-ca767624.js';
 import styled from '@emotion/styled';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 

package/build/esm/{index-581a00f5.js → index-8786bc02.js}

@@ -1,12 +1,12 @@
 import React__default, { useState, useRef, useMemo, useEffect, Fragment, createContext } from 'react';
-import { T as Text } from './index-feadf6fb.js';
+import { T as Text } from './index-55acf473.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { M as MediaQueries, f as formatUrlWithPageParam } from './utils-0e26a9d9.js';
-import { R as Radio$1 } from './index-ba27e183.js';
-import { T as Text$1 } from './index-2b83672b.js';
+import { M as MediaQueries, f as formatUrlWithPageParam } from './utils-766963a7.js';
+import { R as Radio$1 } from './index-c366b0f5.js';
+import { T as Text$1 } from './index-a335ec24.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
-import { _ as __rest } from './tslib.es6-9354e23b.js';
+import { _ as __rest } from './tslib.es6-ff12acb0.js';
 import flattenChildren from 'react-keyed-flatten-children';
 
 var styles = {"alert":"CHw-fZZ","content":"_03U6VRS","close":"EO828Vv"};

package/build/esm/{index-43db1c21.js → index-8dccc778.js}

@@ -1,8 +1,8 @@
 import React__default, { useState } from 'react';
 import { theme } from './miscTheme.js';
 import styled from '@emotion/styled';
-import { M as MarryBabyText } from './index-a0f7887d.js';
-import { T as Text } from './index-2b83672b.js';
+import { M as MarryBabyText } from './index-84362781.js';
+import { T as Text } from './index-a335ec24.js';
 
 const StyledRadioImageGroup = styled.div `
   display: flex;

package/build/esm/{index-1dcb871a.js → index-95b92e71.js}

@@ -1,32 +1,32 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-9354e23b.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-ff12acb0.js';
 import React__default, { useContext, useState, useEffect, useMemo } from 'react';
-import { B as Button } from './index-116089f5.js';
-import { H as Heading } from './index-36823b40.js';
-import { u as useTranslations } from './index-8b011b95.js';
+import { B as Button } from './index-a9188d6d.js';
+import { H as Heading } from './index-72a3e0fe.js';
+import { u as useTranslations } from './index-fa093689.js';
 import innertext from 'innertext';
-import { S as SharePopup, P as PopupDanger, i as deletePost, j as IconAlertCircle, b as SubmitReportForm, k as deleteComment, l as decodeCommentBody, m as likeUnlikeComment, I as InputCommentBar, c as SocialLinkPreview, n as likeUnlikePost, g as getDefaultFailNoti } from './index-d9e64cd1.js';
-import { C as CommonGAssets } from './index-d8009eee.js';
-import { R as REPORT_REASON_MAP, D as DEFAULT_IMG } from './constants-f1633bde.js';
+import { S as SharePopup, P as PopupDanger, i as deletePost, j as IconAlertCircle, b as SubmitReportForm, k as deleteComment, l as decodeCommentBody, m as likeUnlikeComment, I as InputCommentBar, c as SocialLinkPreview, n as likeUnlikePost, g as getDefaultFailNoti } from './index-1f153660.js';
+import { C as CommonGAssets } from './index-e906d083.js';
+import { R as REPORT_REASON_MAP, D as DEFAULT_IMG } from './constants-3af34ec1.js';
 import { useTogetherAuthRequiredAction, TogetherAuthConfigContextProvider } from './useTogetherAuthRequiredAction.js';
-import { T as TogetherComponentGlobalContext, c as callApi, q as getMarryBabyApiPath, o as getDiscoverApiPath, g as getCarePath, k as getCurrentBaseUrl$1, b as callApiWithAuth, d as getApiPath, r as callApiWithOptionalAuth, l as domainLocales$1 } from './utils-f5300c3b.js';
-import { b as TreePopoverMenu, C as CardReactions, c as CardReactionType, a as LabelPin, T as TagTopic } from './treePopoverMenu-fcc9667e.js';
+import { T as TogetherComponentGlobalContext, c as callApi, q as getMarryBabyApiPath, o as getDiscoverApiPath, g as getCarePath, k as getCurrentBaseUrl$1, b as callApiWithAuth, d as getApiPath, r as callApiWithOptionalAuth, l as domainLocales$1 } from './utils-8ad1c346.js';
+import { b as TreePopoverMenu, C as CardReactions, c as CardReactionType, a as LabelPin, T as TagTopic } from './treePopoverMenu-83101023.js';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-0e26a9d9.js';
+import { M as MediaQueries } from './utils-766963a7.js';
 import { theme } from './miscTheme.js';
-import { g as formatArticle, h as formatCategory, e as formatComment } from './dataTransform-d0f23629.js';
+import { g as formatArticle, h as formatCategory, e as formatComment } from './dataTransform-5838fbad.js';
 import { DISCOVER_PATHS, CARE_PATHS, PATHS } from './togetherApiPaths.js';
-import { C as CardLink } from './index-89209a7e.js';
-import { C as CardAuthor, L as Loading, c as ProfileDetailModal } from './index-29a96e92.js';
-import { a as ProfileDetail, P as PostContent } from './index-8721dd05.js';
-import { a as PostImagePreview } from './index-b9eb5d5c.js';
-import { D as Divider } from './index-ae5b9e97.js';
-import './index-ed0a2774.js';
+import { C as CardLink } from './index-66b70820.js';
+import { C as CardAuthor, L as Loading, c as ProfileDetailModal } from './index-ceef1d76.js';
+import { a as ProfileDetail, P as PostContent } from './index-d74c1eba.js';
+import { a as PostImagePreview } from './index-473bb517.js';
+import { D as Divider } from './index-3292ef03.js';
+import './index-54c2ee14.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-0dbf64a0.js';
-import { T as Text } from './index-feadf6fb.js';
-import { g as getCurrentBaseUrl } from './normalizeLink-3bf264b1.js';
+import { I as Input } from './index-635c01b6.js';
+import { T as Text } from './index-55acf473.js';
+import { g as getCurrentBaseUrl } from './normalizeLink-725b4c4c.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-ffcb09ab.js → index-9f131fef.js}

@@ -1,44 +1,44 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-9354e23b.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-ff12acb0.js';
 import React__default, { useState, useImperativeHandle, useRef, useEffect, useMemo, Fragment, useCallback, forwardRef, memo } from 'react';
-import { R as Radio } from './index-ba27e183.js';
+import { R as Radio } from './index-c366b0f5.js';
 import { Stack, Group, createStyles, getStylesRef, Box } from '@mantine/core';
 import '@mantine/dates';
-import { L as LOCALE_SPECS, F as FAVICONS } from './index-ed0a2774.js';
-import './index-34b4ff66.js';
-import { C as CommonGAssets } from './index-d8009eee.js';
-import './useMantineLocale-07dde661.js';
-import { T as Text } from './index-feadf6fb.js';
-import { B as Button$1 } from './index-046b2cda.js';
-import './index.styles-85886458.js';
-import './translationsContext-db19ea71.js';
+import { L as LOCALE_SPECS, F as FAVICONS } from './index-54c2ee14.js';
+import './index-bf8999ee.js';
+import { C as CommonGAssets } from './index-e906d083.js';
+import './useMantineLocale-f5749437.js';
+import { T as Text } from './index-55acf473.js';
+import { B as Button$1 } from './index-19ba9b1a.js';
+import './index.styles-2eac8e1b.js';
+import './translationsContext-8326d764.js';
 import '@mantine/hooks';
-import { M as MediaQueries } from './utils-0e26a9d9.js';
-import './other-9350905b.js';
-import './index-5fca5aca.js';
-import { i as isInternalLink } from './index-2353276b.js';
+import { M as MediaQueries } from './utils-766963a7.js';
+import './other-dd57fa34.js';
+import './index-ca767624.js';
+import { i as isInternalLink } from './index-0db9db10.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { C as Checkbox, P as PureInput } from './index-5d4208d8.js';
-import { L as Logo } from './index-0415fd79.js';
+import { C as Checkbox, P as PureInput } from './index-6ce82548.js';
+import { L as Logo } from './index-a9da67ee.js';
 import throttle from 'lodash/throttle';
 import parse from 'html-react-parser';
 import { domainLocales } from './constantsDomainLocales.js';
 import { isProduction } from './constantsIsProduction.js';
 import { isBefore, startOfMonth, addMonths, format, subMonths, getDaysInMonth, isToday, isSameDay, isWithinInterval, isAfter, isPast } from 'date-fns';
-import { a as useOutsideClick } from './useOutsideClick-882a77ce.js';
+import { a as useOutsideClick } from './useOutsideClick-1fb017de.js';
 import enUS from 'date-fns/locale/en-US';
 import id from 'date-fns/locale/id';
 import vi from 'date-fns/locale/vi';
 import zhTW from 'date-fns/locale/zh-TW';
-import { B as Button } from './index-116089f5.js';
-import { u as useScreenSize } from './useScreenSize-37e3e212.js';
-import { u as useTranslations } from './index-8b011b95.js';
-import { D as Dropdown } from './index-60ebeaaa.js';
+import { B as Button } from './index-a9188d6d.js';
+import { u as useScreenSize } from './useScreenSize-20d68a30.js';
+import { u as useTranslations } from './index-fa093689.js';
+import { D as Dropdown } from './index-40a06265.js';
 import { getSocialList } from './miscGetSocialList.js';
-import { I as Input } from './index-0dbf64a0.js';
-import { D as Drawer } from './index-bb030b15.js';
+import { I as Input } from './index-635c01b6.js';
+import { D as Drawer } from './index-1177ed36.js';
 import { v4 } from 'uuid';
-import { L as LOCALE } from './Locale-b1a3e508.js';
+import { L as LOCALE } from './Locale-fa2bd089.js';
 import { ArrowRight } from '@hhgtech/icons/arrow';
 import { MultiStar, Question } from '@hhgtech/icons/other';
 import Lottie from 'lottie-light-react';
@@ -3979,9 +3979,34 @@ var Avatar = {
 	w: w
 };
 
-const WidgetChatbotAi = ({ isNativeSelect }) => {
+const WidgetChatbotAi = ({}) => {
     const [value, setValue] = useState('');
-    console.log('isNativeSelect: ', isNativeSelect);
+    const questionSuggested = [
+        {
+            id: '1',
+            text: 'Should I go to a spa to get my acne squeezed?',
+        },
+        {
+            id: '2',
+            text: 'What should I do if my acne is red and swollen after squeezing it?',
+        },
+        {
+            id: '3',
+            text: 'Check your skin health',
+        },
+    ];
+    const handleSubmit = (e) => {
+        e.preventDefault();
+        if (!value)
+            return;
+        // Go to ai chatbot page
+        const destinationPath = `https://demo.hellobacsi.com/ai-chatbot?question=${encodeURIComponent(value)}`;
+        window.location.href = destinationPath;
+    };
+    const handleAskQuestion = (data) => {
+        const destinationPath = `https://demo.hellobacsi.com/ai-chatbot?questionId=${data.id}&question=${encodeURIComponent(data.text)}`;
+        window.location.href = destinationPath;
+    };
     return (React__default.createElement(StyleContainer, null,
         React__default.createElement(StyleHeader, null,
             React__default.createElement("div", { className: "header-title" },
@@ -3995,20 +4020,16 @@ const WidgetChatbotAi = ({ isNativeSelect }) => {
                         width: 135,
                         height: 135,
                     }, loop: true }))),
-        React__default.createElement(StyleQuestionSuggested, null,
-            React__default.createElement(StyleQuestion, null,
-                React__default.createElement(Question, null),
-                React__default.createElement("div", { className: "question-text" }, "Should I go to a spa to get my acne squeezed?")),
-            React__default.createElement(StyleQuestion, null,
+        React__default.createElement(StyleQuestionSuggested, null, questionSuggested.map((item) => {
+            return (React__default.createElement(StyleQuestion, { key: item.id, onClick: () => handleAskQuestion(item) },
                 React__default.createElement(Question, null),
-                React__default.createElement("div", { className: "question-text" }, "What should I do if my acne is red and swollen after squeezing it?")),
-            React__default.createElement(StyleQuestion, null,
-                React__default.createElement(Question, null),
-                React__default.createElement("div", { className: "question-text" }, "Check your skin health"))),
+                React__default.createElement("div", { className: "question-text" }, item.text)));
+        })),
         React__default.createElement(StyleInputQuestion, null,
-            React__default.createElement(StyleInput, { type: "text", value: value, onChange: (e) => setValue(e.target.value), name: "input-message", placeholder: "Ask anything..." }),
-            React__default.createElement(Box, { className: "rightSection" },
-                React__default.createElement(Button$1, { className: "submitBtn", type: "submit", variant: value ? 'primary' : 'ghost', leftIcon: React__default.createElement(ArrowRight, { size: 16, color: value ? '#fff' : '#595959' }) })))));
+            React__default.createElement("form", { onSubmit: handleSubmit },
+                React__default.createElement(StyleInput, { type: "text", value: value, onChange: (e) => setValue(e.target.value), name: "input-message", placeholder: "Ask anything..." }),
+                React__default.createElement(Box, { className: "rightSection" },
+                    React__default.createElement(Button$1, { className: "submitBtn", type: "submit", variant: value ? 'primary' : 'ghost', leftIcon: React__default.createElement(ArrowRight, { size: 16, color: value ? '#fff' : '#595959' }) }))))));
 };
 
 export { AdBlock as A, Breadcrumbs as B, CategoryCard as C, DoctorInfo as D, FloatButtonGroup as F, IconText as I, RadioGroup as R, ScrollList as S, Tabs as T, WidgetChatbotAi as W, CheckboxGroup as a, StatisticCard as b, index as c, CookieAcceptConfirm as d, SeoHead as e, DateRangePicker as f, ShareContainer as g, ShareDrawer as h, index$1 as i, FixedBottomAdBlock as j };

package/build/esm/{index-2b83672b.js → index-a335ec24.js}

@@ -1,20 +1,20 @@
-import { _ as __rest } from './tslib.es6-9354e23b.js';
+import { _ as __rest } from './tslib.es6-ff12acb0.js';
 import React__default from 'react';
-import './index-ba27e183.js';
+import './index-c366b0f5.js';
 import '@mantine/core';
 import '@mantine/dates';
-import './index-ed0a2774.js';
-import './index-34b4ff66.js';
-import './index-d8009eee.js';
-import './useMantineLocale-07dde661.js';
-import { T as Text$1 } from './index-feadf6fb.js';
-import './index-046b2cda.js';
-import './index.styles-85886458.js';
-import './translationsContext-db19ea71.js';
+import './index-54c2ee14.js';
+import './index-bf8999ee.js';
+import './index-e906d083.js';
+import './useMantineLocale-f5749437.js';
+import { T as Text$1 } from './index-55acf473.js';
+import './index-19ba9b1a.js';
+import './index.styles-2eac8e1b.js';
+import './translationsContext-8326d764.js';
 import '@mantine/hooks';
-import './utils-0e26a9d9.js';
-import './other-9350905b.js';
-import './index-5fca5aca.js';
+import './utils-766963a7.js';
+import './other-dd57fa34.js';
+import './index-ca767624.js';
 
 /**
  * @deprecated Consider to use import { Text } from '@hhgtech/hhg-components/mantine'

package/build/esm/{index-bcc1c2e5.js → index-a37ded29.js}

@@ -1,6 +1,6 @@
 import React__default, { useContext, useState, useRef, useEffect } from 'react';
-import { B as Button } from './index-116089f5.js';
-import { T as TogetherComponentGlobalContext } from './utils-f5300c3b.js';
+import { B as Button } from './index-a9188d6d.js';
+import { T as TogetherComponentGlobalContext } from './utils-8ad1c346.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
 

package/build/esm/{index-116089f5.js → index-a9188d6d.js}

@@ -1,6 +1,6 @@
-import { _ as __rest } from './tslib.es6-9354e23b.js';
+import { _ as __rest } from './tslib.es6-ff12acb0.js';
 import React__default from 'react';
-import { B as Button$1 } from './index-046b2cda.js';
+import { B as Button$1 } from './index-19ba9b1a.js';
 
 /**
  * @deprecated Consider to use at '@hhgtech/hhg-components/mantine'

package/build/esm/{index-6e8aad4f.js → index-a95f66cb.js}

@@ -1,25 +1,25 @@
-import { _ as __rest } from './tslib.es6-9354e23b.js';
+import { _ as __rest } from './tslib.es6-ff12acb0.js';
 import React__default, { createContext, useContext, useMemo } from 'react';
 import { useMantineTheme } from '@mantine/core';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { u as useHealthToolsCache } from './useHealthToolCache-3f7ee8b6.js';
-import { u as useTranslations } from './index-8b011b95.js';
-import { H as HEALTH_TOOL_TYPE } from './constants-f1633bde.js';
-import { I as Input } from './index-ba27e183.js';
+import { u as useHealthToolsCache } from './useHealthToolCache-a557d921.js';
+import { u as useTranslations } from './index-fa093689.js';
+import { H as HEALTH_TOOL_TYPE } from './constants-3af34ec1.js';
+import { I as Input } from './index-c366b0f5.js';
 import '@mantine/dates';
-import './index-ed0a2774.js';
-import './index-34b4ff66.js';
-import './index-d8009eee.js';
-import './useMantineLocale-07dde661.js';
-import './index-feadf6fb.js';
-import './index-046b2cda.js';
-import './index.styles-85886458.js';
+import './index-54c2ee14.js';
+import './index-bf8999ee.js';
+import './index-e906d083.js';
+import './useMantineLocale-f5749437.js';
+import './index-55acf473.js';
+import './index-19ba9b1a.js';
+import './index.styles-2eac8e1b.js';
 import '@mantine/hooks';
-import './utils-0e26a9d9.js';
-import './other-9350905b.js';
-import './index-5fca5aca.js';
-import { H as HealthToolFormWrapper } from './index-8f97b0ff.js';
-import { I as INPUT_RANGE } from './constants-f2ff1ce9.js';
+import './utils-766963a7.js';
+import './other-dd57fa34.js';
+import './index-ca767624.js';
+import { H as HealthToolFormWrapper } from './index-b3e98ec5.js';
+import { I as INPUT_RANGE } from './constants-e1bd2965.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
 const PWGFormContext = createContext({});

package/build/esm/{index-0415fd79.js → index-a9da67ee.js}

@@ -1,11 +1,11 @@
 import React__default, { useState, useEffect } from 'react';
-import { L as LOCALE } from './Locale-b1a3e508.js';
-import { C as CommonGAssets } from './index-d8009eee.js';
+import { L as LOCALE } from './Locale-fa2bd089.js';
+import { C as CommonGAssets } from './index-e906d083.js';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-0e26a9d9.js';
-import { L as LogoIcon } from './logoIcon-0515af0f.js';
-import './index-34b4ff66.js';
-import { I as ImageWrap } from './useScreenSize-37e3e212.js';
+import { M as MediaQueries } from './utils-766963a7.js';
+import { L as LogoIcon } from './logoIcon-998e428e.js';
+import './index-bf8999ee.js';
+import { I as ImageWrap } from './useScreenSize-20d68a30.js';
 
 const StyledLogo = styled.div `
   position: relative;