@hhgtech/hhg-components 1.29.445 → 1.29.446-beta-1

package/build/esm/{RatingStarsInput-67ed3a3f.js → index-18c95afe.js}

@@ -1,51 +1,51 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-7984ef17.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-6b4f2c31.js';
 import * as React from 'react';
 import React__default, { useRef, useState, useEffect, useImperativeHandle, useMemo, Fragment, useCallback, forwardRef, memo, createContext, useContext } from 'react';
-import { R as Radio } from './index-cafbd842.js';
+import { R as Radio } from './index-f056345b.js';
 import { Stack, Group, createStyles, getStylesRef, Box, Badge, rem, Divider, clsx, Button as Button$2, AspectRatio, Grid } from '@mantine/core';
 import '@mantine/dates';
-import { L as LOCALE_SPECS, F as FAVICONS } from './index-18cb16b6.js';
-import './index-539ab53a.js';
-import { C as CommonGAssets } from './index-b36b2caa.js';
-import './index-87c5a102.js';
-import { T as Text } from './index-f28ed80d.js';
-import { B as Button$1 } from './index-141afb90.js';
-import './index.styles-50872c8c.js';
-import './translationsContext-573d0b98.js';
+import { L as LOCALE_SPECS, F as FAVICONS } from './index-37c59ef6.js';
+import './index-f444bbc6.js';
+import { C as CommonGAssets } from './index-37802a4e.js';
+import './index-8e9c5c15.js';
+import { T as Text } from './index-1f274cc3.js';
+import { B as Button$1 } from './index-daa305da.js';
+import './index.styles-df3d0cfd.js';
+import './translationsContext-5f4fdc0a.js';
 import '@mantine/hooks';
-import './text-908bab85.js';
-import { M as MediaQueries } from './utils-7cb7f4d8.js';
-import './index-36cc3053.js';
-import { i as isInternalLink } from './index-31700ae7.js';
+import './text-eee6ea73.js';
+import { M as MediaQueries } from './utils-c03dcc75.js';
+import './index-9f1418ba.js';
+import { i as isInternalLink } from './index-0b916f30.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { C as Checkbox, a as PureInput, P as Pagination$1, b as SearchInput } from './index-04c7398e.js';
+import { C as Checkbox, a as PureInput, P as Pagination$1, b as SearchInput } from './index-103231c8.js';
 import { format, isBefore, startOfMonth, addMonths, subMonths, getDaysInMonth, isToday, isSameDay, isWithinInterval, isAfter, isPast } from 'date-fns';
 import DayPickerInput from 'react-day-picker/DayPickerInput';
-import { L as Logo } from './index-70dd8898.js';
+import { L as Logo } from './index-3e0f7c52.js';
 import throttle from 'lodash/throttle';
 import parse from 'html-react-parser';
 import { domainLocales } from './constantsDomainLocales.js';
 import { isProduction } from './constantsIsProduction.js';
-import { a as useOutsideClick } from './useOutsideClick-c16d6bad.js';
+import { a as useOutsideClick } from './useOutsideClick-2c76196f.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-950c94cc.js';
-import { u as useScreenSize, I as ImageWrap } from './index-2558182c.js';
-import { u as useTranslations } from './index-47a94d34.js';
-import { D as Dropdown } from './index-e18c4ade.js';
+import { B as Button } from './index-8710cfae.js';
+import { u as useScreenSize, I as ImageWrap } from './index-36068e3b.js';
+import { u as useTranslations } from './index-15a5843d.js';
+import { D as Dropdown } from './index-ba929d0f.js';
 import { getSocialList } from './miscGetSocialList.js';
-import { I as Input } from './index-f949335f.js';
-import { D as Drawer } from './index-b9a1d047.js';
+import { I as Input } from './index-492e498f.js';
+import { D as Drawer } from './index-8859158c.js';
 import { v4 } from 'uuid';
-import { L as LOCALE } from './Locale-d401e4f0.js';
+import { L as LOCALE } from './Locale-81f882d4.js';
 import { ArrowRight } from '@hhgtech/icons/arrow';
 import { MultiStar, Question } from '@hhgtech/icons/other';
 import Lottie from 'lottie-light-react';
-import { A as ArrowRightBlue } from './index-da444a19.js';
-import { L as Loading } from './index-d690f3ac.js';
+import { A as ArrowRightBlue } from './index-8d393d1c.js';
+import { L as Loading } from './index-8acd212b.js';
 import get from 'lodash/get';
 import debounce from 'lodash/debounce';
 
