@hhgtech/hhg-components 1.29.139 → 1.29.141

package/build/esm/{index-759e2960.js → index-8454652b.js}

@@ -1,32 +1,32 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-7e1b8109.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-aa7db302.js';
 import React__default, { useContext, useState, useEffect, useMemo } from 'react';
-import { B as Button } from './index-2f52a995.js';
-import { H as Heading } from './index-47917d82.js';
-import { u as useTranslations } from './index-1a955565.js';
+import { B as Button } from './index-d7d1418c.js';
+import { H as Heading } from './index-215fec77.js';
+import { u as useTranslations } from './index-52d625db.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-1ae4425d.js';
-import { C as CommonGAssets } from './index-2b5e72d7.js';
-import { R as REPORT_REASON_MAP, D as DEFAULT_IMG } from './constants-b12b65e5.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-1a587a83.js';
+import { C as CommonGAssets } from './index-3273f46f.js';
+import { R as REPORT_REASON_MAP, D as DEFAULT_IMG } from './constants-55e1e358.js';
 import { PATHS, DISCOVER_PATHS, CARE_PATHS } from './togetherApiPaths.js';
-import { T as TogetherComponentGlobalContext, b as callApiWithAuth, d as getApiPath, c as callApi, p as getMarryBabyApiPath, o as getDiscoverApiPath, g as getCarePath, k as getCurrentBaseUrl$1, q as callApiWithOptionalAuth, l as domainLocales$1 } from './utils-6101a92d.js';
+import { T as TogetherComponentGlobalContext, b as callApiWithAuth, d as getApiPath, c as callApi, p as getMarryBabyApiPath, o as getDiscoverApiPath, g as getCarePath, k as getCurrentBaseUrl$1, q as callApiWithOptionalAuth, l as domainLocales$1 } from './utils-2d1f55cb.js';
 import { useTogetherAuthRequiredAction, TogetherAuthConfigContextProvider } from './useTogetherAuthRequiredAction.js';
-import { b as TreePopoverMenu, C as CardReactions, c as CardReactionType, a as LabelPin, T as TagTopic } from './treePopoverMenu-b40051bf.js';
+import { b as TreePopoverMenu, C as CardReactions, c as CardReactionType, a as LabelPin, T as TagTopic } from './treePopoverMenu-048e4445.js';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-97b9160b.js';
+import { M as MediaQueries } from './utils-82cbef66.js';
 import { theme } from './miscTheme.js';
-import { g as formatArticle, h as formatCategory, e as formatComment } from './dataTransform-2baa60e5.js';
-import { C as CardLink } from './index-c52e2f1c.js';
-import { C as CardAuthor, L as Loading, c as ProfileDetailModal } from './index-e7709029.js';
-import { a as ProfileDetail, P as PostContent } from './index-7926c541.js';
-import { a as PostImagePreview } from './index-808a94a1.js';
-import { D as Divider } from './index-30f7e9e8.js';
-import './index-fc4b618d.js';
+import { g as formatArticle, h as formatCategory, e as formatComment } from './dataTransform-f8a336e5.js';
+import { C as CardLink } from './index-09070a12.js';
+import { C as CardAuthor, L as Loading, c as ProfileDetailModal } from './index-b72fd319.js';
+import { a as ProfileDetail, P as PostContent } from './index-da0010cf.js';
+import { a as PostImagePreview } from './index-243852fc.js';
+import { D as Divider } from './index-dde7c253.js';
+import './index-b9c08b71.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-acbb69aa.js';
-import { T as Text } from './index-cf32ae56.js';
-import { g as getCurrentBaseUrl } from './routing-d5ae058a.js';
+import { I as Input } from './index-afd96d6f.js';
+import { T as Text } from './index-2583b218.js';
+import { g as getCurrentBaseUrl } from './routing-12a24af0.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
 var img$8 = "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-15240fbf.js → index-8b62cee0.js}

@@ -1,13 +1,13 @@
-import { _ as __rest } from './tslib.es6-7e1b8109.js';
+import { _ as __rest } from './tslib.es6-aa7db302.js';
 import React__default, { useMemo, useState, useEffect } from 'react';
-import './index-10aa35c0.js';
+import './index-42e7ee2a.js';
 import styled from '@emotion/styled';
