@hhgtech/hhg-components 1.29.426 → 1.29.428-beta-1

package/build/esm/{index-39422a01.js → index-d1cf6769.js}

@@ -1,20 +1,20 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-ca7ad81a.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-7b2139eb.js';
 import React__default, { useMemo, useEffect, useRef, useContext, useState } from 'react';
 import { User } from '@hhgtech/icons/core';
-import { S as Spinner } from './Spinner-e2372478.js';
-import { a as Avatar } from './index-caa5e1d0.js';
-import { B as Button } from './index-0c17e028.js';
-import { T as Text } from './index-60042364.js';
-import { u as useTranslations } from './index-4d014b3b.js';
-import { C as CommonGAssets } from './index-d21e5ac4.js';
+import { S as Spinner } from './Spinner-d55b953b.js';
+import { a as Avatar } from './index-89cf8199.js';
+import { B as Button } from './index-c86117e4.js';
+import { T as Text } from './index-8e31f657.js';
+import { u as useTranslations } from './index-afe6085f.js';
+import { C as CommonGAssets } from './index-99d47c00.js';
 import { theme } from './miscTheme.js';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-6bddb1bf.js';
+import { M as MediaQueries } from './utils-1e0330c1.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 import cn from 'classnames';
-import { a as CARE_LOCALES, c as CARE_BOOKING_LOCALES, T as TOGETHER_LOCALES, E as ECOM_LOCALES, d as VIDEO_LOCALES } from './index-20c22407.js';
-import { i as domainLocalesMarryBaby } from './utils-ef2933c6.js';
-import { g as getCurrentBaseUrl, a as getCurrentSsoUrl, b as getTogetherApiDomain, c as getDiscoverApiDomain } from './normalizeLink-351b5950.js';
+import { a as CARE_LOCALES, c as CARE_BOOKING_LOCALES, T as TOGETHER_LOCALES, E as ECOM_LOCALES, d as VIDEO_LOCALES } from './index-8a1c0f96.js';
+import { i as domainLocalesMarryBaby } from './utils-8d13ecca.js';
+import { g as getCurrentBaseUrl, a as getCurrentSsoUrl, b as getTogetherApiDomain, c as getDiscoverApiDomain } from './normalizeLink-dbd854ae.js';
 import { domainLocales } from './constantsDomainLocales.js';
 import { ProfileNavigation } from './profileNavigation.js';
 import { NavigationLogoutPopup } from './navigationLogoutPopup.js';

package/build/esm/{index-b2bc4bcc.js → index-d29ed174.js}

@@ -1,53 +1,53 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-ca7ad81a.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-7b2139eb.js';
 import React__default, { createContext, useState, useContext, useEffect } from 'react';
-import { T as Tabs } from './index-2e5cbf2e.js';
-import { L as Loading } from './index-9749fab7.js';
-import './index-bf0c286c.js';
-import { g as formatArticle } from './dataTransform-0fafa03e.js';
+import { T as Tabs } from './index-d55c2070.js';
+import { L as Loading } from './index-5fa79508.js';
+import './index-6524dc07.js';
+import { g as formatArticle } from './dataTransform-c7566396.js';
 import { PATHS } from './togetherApiPaths.js';
-import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-ef2933c6.js';
+import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-8d13ecca.js';
 import { Minus, Plus } from '@hhgtech/icons/core';
 import { Collapse } from '@mantine/core';
-import { C as CardAuthor } from './index-410911c7.js';
-import { L as LOCALE } from './Locale-1adbd058.js';
+import { C as CardAuthor } from './index-58c50818.js';
+import { L as LOCALE } from './Locale-5be8188a.js';
 import '@hhgtech/icons/other';
-import './index-0c17e028.js';
-import './shared-9f63c003.js';
-import './text-594e9ab1.js';
-import './index-60042364.js';
-import './index-4d014b3b.js';
-import './translationsContext-5c3203aa.js';
-import './index-a928937d.js';
-import './index-5a149ebd.js';
+import './index-c86117e4.js';
+import './shared-08588d98.js';
+import './text-fe36a7f8.js';
+import './index-8e31f657.js';
+import './index-afe6085f.js';
+import './translationsContext-e45c090d.js';
+import './index-1b5b102d.js';
+import './index-7ef4b69d.js';
 import './miscCookieHelper.js';
 import 'slugify';
 import './constantsIsProduction.js';
 import 'string-format';
-import './constants-3ba45268.js';
+import './constants-7dd2be5f.js';
 import 'dayjs';
 import 'dayjs/plugin/relativeTime';
-import './utils-6bddb1bf.js';
-import './index-93da46ac.js';
-import './paths-4947f363.js';
-import './constants-32613d9d.js';
-import './index-20c22407.js';
+import './utils-1e0330c1.js';
+import './index-f5ef03a8.js';
+import './paths-6fbd4b6a.js';
+import './constants-768d67b8.js';
+import './index-8a1c0f96.js';
 import 'date-fns/locale';
 import './constantsSite.js';
 import './constantsDomainLocales.js';
 import './constantsRiskScreener.js';
-import './index-6c099508.js';
+import './index-ea6b1992.js';
 import './miscTheme.js';
-import './WhatsApp-57fb5cfa.js';
-import './Spinner-e2372478.js';
-import './index-316175b3.js';
+import './WhatsApp-2ce6f672.js';
+import './Spinner-d55b953b.js';
+import './index-afcd2e11.js';
 import '@emotion/styled';
-import './index-6e6adf66.js';
-import './index-d21e5ac4.js';
-import './index-454aabe6.js';
+import './index-419ca2b8.js';
+import './index-99d47c00.js';
+import './index-77272775.js';
 import '@emotion/react';
-import './index-d9b10070.js';
-import './index-c5d523f7.js';
-import './index.styles-90350fcf.js';
+import './index-0c235141.js';
+import './index-85e80779.js';
+import './index.styles-a80ccc56.js';
 
 const ProfileDetailContext = createContext({});
 

package/build/esm/{index-2e5cbf2e.js → index-d55c2070.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-ca7ad81a.js';
+import { _ as __rest } from './tslib.es6-7b2139eb.js';
 import React__default, { useRef, useState, useEffect } from 'react';
 import { ArrowLeft, ArrowRight } from '@hhgtech/icons/other';
 import { createStyles, rem, Tabs as Tabs$1, ScrollArea } from '@mantine/core';
-import { B as Button } from './index-0c17e028.js';
-import { T as Text } from './index-60042364.js';
+import { B as Button } from './index-c86117e4.js';
+import { T as Text } from './index-8e31f657.js';
 
 var useStyles = createStyles((theme, params) => {
     const { variant } = params;

package/build/esm/{index-a41cfe2d.js → index-db50ac52.js}

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

package/build/esm/{index-ddcc418c.js → index-e545a30c.js}

@@ -1,12 +1,12 @@
-import { _ as __rest } from './tslib.es6-ca7ad81a.js';
+import { _ as __rest } from './tslib.es6-7b2139eb.js';
 import React__default from 'react';
 import { useMantineTheme, Image } from '@mantine/core';
 import { DatePickerInput } from '@mantine/dates';
-import { I as ISO_FORMAT } from './index-20c22407.js';
-import './index-bf0c286c.js';
-import { C as CommonGAssets } from './index-d21e5ac4.js';
-import { M as MAPPED_LOCALE } from './index-74e79996.js';
-import { L as LOCALE } from './Locale-1adbd058.js';
+import { I as ISO_FORMAT } from './index-8a1c0f96.js';
+import './index-6524dc07.js';
+import { C as CommonGAssets } from './index-99d47c00.js';
+import { M as MAPPED_LOCALE } from './index-07809b8a.js';
+import { L as LOCALE } from './Locale-5be8188a.js';
 
 // Omit<MantineDatePickerInputProps, 'value'>
 const DatePicker = (_a) => {

package/build/esm/{index-6c099508.js → index-ea6b1992.js}

@@ -1,8 +1,8 @@
-import { _ as __rest } from './tslib.es6-ca7ad81a.js';
+import { _ as __rest } from './tslib.es6-7b2139eb.js';
 import React__default from 'react';
 import { theme } from './miscTheme.js';
-import { W as WhatsApp, I as Instagram } from './WhatsApp-57fb5cfa.js';
-import { S as Spinner } from './Spinner-e2372478.js';
+import { W as WhatsApp, I as Instagram } from './WhatsApp-2ce6f672.js';
+import { S as Spinner } from './Spinner-d55b953b.js';
 
 const App = (_a) => {
     var { size = 24 } = _a, rest = __rest(_a, ["size"]);

package/build/esm/{index-1071a7c6.js → index-f4d17a9c.js}

@@ -1,24 +1,24 @@
-import { _ as __rest } from './tslib.es6-ca7ad81a.js';
+import { _ as __rest } from './tslib.es6-7b2139eb.js';
 import React__default, { createContext, useContext, useRef, useMemo, useState, useEffect } from 'react';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { u as useHealthToolsCache } from './useHealthToolCache-5614673b.js';
-import { u as useTranslations } from './index-4d014b3b.js';
-import { C as CommonGAssets } from './index-d21e5ac4.js';
-import { H as HEALTH_TOOL_TYPE } from './constants-3ba45268.js';
-import { G as GenderOptionControl } from './index-08b3741a.js';
-import { I as Input, S as Select } from './index-caa5e1d0.js';
-import { D as DatePicker } from './index-ddcc418c.js';
+import { u as useHealthToolsCache } from './useHealthToolCache-76f052de.js';
+import { u as useTranslations } from './index-afe6085f.js';
+import { C as CommonGAssets } from './index-99d47c00.js';
+import { H as HEALTH_TOOL_TYPE } from './constants-7dd2be5f.js';
+import { G as GenderOptionControl } from './index-39ca557b.js';
+import { I as Input, S as Select } from './index-89cf8199.js';
+import { D as DatePicker } from './index-e545a30c.js';
 import '@mantine/core';
-import './index-60042364.js';
-import './index-0c17e028.js';
-import './index.styles-90350fcf.js';
+import './index-8e31f657.js';
+import './index-c86117e4.js';
+import './index.styles-a80ccc56.js';
 import '@mantine/hooks';
-import './index-74e79996.js';
-import './text-594e9ab1.js';
-import './utils-6bddb1bf.js';
-import './index-2e5cbf2e.js';
-import './index-20c22407.js';
-import { H as HealthToolFormWrapper } from './index-ee87b5ad.js';
+import './index-07809b8a.js';
+import './text-fe36a7f8.js';
+import './utils-1e0330c1.js';
+import './index-d55c2070.js';
+import './index-8a1c0f96.js';
+import { H as HealthToolFormWrapper } from './index-a4126464.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
 const ThrFormContext = createContext({});

package/build/esm/{index-93da46ac.js → index-f5ef03a8.js}

@@ -1,12 +1,12 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-ca7ad81a.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-7b2139eb.js';
 import React__default, { useState, useMemo, useCallback } from 'react';
-import { u as useTranslations } from './index-4d014b3b.js';
+import { u as useTranslations } from './index-afe6085f.js';
 import { createStyles } from '@mantine/core';
-import { P as PATHS } from './paths-4947f363.js';
-import { L as LOCALIZED_SLUGS } from './constants-32613d9d.js';
-import { B as Button } from './index-0c17e028.js';
-import './index-20c22407.js';
-import { c as callApi, g as getCarePath } from './utils-ef2933c6.js';
+import { P as PATHS } from './paths-6fbd4b6a.js';
+import { L as LOCALIZED_SLUGS } from './constants-768d67b8.js';
+import { B as Button } from './index-c86117e4.js';
+import './index-8a1c0f96.js';
+import { c as callApi, g as getCarePath } from './utils-8d13ecca.js';
 import { domainLocales } from './constantsDomainLocales.js';
 import { isProduction } from './constantsIsProduction.js';
 

package/build/esm/{index-4c3cb3db.js → index-f918bc9e.js}

@@ -1,35 +1,34 @@
 import * as React from 'react';
 import React__default, { useMemo, useState, useEffect, useRef } from 'react';
-import { u as useTranslations } from './index-4d014b3b.js';
+import { u as useTranslations } from './index-afe6085f.js';
 import { getCookie } from './miscCookieHelper.js';
-import { C as CommonGAssets } from './index-d21e5ac4.js';
-import { n as normalizeLinkSlash, e as normalizeLink } from './normalizeLink-351b5950.js';
+import { C as CommonGAssets } from './index-99d47c00.js';
+import { n as normalizeLinkSlash, e as normalizeLink } from './normalizeLink-dbd854ae.js';
 import { theme } from './miscTheme.js';
-import { A as Avatar, I as IconWrapper, D as DistanceTag, S as ShapedArrowDown } from './index-058bca94.js';
-import { b as getTogetherUserPostsApiPath } from './index-d9018f5a.js';
-import { B as Button } from './index-a928937d.js';
-import { w as workingDays } from './types-6787a58f.js';
+import { A as Avatar, I as IconWrapper, D as DistanceTag, S as ShapedArrowDown } from './index-c7c54d0f.js';
+import { b as getTogetherUserPostsApiPath } from './index-812eff27.js';
+import { B as Button } from './index-1b5b102d.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-20c22407.js';
-import { L as LOCALISED_SLUGS } from './constants-3ba45268.js';
-import { T as Text } from './index-ec73a304.js';
-import { f as formatPhoneNumber } from './localizeNumberFormat-498e26c3.js';
-import { _ as __rest, a as __awaiter } from './tslib.es6-ca7ad81a.js';
+import { b as basePath, Z as ZINDEX_SSO } from './index-8a1c0f96.js';
+import { L as LOCALISED_SLUGS } from './constants-7dd2be5f.js';
+import { T as Text } from './index-9d9bf01d.js';
+import { f as formatPhoneNumber } from './localizeNumberFormat-1793a13f.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-7b2139eb.js';
 import { useDisclosure } from '@mantine/hooks';
 import { clsx, Modal, Flex, Box } from '@mantine/core';
+import { D as DrawerComponent, u as useDrawerDrag } from './index-c5df37f6.js';
 import { Drawer } from 'vaul';
-import { D as DrawerComponent } from './index-304b4db7.js';
-import { u as useTextStyles, T as TextField, E as ErrorIcon } from './index-2db6f2db.js';
+import { u as useTextStyles, T as TextField, E as ErrorIcon } from './index-96e84d05.js';
 import { parsePhoneNumber } from 'react-phone-number-input';
-import { G as GlobalTextStyleNew, C as CustomStylesType, F as FontWeight } from './text-594e9ab1.js';
-import { P as Phone, I as Input } from './index-caa5e1d0.js';
-import { B as Button$1 } from './index-0c17e028.js';
-import { M as MAPPED_LOCALE } from './index-74e79996.js';
-import { T as Text$1 } from './index-60042364.js';
-import { I as ImageWrap } from './index-6e6adf66.js';
-import { I as InsuranceList, P as PaymentList } from './index-d9cac89e.js';
+import { G as GlobalTextStyleNew, C as CustomStylesType, F as FontWeight } from './text-fe36a7f8.js';
+import { P as Phone, I as Input } from './index-89cf8199.js';
+import { B as Button$1 } from './index-c86117e4.js';
+import { M as MAPPED_LOCALE } from './index-07809b8a.js';
+import { T as Text$1 } from './index-8e31f657.js';
+import { I as ImageWrap } from './index-419ca2b8.js';
+import { I as InsuranceList, P as PaymentList } from './index-af9852ed.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),
@@ -470,12 +469,13 @@ const StyledFormatDataBox = styled.div `
   }
 `;
 
+const workingDays$1 = ['mon', 'tue', 'wed', 'thu', 'fri', 'sat', 'sun'];
 function OpeningHours({ workingTimes }) {
     const { t } = useTranslations();
     const formatData = useMemo(() => {
         const result = [];
         let currentKey = '';
-        workingDays.forEach((item) => {
+        workingDays$1.forEach((item) => {
             const dayData = workingTimes[item];
             if (dayData) {
                 const dayKey = dayData
@@ -641,18 +641,21 @@ const PhoneButton = styled(Button) `
   width: max-content;
 `;
 
-const Map = (props) => {
-    const { className, hospital, hasNoCard, isFullWidth, height = 256, width = 768, isUsingEmbedMap = true, isCardFloating = false, distance, isLoggedIn, locale, googleMapKey, onPhoneHospital, dataEventCategory, dataEventAction, dataEventLabel, } = props;
+const Map = ({ className, hospital, hasNoCard, isFullWidth, height = 256, width = 768, isUsingEmbedMap = true, isCardFloating = false, distance, isLoggedIn, locale, googleMapKey, onPhoneHospital, dataEventCategory, dataEventAction, dataEventLabel, }) => {
     const { latitude, longitude, address, name: hospitalName } = hospital;
     const lat = parseFloat(latitude);
     const lng = parseFloat(longitude);
-    const center = { lng, lat };
+    const center = {
+        lng: lng,
+        lat: lat,
+    };
     const mapCard = useRef(null);
     const { t } = useTranslations();
     const onLoad = React__default.useCallback(function callback(map) {
-        const bounds = new window.google.maps.LatLngBounds();
-        map.fitBounds(bounds);
-        setTimeout(() => map.setCenter(center), 100);
+        setTimeout(() => {
+            map.setZoom(14);
+            map.setCenter(center);
+        }, 100);
     }, []);
     const mapOptions = {
         mapTypeControl: false,
@@ -670,8 +673,8 @@ const Map = (props) => {
         React__default.createElement("div", { className: "map" },
             isUsingEmbedMap ? (React__default.createElement("iframe", { width: width, height: height, style: {
                     border: 0,
-                }, className: "aspect-ratio-map", loading: "lazy", allowFullScreen: true, src: `https://www.google.com/maps/embed/v1/place?key=${googleMapKey}&q=${hospital.latitude},${hospital.longitude}` })) : (React__default.createElement(LoadScript, { googleMapsApiKey: googleMapKey || '' },
-                React__default.createElement(GoogleMap, { mapContainerClassName: 'map', center: center, zoom: 15, onLoad: onLoad, options: mapOptions },
+                }, className: "aspect-ratio-map", loading: "lazy", allowFullScreen: true, src: `https://www.google.com/maps/embed/v1/place?key=${googleMapKey}&q=${hospital.latitude},${hospital.longitude}&zoom=14` })) : (React__default.createElement(LoadScript, { googleMapsApiKey: googleMapKey || '' },
+                React__default.createElement(GoogleMap, { mapContainerClassName: 'map', center: center, zoom: 14, onLoad: onLoad, options: mapOptions },
                     React__default.createElement(Marker, { position: center })))),
             !hasNoCard ? (React__default.createElement(StyledCard, { className: cn('map-card'), "data-is-full-width": isFullWidth || undefined, ref: mapCard },
                 React__default.createElement(StyledHospitalTitle, { href: `${basePath}${getHospitalUrl(locale, hospital)}` },
@@ -690,9 +693,32 @@ const Map = (props) => {
                             " km")))),
                 hospital.phone && (React__default.createElement(PhoneButton, { size: "md", color: "tertiary", isBlock: false, onClick: onPhoneHospital, icon: React__default.createElement(PhoneInactive, null), dataEventCategory: dataEventCategory, dataEventAction: dataEventAction, dataEventLabel: dataEventLabel }, isLoggedIn || locale === 'ms-MY'
                     ? hospital.phone
-                    : t('doctorInfoComponent.loginToCall'))))) : null)));
+                    : t('doctorInfoComponent.loginToCall'))))) : null
+        // <a
+        //   href={`https://www.google.com/maps/dir/?api=1&destination=${lat},${lng}`}
+        //   target="_blank"
+        //   rel="noreferrer"
+        //   role="button"
+        //   tabIndex={0}
+        //   aria-label="Navigate to Google Maps to view full directions to your desination"
+        //   className={styles.directionsNo}
+        //   data-event-category="Care"
+        //   data-event-action="Get Direction Click"
+        //   data-event-label={`https://${domainLocales[locale]}${basePath}${asPath}`}
+        // >
+        //   {f({
+        //     id: 'map.viewDirections',
+        //     defaultMessage: 'View directions',
+        //   })}
+        // </a>
+        )));
 };
 
+/* eslint-disable prettier/prettier */
+const Email = (props) => (React.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 16 16", fill: "none" }, props),
+    React.createElement("path", { d: "M2 4.66668C2 4.31305 2.14048 3.97392 2.39052 3.72387C2.64057 3.47382 2.97971 3.33334 3.33333 3.33334H12.6667C13.0203 3.33334 13.3594 3.47382 13.6095 3.72387C13.8595 3.97392 14 4.31305 14 4.66668V11.3333C14 11.687 13.8595 12.0261 13.6095 12.2762C13.3594 12.5262 13.0203 12.6667 12.6667 12.6667H3.33333C2.97971 12.6667 2.64057 12.5262 2.39052 12.2762C2.14048 12.0261 2 11.687 2 11.3333V4.66668Z", stroke: "#111111", strokeWidth: 1.2, strokeLinecap: "round", strokeLinejoin: "round" }),
+    React.createElement("path", { d: "M2 4.66666L8 8.66666L14 4.66666", stroke: "#111111", strokeWidth: 1.2, strokeLinecap: "round", strokeLinejoin: "round" })));
+
 // import { ThemeProps } from '@hhgtech/hhg-components'
 const StyledClinicInfo = styled.div `
   color: #111111;
@@ -711,7 +737,7 @@ const StyledClinicInfo = styled.div `
     line-height: 1.25rem;
     font-weight: 400;
   }
-  .telephone {
+  .contact-item {
     display: inline-flex;
     align-items: center;
     padding: 8px 12px;
@@ -743,6 +769,10 @@ const StyledMobileIcon = styled(Mobile) `
   width: 1rem;
   height: 1rem;
 `;
+const StyledEmailIcon = styled(Email) `
+  width: 1rem;
+  height: 1rem;
+`;
 const StyledContainer = styled.div `
   padding-top: 1rem;
   padding-bottom: 1rem;
@@ -761,16 +791,20 @@ const StyledFlexBox = styled.div `
 `;
 const StyledDistanceTag$1 = styled(DistanceTag) `
   border-radius: 0.75rem !important;
+`;
+const StyledContact = styled.div `
+  display: flex;
+  gap: 4px;
 `;
 
-function ClinicInfo(props) {
-    const { hospitalInfo, distance, isLoggedIn, locale, googleMapKey, onPhoneHospital, dataEventCategory, dataEventAction, dataEventLabel, } = props;
+function ClinicInfo({ hospitalInfo, distance, isLoggedIn, locale, googleMapKey, onPhoneHospital, dataEventCategory, dataEventAction, dataEventLabel, }) {
     const hospital = {
         latitude: hospitalInfo.latitude || '',
         longitude: hospitalInfo.longitude || '',
         address: hospitalInfo.address || '',
         name: hospitalInfo.name || '',
         phone: hospitalInfo.phone || '',
+        email: hospitalInfo.email || '',
     };
     return (React__default.createElement(StyledClinicInfo, null,
         React__default.createElement(StyledMap, { dataEventAction: dataEventAction, dataEventCategory: dataEventCategory, dataEventLabel: dataEventLabel, googleMapKey: googleMapKey, hasNoCard: true, hospital: hospital, locale: locale, isLoggedIn: isLoggedIn, isFullWidth: true, height: 220, className: "panel-map", onPhoneHospital: onPhoneHospital }),
@@ -782,9 +816,13 @@ function ClinicInfo(props) {
                         flexShrink: 0,
                     } },
                     React__default.createElement(StyledDistanceTag$1, { value: `${distance} km` })))),
-            hospitalInfo.phone && (React__default.createElement("div", { className: "telephone" },
-                React__default.createElement(StyledMobileIcon, null),
-                React__default.createElement("a", { href: `tel:${hospitalInfo.phone}` }, formatPhoneNumber(hospitalInfo.phone))))),
+            React__default.createElement(StyledContact, null,
+                hospitalInfo.phone && (React__default.createElement("div", { className: "contact-item" },
+                    React__default.createElement(StyledMobileIcon, null),
+                    React__default.createElement("a", { href: `tel:${hospitalInfo.phone}` }, formatPhoneNumber(hospitalInfo.phone)))),
+                hospitalInfo.email && (React__default.createElement("div", { className: "contact-item" },
+                    React__default.createElement(StyledEmailIcon, null),
+                    React__default.createElement("a", { href: `mailto:${hospitalInfo === null || hospitalInfo === void 0 ? void 0 : hospitalInfo.email}` }, hospitalInfo.email))))),
         React__default.createElement(OpeningHours, { workingTimes: hospitalInfo.working_times })));
 }
 
@@ -841,6 +879,13 @@ const StyledDrawerBottomContent = styled(Drawer.Content) `
     border-top-right-radius: 16px;
     /* padding-bottom: 16px; */
   }
+
+  ${(props) => props.isDragging &&
+    `
+      input {
+        caret-color: transparent;
+      }
+    `}
 `;
 const StyledDrawerBottomOverlay = styled(Drawer.Overlay) `
   position: fixed;
@@ -862,11 +907,12 @@ const StyledDrawerBottomHandler = styled(Drawer.Handle) `
 
 function DrawerBottom(_a) {
     var { children, onClose, isOpen, onOpenChange, isMobile, classNames, isLinear, overlayClassName, contentClassName, handlerClassName } = _a, restProps = __rest(_a, ["children", "onClose", "isOpen", "onOpenChange", "isMobile", "classNames", "isLinear", "overlayClassName", "contentClassName", "handlerClassName"]);
+    const { isDragging, handleDragStart, handleDragEnd } = useDrawerDrag();
     if (isMobile) {
-        return (React__default.createElement(Drawer.Root, Object.assign({ open: isOpen, onOpenChange: onOpenChange }, restProps),
+        return (React__default.createElement(Drawer.Root, Object.assign({ onDrag: handleDragStart, onRelease: handleDragEnd, open: isOpen, onOpenChange: onOpenChange }, restProps),
             React__default.createElement(Drawer.Portal, null,
                 React__default.createElement(StyledDrawerBottomOverlay, { className: clsx(overlayClassName, 'drawer__overlay') }),
-                React__default.createElement(StyledDrawerBottomContent, { className: clsx(contentClassName, 'drawer__content'), "data-is-linear": isLinear },
+                React__default.createElement(StyledDrawerBottomContent, { isDragging: isDragging, className: clsx(contentClassName, 'drawer__content'), "data-is-linear": isLinear },
                     React__default.createElement(Drawer.Title, { style: { display: 'none' } }),
                     React__default.createElement(StyledDrawerBottomHandler, { className: clsx(handlerClassName, 'drawer__handle') }),
                     children))));
@@ -1185,6 +1231,7 @@ const StyledDistanceTag = styled(DistanceTag) `
   }
 `;
 
+const workingDays = ['mon', 'tue', 'wed', 'thu', 'fri', 'sat', 'sun'];
 const checkHospitalStatus = (times) => {
     const currentDate = new Date();
     const currentShortDay = workingDays[currentDate.getDay()];

package/build/esm/{index-c2b2d889.js → index-fb363ecd.js}

@@ -1,6 +1,6 @@
-import { c as cookie } from './index-5a149ebd.js';
-import { B as BEARER_TOKEN_COOKIE } from './index-20c22407.js';
-import { N as NodeIntentType } from './index-bf0c286c.js';
+import { c as cookie } from './index-7ef4b69d.js';
+import { B as BEARER_TOKEN_COOKIE } from './index-8a1c0f96.js';
+import { N as NodeIntentType } from './index-6524dc07.js';
 import Cookies from 'js-cookie';
 import { v4 } from 'uuid';
 import { isProduction } from './constantsIsProduction.js';

package/build/esm/{index-09ed05be.js → index-fcc457ed.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-ca7ad81a.js';
+import { _ as __rest } from './tslib.es6-7b2139eb.js';
 import React__default, { useMemo } from 'react';
 import { useMantineTheme } from '@mantine/core';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { M as MediaQueries } from './utils-6bddb1bf.js';
+import { M as MediaQueries } from './utils-1e0330c1.js';
 
 const StyledInput = styled.div `
   position: relative;