@hhgtech/hhg-components 1.29.511-beta-6 → 1.29.511-beta-8

package/build/{index-602374be.js → index-d4463430.js}

@@ -1,35 +1,35 @@
 'use strict';
 
 var React = require('react');
-var index = require('./index-dac436fb.js');
+var index = require('./index-3616dd8f.js');
 var miscCookieHelper = require('./miscCookieHelper.js');
-var index$2 = require('./index-d9b82e4b.js');
-var normalizeLink = require('./normalizeLink-5d730189.js');
+var index$2 = require('./index-0169302c.js');
+var normalizeLink = require('./normalizeLink-c02fd7e4.js');
 var miscTheme = require('./miscTheme.js');
-var index$1 = require('./index-8fb09189.js');
-var index$3 = require('./index-1e3f94f3.js');
-var index$4 = require('./index-3664a763.js');
-var types = require('./types-e5437a78.js');
+var index$1 = require('./index-a059fc8d.js');
+var utils = require('./utils-4edf19db.js');
+var index$3 = require('./index-468e446b.js');
+var types = require('./types-6d828932.js');
 var styled = require('@emotion/styled');
-var utils = require('./utils-f9057fe0.js');
+var utils$1 = require('./utils-9bf7b1d3.js');
 var core = require('@mantine/core');
 var api = require('@react-google-maps/api');
 var classNames = require('classnames');
-var index$5 = require('./index-f5cc1e44.js');
-var constants = require('./constants-8173d807.js');
-var index$6 = require('./index-8e37d23f.js');
-var localizeNumberFormat = require('./localizeNumberFormat-20ab6be6.js');
-var tslib_es6 = require('./tslib.es6-59334fbe.js');
+var index$4 = require('./index-0debe29a.js');
+var constants = require('./constants-dd5d8958.js');
+var index$5 = require('./index-9613d039.js');
+var localizeNumberFormat = require('./localizeNumberFormat-e6d050fd.js');
+var tslib_es6 = require('./tslib.es6-8567bd3a.js');
 var hooks = require('@mantine/hooks');
-var index$9 = require('./index-7a41fb29.js');
+var index$8 = require('./index-97c36735.js');
 var PhoneInputBase = require('react-phone-number-input');