-import { C as CommonGAssets } from './index-2b5e72d7.js';
+import { C as CommonGAssets } from './index-3273f46f.js';
 import { theme } from './miscTheme.js';
-import { I as ImageWrap } from './index-6634320b.js';
-import { T as Text } from './index-d1c88f67.js';
-import { L as LOCALE } from './Locale-5993f0ee.js';
-import { c as CentralCarousel } from './index-4b0b240d.js';
+import { I as ImageWrap } from './index-eb26bc06.js';
+import { T as Text } from './index-4089c084.js';
+import { L as LOCALE } from './Locale-ad0f360f.js';
+import { c as CentralCarousel } from './index-5ccd5e62.js';
 
 const StyledIconContainer = styled.div `
   display: inline-flex;

package/build/esm/{index-9aabcb4c.js → index-8e44f657.js}

@@ -1,6 +1,6 @@
-import { _ as __rest } from './tslib.es6-7e1b8109.js';
+import { _ as __rest } from './tslib.es6-aa7db302.js';
 import React__default, { useContext, useState } from 'react';
-import { T as TogetherComponentGlobalContext } from './utils-6101a92d.js';
+import { T as TogetherComponentGlobalContext } from './utils-2d1f55cb.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
 

package/build/esm/{index-6f0e8e38.js → index-9b8b280f.js}

@@ -1,50 +1,50 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-7e1b8109.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-aa7db302.js';
 import React__default, { useMemo, useEffect, useContext, useState, useRef, useCallback } from 'react';
-import { i as isInternalLink, L as LanguageSwitcher } from './index-0ef73d9a.js';
-import { a as CARE_LOCALES, b as CARE_BOOKING_LOCALES, T as TOGETHER_LOCALES, E as ECOM_LOCALES, L as LOCALE_SPECS, S as STATIC_PAGES } from './index-fc4b618d.js';
-import { n as normalizeLink, a as normalizeLinkSlash } from './normalizeLink-155153b5.js';
-import { g as getCurrentBaseUrl, a as getCurrentSsoUrl, b as getTogetherApiDomain, c as getDiscoverApiDomain, d as getCareApiDomain } from './routing-d5ae058a.js';
-import { a as formatCommunity, b as formatPost } from './dataTransform-2baa60e5.js';
+import { i as isInternalLink, L as LanguageSwitcher } from './index-64ba912c.js';
+import { a as CARE_LOCALES, b as CARE_BOOKING_LOCALES, T as TOGETHER_LOCALES, E as ECOM_LOCALES, L as LOCALE_SPECS, S as STATIC_PAGES } from './index-b9c08b71.js';
+import { n as normalizeLink, a as normalizeLinkSlash } from './normalizeLink-1c393673.js';
+import { g as getCurrentBaseUrl, a as getCurrentSsoUrl, b as getTogetherApiDomain, c as getDiscoverApiDomain, d as getCareApiDomain } from './routing-12a24af0.js';
+import { a as formatCommunity, b as formatPost } from './dataTransform-f8a336e5.js';
 import { Download } from '@hhgtech/icons/core';
 import { createStyles, Box, Indicator, useMantineTheme } from '@mantine/core';
-import { L as Logo } from './index-e03ee124.js';
-import { u as useTranslations } from './index-1a955565.js';
+import { L as Logo } from './index-1298b843.js';
+import { u as useTranslations } from './index-52d625db.js';
 import throttle from 'lodash/throttle';
-import { I as Input } from './index-4b0b240d.js';
+import { I as Input } from './index-5ccd5e62.js';
 import '@mantine/dates';
-import './index-10aa35c0.js';
-import { C as CommonGAssets } from './index-2b5e72d7.js';
-import './useMantineLocale-f9942e9c.js';
-import { T as Text } from './index-cf32ae56.js';
-import { B as Button$1 } from './index-30db3dcf.js';
-import './index.styles-454204a5.js';
-import './translationsContext-e720c077.js';
+import './index-42e7ee2a.js';
+import { C as CommonGAssets } from './index-3273f46f.js';
+import './useMantineLocale-a9d7e35c.js';
+import { T as Text } from './index-2583b218.js';
+import { B as Button$1 } from './index-9ccb14be.js';
+import './index.styles-df57874e.js';
+import './translationsContext-bc2511cd.js';
 import '@mantine/hooks';
-import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-97b9160b.js';
-import './other-ebe4623b.js';
-import './index-01547752.js';
-import { L as LOCALISED_SLUGS } from './constants-0e4cc63d.js';
+import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-82cbef66.js';
+import './other-2d47fb8c.js';
+import './index-bcb84d0c.js';
+import { L as LOCALISED_SLUGS } from './constants-4d5a8fbb.js';
 import styled from '@emotion/styled';
-import { u as useCSSFocusPopupHelper, N as NavigationProfileButton } from './index-6db1f7bb.js';
-import { B as Button } from './index-2f52a995.js';
-import { i as domainLocalesMarryBaby } from './utils-6101a92d.js';
+import { u as useCSSFocusPopupHelper, N as NavigationProfileButton } from './index-f3f97d95.js';
+import { B as Button } from './index-d7d1418c.js';
+import { i as domainLocalesMarryBaby } from './utils-2d1f55cb.js';
 import { domainLocales } from './constantsDomainLocales.js';
-import { L as LOCALIZED_SLUGS } from './constants-4e44d215.js';
+import { L as LOCALIZED_SLUGS } from './constants-eadba2a4.js';
 import { theme } from './miscTheme.js';
-import { H as Heading } from './index-47917d82.js';
-import { I as Indicator$1 } from './index-79d3e60f.js';
-import { u as useIsInit } from './useIsInit-09221e44.js';
+import { H as Heading } from './index-215fec77.js';
+import { I as Indicator$1 } from './index-e6c91b6b.js';
+import { u as useIsInit } from './useIsInit-cbf97f10.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 import dayjs from 'dayjs';
 import relativeTime from 'dayjs/plugin/relativeTime';
-import { U as UserAvatar } from './index-9aabcb4c.js';
+import { U as UserAvatar } from './index-8e44f657.js';
 import { ArrowRight } from '@hhgtech/icons/other';
 import formatString from 'string-format';
-import { C as Container } from './index-e89aa1f3.js';
-import { u as useSSOV2Store } from './store-fbd61046.js';
-import { L as LOCALE } from './Locale-5993f0ee.js';
+import { C as Container } from './index-172a676d.js';
+import { u as useSSOV2Store } from './store-3f28768e.js';
+import { L as LOCALE } from './Locale-ad0f360f.js';
 import debounce from 'lodash/debounce';
-import { g as getDataWithCache } from './core-7ab61698.js';
+import { g as getDataWithCache } from './core-e2ff8e2e.js';
 
 const getEcomUrl = ({ path, locale, }) => {
     var _a;
@@ -2074,7 +2074,7 @@ const ItemNavButton = ({ item, color = 'blue' }) => {
                 });
             }
             if (item.id === 'care') {
-                import('./doctor-10c5f2fe.js').then((data) => {
+                import('./doctor-226715ef.js').then((data) => {
                     if (data === null || data === void 0 ? void 0 : data.default)
                         setIconJson(() => data.default);
                 });

package/build/esm/{index-30db3dcf.js → index-9ccb14be.js}

@@ -1,4 +1,4 @@
-import { _ as __rest } from './tslib.es6-7e1b8109.js';
+import { _ as __rest } from './tslib.es6-aa7db302.js';
 import React__default from 'react';
 import { createStyles, useMantineTheme, Button as Button$1 } from '@mantine/core';
 

package/build/esm/{index-c1c7ebfa.js → index-a481387d.js}

@@ -1,23 +1,23 @@
-import { _ as __rest } from './tslib.es6-7e1b8109.js';
+import { _ as __rest } from './tslib.es6-aa7db302.js';
 import React__default, { createContext, useContext } from 'react';
 import { useMantineTheme } from '@mantine/core';
 import { useForm, isNotEmpty } from '@mantine/form';
-import './index-4b0b240d.js';
-import { D as DatePicker } from './index-5d4cdda7.js';
-import './index-cf32ae56.js';
-import './index-30db3dcf.js';
-import './index.styles-454204a5.js';
-import { u as useTranslations } from './index-1a955565.js';
+import './index-5ccd5e62.js';
+import { D as DatePicker } from './index-2a2fcf25.js';
+import './index-2583b218.js';
+import './index-9ccb14be.js';
+import './index.styles-df57874e.js';
+import { u as useTranslations } from './index-52d625db.js';
 import '@mantine/hooks';
-import './useMantineLocale-f9942e9c.js';
-import './index-10aa35c0.js';
-import './index-2b5e72d7.js';
-import './utils-97b9160b.js';
-import './index-fc4b618d.js';
-import './other-ebe4623b.js';
-import './index-01547752.js';
-import { H as HealthToolFormWrapper } from './index-6ffb3a5d.js';
-import { G as GenderOptionControl } from './index-87e40b55.js';
+import './useMantineLocale-a9d7e35c.js';
+import './index-42e7ee2a.js';
+import './index-3273f46f.js';
+import './utils-82cbef66.js';
+import './index-b9c08b71.js';
+import './other-2d47fb8c.js';
+import './index-bcb84d0c.js';
+import { H as HealthToolFormWrapper } from './index-6ab230b1.js';
+import { G as GenderOptionControl } from './index-4cca1056.js';
 import { CalendarMB } from '@hhgtech/icons/other';
 
 const BabyVaccineFormContext = createContext({});

package/build/esm/{index-b20653eb.js → index-ac4c8631.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-97b9160b.js';
+import { M as MediaQueries } from './utils-82cbef66.js';
 import { theme } from './miscTheme.js';
 
 const StyledPopup = styled.div `

