@hhgtech/hhg-components 1.29.459-beta-2 → 1.29.459

package/build/esm/{index-c06ff053.js → index-1cb5fb7e.js}

@@ -1,27 +1,27 @@
 import React__default, { useState, useMemo, useContext, useEffect, createContext, useRef } from 'react';
-import { B as Button } from './index-a0bb474e.js';
-import { H as Heading } from './index-19fbfe9f.js';
-import { T as Text } from './index-3e463fae.js';
-import { c as safeEncodeURI, M as MediaQueries, t as toggleNoScroll, a as getPopupWrapperDom } from './utils-acb39c7f.js';
+import { B as Button } from './index-86067be7.js';
+import { H as Heading } from './index-76a912c8.js';
+import { T as Text } from './index-b2422d6f.js';
+import { c as safeEncodeURI, M as MediaQueries, t as toggleNoScroll, a as getPopupWrapperDom } from './utils-b7a26665.js';
 import * as ReactDOM from 'react-dom';
-import { b as callApiWithAuth, d as getApiPath, T as TogetherComponentGlobalContext } from './utils-5539342f.js';
+import { b as callApiWithAuth, d as getApiPath, T as TogetherComponentGlobalContext } from './utils-1ec86eda.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { a as __awaiter } from './tslib.es6-25c6d7e6.js';
-import { I as Input } from './index-fe0c3bba.js';
-import { u as useTranslations } from './index-ddae2e13.js';
-import { e as formatComment } from './dataTransform-25918f02.js';
-import { M as MAX_IMAGE_UPLOADS, a as DEFAULT_AVATAR_IMG } from './constants-6d954e35.js';
+import { a as __awaiter } from './tslib.es6-3729547c.js';
+import { I as Input } from './index-8b42a7ee.js';
+import { u as useTranslations } from './index-fce3247b.js';
+import { e as formatComment } from './dataTransform-8004b7ec.js';
+import { M as MAX_IMAGE_UPLOADS, a as DEFAULT_AVATAR_IMG } from './constants-cb3be107.js';
 import { PATHS } from './togetherApiPaths.js';
-import { j as removeBannedWordWrapper, i as getMentionIdsFromString, k as encodePostContent, u as uploadAndGetSrc } from './post-2f2a5a2d.js';
-import { C as CardLink } from './index-5932b54b.js';
-import { L as Loading } from './index-d9c33b34.js';
-import { U as UserAvatar } from './index-3ee027fe.js';
-import { R as RichTextEditor } from './editor-7cd7c4ba.js';
+import { j as removeBannedWordWrapper, i as getMentionIdsFromString, k as encodePostContent, u as uploadAndGetSrc } from './post-9c1d28fd.js';
+import { C as CardLink } from './index-13bee747.js';
+import { L as Loading } from './index-8beb0fcb.js';
+import { U as UserAvatar } from './index-acd2a0a7.js';
+import { R as RichTextEditor } from './editor-80f2e425.js';
 import { Portal } from '@mantine/core';
 import { FullScreen } from '@hhgtech/icons/other';