@@ -4693,7 +4693,7 @@ const StyledBox = styled.div `
   border-radius: 12px;
   border: 1px solid ${theme.colors.neutral100};
 `;
-const StyledContent = styled.div `
+const StyledContent$1 = styled.div `
   display: flex;
   flex-direction: column;
   justify-content: flex-start;
@@ -4775,7 +4775,7 @@ const HPVScreener = ({ onClick, className, style }) => {
     return (React__default.createElement("div", { className: className, style: style },
         React__default.createElement(StyledBox, null,
             React__default.createElement(StyledContentBox, null,
-                React__default.createElement(StyledContent, null,
+                React__default.createElement(StyledContent$1, null,
                     React__default.createElement(StyledBadge, null,
                         React__default.createElement(StyledTextBadgeBox, null,
                             React__default.createElement(StarUpgrade, { style: { width: '1rem', height: '1rem' } }),
@@ -4882,11 +4882,12 @@ function useList({ fetcher, pageSize = DEFAULT_PAGE_SIZE, defaultSearch = '', de
     const [items, setItems] = useState([]);
     const [total, setTotal] = useState(0);
     const [page, setPage] = useState(1);
+    const [searchSession, setSearchSession] = useState('');
     const [search, setSearch] = useState(defaultSearch);
     const [loading, setLoading] = useState(defaultLoading);
     const [loadingMore, setLoadingMore] = useState(false);
     const [filters, setFilters] = useState(defaultFilters);
-    const loadData = ({ page, search, isMore, pageSize: customPage, filters: filtersData, }) => __awaiter(this, void 0, void 0, function* () {
+    const loadData = ({ page, search, isMore, pageSize: customPage, filters: filtersData, searchSession, }) => __awaiter(this, void 0, void 0, function* () {
         setLoading(!isMore);
         setLoadingMore(isMore);
         try {
@@ -4895,6 +4896,7 @@ function useList({ fetcher, pageSize = DEFAULT_PAGE_SIZE, defaultSearch = '', de
                 pageSize: customPage || pageSize,
                 search,
                 filters: filtersData,
+                searchSession,
             });
             if (isMore) {
                 setItems((prevState) => [...prevState, ...res.data]);
@@ -4902,6 +4904,7 @@ function useList({ fetcher, pageSize = DEFAULT_PAGE_SIZE, defaultSearch = '', de
             else {
                 setItems(res.data);
             }
+            setSearchSession(res.searchSession || '');
             setPage(page);
             setTotal(res.total);
         }
@@ -4924,6 +4927,7 @@ function useList({ fetcher, pageSize = DEFAULT_PAGE_SIZE, defaultSearch = '', de
             page: nextPage,
             isMore: true,
             filters,
+            searchSession,
         });
     };
     const handleChangeSearch = (value) => {
@@ -4936,6 +4940,7 @@ function useList({ fetcher, pageSize = DEFAULT_PAGE_SIZE, defaultSearch = '', de
     };
     const resetData = () => {
         setSearch('');
+        setSearchSession('');
         setFilters({});
         loadDataDebounce({
             page: 1,
@@ -5417,7 +5422,7 @@ GeneralInfo.Content = ProductContent;
 GeneralInfo.Title = ProductTitle;
 GeneralInfo.Description = ProductDescription;
 
-const StyledContainer$1 = styled.div `
+const StyledContainer$2 = styled.div `
   border-radius: 12px;
   padding: 0.875rem 0.75rem;
   background-color: ${theme.colors.neutral50};
@@ -5454,7 +5459,7 @@ const Center = styled.div `
 `;
 
 const VoucherItem = ({ image, title, description, onClick, className, dataTracking = {}, }) => {
-    return (React__default.createElement(StyledContainer$1, Object.assign({}, dataTracking, { className: className, onClick: onClick }),
+    return (React__default.createElement(StyledContainer$2, Object.assign({}, dataTracking, { className: className, onClick: onClick }),
         React__default.createElement(Grid, { gutter: "8px" },
             React__default.createElement(Grid.Col, { span: "content" },
                 React__default.createElement(Center, null,
@@ -5470,7 +5475,7 @@ const VoucherItem = ({ image, title, description, onClick, className, dataTracki
                     React__default.createElement(StyledDescription, { size: "c2", weight: "halfBold" }, description))))));
 };
 
-const StyledContainer = styled.div `
+const StyledContainer$1 = styled.div `
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -5486,7 +5491,7 @@ const StyledTextContainer = styled.div `
 `;
 
 const CertificateItem = ({ image, description, title, className, }) => {
-    return (React__default.createElement(StyledContainer, { className: className },
+    return (React__default.createElement(StyledContainer$1, { className: className },
         React__default.createElement(ImageWrap, { src: image, alt: title, style: {
                 width: rem(120),
                 height: rem(120),
@@ -5591,4 +5596,35 @@ const RatingStarsInput = ({ value, max = MAX_RATING, onChange, readOnly = false,
         error && (React__default.createElement(Text, { className: "error-text", size: "c1", color: theme.colors.red600 }, error))));
 };
 
-export { AdBlock as A, Breadcrumbs as B, CategoryCard as C, DatePicker as D, FloatButtonGroup as F, GeneralInfo as G, HPVScreener as H, IconText as I, List as L, MAX_RATING as M, QuickFilter as Q, RadioGroup as R, ScrollList as S, Tabs as T, VoucherItem as V, WidgetChatbotAi as W, CheckboxGroup as a, StatisticCard as b, index as c, DoctorInfo as d, CookieAcceptConfirm as e, SeoHead as f, DateRangePicker as g, ShareContainer as h, index$1 as i, ShareDrawer as j, FixedBottomAdBlock as k, SummaryInfo as l, ListContext as m, QuickFilterWrapLine as n, CardListItem as o, CertificateItem as p, RatingStars as q, RatingStarsInput as r, StarFull as s, StarHalf as t, useListContext as u };
+const StyledContainer = styled.div `
+  display: flex;
+  align-items: center;
+  gap: ${rem(8)};
+  padding: ${rem(10)} ${rem(8)};
+  background-color: ${theme.colors.neutral50};
+  border-radius: ${rem(8)};
+`;
+const StyledContent = styled.div `
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+`;
+
+const AnsweredByDoctor = (props) => {
+    const { doctorName, doctorAvatar, defaultDoctorAvatar } = props;
+    const { t } = useTranslations();
+    return (React__default.createElement(StyledContainer, null,
+        React__default.createElement(ImageWrap, { alt: 'doctor-avatar', src: doctorAvatar || defaultDoctorAvatar, style: {
+                width: rem(32),
+                height: rem(32),
+                borderRadius: '50%',
+                objectFit: 'cover',
+            } }),
+        React__default.createElement(StyledContent, null,
+            React__default.createElement(Text, { size: "c2", weight: "regular", color: theme.colors.gray600 },
+                t('common.answeredBy'),
+                ":"),
+            React__default.createElement(Text, { size: "p3", weight: "semiBold", color: theme.colors.gray800 }, doctorName))));
+};
+
+export { AdBlock as A, Breadcrumbs as B, CategoryCard as C, DatePicker as D, FloatButtonGroup as F, GeneralInfo as G, HPVScreener as H, IconText as I, List as L, MAX_RATING as M, QuickFilter as Q, RadioGroup as R, ScrollList as S, Tabs as T, VoucherItem as V, WidgetChatbotAi as W, CheckboxGroup as a, StatisticCard as b, index as c, DoctorInfo as d, CookieAcceptConfirm as e, SeoHead as f, DateRangePicker as g, ShareContainer as h, index$1 as i, ShareDrawer as j, FixedBottomAdBlock as k, SummaryInfo as l, ListContext as m, QuickFilterWrapLine as n, CardListItem as o, CertificateItem as p, RatingStars as q, RatingStarsInput as r, AnsweredByDoctor as s, StarFull as t, useListContext as u, StarHalf as v };

package/build/esm/{index-369eae16.js → index-19d37e6a.js}

@@ -1,20 +1,20 @@
-import { _ as __rest } from './tslib.es6-7984ef17.js';
+import { _ as __rest } from './tslib.es6-6b4f2c31.js';
 import React__default, { createContext, useContext } from 'react';
 import { useMantineTheme } from '@mantine/core';
 import { useForm, isNotEmpty } from '@mantine/form';
-import './index-cafbd842.js';
-import { D as DatePicker } from './index-d98c209b.js';
-import './index-f28ed80d.js';
-import './index-141afb90.js';
-import './index.styles-50872c8c.js';
-import { u as useTranslations } from './index-47a94d34.js';
+import './index-f056345b.js';
+import { D as DatePicker } from './index-8df69b0c.js';
+import './index-1f274cc3.js';
+import './index-daa305da.js';
+import './index.styles-df3d0cfd.js';
+import { u as useTranslations } from './index-15a5843d.js';
 import '@mantine/hooks';
-import './index-87c5a102.js';
-import './text-908bab85.js';
-import './utils-7cb7f4d8.js';
-import './index-36cc3053.js';
-import { H as HealthToolFormWrapper } from './index-acefdf85.js';
-import { G as GenderOptionControl } from './index-dd2821c2.js';
+import './index-8e9c5c15.js';
+import './text-eee6ea73.js';
+import './utils-c03dcc75.js';
+import './index-9f1418ba.js';
+import { H as HealthToolFormWrapper } from './index-2e6beb73.js';
+import { G as GenderOptionControl } from './index-7d4d6f49.js';
 import { CalendarMB } from '@hhgtech/icons/other';
 
 const BabyVaccineFormContext = createContext({});

package/build/esm/{index-43a4799d.js → index-1f2450bb.js}

@@ -1,25 +1,25 @@
-import { _ as __rest } from './tslib.es6-7984ef17.js';
+import { _ as __rest } from './tslib.es6-6b4f2c31.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-4cf37a67.js';
-import { L as LOCALE } from './Locale-d401e4f0.js';
+import { L as LastPeriod } from './LastPeriod-f4190954.js';
+import { L as LOCALE } from './Locale-81f882d4.js';
 import { useForm, isNotEmpty } from '@mantine/form';
 import dayjs from 'dayjs';
-import { R as Radio, I as Input, S as Select } from './index-cafbd842.js';
-import { D as DatePicker } from './index-d98c209b.js';
-import { T as Text } from './index-f28ed80d.js';
-import './index-141afb90.js';
-import './index.styles-50872c8c.js';
-import { u as useTranslations } from './index-47a94d34.js';
+import { R as Radio, I as Input, S as Select } from './index-f056345b.js';
+import { D as DatePicker } from './index-8df69b0c.js';
+import { T as Text } from './index-1f274cc3.js';
+import './index-daa305da.js';
+import './index.styles-df3d0cfd.js';
+import { u as useTranslations } from './index-15a5843d.js';
 import '@mantine/hooks';
-import './index-87c5a102.js';
-import './text-908bab85.js';
-import './utils-7cb7f4d8.js';
-import './index-36cc3053.js';
-import { H as HealthToolFormWrapper } from './index-acefdf85.js';
+import './index-8e9c5c15.js';
+import './text-eee6ea73.js';
+import './utils-c03dcc75.js';
+import './index-9f1418ba.js';
+import { H as HealthToolFormWrapper } from './index-2e6beb73.js';
 import { CalendarMB } from '@hhgtech/icons/other';
-import { Q as QUERY_HEALTH_TOOL, A as API_DATE_FORMAT$1 } from './index-18cb16b6.js';
+import { Q as QUERY_HEALTH_TOOL, A as API_DATE_FORMAT$1 } from './index-37c59ef6.js';
 import { theme } from './miscTheme.js';
 
 const ConceptionDate = (_a) => {

package/build/esm/{index-f28ed80d.js → index-1f274cc3.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-7984ef17.js';
+import { _ as __rest } from './tslib.es6-6b4f2c31.js';
 import React__default, { forwardRef } from 'react';
 import { createStyles, useMantineTheme, Text as Text$1 } from '@mantine/core';
-import { a as GlobalTextStyle, C as CustomStylesType, F as FontWeight } from './text-908bab85.js';
+import { a as GlobalTextStyle, C as CustomStylesType, F as FontWeight } from './text-eee6ea73.js';
 
 var useStyles = createStyles((theme, _params) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;

package/build/esm/{index-eb49665a.js → index-20589239.js}

@@ -1,20 +1,20 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-7984ef17.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-6b4f2c31.js';
 import React__default, { useMemo, useEffect, useRef, useContext, useState } from 'react';
 import { User } from '@hhgtech/icons/core';
-import { S as Spinner } from './Spinner-99d5a871.js';
-import { a as Avatar } from './index-cafbd842.js';
-import { B as Button } from './index-141afb90.js';
-import { T as Text } from './index-f28ed80d.js';
-import { u as useTranslations } from './index-47a94d34.js';
-import { C as CommonGAssets } from './index-b36b2caa.js';
+import { S as Spinner } from './Spinner-f0e3abf8.js';
+import { a as Avatar } from './index-f056345b.js';
+import { B as Button } from './index-daa305da.js';
+import { T as Text } from './index-1f274cc3.js';
+import { u as useTranslations } from './index-15a5843d.js';
+import { C as CommonGAssets } from './index-37802a4e.js';
 import { theme } from './miscTheme.js';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-7cb7f4d8.js';
+import { M as MediaQueries } from './utils-c03dcc75.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 import cn from 'classnames';
-import { c as CARE_LOCALES, d as CARE_BOOKING_LOCALES, T as TOGETHER_LOCALES, E as ECOM_LOCALES, e as VIDEO_LOCALES } from './index-18cb16b6.js';
-import { i as domainLocalesMarryBaby } from './utils-4c3c0f03.js';
-import { g as getCurrentBaseUrl, a as getCurrentSsoUrl, b as getTogetherApiDomain, c as getDiscoverApiDomain } from './normalizeLink-d8e4f3bf.js';
+import { a as CARE_LOCALES, c as CARE_BOOKING_LOCALES, T as TOGETHER_LOCALES, E as ECOM_LOCALES, d as VIDEO_LOCALES } from './index-37c59ef6.js';
+import { i as domainLocalesMarryBaby } from './utils-306146bc.js';
+import { g as getCurrentBaseUrl, a as getCurrentSsoUrl, b as getTogetherApiDomain, c as getDiscoverApiDomain } from './normalizeLink-4f26ee19.js';
 import { domainLocales } from './constantsDomainLocales.js';
 import { ProfileNavigation } from './profileNavigation.js';
 import { NavigationLogoutPopup } from './navigationLogoutPopup.js';

package/build/esm/{index-c7376bb4.js → index-24ba78e2.js}

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

package/build/esm/{index-acefdf85.js → index-2e6beb73.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-7984ef17.js';
+import { _ as __rest } from './tslib.es6-6b4f2c31.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-f28ed80d.js';
-import { B as Button } from './index-141afb90.js';
-import { u as useTranslations } from './index-47a94d34.js';
+import { T as Text } from './index-1f274cc3.js';
+import { B as Button } from './index-daa305da.js';
+import { u as useTranslations } from './index-15a5843d.js';
 import flattenChildren from 'react-keyed-flatten-children';
 import { theme } from './miscTheme.js';
 
@@ -120,6 +120,7 @@ var useStyles$6 = createStyles((theme, { formLayout }) => {
             display: 'flex',
             flexDirection: 'column',
             gap: rem(formLayout === 'inline' ? 8 : 16),
+            borderRadius: 'inherit',
             '.mantine-Input-input::placeholder, .mantine-Input-input[data-invalid]::placeholder': {
                 color: '#8C8C8C',
             },

package/build/esm/{index-2a98d9de.js → index-2e7c3a68.js}

@@ -1,27 +1,27 @@
 import React__default from 'react';
-import { C as Container } from './index-12e7f3dd.js';
+import { C as Container } from './index-d1ed60e4.js';
 import dayjs from 'dayjs';
-import './index-18cb16b6.js';
-import './index-cafbd842.js';
+import './index-37c59ef6.js';
+import './index-f056345b.js';
 import { Flex, Stack, Box } from '@mantine/core';
 import '@mantine/dates';
-import './index-539ab53a.js';
-import './index-b36b2caa.js';
-import './index-87c5a102.js';
-import { T as Text } from './index-f28ed80d.js';
-import './index-141afb90.js';
-import './index.styles-50872c8c.js';
-import './translationsContext-573d0b98.js';
+import './index-f444bbc6.js';
+import './index-37802a4e.js';
+import './index-8e9c5c15.js';
+import { T as Text } from './index-1f274cc3.js';
+import './index-daa305da.js';
+import './index.styles-df3d0cfd.js';
+import './translationsContext-5f4fdc0a.js';
 import '@mantine/hooks';
-import './text-908bab85.js';
-import { M as MediaQueries } from './utils-7cb7f4d8.js';
-import './index-36cc3053.js';
-import { u as useScreenSize } from './index-2558182c.js';
+import './text-eee6ea73.js';
+import { M as MediaQueries } from './utils-c03dcc75.js';
+import './index-9f1418ba.js';
+import { u as useScreenSize } from './index-36068e3b.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
 import { domainLocales } from './constantsDomainLocales.js';
-import { L as Logo } from './index-70dd8898.js';
-import { M as MarryBabyText } from './index-92e03820.js';
+import { L as Logo } from './index-3e0f7c52.js';
+import { M as MarryBabyText } from './index-ad19aaff.js';
 
 const StyledFooter$1 = styled.footer `
   background-color: #1b3250;

package/build/esm/{index-2ca5ea96.js → index-3203fb54.js}

@@ -1,20 +1,20 @@
-import { _ as __rest } from './tslib.es6-7984ef17.js';
+import { _ as __rest } from './tslib.es6-6b4f2c31.js';
 import React__default, { createContext, useContext } from 'react';
 import { useMantineTheme } from '@mantine/core';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { L as LastPeriod } from './LastPeriod-4cf37a67.js';
-import { I as Input } from './index-cafbd842.js';
-import { D as DatePicker } from './index-d98c209b.js';
-import { T as Text } from './index-f28ed80d.js';
-import './index-141afb90.js';
-import './index.styles-50872c8c.js';
-import { u as useTranslations } from './index-47a94d34.js';
+import { L as LastPeriod } from './LastPeriod-f4190954.js';
+import { I as Input } from './index-f056345b.js';
+import { D as DatePicker } from './index-8df69b0c.js';
+import { T as Text } from './index-1f274cc3.js';
+import './index-daa305da.js';
+import './index.styles-df3d0cfd.js';
+import { u as useTranslations } from './index-15a5843d.js';
 import '@mantine/hooks';
-import './index-87c5a102.js';
-import './text-908bab85.js';
-import './utils-7cb7f4d8.js';
-import './index-36cc3053.js';
-import { H as HealthToolFormWrapper } from './index-acefdf85.js';
+import './index-8e9c5c15.js';
+import './text-eee6ea73.js';
+import './utils-c03dcc75.js';
+import './index-9f1418ba.js';
+import { H as HealthToolFormWrapper } from './index-2e6beb73.js';
 import { CalendarMB } from '@hhgtech/icons/other';
 
 const AvoidPregnancy = (_a) => {

package/build/esm/{index-1275a5d2.js → index-3247cc28.js}

@@ -1,6 +1,6 @@
-import { c as cookie } from './index-a684a0d2.js';
-import { B as BEARER_TOKEN_COOKIE } from './index-18cb16b6.js';
-import { N as NodeIntentType } from './index-539ab53a.js';
+import { c as cookie } from './index-d3d6b78b.js';
+import { B as BEARER_TOKEN_COOKIE } from './index-37c59ef6.js';
+import { N as NodeIntentType } from './index-f444bbc6.js';
 import Cookies from 'js-cookie';
 import { v4 } from 'uuid';
 import { isProduction } from './constantsIsProduction.js';

package/build/esm/{index-2558182c.js → index-36068e3b.js}

@@ -1,6 +1,6 @@
 import React__default, { useState, useEffect } from 'react';
-import { B as Breakpoints } from './utils-7cb7f4d8.js';
-import { _ as __rest } from './tslib.es6-7984ef17.js';
+import { B as Breakpoints } from './utils-c03dcc75.js';
+import { _ as __rest } from './tslib.es6-6b4f2c31.js';
 import styled from '@emotion/styled';
 
 const getIsMobile = () => {

package/build/esm/{index-18cb16b6.js → index-37c59ef6.js}

@@ -1,10 +1,10 @@
 import { enUS, vi, km, hi, id, ms, th, zhTW } from 'date-fns/locale';
-import './index-539ab53a.js';
+import './index-f444bbc6.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-d401e4f0.js';
+import { L as LOCALE } from './Locale-81f882d4.js';
 
 const basePath = process.env.NEXT_PUBLIC_DEPLOY_LOCALE === 'tl-PH' ? '/fil' : '';
 const SSO_URL = process.env.NEXT_PUBLIC_SSO;
@@ -766,7 +766,6 @@ const GA_TOKEN_COOKIE = '_ga';
 const API_DATE_FORMAT = 'YYYY-MM-DD';
 const DATE_FNS_DATE_FORMAT = 'dd-MM-yyyy';
 const ZINDEX_SSO = 9999999;
-const ZINDEX_HEADER = 305;
 const VIDEO_DETAIL_TEMP_STORAGE = 'video_item_detail';
 var EMERGENCY_STATUS;
 (function (EMERGENCY_STATUS) {
@@ -811,7 +810,6 @@ var index = /*#__PURE__*/Object.freeze({
   API_DATE_FORMAT: API_DATE_FORMAT,
   DATE_FNS_DATE_FORMAT: DATE_FNS_DATE_FORMAT,
   ZINDEX_SSO: ZINDEX_SSO,
-  ZINDEX_HEADER: ZINDEX_HEADER,
   VIDEO_DETAIL_TEMP_STORAGE: VIDEO_DETAIL_TEMP_STORAGE,
   get EMERGENCY_STATUS () { return EMERGENCY_STATUS; },
   get ServicePrice () { return ServicePrice; },
@@ -825,4 +823,4 @@ var index = /*#__PURE__*/Object.freeze({
   isProduction: isProduction
 });
 
-export { API_DATE_FORMAT as A, BEARER_TOKEN_COOKIE as B, CDN_ADDRESS as C, DATA_PRIVACY_LOCALES as D, ECOM_LOCALES as E, FAVICONS as F, GA_TOKEN_COOKIE as G, ISO_FORMAT as I, LOCALE_SPECS as L, QUERY_HEALTH_TOOL as Q, STATIC_PAGES as S, TOGETHER_LOCALES as T, USER_GEOLOCATION_COORDINATES_COOKIE as U, VIDEO_DETAIL_TEMP_STORAGE as V, ZINDEX_SSO as Z, ZINDEX_HEADER as a, basePath as b, CARE_LOCALES as c, CARE_BOOKING_LOCALES as d, VIDEO_LOCALES as e, DATE_FNS_LOCALE as f, BEARER_REFRESH_TOKEN_COOKIE as g, SSO_URL as h, index as i, UP_BASEPATH as j, DATE_FNS_DATE_FORMAT as k, EMERGENCY_STATUS as l, ServicePrice as m, SERVICE_TYPE as n };
+export { API_DATE_FORMAT as A, BEARER_TOKEN_COOKIE as B, CDN_ADDRESS as C, DATA_PRIVACY_LOCALES as D, ECOM_LOCALES as E, FAVICONS as F, GA_TOKEN_COOKIE as G, ISO_FORMAT as I, LOCALE_SPECS as L, QUERY_HEALTH_TOOL as Q, STATIC_PAGES as S, TOGETHER_LOCALES as T, USER_GEOLOCATION_COORDINATES_COOKIE as U, VIDEO_DETAIL_TEMP_STORAGE as V, ZINDEX_SSO as Z, CARE_LOCALES as a, basePath as b, CARE_BOOKING_LOCALES as c, VIDEO_LOCALES as d, DATE_FNS_LOCALE as e, BEARER_REFRESH_TOKEN_COOKIE as f, SSO_URL as g, UP_BASEPATH as h, index as i, DATE_FNS_DATE_FORMAT as j, EMERGENCY_STATUS as k, ServicePrice as l, SERVICE_TYPE as m };

package/build/esm/{index-70dd8898.js → index-3e0f7c52.js}

@@ -1,11 +1,11 @@
 import React__default, { useState, useEffect } from 'react';
-import { L as LOCALE } from './Locale-d401e4f0.js';
-import { C as CommonGAssets } from './index-b36b2caa.js';
+import { L as LOCALE } from './Locale-81f882d4.js';
+import { C as CommonGAssets } from './index-37802a4e.js';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-7cb7f4d8.js';
-import { L as LogoIcon } from './logoIcon-e89f2716.js';
-import './index-539ab53a.js';
-import { I as ImageWrap } from './index-2558182c.js';
+import { M as MediaQueries } from './utils-c03dcc75.js';
+import { L as LogoIcon } from './logoIcon-7795e3df.js';
+import './index-f444bbc6.js';
+import { I as ImageWrap } from './index-36068e3b.js';
 
 const StyledLogo = styled.div `
   position: relative;

package/build/esm/{index-c32f573a.js → index-3ecacd93.js}

@@ -1,8 +1,8 @@
-import { _ as __rest } from './tslib.es6-7984ef17.js';
+import { _ as __rest } from './tslib.es6-6b4f2c31.js';
 import React__default from 'react';
 import { theme } from './miscTheme.js';
-import { W as WhatsApp, I as Instagram } from './WhatsApp-e49a2e25.js';
-import { S as Spinner } from './Spinner-99d5a871.js';
+import { W as WhatsApp, I as Instagram } from './WhatsApp-8e02e793.js';
+import { S as Spinner } from './Spinner-f0e3abf8.js';
 
 const App = (_a) => {
     var { size = 24 } = _a, rest = __rest(_a, ["size"]);

package/build/esm/{index-d1441f8c.js → index-44fdde2d.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-92e03820.js';
-import { T as Text } from './index-f6d17433.js';
+import { M as MarryBabyText } from './index-ad19aaff.js';
+import { T as Text } from './index-147ef168.js';
 
 const StyledRadioImageGroup = styled.div `
   display: flex;

package/build/esm/{index-f949335f.js → index-492e498f.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-7984ef17.js';
+import { _ as __rest } from './tslib.es6-6b4f2c31.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-7cb7f4d8.js';
+import { M as MediaQueries } from './utils-c03dcc75.js';
 
 const StyledInput = styled.div `
   position: relative;

package/build/esm/{index-2ca597d1.js → index-5663f01b.js}

@@ -1,20 +1,20 @@
 import * as React from 'react';
 import React__default, { useState, useRef, createContext, useEffect, Fragment, forwardRef, useMemo, useCallback } from 'react';
-import { T as Text } from './index-f28ed80d.js';
+import { T as Text } from './index-1f274cc3.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { M as MediaQueries } from './utils-7cb7f4d8.js';
+import { M as MediaQueries } from './utils-c03dcc75.js';
 import { Collapse, rem, clsx } from '@mantine/core';
 import { useDisclosure } from '@mantine/hooks';
-import { S as ShapedArrowDown } from './index-a21e8cc7.js';
-import { R as Radio$1 } from './index-cafbd842.js';
-import { _ as __rest, a as __awaiter } from './tslib.es6-7984ef17.js';
-import { T as Text$1 } from './index-f6d17433.js';
+import { S as ShapedArrowDown } from './index-0d40b3c5.js';
+import { R as Radio$1 } from './index-f056345b.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-6b4f2c31.js';
+import { T as Text$1 } from './index-147ef168.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 import flattenChildren from 'react-keyed-flatten-children';
-import { H as Heading } from './index-0db956ee.js';
-import { C as Close } from './Close-9281e4b9.js';
-import { u as useTranslations } from './index-47a94d34.js';
+import { H as Heading } from './index-833d92c1.js';
+import { C as Close } from './Close-205c496e.js';
+import { u as useTranslations } from './index-15a5843d.js';
 import { Carousel } from '@mantine/carousel';
 
 var styles = {"alert":"CHw-fZZ","content":"_03U6VRS","close":"EO828Vv"};
@@ -228,23 +228,23 @@ const StyledCardCollapse = styled.div `
     line-height: 1.5rem;
     flex-grow: 1;
   }
-`;
-const StyledBox = styled.div `
-  display: flex;
-  padding: 1.5rem 1rem 1rem 1rem;
-  gap: 0.75rem;
-  align-items: center;
+  .box-collapse {
+    display: flex;
+    padding: 1.5rem 1rem 1rem 1rem;
+    gap: 0.75rem;
+    align-items: center;
+  }
 `;
 
-function CardCollapse({ children, title, icon, defaultOpened = true, haveCollapse = true, id, }) {
+function CardCollapse({ children, title, icon, defaultOpened = true, haveCollapse = true, id, className, }) {
     const [opened, { toggle }] = useDisclosure(defaultOpened);
     const handleClick = () => {
         if (haveCollapse) {
             toggle();
         }
     };
-    return (React__default.createElement(StyledCardCollapse, { id: id },
-        React__default.createElement(StyledBox, { onClick: handleClick },
+    return (React__default.createElement(StyledCardCollapse, { id: id, className: className },
+        React__default.createElement("div", { className: "box-collapse", onClick: handleClick },
             haveCollapse && icon,
             React__default.createElement("div", { className: "title-collapse" }, title),
             haveCollapse && React__default.createElement(StyledArrowDownIcon, { "data-is-collapsed": opened })),