package/build/esm/{index-acbb69aa.js → index-afd96d6f.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-7e1b8109.js';
+import { _ as __rest } from './tslib.es6-aa7db302.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-97b9160b.js';
+import { M as MediaQueries } from './utils-82cbef66.js';
 
 const StyledInput = styled.div `
   position: relative;

package/build/esm/{index-bc3378d9.js → index-b457466a.js}

@@ -1,7 +1,7 @@
 import React__default, { useState, useEffect } from 'react';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { I as ImageWrap } from './index-6634320b.js';
+import { I as ImageWrap } from './index-eb26bc06.js';
 
 const StyledAvatar = styled.div `
   background-color: var(--background-color, transparent);

package/build/esm/{index-9643cba8.js → index-b55f4ded.js}

@@ -1,22 +1,22 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-7e1b8109.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-aa7db302.js';
 import React__default, { useReducer, useState, useEffect } from 'react';
 import { Stack, Input as Input$1 } from '@mantine/core';
-import { I as Input, S as Select } from './index-4b0b240d.js';
+import { I as Input, S as Select } from './index-5ccd5e62.js';
 import '@mantine/dates';
-import { C as CDN_ADDRESS } from './index-fc4b618d.js';
-import './index-10aa35c0.js';
-import './index-2b5e72d7.js';
-import './useMantineLocale-f9942e9c.js';
-import './index-cf32ae56.js';
-import './index-30db3dcf.js';
-import './index.styles-454204a5.js';
-import { u as useTranslations } from './index-1a955565.js';
+import { C as CDN_ADDRESS } from './index-b9c08b71.js';
+import './index-42e7ee2a.js';
+import './index-3273f46f.js';
+import './useMantineLocale-a9d7e35c.js';
+import './index-2583b218.js';
+import './index-9ccb14be.js';
+import './index.styles-df57874e.js';
+import { u as useTranslations } from './index-52d625db.js';
 import '@mantine/hooks';
-import './utils-97b9160b.js';
-import './other-ebe4623b.js';
-import './index-01547752.js';
-import { M as MAPPED_LOCALE } from './utils-77604353.js';
-import { L as LOCALE } from './Locale-5993f0ee.js';
+import './utils-82cbef66.js';
+import './other-2d47fb8c.js';
+import './index-bcb84d0c.js';
+import { M as MAPPED_LOCALE } from './utils-3c6d2ebe.js';
+import { L as LOCALE } from './Locale-ad0f360f.js';
 
 const generateGetAddressDetail = (locale) => {
     return `${CDN_ADDRESS}/cities-data-${MAPPED_LOCALE[locale]}.json`;

package/build/esm/{index-e7709029.js → index-b72fd319.js}

@@ -3,25 +3,25 @@ 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-1a955565.js';
-import { M as MediaQueries, t as toggleNoScroll } from './utils-97b9160b.js';
-import { A as AuthorBadge, B as BookingBtn } from './index-7c753f0e.js';
-import { I as Icon } from './index-98bfde75.js';
-import { _ as __rest } from './tslib.es6-7e1b8109.js';
-import { U as UserAvatar } from './index-9aabcb4c.js';
-import { u as useScreenSize } from './index.styles-454204a5.js';
-import './index-fc4b618d.js';
-import { C as CommonGAssets } from './index-2b5e72d7.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-6101a92d.js';
-import { B as Button } from './index-2f52a995.js';
-import { T as Text } from './index-cf32ae56.js';
+import { u as useTranslations } from './index-52d625db.js';
+import { M as MediaQueries, t as toggleNoScroll } from './utils-82cbef66.js';
+import { A as AuthorBadge, B as BookingBtn } from './index-1b202b79.js';
+import { I as Icon } from './index-dcc6dde2.js';
+import { _ as __rest } from './tslib.es6-aa7db302.js';
+import { U as UserAvatar } from './index-8e44f657.js';
+import { u as useScreenSize } from './index.styles-df57874e.js';
+import './index-b9c08b71.js';
+import { C as CommonGAssets } from './index-3273f46f.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-2d1f55cb.js';
+import { B as Button } from './index-d7d1418c.js';
+import { T as Text } from './index-2583b218.js';
 import { theme } from './miscTheme.js';
-import { I as ImageWrap } from './index-6634320b.js';
+import { I as ImageWrap } from './index-eb26bc06.js';
 import styled from '@emotion/styled';
 import { CARE_PATHS, DISCOVER_PATHS } from './togetherApiPaths.js';
 import { keyframes } from '@emotion/react';
-import { H as Heading } from './index-47917d82.js';
-import { M as Modal } from './index-34adf106.js';
+import { H as Heading } from './index-215fec77.js';
+import { M as Modal } from './index-e7e1b08a.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"};
@@ -910,7 +910,7 @@ const ProfileDetailModal = ({ open, onClose, children, profileModalProps, }) =>
 
 dayjs.extend(relativeTime);
 const _CardAuthor = (props) => {
-    const { className = '', community, name, username, url, avatar: avatarProp, role: roleProp, title, userType = 'user', expertId, specialty, organisation, isMarryBaby: isMarryBabyProp, doctorId, hospitalId, hasQuickBooking, handleMakeAppointment, communityTrackingAttr, isAnonymous, showDetailPopup, showChatbotButton = false, subLine, authActionWrapper, profileProps, profileModalProps, extendEle, avatarProps, hideInfo, timeText, onCloseFromPost, avatarIcon, badgeIconSize, hideBackground, children, styles, dataEventCategory, dataEventAction, dataEventLabel, } = props;
+    const { className = '', community, name, username, url, avatar: avatarProp, role: roleProp, title, userType = 'user', expertId, specialty, organisation, isMarryBaby: isMarryBabyProp, doctorId, hospitalId, hasQuickBooking, handleMakeAppointment, communityTrackingAttr, isAnonymous, showDetailPopup, showChatbotButton = false, subLine, authActionWrapper, profileProps, profileModalProps, extendEle, avatarProps, hideInfo, timeText, onCloseFromPost, onChatWithBot, avatarIcon, badgeIconSize, hideBackground, children, styles, dataEventCategory, dataEventAction, dataEventLabel, } = props;
     const { data: { locale, router, env: { isMarryBaby: isMarryBabyContext, togetherBasePath }, }, } = useContext(TogetherComponentGlobalContext);
     const { isMobile } = useScreenSize();
     const { t } = useTranslations();
@@ -958,7 +958,7 @@ const _CardAuthor = (props) => {
     useEffect(() => {
         if (open && !ProfileDetail) {
             if (userType === 'chatbot') {
-                import('./index-889a32ea.js').then((module) => {
+                import('./index-41754197.js').then((module) => {
                     setProfileDetail(() => module.ProfileChatbot);
                 });
             }
@@ -982,7 +982,7 @@ const _CardAuthor = (props) => {
         React__default.createElement(ProfileDetailModal, { open: open, onClose: () => setOpen(false), profileModalProps: profileModalProps }, ProfileDetail && (React__default.createElement(ProfileDetail, Object.assign({ currentPageUrl: dataEventLabel, authActionWrapper: authActionWrapper, onCloseFromPost: () => {
                 setOpen(false);
                 onCloseFromPost === null || onCloseFromPost === void 0 ? void 0 : onCloseFromPost();
-            } }, profileProps, { authorProps: Object.assign({ userId: props === null || props === void 0 ? void 0 : props.userId, avatar, name: props === null || props === void 0 ? void 0 : props.name, role: props === null || props === void 0 ? void 0 : props.role, title: props === null || props === void 0 ? void 0 : props.title, doctorId,
+            }, onChatWithBot: onChatWithBot }, profileProps, { authorProps: Object.assign({ userId: props === null || props === void 0 ? void 0 : props.userId, avatar, name: props === null || props === void 0 ? void 0 : props.name, role: props === null || props === void 0 ? void 0 : props.role, title: props === null || props === void 0 ? void 0 : props.title, doctorId,
                 hospitalId,
                 hasQuickBooking, userType: userType }, profileProps === null || profileProps === void 0 ? void 0 : profileProps.authorProps) })))),
         role === 'expert' && expertId ? (React__default.createElement(PopupExpert, { isOpen: openPopupExpert, onClose: () => setOpenPopupExpert(false), expertId: expertId })) : null,
@@ -1007,7 +1007,9 @@ const _CardAuthor = (props) => {
                                         transform: 'translate(0, 2px)',
                                     } }),
                                 showChatbotButton && (React__default.createElement("div", { style: { marginTop: '8px' } },
-                                    React__default.createElement(Button$1, { color: "primary", size: "xs", variant: "filled", leftIcon: React__default.createElement(Icon.App, { size: 16 }), onClick: authActionWrapper }, "Chat with me"))))) : (React__default.createElement(AuthorBadgeItem, null)))),
+                                    React__default.createElement(Button$1, { color: "primary", size: "xs", variant: "filled", type: "button", leftIcon: React__default.createElement(Icon.App, { size: 16 }), onClick: () => {
+                                            onChatWithBot === null || onChatWithBot === void 0 ? void 0 : onChatWithBot();
+                                        } }, "Chat with me"))))) : (React__default.createElement(AuthorBadgeItem, null)))),
                     subLine || (React__default.createElement(CardAuthor$1.SubTextRow, { style: hasQuickBooking
                             ? {
                                 position: 'relative',

package/build/esm/{index-fc4b618d.js → index-b9c08b71.js}

@@ -1,10 +1,10 @@
 import { enUS, vi, km, hi, id, ms, th, zhTW } from 'date-fns/locale';
-import './index-10aa35c0.js';
+import './index-42e7ee2a.js';
 import { siteHost, siteOptions } from './constantsSite.js';
 import { domainLocales, MAP_DOMAIN_BY_LOCALE } from './constantsDomainLocales.js';
 import { RISK_SCREENER_NAME, RISK_SCREENER_SLUG } from './constantsRiskScreener.js';
 import { isProduction } from './constantsIsProduction.js';
-import { L as LOCALE } from './Locale-5993f0ee.js';
+import { L as LOCALE } from './Locale-ad0f360f.js';
 
 const basePath = process.env.NEXT_PUBLIC_DEPLOY_LOCALE === 'tl-PH' ? '/fil' : '';
 const SSO_URL = process.env.NEXT_PUBLIC_SSO;

package/build/esm/{index-01547752.js → index-bcb84d0c.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-7e1b8109.js';
+import { _ as __rest } from './tslib.es6-aa7db302.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-30db3dcf.js';
-import { T as Text } from './index-cf32ae56.js';
+import { B as Button } from './index-9ccb14be.js';
+import { T as Text } from './index-2583b218.js';
 
 var useStyles = createStyles((theme, params) => {
     const { variant } = params;

package/build/esm/{index-b4539ead.js → index-c035ec8c.js}

@@ -1,11 +1,11 @@
 import React__default, { useRef, useEffect } from 'react';
 import { Portal } from '@mantine/core';
-import { t as toggleNoScroll } from './utils-97b9160b.js';
+import { t as toggleNoScroll } from './utils-82cbef66.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-77e413e5.js';
-import { T as Text } from './index-cf32ae56.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-f3e0769c.js';
+import { T as Text } from './index-2583b218.js';
 
 const DURATION = '600ms';
 const generateStyleBasedOnPlacement = (placement, open) => {

package/build/esm/{index-4a773b87.js → index-c04f7c89.js}

@@ -1,20 +1,20 @@
-import { _ as __rest } from './tslib.es6-7e1b8109.js';
+import { _ as __rest } from './tslib.es6-aa7db302.js';
 import React__default, { createContext, useContext } from 'react';
 import { useMantineTheme, Flex, rem, Box, createStyles } from '@mantine/core';
-import { t as themeColors } from './index-4b0b240d.js';
+import { t as themeColors } from './index-5ccd5e62.js';
 import '@mantine/dates';
-import './index-fc4b618d.js';
-import './index-10aa35c0.js';
-import './index-2b5e72d7.js';
-import './useMantineLocale-f9942e9c.js';
-import { T as Text } from './index-cf32ae56.js';
-import './index-30db3dcf.js';
-import './index.styles-454204a5.js';
-import { u as useTranslations } from './index-1a955565.js';
+import './index-b9c08b71.js';
+import './index-42e7ee2a.js';
+import './index-3273f46f.js';
+import './useMantineLocale-a9d7e35c.js';
+import { T as Text } from './index-2583b218.js';
+import './index-9ccb14be.js';
+import './index.styles-df57874e.js';
+import { u as useTranslations } from './index-52d625db.js';
 import '@mantine/hooks';
-import { M as MediaQueries } from './utils-97b9160b.js';
-import './other-ebe4623b.js';
-import './index-01547752.js';
+import { M as MediaQueries } from './utils-82cbef66.js';
+import './other-2d47fb8c.js';
+import './index-bcb84d0c.js';
 import styled from '@emotion/styled';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 

package/build/esm/{index-8842f7d3.js → index-c16afec7.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
-import { I as Icon } from './index-98bfde75.js';
-import { u as useTranslations } from './index-1a955565.js';
+import { I as Icon } from './index-dcc6dde2.js';
+import { u as useTranslations } from './index-52d625db.js';
 
 var styles = {"loading":"tliWyii"};
 

package/build/esm/{index-a7394e1a.js → index-cb68e267.js}

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

package/build/esm/{index-7132d466.js → index-ccec85d6.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
-import { u as useTranslations } from './index-1a955565.js';
-import { B as Button } from './index-2f52a995.js';
+import { u as useTranslations } from './index-52d625db.js';
+import { B as Button } from './index-d7d1418c.js';
 
 var styles = {"loading":"PD6nRZX"};
 

package/build/esm/{index-2f52a995.js → index-d7d1418c.js}

@@ -1,6 +1,6 @@
-import { _ as __rest } from './tslib.es6-7e1b8109.js';
+import { _ as __rest } from './tslib.es6-aa7db302.js';
 import React__default from 'react';
-import { B as Button$1 } from './index-30db3dcf.js';
+import { B as Button$1 } from './index-9ccb14be.js';
 
 /**
  * @deprecated Consider to use at '@hhgtech/hhg-components/mantine'

package/build/esm/{index-7926c541.js → index-da0010cf.js}

@@ -1,35 +1,35 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-7e1b8109.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-aa7db302.js';
 import React__default, { useState, useContext, useMemo, useRef, useEffect, createContext } from 'react';
 import dayjs from 'dayjs';
-import { T as Tabs } from './index-01547752.js';
-import { L as Loading } from './index-7132d466.js';
-import { b as formatPost, a as formatCommunity, g as formatArticle } from './dataTransform-2baa60e5.js';
+import { T as Tabs } from './index-bcb84d0c.js';
+import { L as Loading } from './index-ccec85d6.js';
+import { b as formatPost, a as formatCommunity, g as formatArticle } from './dataTransform-f8a336e5.js';
 import { PATHS } from './togetherApiPaths.js';
-import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath, b as callApiWithAuth } from './utils-6101a92d.js';
+import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath, b as callApiWithAuth } from './utils-2d1f55cb.js';
 import { Plus } from '@hhgtech/icons/core';
 import { createStyles, Anchor, Accordion, Flex, useMantineTheme } from '@mantine/core';
-import { C as CommonGAssets } from './index-2b5e72d7.js';
-import { I as ImageWrap } from './index-6634320b.js';
-import { P as PopupExpert, d as CardAuthor, C as CardAuthor$1 } from './index-e7709029.js';
-import { S as SocialType } from './index-10aa35c0.js';
-import { u as useTranslations } from './index-1a955565.js';
+import { C as CommonGAssets } from './index-3273f46f.js';
+import { I as ImageWrap } from './index-eb26bc06.js';
+import { P as PopupExpert, d as CardAuthor, C as CardAuthor$1 } from './index-b72fd319.js';
+import { S as SocialType } from './index-42e7ee2a.js';
+import { u as useTranslations } from './index-52d625db.js';
 import { theme } from './miscTheme.js';
 import { CrossLogo, ArrowDown } from '@hhgtech/icons/other';
-import { A as Anchor$1 } from './index-4b0b240d.js';
+import { A as Anchor$1 } from './index-5ccd5e62.js';
 import '@mantine/dates';
-import './index-fc4b618d.js';
-import './useMantineLocale-f9942e9c.js';
-import { T as Text } from './index-cf32ae56.js';
-import { B as Button } from './index-30db3dcf.js';
-import './index.styles-454204a5.js';
+import './index-b9c08b71.js';
+import './useMantineLocale-a9d7e35c.js';
+import { T as Text } from './index-2583b218.js';
+import { B as Button } from './index-9ccb14be.js';
+import './index.styles-df57874e.js';
 import '@mantine/hooks';
-import './utils-97b9160b.js';
-import './other-ebe4623b.js';
+import './utils-82cbef66.js';
+import './other-2d47fb8c.js';
 import styled from '@emotion/styled';
 import { useTogetherAuthRequiredAction } from './useTogetherAuthRequiredAction.js';
-import { d as decodeMention, a as decodePostUrl } from './post-eece10fc.js';
-import { B as Button$1 } from './index-2f52a995.js';
-import './translationsContext-e720c077.js';
+import { d as decodeMention, a as decodePostUrl } from './post-4691b86d.js';
+import { B as Button$1 } from './index-d7d1418c.js';
+import './translationsContext-bc2511cd.js';
 
 const StyledPostContent = styled.div `
   padding: 0.5rem 1rem 1rem;

package/build/esm/{index-98bfde75.js → index-dcc6dde2.js}

@@ -1,8 +1,8 @@
-import { _ as __rest } from './tslib.es6-7e1b8109.js';
+import { _ as __rest } from './tslib.es6-aa7db302.js';
 import React__default from 'react';
 import { theme } from './miscTheme.js';
-import { W as WhatsApp, I as Instagram } from './WhatsApp-7907f0ff.js';
-import { S as Spinner } from './Spinner-35d5f45f.js';
+import { W as WhatsApp, I as Instagram } from './WhatsApp-04978e85.js';
+import { S as Spinner } from './Spinner-611b6669.js';
 
 const App = (_a) => {
     var { size = 24 } = _a, rest = __rest(_a, ["size"]);

package/build/esm/{index-802c259d.js → index-e33d15e0.js}

@@ -1,8 +1,8 @@
 import React__default, { useState, useRef, useEffect } from 'react';
-import { u as useScrollbarSize } from './useScrollbarSize-0be63170.js';
+import { u as useScrollbarSize } from './useScrollbarSize-54eca73d.js';
 import { createPortal } from 'react-dom';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-97b9160b.js';
+import { M as MediaQueries } from './utils-82cbef66.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 import { theme } from './miscTheme.js';
 

package/build/esm/{index-79d3e60f.js → index-e6c91b6b.js}

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

package/build/esm/{index-34adf106.js → index-e7e1b08a.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-7e1b8109.js';
+import { _ as __rest } from './tslib.es6-aa7db302.js';
 import React__default from 'react';
 import { Modal as Modal$1 } from '@mantine/core';
-import { a as useStyles } from './index.styles-454204a5.js';
+import { a as useStyles } from './index.styles-df57874e.js';
 
 const Modal = (_a) => {
     var { styles, classNames, transitionProps } = _a, rest = __rest(_a, ["styles", "classNames", "transitionProps"]);