-import { P as Popup } from './index-741efffa.js';
-import { C as CloseIcon } from './index-4e89845e.js';
+import { P as Popup } from './index-be0fd4b7.js';
+import { C as CloseIcon } from './index-c0e3e088.js';
 import { ShareBox } from './togetherShareBox.js';
 
 const useImagePicker = (imageFilesProp, onImageFilesChange) => {

package/build/esm/{index-51b4a77b.js → index-1d56e4c0.js}

@@ -1,23 +1,23 @@
-import { _ as __rest } from './tslib.es6-25c6d7e6.js';
+import { _ as __rest } from './tslib.es6-3729547c.js';
 import React__default, { createContext, useContext } from 'react';
 import { createStyles, rem, useMantineTheme, clsx } from '@mantine/core';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { I as Input } from './index-a3c55c70.js';
-import { D as DatePicker } from './index-b62c018e.js';
-import { T as Text } from './index-3e463fae.js';
-import './index-2803fece.js';
-import './index-6abdc743.js';
-import './index.styles-cd677e46.js';
-import { u as useTranslations } from './index-ddae2e13.js';
+import { I as Input } from './index-22e82cc3.js';
+import { D as DatePicker } from './index-4eac23d6.js';
+import { T as Text } from './index-b2422d6f.js';
+import './index-6dde2fde.js';
+import './index-91829656.js';
+import './index.styles-1709b54d.js';
+import { u as useTranslations } from './index-fce3247b.js';
 import '@mantine/hooks';
-import './index-454fe241.js';
-import './utils-acb39c7f.js';
-import './index-b642d3c0.js';
-import { C as CardWrapperContext } from './context-a5b463b4.js';
-import { I as INPUT_RANGE } from './constants-5379ee0e.js';
-import { H as HealthToolFormWrapper } from './index-3f982bf3.js';
-import { G as GenderOptionControl } from './index-3263f0af.js';
-import { L as LOCALE } from './Locale-ee8a8a7d.js';
+import './index-d95d2740.js';
+import './utils-b7a26665.js';
+import './index-40d26847.js';
+import { C as CardWrapperContext } from './context-7ed98ae3.js';
+import { I as INPUT_RANGE } from './constants-18ba69ee.js';
+import { H as HealthToolFormWrapper } from './index-68964b51.js';
+import { G as GenderOptionControl } from './index-e8966fcd.js';
+import { L as LOCALE } from './Locale-0dbefffc.js';
 import { CalendarMB } from '@hhgtech/icons/other';
 
 const BabyGrowthFormContext = createContext({});

package/build/esm/{index-a3c55c70.js → index-22e82cc3.js}

@@ -1,24 +1,24 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-25c6d7e6.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-3729547c.js';
 import * as React from 'react';
 import React__default, { forwardRef, Component, useState, useCallback, useEffect, createContext, useContext, useRef, useMemo, useImperativeHandle } from 'react';
 import { ArrowDown } from '@hhgtech/icons/other';
 import { createStyles, rem, Autocomplete, Image, ActionIcon, Select as Select$1, AspectRatio as AspectRatio$1, useMantineTheme, Box, Breadcrumbs as Breadcrumbs$1, Accordion as Accordion$1, Indicator, Avatar as Avatar$1, FileInput as FileInput$1, createEmotionCache, NumberInput as NumberInput$1, PasswordInput as PasswordInput$1, Flex, clsx, TextInput, Input as Input$1, Checkbox as Checkbox$1, Slider, Radio as Radio$1, Popover as Popover$1, Chip } from '@mantine/core';
 import { useUncontrolled, useDebouncedValue, useClickOutside, useViewportSize, useResizeObserver, useDisclosure } from '@mantine/hooks';
-import { C as CommonGAssets } from './index-f2dd69a0.js';
-import { C as CustomStylesType, u as useTemplateVariant, G as GlobalTextStyleNew, F as FontWeight } from './index-6abdc743.js';
-import { u as useScreenSize, I as ImageWrap } from './index-e882618c.js';
+import { C as CommonGAssets } from './index-feb0867e.js';
+import { C as CustomStylesType, u as useTemplateVariant, G as GlobalTextStyleNew, F as FontWeight } from './index-91829656.js';
+import { u as useScreenSize, I as ImageWrap } from './index-d79f98c6.js';
 import styled from '@emotion/styled';
 import { Carousel as Carousel$1 } from '@mantine/carousel';
-import { T as Text } from './index-3e463fae.js';
-import { t as themeColors } from './index-454fe241.js';
+import { T as Text } from './index-b2422d6f.js';
+import { t as themeColors } from './index-d95d2740.js';
 import { theme } from './miscTheme.js';
 import cn from 'classnames';
 import { v1 } from 'uuid';
-import { a as useUniqueId } from './useUniqueId-8a5c673f.js';
+import { a as useUniqueId } from './useUniqueId-e539270f.js';
 import { siteOptions } from './constantsSite.js';
 import { css } from '@emotion/react';
 import { Check, Plus } from '@hhgtech/icons/core';
-import { B as Button } from './index-2803fece.js';
+import { B as Button } from './index-6dde2fde.js';
 
 var useStyles$4 = createStyles((theme, { variantStyle }) => {
     const isLeadgenStyle = variantStyle === CustomStylesType.LEADGEN;

package/build/esm/{index-72f371b9.js → index-25d6c345.js}

@@ -1,52 +1,51 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-25c6d7e6.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-3729547c.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-a3c55c70.js';
+import { R as Radio } from './index-22e82cc3.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-689598e9.js';
-import './index-d70fa4d3.js';
-import { C as CommonGAssets } from './index-f2dd69a0.js';
-import './index-454fe241.js';
-import { T as Text } from './index-3e463fae.js';
-import { B as Button$1 } from './index-2803fece.js';
-import './index-6abdc743.js';
-import './index.styles-cd677e46.js';
-import './translationsContext-c4d3cc9e.js';
+import { L as LOCALE_SPECS, F as FAVICONS } from './index-05e60877.js';
+import './index-12d947cf.js';
+import { C as CommonGAssets } from './index-feb0867e.js';
+import './index-d95d2740.js';
+import { T as Text } from './index-b2422d6f.js';
+import { B as Button$1 } from './index-6dde2fde.js';
+import './index-91829656.js';
+import './index.styles-1709b54d.js';
+import './translationsContext-4a2c0912.js';
 import '@mantine/hooks';
-import { M as MediaQueries } from './utils-acb39c7f.js';
-import './index-b642d3c0.js';
-import { i as isInternalLink } from './index-b53b2307.js';
+import { M as MediaQueries } from './utils-b7a26665.js';
+import './index-40d26847.js';
+import { i as isInternalLink } from './index-37234859.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, I as ImageWrapV2 } from './index-062d5afa.js';
+import { C as Checkbox, a as PureInput, P as Pagination$1, b as SearchInput, I as ImageWrapV2 } from './index-41d0b8e2.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-016f4683.js';
+import { L as Logo } from './index-f2604d7f.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-5b058372.js';
+import { a as useOutsideClick } from './useOutsideClick-a5b665e4.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-a0bb474e.js';
-import { u as useScreenSize, I as ImageWrap } from './index-e882618c.js';
-import { u as useTranslations } from './index-ddae2e13.js';
-import { D as Dropdown } from './index-6638f899.js';
+import { B as Button } from './index-86067be7.js';
+import { u as useScreenSize, I as ImageWrap } from './index-d79f98c6.js';
+import { u as useTranslations } from './index-fce3247b.js';
+import { D as Dropdown } from './index-f0ca6d40.js';
 import { getSocialList } from './miscGetSocialList.js';
-import { I as Input } from './index-fe0c3bba.js';
-import { D as Drawer } from './index-04a7eb3a.js';
+import { I as Input } from './index-8b42a7ee.js';
+import { D as Drawer } from './index-5534e24d.js';
 import { v4 } from 'uuid';
-import { L as LOCALE } from './Locale-ee8a8a7d.js';
+import { L as LOCALE } from './Locale-0dbefffc.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-439b7d82.js';
-import cn from 'classnames';
-import { L as Loading } from './index-1d162606.js';
+import { A as ArrowRightBlue } from './index-26813360.js';
+import { L as Loading } from './index-1a451f03.js';
 import get from 'lodash/get';
 import debounce from 'lodash/debounce';
 
@@ -4779,7 +4778,7 @@ const HPVScreener = ({ onClick, className, style, image, }) => {
                     React__default.createElement(ArrowRightBlue, { style: { width: '0.5rem', height: '0.5rem' } }))))));
 };
 