-var index$8 = require('./index-272a4dc6.js');
-var index$b = require('./index-f63e34bd.js');
-var index$7 = require('./index-77414f22.js');
-var index$c = require('./index-f8151eba.js');
-var index$a = require('./index-99580bca.js');
-var index$d = require('./index-8787434b.js');
-var index$e = require('./index-45e80be6.js');
+var index$7 = require('./index-5cea2e7e.js');
+var index$a = require('./index-21d2ecb5.js');
+var index$6 = require('./index-d74ed0ad.js');
+var index$b = require('./index-9fd67ffa.js');
+var index$9 = require('./index-8a55b9eb.js');
+var index$c = require('./index-2ba87e5f.js');
+var index$d = require('./index-60a2059a.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -394,7 +394,7 @@ const UserProfileNavigation = ({ SSO_URL, UP_BASEPATH = 'user', themeName = 'hel
         if (userInfo && typeof userPostsNumber === 'undefined') {
             const token = miscCookieHelper.getCookie('hhg_user_token');
             if (!!token) {
-                fetch(normalizeLink.normalizeLinkSlash(index$3.getTogetherUserPostsApiPath(locale, isMarryBaby, togetherApiDomain)), {
+                fetch(normalizeLink.normalizeLinkSlash(utils.getTogetherUserPostsApiPath(locale, isMarryBaby, togetherApiDomain)), {
                     headers: {
                         Authorization: `Bearer ${token}`,
                     },
@@ -447,7 +447,7 @@ const UserProfileNavigation = ({ SSO_URL, UP_BASEPATH = 'user', themeName = 'hel
         if (themeName === 'marryBaby') {
             return null;
         }
-        return (React__namespace["default"].createElement(index$4.Button, { color: "tertiary", icon: React__namespace["default"].createElement("img", { src: index$2.CommonGAssets.getAssetPath('userProfileNav/helloSites/icon-logOut.svg'), width: 15, height: 15, loading: "lazy" }), size: "md", onClick: onClickLogout, className: styles$1.logoutButton }, t('userProfile.nav.menu.logout')));
+        return (React__namespace["default"].createElement(index$3.Button, { color: "tertiary", icon: React__namespace["default"].createElement("img", { src: index$2.CommonGAssets.getAssetPath('userProfileNav/helloSites/icon-logOut.svg'), width: 15, height: 15, loading: "lazy" }), size: "md", onClick: onClickLogout, className: styles$1.logoutButton }, t('userProfile.nav.menu.logout')));
     }, [themeName]);
     const push = (link) => {
         if (link.startsWith('http') || link.startsWith('/')) {
@@ -502,7 +502,7 @@ const UserProfileNavigation = ({ SSO_URL, UP_BASEPATH = 'user', themeName = 'hel
 };
 
 const StyledOpeningHour = styled__default["default"].div `
-  ${utils.MediaQueries.mbUp} {
+  ${utils$1.MediaQueries.mbUp} {
     margin: 0;
   }
 
@@ -511,7 +511,7 @@ const StyledOpeningHour = styled__default["default"].div `
   .txt-body-1 {
     font-size: 0.8125rem;
     line-height: 1.25rem;
-    ${utils.MediaQueries.mbUp} {
+    ${utils$1.MediaQueries.mbUp} {
       font-size: 0.9375rem;
       line-height: 1.5rem;
       color: ${miscTheme.theme.colors.gray700};
@@ -522,7 +522,7 @@ const StyledOpeningHour = styled__default["default"].div `
     line-height: 1.5rem;
     padding: 0.75rem 0 0;
     font-weight: 500;
-    ${utils.MediaQueries.mbUp} {
+    ${utils$1.MediaQueries.mbUp} {
       padding: 0;
       font-weight: 600;
     }
@@ -534,7 +534,7 @@ const StyledOpeningHour = styled__default["default"].div `
   }
 `;
 const StyledFormatDataBox = styled__default["default"].div `
-  ${utils.MediaQueries.mbUp} {
+  ${utils$1.MediaQueries.mbUp} {
     padding: 8px 0;
     gap: 4px;
   }
@@ -712,7 +712,7 @@ const StyledHospitalTitle = styled__default["default"].a `
     margin: 0 8px;
   }
 `;
-const PhoneButton = styled__default["default"](index$4.Button) `
+const PhoneButton = styled__default["default"](index$3.Button) `
   margin-top: 12px;
   width: max-content;
 `;
@@ -751,8 +751,8 @@ const Map = (props) => {
                 React__namespace["default"].createElement(api.GoogleMap, { mapContainerClassName: 'map', center: center, zoom: 14, onLoad: onLoad, options: mapOptions },
                     React__namespace["default"].createElement(api.Marker, { position: center })))),
             !hasNoCard ? (React__namespace["default"].createElement(StyledCard$1, { className: classNames__default["default"]('map-card'), "data-is-full-width": isFullWidth || undefined, ref: mapCard },
-                React__namespace["default"].createElement(StyledHospitalTitle, { href: `${index$5.basePath}${getHospitalUrl(locale, hospital)}` },
-                    React__namespace["default"].createElement(index$6.Text, { size: "s2", type: "semiBold" }, hospitalName)),
+                React__namespace["default"].createElement(StyledHospitalTitle, { href: `${index$4.basePath}${getHospitalUrl(locale, hospital)}` },
+                    React__namespace["default"].createElement(index$5.Text, { size: "s2", type: "semiBold" }, hospitalName)),
                 React__namespace["default"].createElement(StyledHospitalMoreInfo, null,
                     React__namespace["default"].createElement("address", null, address),
                     distance !== undefined && (React__namespace["default"].createElement(React__namespace["default"].Fragment, null,
@@ -772,7 +772,7 @@ const Map = (props) => {
 
 // import { ThemeProps } from '@hhgtech/hhg-components'
 const StyledClinicInfo = styled__default["default"].div `
-  ${utils.MediaQueries.mbUp} {
+  ${utils$1.MediaQueries.mbUp} {
     display: flex;
     gap: ${core.rem(24)};
     padding: 0 ${core.rem(24)} ${core.rem(24)};
@@ -782,7 +782,7 @@ const StyledClinicInfo = styled__default["default"].div `
   padding: 0 ${core.rem(16)} ${core.rem(16)};
 
   .name {
-    ${utils.MediaQueries.mbUp} {
+    ${utils$1.MediaQueries.mbUp} {
       font-weight: 600;
     }
 
@@ -792,7 +792,7 @@ const StyledClinicInfo = styled__default["default"].div `
   }
 
   address {
-    ${utils.MediaQueries.mbUp} {
+    ${utils$1.MediaQueries.mbUp} {
       font-size: 0.9375rem;
       line-height: 1.5rem;
       font-style: normal;
@@ -826,7 +826,7 @@ const StyledMap = styled__default["default"](Map) `
     --mapCardHeight: --cardHeight;
   }
   iframe {
-    ${utils.MediaQueries.mbUp} {
+    ${utils$1.MediaQueries.mbUp} {
       width: ${core.rem(180)};
       height: ${core.rem(180)};
     }
@@ -843,7 +843,7 @@ const StyledEmailIcon = styled__default["default"](Email) `
   height: 1rem;
 `;
 const StyledContainer = styled__default["default"].div `
-  ${utils.MediaQueries.mbUp} {
+  ${utils$1.MediaQueries.mbUp} {
     padding: 0;
     display: flex;
     flex-direction: column;
@@ -853,7 +853,7 @@ const StyledContainer = styled__default["default"].div `
   .clinic-content {
     display: flex;
     flex-direction: column;
-    ${utils.MediaQueries.mbUp} {
+    ${utils$1.MediaQueries.mbUp} {
       gap: 8px;
     }
     gap: 12px;
@@ -881,7 +881,7 @@ const StyledContact = styled__default["default"].div `
   display: flex;
   gap: 4px;
   flex-direction: column;
-  ${utils.MediaQueries.mbUp} {
+  ${utils$1.MediaQueries.mbUp} {
     flex-direction: row;
   }
   .contact-item {
@@ -969,7 +969,7 @@ const StyledCollectPhoneForm = styled__default["default"].div `
     }
   }
 `;
-const StyledButton = styled__default["default"](index$7.Button) `
+const StyledButton = styled__default["default"](index$6.Button) `
   &.mantine-Button-root {
     border-radius: 12px;
     border: 1px solid;
@@ -988,7 +988,7 @@ const StyledButton = styled__default["default"](index$7.Button) `
   }
 `;
 styled__default["default"](index$1.DrawerBottom) ``;
-const StyledPhone = styled__default["default"](index$8.Phone) `
+const StyledPhone = styled__default["default"](index$7.Phone) `
   --custom-primary-text: #111111;
   .PhoneInputCountry {
     pointer-events: none;
@@ -1011,7 +1011,7 @@ const StyledPhone = styled__default["default"](index$8.Phone) `
     }
   }
 `;
-const StyledInputWrapper = styled__default["default"](index$8.Input.Wrapper) `
+const StyledInputWrapper = styled__default["default"](index$7.Input.Wrapper) `
   --phone-input-space-x: -8px;
   .mantine-Text-root[data-size='c1'] {
     font-size: 0.75rem;
@@ -1038,7 +1038,7 @@ function CollectPhoneForm({ onSubmit, title, formType = formPhoneType.ZALO, isLo
     const [phone, setPhone] = React.useState('');
     const [errorMessage, setErrorMessage] = React.useState('');
     const [isSubmitted, setIsSubmitted] = React.useState(false);
-    const { classes } = index$9.useTextStyles();
+    const { classes } = index$8.useTextStyles();
     const validatePhone = (value) => {
         try {
             if (!value) {
@@ -1082,17 +1082,17 @@ function CollectPhoneForm({ onSubmit, title, formType = formPhoneType.ZALO, isLo
                 t('collectPhoneNumber.title', {
                     name: formType,
                 })),
-            React__namespace["default"].createElement(index$9.TextField, { shrink: !!phone, className: core.clsx('leadgen-form_input w-full', {
+            React__namespace["default"].createElement(index$8.TextField, { shrink: !!phone, className: core.clsx('leadgen-form_input w-full', {
                     'leadgen-form_field_error': !!(isSubmitted && errorMessage),
                 }) },
-                React__namespace["default"].createElement(index$9.TextField.Control, { htmlFor: "collection_phone_input" }, ({ shrink }) => (React__namespace["default"].createElement(StyledInputWrapper, { "data-invalid": !!(isSubmitted && errorMessage), labelElement: "div", label: React__namespace["default"].createElement(index$a.Text, { size: shrink ? 'p3' : 'p2', variant: "secondary", weight: "halfBold" }, t('collectPhoneNumber.inputLabel')), inputWrapperOrder: ['label', 'input', 'description', 'error'], error: isSubmitted &&
+                React__namespace["default"].createElement(index$8.TextField.Control, { htmlFor: "collection_phone_input" }, ({ shrink }) => (React__namespace["default"].createElement(StyledInputWrapper, { "data-invalid": !!(isSubmitted && errorMessage), labelElement: "div", label: React__namespace["default"].createElement(index$9.Text, { size: shrink ? 'p3' : 'p2', variant: "secondary", weight: "halfBold" }, t('collectPhoneNumber.inputLabel')), inputWrapperOrder: ['label', 'input', 'description', 'error'], error: isSubmitted &&
                         errorMessage && (React__namespace["default"].createElement(core.Flex, { align: 'center', gap: 4 },
-                        React__namespace["default"].createElement(index$8.ErrorIcon, { size: 12 }),
-                        React__namespace["default"].createElement(index$a.Text, { size: "c1", variant: "error" }, errorMessage))) },
+                        React__namespace["default"].createElement(index$7.ErrorIcon, { size: 12 }),
+                        React__namespace["default"].createElement(index$9.Text, { size: "c1", variant: "error" }, errorMessage))) },
                     React__namespace["default"].createElement(core.Box, { className: "mantine-Input-wrapper", sx: (theme) => ({
-                            '.PhoneInput .PhoneInputInput': Object.assign(Object.assign({}, index$b.GlobalTextStyleNew(theme)[index$b.CustomStylesType.LEADGEN].p2), { fontWeight: index$b.FontWeight.halfBold }),
+                            '.PhoneInput .PhoneInputInput': Object.assign(Object.assign({}, index$a.GlobalTextStyleNew(theme)[index$a.CustomStylesType.LEADGEN].p2), { fontWeight: index$a.FontWeight.halfBold }),
                         }) },
-                        React__namespace["default"].createElement(StyledPhone, { inputId: "collection_phone_input", onChange: handleChange, className: `mantine-Input-input ${classes.p2}`, name: "phoneNumber", spellCheck: false, placeholder: " ", defaultCountry: (locale ? index$c.MAPPED_LOCALE[locale] || 'VN' : 'VN'), type: "text", value: phone, "data-control": "tel", countries: [DEFAULT_COUNTRY_CODE], arrowComponent: () => React__namespace["default"].createElement(React__namespace["default"].Fragment, null) }))))))),
+                        React__namespace["default"].createElement(StyledPhone, { inputId: "collection_phone_input", onChange: handleChange, className: `mantine-Input-input ${classes.p2}`, name: "phoneNumber", spellCheck: false, placeholder: " ", defaultCountry: (locale ? index$b.MAPPED_LOCALE[locale] || 'VN' : 'VN'), type: "text", value: phone, "data-control": "tel", countries: [DEFAULT_COUNTRY_CODE], arrowComponent: () => React__namespace["default"].createElement(React__namespace["default"].Fragment, null) }))))))),
         React__namespace["default"].createElement("div", { className: "action actionBox" },
             React__namespace["default"].createElement(StyledButton, { variant: "primary", onClick: handleSubmit, fullWidth: true, size: "lg", loading: isLoading },
                 React__namespace["default"].createElement("div", null, t('collectPhoneNumber.action')),
@@ -1156,7 +1156,7 @@ function PopupCollectPhone({ children, isMobile, onSubmit, isOpen: isOpenProp, o
     }, [isOpenProp]);
     return (React__namespace["default"].createElement(React__namespace["default"].Fragment, null,
         typeof children === 'function' ? (children(modalState)) : (React__namespace["default"].createElement("div", { onClick: toggle }, children)),
-        React__namespace["default"].createElement(index$1.DrawerBottom, Object.assign({ isOpen: isOpen, onClose: handleClose, onOpenChange: handleOpenChange, isMobile: isMobile, fadeFromIndex: index$5.ZINDEX_SSO - 9e6, zIndex: index$5.ZINDEX_SSO, repositionInputs: false, isLinear: currentStep === exports.EPopupCollectPhoneStep.SUCCESS }, drawerProps),
+        React__namespace["default"].createElement(index$1.DrawerBottom, Object.assign({ isOpen: isOpen, onClose: handleClose, onOpenChange: handleOpenChange, isMobile: isMobile, fadeFromIndex: index$4.ZINDEX_SSO - 9e6, zIndex: index$4.ZINDEX_SSO, repositionInputs: false, isLinear: currentStep === exports.EPopupCollectPhoneStep.SUCCESS }, drawerProps),
             currentStep === exports.EPopupCollectPhoneStep.FORM && (React__namespace["default"].createElement(CollectPhoneForm, { onSubmit: handleSubmit, isLoading: isLoading })),
             currentStep === exports.EPopupCollectPhoneStep.SUCCESS && (React__namespace["default"].createElement(CollectPhoneSuccess, { onClose: handleClose })))));
 }
@@ -1196,7 +1196,7 @@ const StyledHospitalInfo = styled__default["default"].div `
     flex: 1 1 0%;
   }
 `;
-const StyledImageWrap = styled__default["default"](index$d.ImageWrap) `
+const StyledImageWrap = styled__default["default"](index$c.ImageWrap) `
   /* object-contain object-center aspect-square  */
   width: 44px;
   height: 44px;
@@ -1264,7 +1264,7 @@ function HospitalInfo({ hospitalInfo, distance, className, }) {
             React__namespace["default"].createElement("div", { className: "hospitalName" }, hospitalInfo.name),
             hospitalInfo.working_times && isOpened !== null && (React__namespace["default"].createElement("div", { className: "hospitalStatus", "data-is-opened": isOpened },
                 React__namespace["default"].createElement(StyledClockIcon, null),
-                React__namespace["default"].createElement(index$a.Text, { size: "p3", weight: "regular", color: "inherit" }, t(isOpened ? 'hospital.status.opening' : 'hospital.status.closed')))),
+                React__namespace["default"].createElement(index$9.Text, { size: "p3", weight: "regular", color: "inherit" }, t(isOpened ? 'hospital.status.opening' : 'hospital.status.closed')))),
             distance && (React__namespace["default"].createElement(StyledDistanceTag, { className: classNames__default["default"]({
                     distanceTag: hospitalInfo.working_times === null,
                 }), value: `${distance} km` }))),
@@ -1299,7 +1299,7 @@ const StyledInsuranceContainer = styled__default["default"].div `
     padding: 1rem 0;
   }
 `;
-const StyledInsuranceList = styled__default["default"](index$e.InsuranceList) `
+const StyledInsuranceList = styled__default["default"](index$d.InsuranceList) `
   gap: 8px;
   margin-top: 1rem;
   & .insuranceItem > .insuranceLogo {
@@ -1323,7 +1323,7 @@ function ProductInsuranceInfo({ hospitalInfo, isMobile = false, }) {
             React__namespace["default"].createElement(StyledInsuranceList, { insurances: hospitalInfo.insurances, isName: false })),
         isSupportPayment && (React__namespace["default"].createElement("div", null,
             React__namespace["default"].createElement("h3", { className: "txt-body-2" }, t('common.paymentMethods')),
-            React__namespace["default"].createElement(index$e.PaymentList, { payments: hospitalInfo.accepted_payments, isMobile: isMobile })))));
+            React__namespace["default"].createElement(index$d.PaymentList, { payments: hospitalInfo.accepted_payments, isMobile: isMobile })))));
 }
 
 const defaultValue = {
@@ -1381,7 +1381,7 @@ const StyledPositionOfButton = styled__default["default"].div `
   display: flex;
   justify-content: flex-end;
 `;
-const StyledArrowRightBlue = styled__default["default"](index$e.ArrowRightBlue) `
+const StyledArrowRightBlue = styled__default["default"](index$d.ArrowRightBlue) `
   width: 0.65rem;
   height: 0.65rem;
   & > path {
@@ -1399,15 +1399,15 @@ const DoctorExpertise = (props) => {
         isShowReadMoreButton;
     return (React__namespace["default"].createElement(DoctorExpertiseProvider, { value: doctorInformation },
         React__namespace["default"].createElement(StyledCard, { className: className, style: style },
-            React__namespace["default"].createElement(index$e.DoctorInfoExpertise, { name: doctorInformation.name, specialty: doctorInformation.specialty, experience: doctorInformation.experience, profileImage: doctorInformation.profileImage || defaultProfileImage }),
+            React__namespace["default"].createElement(index$d.DoctorInfoExpertise, { name: doctorInformation.name, specialty: doctorInformation.specialty, experience: doctorInformation.experience, profileImage: doctorInformation.profileImage || defaultProfileImage }),
             isShowBodySection && (React__namespace["default"].createElement(StyledBodySection, { className: "body-section" },
                 React__namespace["default"].createElement("div", { className: "flex-item-doctor-info" },
-                    ((_c = doctorInformation === null || doctorInformation === void 0 ? void 0 : doctorInformation.clinics) === null || _c === void 0 ? void 0 : _c.length) > 0 && (React__namespace["default"].createElement(index$e.DoctorExpertiseItem, { doctorInfo: doctorInformation.clinics, Icon: index$e.Clinic, title: t('common.clinicHospital') })),
-                    ((_d = doctorInformation === null || doctorInformation === void 0 ? void 0 : doctorInformation.educations) === null || _d === void 0 ? void 0 : _d.length) > 0 && (React__namespace["default"].createElement(index$e.DoctorExpertiseItem, { doctorInfo: doctorInformation.educations, Icon: Education, title: t('common.education') })),
+                    ((_c = doctorInformation === null || doctorInformation === void 0 ? void 0 : doctorInformation.clinics) === null || _c === void 0 ? void 0 : _c.length) > 0 && (React__namespace["default"].createElement(index$d.DoctorExpertiseItem, { doctorInfo: doctorInformation.clinics, Icon: index$d.Clinic, title: t('common.clinicHospital') })),
+                    ((_d = doctorInformation === null || doctorInformation === void 0 ? void 0 : doctorInformation.educations) === null || _d === void 0 ? void 0 : _d.length) > 0 && (React__namespace["default"].createElement(index$d.DoctorExpertiseItem, { doctorInfo: doctorInformation.educations, Icon: Education, title: t('common.education') })),
                     children),
                 isShowReadMoreButton && (React__namespace["default"].createElement(StyledPositionOfButton, null,
                     React__namespace["default"].createElement(StyledReadMore, { onClick: onClickReadMore },
-                        React__namespace["default"].createElement(index$a.Text, { size: "p2", weight: "halfBold", color: miscTheme.theme.colors.primaryBase }, t('common.readMore')),
+                        React__namespace["default"].createElement(index$9.Text, { size: "p2", weight: "halfBold", color: miscTheme.theme.colors.primaryBase }, t('common.readMore')),
                         React__namespace["default"].createElement(StyledArrowRightBlue, null)))))))));
 };
 DoctorExpertise.Expertise = () => {
@@ -1415,14 +1415,14 @@ DoctorExpertise.Expertise = () => {
     const { t } = index.useTranslations();
     if (!expertise)
         return null;
-    return (React__namespace["default"].createElement(index$e.DoctorExpertiseItem, { doctorInfo: expertise, Icon: Credential, title: t('common.expertiseCredentials') }));
+    return (React__namespace["default"].createElement(index$d.DoctorExpertiseItem, { doctorInfo: expertise, Icon: Credential, title: t('common.expertiseCredentials') }));
 };
 DoctorExpertise.OtherHighlights = () => {
     const { otherHighlights } = React.useContext(DoctorExpertiseContext);
     const { t } = index.useTranslations();
     if (!otherHighlights)
         return null;
-    return (React__namespace["default"].createElement(index$e.DoctorExpertiseItem, { doctorInfo: otherHighlights, Icon: Highlight, title: t('common.otherHighlights') }));
+    return (React__namespace["default"].createElement(index$d.DoctorExpertiseItem, { doctorInfo: otherHighlights, Icon: Highlight, title: t('common.otherHighlights') }));
 };
 
 const ArticleCardStyled = styled__default["default"].div `
@@ -1455,7 +1455,7 @@ const ArticleDetailCard = (props) => {
     const { doctorName, doctorAvatar, defaultDoctorAvatar } = doctor || {};
     const { t } = index.useTranslations();
     return (React__namespace["default"].createElement(ArticleCardStyled, { className: className, style: style, onClick: handleClick },
-        React__namespace["default"].createElement(index$d.ImageWrap, { alt: altText || articleTitle || 'article-image', src: image || defaultImage, style: {
+        React__namespace["default"].createElement(index$c.ImageWrap, { alt: altText || articleTitle || 'article-image', src: image || defaultImage, style: {
                 width: '100%',
                 height: core.rem(143.5),
                 objectFit: 'cover',
@@ -1463,16 +1463,16 @@ const ArticleDetailCard = (props) => {
             } }),
         React__namespace["default"].createElement(ArticleCardContentStyled, null,
             React__namespace["default"].createElement(ArticleCardContentTitleStyled, null,
-                React__namespace["default"].createElement(index$a.Text, { color: articleTypeColor || miscTheme.theme.colors.green600, size: "c1", weight: "halfBold" }, articleType),
-                React__namespace["default"].createElement(index$a.Text, { size: "p2", weight: "semiBold", color: miscTheme.theme.colors.gray800, lineClamp: 2 }, articleTitle)),
+                React__namespace["default"].createElement(index$9.Text, { color: articleTypeColor || miscTheme.theme.colors.green600, size: "c1", weight: "halfBold" }, articleType),
+                React__namespace["default"].createElement(index$9.Text, { size: "p2", weight: "semiBold", color: miscTheme.theme.colors.gray800, lineClamp: 2 }, articleTitle)),
             React__namespace["default"].createElement(ArticleDoctorStyled, null,
-                React__namespace["default"].createElement(index$d.ImageWrap, { alt: `${t('common.articleCard.reviewedDoctor')} ${doctorName}`, src: doctorAvatar || defaultDoctorAvatar, style: {
+                React__namespace["default"].createElement(index$c.ImageWrap, { alt: `${t('common.articleCard.reviewedDoctor')} ${doctorName}`, src: doctorAvatar || defaultDoctorAvatar, style: {
                         width: core.rem(20),
                         height: core.rem(20),
                         borderRadius: '50%',
                     } }),
                 React__namespace["default"].createElement("div", null,
-                    React__namespace["default"].createElement(index$a.Text, { size: "c1", weight: "regular", color: miscTheme.theme.colors.gray800, lineClamp: 1 },
+                    React__namespace["default"].createElement(index$9.Text, { size: "c1", weight: "regular", color: miscTheme.theme.colors.gray800, lineClamp: 1 },
                         React__namespace["default"].createElement(TextSpanStyled, null,
                             t('common.articleCard.reviewedDoctor'),
                             ":"),

package/build/{index-28b57b19.js → index-d6b4d555.js}

@@ -2,42 +2,42 @@
 
 var React = require('react');
 var core = require('@mantine/core');
-var index = require('./index-d9b82e4b.js');
-var togetherComponentGlobalContext = require('./utils-64c97fd3.js');
-var index$b = require('./index-f5cc1e44.js');
-var healthTools = require('./healthTools-de8f2d32.js');
+var index = require('./index-0169302c.js');
+var togetherComponentGlobalContext = require('./utils-10198dd1.js');
+var index$b = require('./index-0debe29a.js');
+var healthTools = require('./healthTools-8757c2c9.js');
 var constantsRiskScreener = require('./constantsRiskScreener.js');
-var tslib_es6 = require('./tslib.es6-59334fbe.js');
-var store = require('./store-8133041b.js');
-var index$2 = require('./index-8787434b.js');
-var normalizeLink = require('./normalizeLink-5d730189.js');
-var index$1 = require('./index-dac436fb.js');
+var tslib_es6 = require('./tslib.es6-8567bd3a.js');
+var store = require('./store-ece7b168.js');
+var index$2 = require('./index-2ba87e5f.js');
+var normalizeLink = require('./normalizeLink-c02fd7e4.js');
+var index$1 = require('./index-3616dd8f.js');
 var form = require('@mantine/form');
-var index$6 = require('./index-272a4dc6.js');
+var index$6 = require('./index-5cea2e7e.js');
 require('@mantine/dates');
-require('./index-80739d57.js');
-var index$a = require('./index-f8151eba.js');
-var index$4 = require('./index-99580bca.js');
-var index$5 = require('./index-77414f22.js');
-require('./index-f63e34bd.js');
-require('./index.styles-8d3c2b49.js');
+require('./index-2f546aaf.js');
+var index$a = require('./index-9fd67ffa.js');
+var index$4 = require('./index-8a55b9eb.js');
+var index$5 = require('./index-d74ed0ad.js');
+require('./index-21d2ecb5.js');
+require('./index.styles-a041db8f.js');
 var hooks = require('@mantine/hooks');
-require('./utils-f9057fe0.js');
-require('./index-cebb5e03.js');
+require('./utils-9bf7b1d3.js');
+require('./index-c1c225e5.js');
 var togetherApiPaths = require('./togetherApiPaths.js');
-require('./translationsContext-990632a9.js');
-var index$3 = require('./index-da16432e.js');
-var useHealthToolCache = require('./useHealthToolCache-a759738b.js');
-var index$7 = require('./index-ef7ca8e1.js');
+require('./translationsContext-c39f2305.js');
+var index$3 = require('./index-54cdca11.js');
+var useHealthToolCache = require('./useHealthToolCache-49b27a29.js');
+var index$7 = require('./index-9a67addf.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 var constantsIsProduction = require('./constantsIsProduction.js');
 var core$1 = require('@hhgtech/icons/core');
-var index$9 = require('./index-efe901aa.js');
-var index$8 = require('./index-2d70d4e7.js');
+var index$9 = require('./index-d0fcc6f1.js');
+var index$8 = require('./index-16a59c01.js');
 var Cookies = require('js-cookie');
 var flatten = require('lodash/flatten');
 var uniqBy = require('lodash/uniqBy');
-var Locale = require('./Locale-462fce65.js');
+var Locale = require('./Locale-80ee61c2.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-77414f22.js → index-d74ed0ad.js}

@@ -1,10 +1,10 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-59334fbe.js');
+var tslib_es6 = require('./tslib.es6-8567bd3a.js');
 var React = require('react');
 var core = require('@mantine/core');
-var shared = require('./shared-9d7b5d70.js');
-var index = require('./index-f63e34bd.js');
+var shared = require('./shared-48b768ba.js');
+var index = require('./index-21d2ecb5.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-9c1b0a13.js → index-dfc160ee.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-59334fbe.js');
+var tslib_es6 = require('./tslib.es6-8567bd3a.js');
 var React = require('react');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');

package/build/{index-da267d74.js → index-ef4916d1.js}

@@ -1,55 +1,55 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-59334fbe.js');
+var tslib_es6 = require('./tslib.es6-8567bd3a.js');
 var React = require('react');
-var index$1 = require('./index-cebb5e03.js');
-var index = require('./index-9cf9106f.js');
-require('./index-80739d57.js');
-var dataTransform = require('./dataTransform-ce329f74.js');
+var index$1 = require('./index-c1c225e5.js');
+var index = require('./index-69bd44af.js');
+require('./index-2f546aaf.js');
+var dataTransform = require('./dataTransform-db05b34f.js');
 var togetherApiPaths = require('./togetherApiPaths.js');
-var togetherComponentGlobalContext = require('./utils-64c97fd3.js');
+var togetherComponentGlobalContext = require('./utils-10198dd1.js');
 var core = require('@hhgtech/icons/core');
 var core$1 = require('@mantine/core');
-var togetherMoleculesCardAuthor = require('./index-6495b20f.js');
-var Locale = require('./Locale-462fce65.js');
+var togetherMoleculesCardAuthor = require('./index-5c915874.js');
+var Locale = require('./Locale-80ee61c2.js');
 require('@hhgtech/icons/other');
-require('./index-77414f22.js');
-require('./shared-9d7b5d70.js');
-require('./index-f63e34bd.js');
-require('./index-99580bca.js');
-require('./index-dac436fb.js');
-require('./translationsContext-990632a9.js');
-require('./index-3664a763.js');
-require('./index-cba6af5f.js');
+require('./index-d74ed0ad.js');
+require('./shared-48b768ba.js');
+require('./index-21d2ecb5.js');
+require('./index-8a55b9eb.js');
+require('./index-3616dd8f.js');
+require('./translationsContext-c39f2305.js');
+require('./index-468e446b.js');
+require('./index-3eb42cbc.js');
 require('./miscCookieHelper.js');
 require('slugify');
 require('./constantsIsProduction.js');
 require('string-format');
-require('./constants-8173d807.js');
+require('./constants-dd5d8958.js');
 require('dayjs');
 require('dayjs/plugin/relativeTime');
-require('./utils-f9057fe0.js');
-require('./index-426ccc5b.js');
-require('./paths-a55ecc81.js');
-require('./constants-a8e21ae5.js');
-require('./index-f5cc1e44.js');
+require('./utils-9bf7b1d3.js');
+require('./index-5a31bd3b.js');
+require('./paths-6f9e050e.js');
+require('./constants-d283ea55.js');
+require('./index-0debe29a.js');
 require('date-fns/locale');
 require('./constantsSite.js');
 require('./constantsDomainLocales.js');
 require('./constantsRiskScreener.js');
-require('./index-ef7ca8e1.js');
+require('./index-9a67addf.js');
 require('./miscTheme.js');
-require('./WhatsApp-78fb095b.js');
-require('./Spinner-ecb1616f.js');
-require('./index-81b6d687.js');
+require('./WhatsApp-7a8ce6f5.js');
+require('./Spinner-2a23a068.js');
+require('./index-154db5d6.js');
 require('@emotion/styled');
-require('./index-8787434b.js');
-require('./index-d9b82e4b.js');
-require('./index-300390af.js');
+require('./index-2ba87e5f.js');
+require('./index-0169302c.js');
+require('./index-21721fd8.js');
 require('@emotion/react');
-require('./index-da16432e.js');
-require('./index-2d70d4e7.js');
-require('./index.styles-8d3c2b49.js');
+require('./index-54cdca11.js');
+require('./index-16a59c01.js');
+require('./index.styles-a041db8f.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-4648b85d.js → index-f25238da.js}

@@ -1,23 +1,23 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-59334fbe.js');
+var tslib_es6 = require('./tslib.es6-8567bd3a.js');
 var React = require('react');
 var core = require('@mantine/core');
 var form = require('@mantine/form');
-require('./index-272a4dc6.js');
-var index$3 = require('./index-344717a1.js');
-var index$4 = require('./index-99580bca.js');
-require('./index-77414f22.js');
-require('./index-f63e34bd.js');
-require('./index.styles-8d3c2b49.js');
-var index = require('./index-dac436fb.js');
+require('./index-5cea2e7e.js');
+var index$3 = require('./index-4d7b7397.js');
+var index$4 = require('./index-8a55b9eb.js');
+require('./index-d74ed0ad.js');
+require('./index-21d2ecb5.js');
+require('./index.styles-a041db8f.js');
+var index = require('./index-3616dd8f.js');
 require('@mantine/hooks');
-require('./index-f8151eba.js');
-require('./utils-f9057fe0.js');
-require('./index-cebb5e03.js');
-var context = require('./context-f3fd2ea2.js');
-var index$1 = require('./index-014b0915.js');
-var index$2 = require('./index-b9c4c743.js');
+require('./index-9fd67ffa.js');
+require('./utils-9bf7b1d3.js');
+require('./index-c1c225e5.js');
+var context = require('./context-b40ad98a.js');
+var index$1 = require('./index-95e7036f.js');
+var index$2 = require('./index-c668674c.js');
 var other = require('@hhgtech/icons/other');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }