@hhgtech/hhg-components 1.29.536 → 1.29.537

package/build/{index-582b6b2b.js → index-7fc26a69.js}

@@ -1,38 +1,39 @@
 'use strict';
 
 var React = require('react');
-var index = require('./index-83e3614e.js');
+var index = require('./index-ee76918b.js');
 var miscCookieHelper = require('./miscCookieHelper.js');
-var index$2 = require('./index-c082533c.js');
-var normalizeLink = require('./normalizeLink-e08fe260.js');
+var index$2 = require('./index-d1e8ac56.js');
+var normalizeLink = require('./normalizeLink-a9302574.js');
 var miscTheme = require('./miscTheme.js');
-var index$1 = require('./index-4319f797.js');
-var utils = require('./utils-6eab4fd9.js');
-var index$3 = require('./index-c3b20299.js');
-var types = require('./types-8f5be5d3.js');
+var index$1 = require('./index-7dc88c1f.js');
+var utils = require('./utils-2eb4466c.js');
+var index$3 = require('./index-8b96578a.js');
+var types = require('./types-1cdab6ff.js');
 var styled = require('@emotion/styled');
-var utils$1 = require('./utils-ea9873c8.js');
+var utils$1 = require('./utils-306429fa.js');
 var core = require('@mantine/core');
 var api = require('@react-google-maps/api');
 var classNames = require('classnames');
-var index$4 = require('./index-afa3dc6b.js');
-var constants = require('./constants-86dae49a.js');
-var index$5 = require('./index-9c82989e.js');
-var localizeNumberFormat = require('./localizeNumberFormat-a521a72e.js');
-var tslib_es6 = require('./tslib.es6-7283d678.js');
+var index$4 = require('./index-e4b8e3d6.js');
+var constants = require('./constants-d40301f9.js');
+var index$5 = require('./index-be89d656.js');
+var localizeNumberFormat = require('./localizeNumberFormat-6e427746.js');
+var tslib_es6 = require('./tslib.es6-f3ad8b43.js');
 var hooks = require('@mantine/hooks');
-var index$8 = require('./index-0a45b1d0.js');
+var index$7 = require('./index-99cb93d3.js');
+var index$9 = require('./index-996a91f0.js');
 var PhoneInputBase = require('react-phone-number-input');