-const StyledTwoItemHorizontalContainer = styled.div `
+const StyledHorizontalContainer = styled.div `
   display: grid;
   grid-template-columns: 1fr 2px 1fr;
   column-gap: ${rem(16)};
@@ -4793,15 +4792,11 @@ const StyledVerticalContainer = styled.div `
     grid-column: 1 / span 2;
   }
 `;
-const StyledHorizontalContainer = styled.div `
-  display: flex;
-  align-items: center;
-`;
 const StyledVerticalContent = styled.div `
   display: flex;
   flex-direction: column;
   gap: ${rem(2)};
-  align-items: ${({ align }) => align};
+  align-items: ${({ layout }) => (layout === 'vertical' ? 'left' : 'center')};
 `;
 const StyledTitle$1 = styled.div `
   font-size: ${rem(15)};
@@ -4816,22 +4811,23 @@ const StyledDescription$1 = styled.div `
   font-size: ${rem(13)};
 `;
 
-const SummaryInfo = ({ infoItems, className, layout = 'vertical', align = 'start', isMobile = false, }) => {
-    const StyledContainer = useMemo(() => {
-        if (layout === 'two-item-horizontal' && isMobile) {
-            return StyledTwoItemHorizontalContainer;
-        }
-        if (layout === 'horizontal') {
-            return StyledHorizontalContainer;
-        }
-        return StyledVerticalContainer;
-    }, [layout]);
+const SummaryInfo = ({ infoItems, className, layout = 'vertical', }) => {
+    const isHorizontalLayout = layout === 'horizontal';
+    const StyledContainer = isHorizontalLayout
+        ? StyledHorizontalContainer
+        : StyledVerticalContainer;
     return (React__default.createElement(StyledContainer, { className: className }, infoItems.map((item) => {
+        const lenOfInfoItems = infoItems.length;
+        if (lenOfInfoItems > 2 &&
+            lenOfInfoItems % 2 !== 0 &&
+            item.id === infoItems[lenOfInfoItems - 1].id) {
+            item.cssItem = 'span-2';
+        }
         return (React__default.createElement(React__default.Fragment, { key: item.id },
-            React__default.createElement(StyledVerticalContent, { align: align, className: cn(item.cssItem, 'flex-1') },
-                React__default.createElement(StyledTitle$1, { className: 'summary-title' }, item.title),
-                React__default.createElement(StyledDescription$1, { className: 'summary-description' }, item.description)),
-            layout === 'two-item-horizontal' && (React__default.createElement(Divider, { className: item.cssItem, sx: {
+            React__default.createElement(StyledVerticalContent, { layout: layout, className: item.cssItem },
+                React__default.createElement(StyledTitle$1, null, item.title),
+                React__default.createElement(StyledDescription$1, null, item.description)),
+            isHorizontalLayout && (React__default.createElement(Divider, { className: item.cssItem, sx: {
                     borderColor: '#0000001a',
                     height: '75%',
                     alignSelf: 'center',
@@ -5354,7 +5350,8 @@ styled.div `
 `;
 const GeneralInfoContainer = styled.div `
   background-color: #fff;
-`;
+`;
+
 const ProductImage = styled(ImageWrapV2) `
   width: 100%;
   object-fit: contain;
@@ -5367,26 +5364,33 @@ const ProductContent = styled.div `
   .description {
     margin-top: 0.5rem;
   }
-
-  .product-info {
-    display: flex;
-    flex-direction: column;
-    gap: 8px;
-  }
-`;
-
-function GeneralInfo({ generalInfo, backupSrc, className, contentClassName, bannerProps = {}, imagesSelect, children, isMobile = false, }) {
+`;
+const ProductTitle = styled.h1 `
+  font-size: 1.375rem;
+  font-weight: 600;
+  line-height: 1.75rem;
+  color: #111111;
+`;
+const ProductDescription = styled.p `
+  font-size: 0.8125rem;
+  line-height: 1.25rem;
+  font-weight: 400;
+  color: ${theme.colors.gray700};
+`;
+function GeneralInfo({ generalInfo, backupSrc, className, contentClassName, bannerProps = {}, children, }) {
     return (React__default.createElement(GeneralInfoContainer, { className: className },
-        React__default.createElement("div", { id: "product-image-section" }, imagesSelect ? (imagesSelect) : (React__default.createElement(ProductImage, Object.assign({ backupSrc: backupSrc, src: generalInfo.banner || generalInfo.logo, alt: "product" }, bannerProps)))),
+        React__default.createElement(ProductImage, Object.assign({ backupSrc: backupSrc, src: generalInfo.banner || generalInfo.logo, alt: "product" }, bannerProps)),
         React__default.createElement(ProductContent, { className: contentClassName },
-            React__default.createElement("div", { className: "product-info" },
-                React__default.createElement(Text, { size: "h3", fw: 600, color: "gray1000" }, generalInfo.name),
-                generalInfo.description && (React__default.createElement(Text, { size: isMobile ? 'p3' : 'p1', color: "gray700" }, generalInfo.description))),
+            React__default.createElement("div", null,
+                React__default.createElement(ProductTitle, null, generalInfo.name),
+                generalInfo.description && (React__default.createElement(ProductDescription, { className: "description" }, generalInfo.description))),
             children)));
 }
 GeneralInfo.Container = GeneralInfoContainer;
 GeneralInfo.Image = ProductImage;
-GeneralInfo.Content = ProductContent;
+GeneralInfo.Content = ProductContent;
+GeneralInfo.Title = ProductTitle;
+GeneralInfo.Description = ProductDescription;
 
 const StyledContainer$2 = styled.div `
   border-radius: 12px;
@@ -5537,8 +5541,7 @@ const RatingStars = ({ value, max = MAX_RATING, onChange, readOnly = false, }) =
             return starComponent(starValue, true);
         }
         if (diff >= HALF_STAR_THRESHOLD) {
-            return (React__default.createElement("div", { key: `star-${index}` },
-                React__default.createElement(StarHalf, null)));
+            return React__default.createElement(StarHalf, { key: `star-${index}` });
         }
         return starComponent(starValue, false);
     })));

package/build/esm/{index-439b7d82.js → index-26813360.js}

@@ -2,10 +2,10 @@ import * as React from 'react';
 import React__default from 'react';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { T as Text } from './index-7f5b4ddb.js';
+import { T as Text } from './index-3a6eedf0.js';
 import cn from 'classnames';
-import { I as ImageWrap } from './index-e882618c.js';
-import { T as Text$1 } from './index-3e463fae.js';
+import { I as ImageWrap } from './index-d79f98c6.js';
+import { T as Text$1 } from './index-b2422d6f.js';
 
 /* eslint-disable prettier/prettier */
 const ArrowRightBlue = (props) => (React.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 6 10", fill: "none" }, props),
@@ -41,7 +41,7 @@ const StyledInsuranceItem = styled.li `
 const InsuranceList = ({ insurances, className, isName = true, }) => {
     if (!insurances.length)
         return null;
-    return (React__default.createElement(StyledInsuranceList, { id: "insurance-list", className: className }, insurances.map((insurance) => (React__default.createElement(StyledInsuranceItem, { className: "insuranceItem", key: insurance.id },
+    return (React__default.createElement(StyledInsuranceList, { className: className }, insurances.map((insurance) => (React__default.createElement(StyledInsuranceItem, { className: "insuranceItem", key: insurance.id },
         React__default.createElement("div", { className: "insuranceLogo" },
             React__default.createElement("img", { src: insurance.logo, alt: `Logo of ${insurance.name}` })),
         isName && (React__default.createElement(Text, { size: "base", color: theme.colors.gray500, type: "bold" }, insurance.name)))))));
@@ -69,7 +69,7 @@ const StyledPaymentItem = styled.div `
   align-items: center;
   text-align: center;
 
-  &.payment-item-mobile {
+  &.payment-item {
     width: 100%;
   }
 
@@ -90,10 +90,10 @@ const StyledPaymentItem = styled.div `
 const PaymentList = ({ payments, className, isName = true, isMobile = false, }) => {
     if (!payments.length)
         return null;
-    return (React__default.createElement(StyledPaymentList, { id: "payment-container", className: cn(className, {
+    return (React__default.createElement(StyledPaymentList, { className: cn(className, {
             paymentList: isMobile && payments.length >= 4,
-        }) }, payments.map((payment) => (React__default.createElement(StyledPaymentItem, { className: cn('payment-item', {
-            'payment-item-mobile': isMobile && payments.length >= 4,
+        }) }, payments.map((payment) => (React__default.createElement(StyledPaymentItem, { className: cn({
+            'payment-item': isMobile && payments.length >= 4,
         }), key: payment.id },
         React__default.createElement(ImageWrap, { className: "logo", src: payment.logo, alt: `${payment.name} Logo` }),
         isName && React__default.createElement("div", { className: "txt-caption-1" }, payment.name))))));

package/build/esm/{index-8614797c.js → index-276724ca.js}

@@ -1,8 +1,8 @@
-import { _ as __rest } from './tslib.es6-25c6d7e6.js';
+import { _ as __rest } from './tslib.es6-3729547c.js';
 import React__default, { useMemo } from 'react';
 import { Spoiler as Spoiler$1 } from '@mantine/core';
-import { T as Text } from './index-3e463fae.js';
-import { u as useTranslations } from './index-ddae2e13.js';
+import { T as Text } from './index-b2422d6f.js';
+import { u as useTranslations } from './index-fce3247b.js';
 import { theme } from './miscTheme.js';
 
 const Spoiler = (_a) => {

package/build/esm/{index-a59914b3.js → index-2ad179e6.js}

@@ -1,53 +1,53 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-25c6d7e6.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-3729547c.js';
 import React__default, { createContext, useState, useContext, useEffect } from 'react';
-import { T as Tabs } from './index-b642d3c0.js';
-import { L as Loading } from './index-d6a65824.js';
-import './index-d70fa4d3.js';
-import { g as formatArticle } from './dataTransform-25918f02.js';
+import { T as Tabs } from './index-40d26847.js';
+import { L as Loading } from './index-c969205e.js';
+import './index-12d947cf.js';
+import { g as formatArticle } from './dataTransform-8004b7ec.js';
 import { PATHS } from './togetherApiPaths.js';
-import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-5539342f.js';
+import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-1ec86eda.js';
 import { Minus, Plus } from '@hhgtech/icons/core';
 import { Collapse } from '@mantine/core';
-import { C as CardAuthor } from './index-05bbfad9.js';
-import { L as LOCALE } from './Locale-ee8a8a7d.js';
+import { C as CardAuthor } from './index-455912ff.js';
+import { L as LOCALE } from './Locale-0dbefffc.js';
 import '@hhgtech/icons/other';
-import './index-2803fece.js';
-import './shared-3c13a8b5.js';
-import './index-6abdc743.js';
-import './index-3e463fae.js';
-import './index-ddae2e13.js';
-import './translationsContext-c4d3cc9e.js';
-import './index-a0bb474e.js';
-import './index-320f9a2e.js';
+import './index-6dde2fde.js';
+import './shared-87289db8.js';
+import './index-91829656.js';
+import './index-b2422d6f.js';
+import './index-fce3247b.js';
+import './translationsContext-4a2c0912.js';
+import './index-86067be7.js';
+import './index-203785c2.js';
 import './miscCookieHelper.js';
 import 'slugify';
 import './constantsIsProduction.js';
 import 'string-format';
-import './constants-6d954e35.js';
+import './constants-cb3be107.js';
 import 'dayjs';
 import 'dayjs/plugin/relativeTime';
-import './utils-acb39c7f.js';
-import './index-6e9bd366.js';
-import './paths-c20ee98b.js';
-import './constants-b4053510.js';
-import './index-689598e9.js';
+import './utils-b7a26665.js';
+import './index-1ac693b8.js';
+import './paths-f884fa3e.js';
+import './constants-8bb98b87.js';
+import './index-05e60877.js';
 import 'date-fns/locale';
 import './constantsSite.js';
 import './constantsDomainLocales.js';
 import './constantsRiskScreener.js';
-import './index-e608a223.js';
+import './index-e4f92fa2.js';
 import './miscTheme.js';
-import './WhatsApp-049e85e3.js';
-import './Spinner-2d6a065d.js';
-import './index-3ee027fe.js';
+import './WhatsApp-4ae167d6.js';
+import './Spinner-925ea906.js';
+import './index-acd2a0a7.js';
 import '@emotion/styled';
-import './index-e882618c.js';
-import './index-f2dd69a0.js';
-import './index-d9c33b34.js';
+import './index-d79f98c6.js';
+import './index-feb0867e.js';
+import './index-8beb0fcb.js';
 import '@emotion/react';
-import './index-19fbfe9f.js';
-import './index-5fd41646.js';
-import './index.styles-cd677e46.js';
+import './index-76a912c8.js';
+import './index-452543dc.js';
+import './index.styles-1709b54d.js';
 
 const ProfileDetailContext = createContext({});
 

package/build/esm/{index-f981b853.js → index-2d81cbdc.js}

@@ -1,33 +1,33 @@
 import * as React from 'react';
 import React__default, { useMemo, useState, useEffect, useRef, createContext, useContext } from 'react';
-import { u as useTranslations } from './index-ddae2e13.js';
+import { u as useTranslations } from './index-fce3247b.js';
 import { getCookie } from './miscCookieHelper.js';
-import { C as CommonGAssets } from './index-f2dd69a0.js';
-import { n as normalizeLinkSlash, e as normalizeLink } from './normalizeLink-6f685540.js';
+import { C as CommonGAssets } from './index-feb0867e.js';
+import { n as normalizeLinkSlash, e as normalizeLink } from './normalizeLink-fe262db9.js';
 import { theme } from './miscTheme.js';
-import { A as Avatar, I as IconWrapper, D as DistanceTag, a as DrawerBottom, S as ShapedArrowDown } from './index-dcf1fa26.js';
-import { b as getTogetherUserPostsApiPath } from './index-6e11625a.js';
-import { B as Button } from './index-a0bb474e.js';
-import { w as workingDays } from './types-c7d88cc1.js';
+import { A as Avatar, I as IconWrapper, D as DistanceTag, a as DrawerBottom, S as ShapedArrowDown } from './index-abf95855.js';
+import { b as getTogetherUserPostsApiPath } from './index-713eab40.js';
+import { B as Button } from './index-86067be7.js';
+import { w as workingDays } from './types-b2081371.js';
 import styled from '@emotion/styled';
 import { LoadScript, GoogleMap, Marker } from '@react-google-maps/api';
 import cn from 'classnames';
-import { b as basePath, Z as ZINDEX_SSO } from './index-689598e9.js';
-import { L as LOCALISED_SLUGS } from './constants-6d954e35.js';
-import { T as Text } from './index-7f5b4ddb.js';
-import { f as formatPhoneNumber } from './localizeNumberFormat-f46f120b.js';
-import { a as __awaiter } from './tslib.es6-25c6d7e6.js';
+import { b as basePath, Z as ZINDEX_SSO } from './index-05e60877.js';
+import { L as LOCALISED_SLUGS } from './constants-cb3be107.js';
+import { T as Text } from './index-3a6eedf0.js';
+import { f as formatPhoneNumber } from './localizeNumberFormat-0fe02028.js';
+import { a as __awaiter } from './tslib.es6-3729547c.js';
 import { useDisclosure } from '@mantine/hooks';
 import { clsx, Flex, Box, rem } from '@mantine/core';
-import { u as useTextStyles, T as TextField } from './index-f6bb1cce.js';
+import { u as useTextStyles, T as TextField } from './index-2dec7213.js';
 import { parsePhoneNumber } from 'react-phone-number-input';
-import { P as Phone, I as Input, E as ErrorIcon } from './index-a3c55c70.js';
-import { G as GlobalTextStyleNew, C as CustomStylesType, F as FontWeight } from './index-6abdc743.js';
-import { B as Button$1 } from './index-2803fece.js';
-import { M as MAPPED_LOCALE } from './index-454fe241.js';
-import { T as Text$1 } from './index-3e463fae.js';
-import { I as ImageWrap } from './index-e882618c.js';
-import { I as InsuranceList, P as PaymentList, A as ArrowRightBlue, a as DoctorInfoExpertise, D as DoctorExpertiseItem, C as Clinic } from './index-439b7d82.js';
+import { P as Phone, I as Input, E as ErrorIcon } from './index-22e82cc3.js';
+import { G as GlobalTextStyleNew, C as CustomStylesType, F as FontWeight } from './index-91829656.js';
+import { B as Button$1 } from './index-6dde2fde.js';
+import { M as MAPPED_LOCALE } from './index-d95d2740.js';
+import { T as Text$1 } from './index-b2422d6f.js';
+import { I as ImageWrap } from './index-d79f98c6.js';
+import { I as InsuranceList, P as PaymentList, A as ArrowRightBlue, a as DoctorInfoExpertise, D as DoctorExpertiseItem, C as Clinic } from './index-26813360.js';
 
 /* eslint-disable prettier/prettier */
 const Check = (props) => (React.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 81 80", fill: "none" }, props),
@@ -1201,7 +1201,7 @@ const StyledInsuranceList = styled(InsuranceList) `
 function ProductInsuranceInfo({ hospitalInfo, isMobile = false, }) {
     const { t } = useTranslations();
     const isSupportPayment = (hospitalInfo === null || hospitalInfo === void 0 ? void 0 : hospitalInfo.accepted_payments) && hospitalInfo.accepted_payments.length > 0;
-    return (React__default.createElement(StyledInsuranceContainer, { id: "insurance-container" },
+    return (React__default.createElement(StyledInsuranceContainer, null,
         React__default.createElement("div", null,
             React__default.createElement("h3", { className: "txt-body-2" }, t('common.insurance')),
             React__default.createElement("p", { className: "txt-body-1" }, t('common.insuranceIntro')),

package/build/esm/{index-f6bb1cce.js → index-2dec7213.js}

@@ -1,6 +1,6 @@
 import { createStyles, clsx, Box, useMantineTheme } from '@mantine/core';
-import { G as GlobalTextStyleNew, C as CustomStylesType } from './index-6abdc743.js';
-import { _ as __rest } from './tslib.es6-25c6d7e6.js';
+import { G as GlobalTextStyleNew, C as CustomStylesType } from './index-91829656.js';
+import { _ as __rest } from './tslib.es6-3729547c.js';
 import React__default, { createContext, useState, useEffect, useContext, useCallback } from 'react';
 import { useClickOutside } from '@mantine/hooks';
 import { css } from '@emotion/react';

package/build/esm/{index-b53b2307.js → index-37234859.js}

@@ -1,18 +1,18 @@
 import React__default, { useState, useMemo } from 'react';
-import { F as Flag } from './index-a3c55c70.js';
+import { F as Flag } from './index-22e82cc3.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { T as Text } from './index-3e463fae.js';
-import { C as CommonGAssets } from './index-f2dd69a0.js';
-import { _ as __rest } from './tslib.es6-25c6d7e6.js';
-import { a as ZINDEX_HEADER, V as VIDEO_DETAIL_TEMP_STORAGE } from './index-689598e9.js';
-import { V as VideoType } from './index-d70fa4d3.js';
+import { T as Text } from './index-b2422d6f.js';
+import { C as CommonGAssets } from './index-feb0867e.js';
+import { _ as __rest } from './tslib.es6-3729547c.js';
+import { a as ZINDEX_HEADER, V as VIDEO_DETAIL_TEMP_STORAGE } from './index-05e60877.js';
+import { V as VideoType } from './index-12d947cf.js';
 import { createStyles, Stack, Box, AspectRatio, getStylesRef, rem, Flex } from '@mantine/core';
-import { a as abbreviateNumber } from './number-8579ac7d.js';
-import { u as useTranslations } from './index-ddae2e13.js';
+import { a as abbreviateNumber } from './number-e6a61934.js';
+import { u as useTranslations } from './index-fce3247b.js';
 import { useOs } from '@mantine/hooks';
-import { M as Modal } from './index-5fd41646.js';
-import { S as SocialLinkPreview } from './index-4f8456f6.js';
+import { M as Modal } from './index-452543dc.js';
+import { S as SocialLinkPreview } from './index-0b6583b7.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
 const ALLOW_DOMAIN_URL = [

package/build/esm/{index-73dd77f7.js → index-37e63e6e.js}

@@ -1,6 +1,6 @@
-import { c as cookie } from './index-320f9a2e.js';
-import { B as BEARER_TOKEN_COOKIE } from './index-689598e9.js';
-import { N as NodeIntentType } from './index-d70fa4d3.js';
+import { c as cookie } from './index-203785c2.js';
+import { B as BEARER_TOKEN_COOKIE } from './index-05e60877.js';
+import { N as NodeIntentType } from './index-12d947cf.js';
 import Cookies from 'js-cookie';
 import { v4 } from 'uuid';
 import { isProduction } from './constantsIsProduction.js';