-var index$7 = require('./index-4a64c7b3.js');
-var index$a = require('./index-1bdcb35d.js');
-var index$6 = require('./index-f62272d2.js');
-var index$b = require('./index-2fbeef9c.js');
-var index$9 = require('./index-01436280.js');
-var index$c = require('./index-85411e49.js');
-var Close = require('./Close-f4d517c5.js');
-var utils$2 = require('./utils-451cd6ba.js');
-var index$d = require('./index-6907df53.js');
-var index$e = require('./index-1ecbe263.js');
+var index$8 = require('./index-515315ae.js');
+var index$b = require('./index-3901d506.js');
+var index$6 = require('./index-3ea795da.js');
+var index$c = require('./index-ec91a3b2.js');
+var index$a = require('./index-f4436cfc.js');
+var index$e = require('./index-f72fe2bb.js');
+var index$d = require('./index-040b42e3.js');
+var utils$2 = require('./utils-d17b528c.js');
+var index$f = require('./index-ccaa7987.js');
+var index$g = require('./index-07eeaee2.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -994,8 +995,8 @@ const StyledButton$1 = styled__default["default"](index$6.Button) `
     gap: 8px;
   }
 `;
-styled__default["default"](index$1.DrawerBottom) ``;
-const StyledPhone$1 = styled__default["default"](index$7.Phone) `
+styled__default["default"](index$7.DrawerBottom) ``;
+const StyledPhone$1 = styled__default["default"](index$8.Phone) `
   --custom-primary-text: #111111;
   .PhoneInputCountry {
     pointer-events: none;
@@ -1018,7 +1019,7 @@ const StyledPhone$1 = styled__default["default"](index$7.Phone) `
     }
   }
 `;
-const StyledInputWrapper$1 = styled__default["default"](index$7.Input.Wrapper) `
+const StyledInputWrapper$1 = styled__default["default"](index$8.Input.Wrapper) `
   --phone-input-space-x: -8px;
   .mantine-Text-root[data-size='c1'] {
     font-size: 0.75rem;
@@ -1045,7 +1046,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$8.useTextStyles();
+    const { classes } = index$9.useTextStyles();
     const validatePhone = (value) => {
         try {
             if (!value) {
@@ -1089,17 +1090,17 @@ function CollectPhoneForm({ onSubmit, title, formType = formPhoneType.ZALO, isLo
                 t('collectPhoneNumber.title', {
                     name: formType,
                 })),
-            React__namespace["default"].createElement(index$8.TextField, { shrink: !!phone, className: core.clsx('leadgen-form_input w-full', {
+            React__namespace["default"].createElement(index$9.TextField, { shrink: !!phone, className: core.clsx('leadgen-form_input w-full', {
                     'leadgen-form_field_error': !!(isSubmitted && errorMessage),
                 }) },
-                React__namespace["default"].createElement(index$8.TextField.Control, { htmlFor: "collection_phone_input" }, ({ shrink }) => (React__namespace["default"].createElement(StyledInputWrapper$1, { "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 &&
+                React__namespace["default"].createElement(index$9.TextField.Control, { htmlFor: "collection_phone_input" }, ({ shrink }) => (React__namespace["default"].createElement(StyledInputWrapper$1, { "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 &&
                         errorMessage && (React__namespace["default"].createElement(core.Flex, { align: 'center', gap: 4 },
-                        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(index$8.ErrorIcon, { size: 12 }),
+                        React__namespace["default"].createElement(index$a.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$a.GlobalTextStyleNew(theme)[index$a.CustomStylesType.LEADGEN].p2), { fontWeight: index$a.FontWeight.halfBold }),
+                            '.PhoneInput .PhoneInputInput': Object.assign(Object.assign({}, index$b.GlobalTextStyleNew(theme)[index$b.CustomStylesType.LEADGEN].p2), { fontWeight: index$b.FontWeight.halfBold }),
                         }) },
-                        React__namespace["default"].createElement(StyledPhone$1, { 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$1], arrowComponent: () => React__namespace["default"].createElement(React__namespace["default"].Fragment, null) }))))))),
+                        React__namespace["default"].createElement(StyledPhone$1, { 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$1], arrowComponent: () => React__namespace["default"].createElement(React__namespace["default"].Fragment, null) }))))))),
         React__namespace["default"].createElement("div", { className: "action actionBox" },
             React__namespace["default"].createElement(StyledButton$1, { variant: "primary", onClick: handleSubmit, fullWidth: true, size: "lg", loading: isLoading },
                 React__namespace["default"].createElement("div", null, t('collectPhoneNumber.action')),
@@ -1163,7 +1164,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$4.ZINDEX_SSO - 9e6, zIndex: index$4.ZINDEX_SSO, repositionInputs: false, isLinear: currentStep === exports.EPopupCollectPhoneStep.SUCCESS }, drawerProps),
+        React__namespace["default"].createElement(index$7.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 })))));
 }
@@ -1368,7 +1369,7 @@ const StyledButton = styled__default["default"](index$6.Button) `
     gap: 8px;
   }
 `;
-const StyledDrawerBottom = styled__default["default"](index$1.DrawerBottom) `
+const StyledDrawerBottom = styled__default["default"](index$7.DrawerBottom) `
   ${utils$1.MediaQueries.mbDown} {
     .mantine-Modal-content {
       height: 100dvh;
@@ -1384,7 +1385,7 @@ const StyledDrawerBottom = styled__default["default"](index$1.DrawerBottom) `
     }
   }
 `;
-const StyledPhone = styled__default["default"](index$7.Phone) `
+const StyledPhone = styled__default["default"](index$8.Phone) `
   --custom-primary-text: #111111;
   .PhoneInputCountry {
     pointer-events: none;
@@ -1407,7 +1408,7 @@ const StyledPhone = styled__default["default"](index$7.Phone) `
     }
   }
 `;
-const StyledInputWrapper = styled__default["default"](index$7.Input.Wrapper) `
+const StyledInputWrapper = styled__default["default"](index$8.Input.Wrapper) `
   --phone-input-space-x: -8px;
   .mantine-Text-root[data-size='c1'] {
     font-size: 0.75rem;
@@ -1436,7 +1437,7 @@ function RequestConsultationForm({ onSubmit, onClose, title, isLoading, locale,
     const [phoneError, setPhoneError] = React.useState('');
     const [genderError, setGenderError] = React.useState('');
     const [isSubmitted, setIsSubmitted] = React.useState(false);
-    const { classes } = index$8.useTextStyles();
+    const { classes } = index$9.useTextStyles();
     const defaultCountry = (locale ? utils$2.MAPPED_LOCALE[locale] || 'VN' : 'VN');
     const validatePhone = (value) => {
         try {
@@ -1502,35 +1503,35 @@ function RequestConsultationForm({ onSubmit, onClose, title, isLoading, locale,
             React__namespace["default"].createElement("div", { className: "formHeaderIcon" },
                 React__namespace["default"].createElement(Comment, { width: 24, height: 24 })),
             React__namespace["default"].createElement("button", { type: "button", className: "formCloseButton", onClick: onClose, "aria-label": t('common.action.close') },
-                React__namespace["default"].createElement(Close.Close, { width: 20, height: 20 }))),
+                React__namespace["default"].createElement(index$d.Close, { width: 20, height: 20 }))),
         React__namespace["default"].createElement("div", { className: "formTitleBlock" },
             React__namespace["default"].createElement("h2", { className: "formTitle" }, title || t('popupRequestConsultation.title')),
             React__namespace["default"].createElement("p", { className: "formSubtitle" }, t('popupRequestConsultation.subtitle'))),
         React__namespace["default"].createElement("div", { className: "info" },
-            React__namespace["default"].createElement(index$8.TextField, { shrink: !!name, className: core.clsx('leadgen-form_input w-full', {
+            React__namespace["default"].createElement(index$9.TextField, { shrink: !!name, className: core.clsx('leadgen-form_input w-full', {
                     'leadgen-form_field_error': !!(isSubmitted && nameError),
                 }) },
-                React__namespace["default"].createElement(index$8.TextField.Control, { htmlFor: "request_consultation_name_input" }, ({ shrink }) => (React__namespace["default"].createElement(StyledInputWrapper, { "data-invalid": !!(isSubmitted && nameError), labelElement: "div", label: React__namespace["default"].createElement(index$9.Text, { size: shrink ? 'p3' : 'p2', variant: "secondary", weight: "halfBold" }, t('popupRequestConsultation.yourName')), inputWrapperOrder: ['label', 'input', 'description', 'error'], error: isSubmitted &&
+                React__namespace["default"].createElement(index$9.TextField.Control, { htmlFor: "request_consultation_name_input" }, ({ shrink }) => (React__namespace["default"].createElement(StyledInputWrapper, { "data-invalid": !!(isSubmitted && nameError), labelElement: "div", label: React__namespace["default"].createElement(index$a.Text, { size: shrink ? 'p3' : 'p2', variant: "secondary", weight: "halfBold" }, t('popupRequestConsultation.yourName')), inputWrapperOrder: ['label', 'input', 'description', 'error'], error: isSubmitted &&
                         nameError && (React__namespace["default"].createElement(core.Flex, { align: 'center', gap: 4 },
-                        React__namespace["default"].createElement(index$7.ErrorIcon, { size: 12 }),
-                        React__namespace["default"].createElement(index$9.Text, { size: "c1", variant: "error" }, nameError))) },
-                    React__namespace["default"].createElement(index$7.Input, { id: "request_consultation_name_input", value: name, onChange: (value) => {
+                        React__namespace["default"].createElement(index$8.ErrorIcon, { size: 12 }),
+                        React__namespace["default"].createElement(index$a.Text, { size: "c1", variant: "error" }, nameError))) },
+                    React__namespace["default"].createElement(index$8.Input, { id: "request_consultation_name_input", value: name, onChange: (value) => {
                             setName(value !== null && value !== void 0 ? value : '');
                             if (isSubmitted && nameError)
                                 setNameError('');
                         }, placeholder: " ", classNames: { input: `mantine-Input-input ${classes.p2}` } }))))),
-            React__namespace["default"].createElement(index$8.TextField, { shrink: !!phone, className: core.clsx('leadgen-form_input w-full', {
+            React__namespace["default"].createElement(index$9.TextField, { shrink: !!phone, className: core.clsx('leadgen-form_input w-full', {
                     'leadgen-form_field_error': !!(isSubmitted && phoneError),
                 }) },
-                React__namespace["default"].createElement(index$8.TextField.Control, { htmlFor: "request_consultation_phone_input" }, ({ shrink }) => (React__namespace["default"].createElement(StyledInputWrapper, { "data-invalid": !!(isSubmitted && phoneError), labelElement: "div", label: React__namespace["default"].createElement(index$9.Text, { size: shrink ? 'p3' : 'p2', variant: "secondary", weight: "halfBold" }, t('popupRequestConsultation.phoneLabel')), inputWrapperOrder: ['label', 'input', 'description', 'error'], error: isSubmitted &&
+                React__namespace["default"].createElement(index$9.TextField.Control, { htmlFor: "request_consultation_phone_input" }, ({ shrink }) => (React__namespace["default"].createElement(StyledInputWrapper, { "data-invalid": !!(isSubmitted && phoneError), labelElement: "div", label: React__namespace["default"].createElement(index$a.Text, { size: shrink ? 'p3' : 'p2', variant: "secondary", weight: "halfBold" }, t('popupRequestConsultation.phoneLabel')), inputWrapperOrder: ['label', 'input', 'description', 'error'], error: isSubmitted &&
                         phoneError && (React__namespace["default"].createElement(core.Flex, { align: 'center', gap: 4 },
-                        React__namespace["default"].createElement(index$7.ErrorIcon, { size: 12 }),
-                        React__namespace["default"].createElement(index$9.Text, { size: "c1", variant: "error" }, phoneError))) },
+                        React__namespace["default"].createElement(index$8.ErrorIcon, { size: 12 }),
+                        React__namespace["default"].createElement(index$a.Text, { size: "c1", variant: "error" }, phoneError))) },
                     React__namespace["default"].createElement(core.Box, { className: "mantine-Input-wrapper", sx: (theme) => ({
-                            '.PhoneInput .PhoneInputInput': Object.assign(Object.assign({}, index$a.GlobalTextStyleNew(theme)[index$a.CustomStylesType.LEADGEN].p2), { fontWeight: index$a.FontWeight.halfBold }),
+                            '.PhoneInput .PhoneInputInput': Object.assign(Object.assign({}, index$b.GlobalTextStyleNew(theme)[index$b.CustomStylesType.LEADGEN].p2), { fontWeight: index$b.FontWeight.halfBold }),
                         }) },
                         React__namespace["default"].createElement(StyledPhone, { inputId: "request_consultation_phone_input", onChange: handlePhoneChange, className: `mantine-Input-input ${classes.p2}`, name: "phoneNumber", spellCheck: false, placeholder: " ", defaultCountry: defaultCountry, 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(index$c.GenderOptionControl, { id: "gender-option-control-consultation", label: t('popupRequestConsultation.gender'), type: "button", value: gender || undefined, onChange: (v) => {
+            React__namespace["default"].createElement(index$e.GenderOptionControl, { id: "gender-option-control-consultation", label: t('popupRequestConsultation.gender'), type: "button", value: gender || undefined, onChange: (v) => {
                     setGender(v);
                     if (isSubmitted && genderError)
                         setGenderError('');
@@ -1644,7 +1645,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$f.ImageWrap) `
   /* object-contain object-center aspect-square  */
   width: 44px;
   height: 44px;
@@ -1712,7 +1713,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$9.Text, { size: "p3", weight: "regular", color: "inherit" }, t(isOpened ? 'hospital.status.opening' : 'hospital.status.closed')))),
+                React__namespace["default"].createElement(index$a.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` }))),
@@ -1747,7 +1748,7 @@ const StyledInsuranceContainer = styled__default["default"].div `
     padding: 1rem 0;
   }
 `;
-const StyledInsuranceList = styled__default["default"](index$e.InsuranceList) `
+const StyledInsuranceList = styled__default["default"](index$g.InsuranceList) `
   gap: 8px;
   margin-top: 1rem;
   & .insuranceItem > .insuranceLogo {
@@ -1771,7 +1772,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$g.PaymentList, { payments: hospitalInfo.accepted_payments, isMobile: isMobile })))));
 }
 
 const defaultValue = {
@@ -1829,7 +1830,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$g.ArrowRightBlue) `
   width: 0.65rem;
   height: 0.65rem;
   & > path {
@@ -1847,15 +1848,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$g.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$g.DoctorExpertiseItem, { doctorInfo: doctorInformation.clinics, Icon: index$g.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$g.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$9.Text, { size: "p2", weight: "halfBold", color: miscTheme.theme.colors.primaryBase }, t('common.readMore')),
+                        React__namespace["default"].createElement(index$a.Text, { size: "p2", weight: "halfBold", color: miscTheme.theme.colors.primaryBase }, t('common.readMore')),
                         React__namespace["default"].createElement(StyledArrowRightBlue, null)))))))));
 };
 DoctorExpertise.Expertise = () => {
@@ -1863,14 +1864,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$g.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$g.DoctorExpertiseItem, { doctorInfo: otherHighlights, Icon: Highlight, title: t('common.otherHighlights') }));
 };
 
 const ArticleCardStyled = styled__default["default"].div `
@@ -1903,7 +1904,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$f.ImageWrap, { alt: altText || articleTitle || 'article-image', src: image || defaultImage, style: {
                 width: '100%',
                 height: core.rem(143.5),
                 objectFit: 'cover',
@@ -1911,16 +1912,16 @@ const ArticleDetailCard = (props) => {
             } }),
         React__namespace["default"].createElement(ArticleCardContentStyled, null,
             React__namespace["default"].createElement(ArticleCardContentTitleStyled, null,
-                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(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(ArticleDoctorStyled, null,
-                React__namespace["default"].createElement(index$d.ImageWrap, { alt: `${t('common.articleCard.reviewedDoctor')} ${doctorName}`, src: doctorAvatar || defaultDoctorAvatar, style: {
+                React__namespace["default"].createElement(index$f.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$9.Text, { size: "c1", weight: "regular", color: miscTheme.theme.colors.gray800, lineClamp: 1 },
+                    React__namespace["default"].createElement(index$a.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-a9ed52dc.js → index-88ec5c51.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var index$1 = require('./index-ab4df761.js');
-var index$2 = require('./index-afa3dc6b.js');
-var index = require('./index-09fade11.js');
+var index$1 = require('./index-5e4f18e0.js');
+var index$2 = require('./index-e4b8e3d6.js');
+var index = require('./index-4cdd5174.js');
 var Cookies = require('js-cookie');
 var uuid = require('uuid');
 var constantsIsProduction = require('./constantsIsProduction.js');

package/build/{index-c3b20299.js → index-8b96578a.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-7283d678.js');
+var tslib_es6 = require('./tslib.es6-f3ad8b43.js');
 var React = require('react');
-var index = require('./index-f62272d2.js');
+var index = require('./index-3ea795da.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-1cd33c7a.js → index-933e2cab.js}

@@ -1,27 +1,27 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-7283d678.js');
+var tslib_es6 = require('./tslib.es6-f3ad8b43.js');
 var React = require('react');
 var form = require('@mantine/form');
-var useHealthToolCache = require('./useHealthToolCache-bd9bc44d.js');
-var index = require('./index-83e3614e.js');
-var index$6 = require('./index-c082533c.js');
-var constants = require('./constants-86dae49a.js');
-var index$2 = require('./index-85411e49.js');
-var index$5 = require('./index-4a64c7b3.js');
-var index$3 = require('./index-6984b858.js');
-var index$4 = require('./index-01436280.js');
-require('./index-f62272d2.js');
+var useHealthToolCache = require('./useHealthToolCache-9ceec15f.js');
+var index = require('./index-ee76918b.js');
+var index$6 = require('./index-d1e8ac56.js');
+var constants = require('./constants-d40301f9.js');
+var index$2 = require('./index-f72fe2bb.js');
+var index$5 = require('./index-515315ae.js');
+var index$3 = require('./index-f88149b4.js');
+var index$4 = require('./index-f4436cfc.js');
+require('./index-3ea795da.js');
 require('@mantine/core');
-require('./index-1bdcb35d.js');
-require('./index.styles-3032593e.js');
+require('./index-3901d506.js');
+require('./index.styles-43945286.js');
 require('@mantine/hooks');
-require('./index-2fbeef9c.js');
-require('./utils-ea9873c8.js');
-require('./index-9fbde625.js');
-require('./index-afa3dc6b.js');
-var context = require('./context-61312655.js');
-var index$1 = require('./index-6495b599.js');
+require('./index-ec91a3b2.js');
+require('./utils-306429fa.js');
+require('./index-9e5eccef.js');
+require('./index-e4b8e3d6.js');
+var context = require('./context-0f527f76.js');
+var index$1 = require('./index-7ed2d7a2.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-e662cbe0.js → index-9644cab5.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 var React = require('react');
-var index = require('./index-83e3614e.js');
-var index$1 = require('./index-c3b20299.js');
+var index = require('./index-ee76918b.js');
+var index$1 = require('./index-8b96578a.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-0a45b1d0.js → index-996a91f0.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 var core = require('@mantine/core');
-var index$1 = require('./index-1bdcb35d.js');
-var tslib_es6 = require('./tslib.es6-7283d678.js');
+var index$1 = require('./index-3901d506.js');
+var tslib_es6 = require('./tslib.es6-f3ad8b43.js');
 var React = require('react');
 var hooks = require('@mantine/hooks');
 var react = require('@emotion/react');

package/build/index-99cb93d3.js

@@ -0,0 +1,127 @@
+'use strict';
+
+var tslib_es6 = require('./tslib.es6-f3ad8b43.js');
+var React = require('react');
+var core = require('@mantine/core');
+var index = require('./index-040b42e3.js');
+var vaul = require('vaul');
+var styled = require('@emotion/styled');
+var miscTheme = require('./miscTheme.js');
+var index$1 = require('./index-e4b8e3d6.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+var styled__default = /*#__PURE__*/_interopDefault(styled);
+
+styled__default["default"](index.DrawerComponent) `
+  /* max-height: 100vh;
+  max-height: 100dvh; */
+  background-color: white;
+
+  &[data-vaul-drawer-direction='bottom'] {
+    top: initial !important;
+    border-top-left-radius: 16px !important;
+    border-top-right-radius: 16px !important;
+    padding-bottom: 32px;
+    padding-left: 20px;
+    padding-right: 20px;
+  }
+
+  .drawer__handle {
+    width: 44px;
+    height: 3px;
+    background-color: ${miscTheme.theme.colors.neutral500};
+    margin: 16px auto;
+    flex-shrink: 0;
+  }
+`;
+const StyledDrawerBottomContent = styled__default["default"](vaul.Drawer.Content) `
+  position: fixed;
+  z-index: ${index$1.ZINDEX_SSO - 9e6 + 1};
+  inset: 0;
+  background-color: #fff;
+  outline: none !important;
+
+  &[data-is-linear='true'] {
+    background: linear-gradient(180deg, #c3e3ff 1.86%, #fff 20%) !important;
+  }
+
+  &::-webkit-scrollbar {
+    width: 6px;
+    height: 6px;
+  }
+
+  &::-webkit-scrollbar-track {
+    background-color: transparent;
+  }
+
+  &::-webkit-scrollbar-thumb {
+    background-color: rgba(0, 0, 0, 0.4);
+    border-radius: 6px;
+  }
+
+  &[data-vaul-drawer-direction='bottom'] {
+    top: initial;
+    border-top-left-radius: 16px;
+    border-top-right-radius: 16px;
+    /* padding-bottom: 16px; */
+  }
+
+  ${(props) => props.isDragging &&
+    `
+      input {
+        caret-color: transparent;
+      }
+    `}
+`;
+const StyledDrawerBottomOverlay = styled__default["default"](vaul.Drawer.Overlay) `
+  position: fixed;
+  inset: 0;
+  z-index: ${index$1.ZINDEX_SSO - 9e6};
+  width: 100%;
+  max-height: 100%;
+  background-color: rgb(0, 0, 0, 0.4);
+`;
+const StyledDrawerBottomHandler = styled__default["default"](vaul.Drawer.Handle) `
+  &[data-vaul-handle] {
+    width: 44px;
+    height: 3px;
+    background-color: ${miscTheme.theme.colors.neutral500};
+    margin: 16px auto;
+    flex-shrink: 0;
+  }
+`;
+
+function DrawerBottom(_a) {
+    var { children, onClose, isOpen, onOpenChange, isMobile, classNames, isLinear, overlayClassName, contentClassName, handlerClassName, drawerOverlayProps } = _a, restProps = tslib_es6.__rest(_a, ["children", "onClose", "isOpen", "onOpenChange", "isMobile", "classNames", "isLinear", "overlayClassName", "contentClassName", "handlerClassName", "drawerOverlayProps"]);
+    const { isDragging, handleDragStart, handleDragEnd } = index.useDrawerDrag();
+    const _b = restProps, { onDrag: onDragFromProps, onRelease: onReleaseFromProps } = _b, drawerRest = tslib_es6.__rest(_b, ["onDrag", "onRelease"]);
+    if (isMobile) {
+        return (React__default["default"].createElement(vaul.Drawer.Root, Object.assign({}, drawerRest, { open: isOpen, onOpenChange: onOpenChange, onClose: onClose, onDrag: (event, percentageDragged) => {
+                handleDragStart();
+                onDragFromProps === null || onDragFromProps === void 0 ? void 0 : onDragFromProps(event, percentageDragged);
+            }, onRelease: (event, openAfterRelease) => {
+                handleDragEnd();
+                onReleaseFromProps === null || onReleaseFromProps === void 0 ? void 0 : onReleaseFromProps(event, openAfterRelease);
+            } }),
+            React__default["default"].createElement(vaul.Drawer.Portal, null,
+                React__default["default"].createElement(StyledDrawerBottomOverlay, Object.assign({ className: core.clsx(overlayClassName, 'drawer__overlay') }, drawerOverlayProps)),
+                React__default["default"].createElement(StyledDrawerBottomContent, { isDragging: isDragging, className: core.clsx(contentClassName, 'drawer__content'), "data-is-linear": isLinear },
+                    React__default["default"].createElement(vaul.Drawer.Title, { style: { display: 'none' } }),
+                    React__default["default"].createElement(StyledDrawerBottomHandler, { className: core.clsx(handlerClassName, 'drawer__handle') }),
+                    children))));
+    }
+    return (React__default["default"].createElement(core.Modal, Object.assign({ withCloseButton: true, centered: true, zIndex: 500, size: "auto", classNames: classNames, radius: "lg" }, restProps, { onClose: onClose, opened: isOpen, styles: {
+            root: {
+                maxHeight: '400px',
+            },
+            body: {
+                background: isLinear
+                    ? 'linear-gradient(180deg, #A5D4FF 0%, #FFFFFF 20%)'
+                    : undefined,
+            },
+        } }), children));
+}
+
+exports.DrawerBottom = DrawerBottom;

package/build/{index-9fbde625.js → index-9e5eccef.js}

@@ -1,11 +1,11 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-7283d678.js');
+var tslib_es6 = require('./tslib.es6-f3ad8b43.js');
 var React = require('react');
 var other = require('@hhgtech/icons/other');
 var core = require('@mantine/core');
-var index = require('./index-f62272d2.js');
-var index$1 = require('./index-01436280.js');
+var index = require('./index-3ea795da.js');
+var index$1 = require('./index-f4436cfc.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-338c0144.js → index-a38b2957.js}

@@ -1,10 +1,10 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-7283d678.js');
+var tslib_es6 = require('./tslib.es6-f3ad8b43.js');
 var React = require('react');
 var core = require('@mantine/core');
-var index$1 = require('./index-01436280.js');
-var index = require('./index-83e3614e.js');
+var index$1 = require('./index-f4436cfc.js');
+var index = require('./index-ee76918b.js');
 var miscTheme = require('./miscTheme.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-e13f79db.js → index-a4d22ccd.js}

@@ -1,10 +1,10 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-7283d678.js');
+var tslib_es6 = require('./tslib.es6-f3ad8b43.js');
 var React = require('react');
 var miscTheme = require('./miscTheme.js');
-var WhatsApp = require('./WhatsApp-fedf6866.js');
-var Spinner = require('./Spinner-29eba46b.js');
+var WhatsApp = require('./WhatsApp-327ec129.js');
+var Spinner = require('./Spinner-464320d3.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-4a95b05a.js → index-a5405af0.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 var React = require('react');
-var index$1 = require('./index-e13f79db.js');
-var index = require('./index-83e3614e.js');
+var index$1 = require('./index-a4d22ccd.js');
+var index = require('./index-ee76918b.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }