@hhgtech/hhg-components 1.29.429 → 1.29.431-beta-1

package/build/{index-dbba8758.js → index-dab36de8.js}

@@ -2,24 +2,24 @@
 
 var React = require('react');
 var styled = require('@emotion/styled');
-var utils = require('./utils-802ed24c.js');
+var utils = require('./utils-e86463dc.js');
 var miscTheme = require('./miscTheme.js');
-var tslib_es6 = require('./tslib.es6-d3b8ad7b.js');
-var index = require('./index-7d9ac7bb.js');
-var index$1 = require('./index-0992f37f.js');
+var tslib_es6 = require('./tslib.es6-06715056.js');
+var index = require('./index-ede0443b.js');
+var index$1 = require('./index-f852390c.js');
 require('@mantine/core');
 require('@mantine/dates');
-require('./index-3dde740f.js');
-require('./index-aee94255.js');
-require('./index-cd2c1241.js');
-require('./index-48900e51.js');
-require('./index-e19debd8.js');
-require('./index-2e20e8b1.js');
-require('./index.styles-cfef019d.js');
-require('./translationsContext-b3127cab.js');
+require('./index-54629439.js');
+require('./index-2cd0d825.js');
+require('./index-f18dead7.js');
+require('./index-91130a88.js');
+require('./index-eedaceb5.js');
+require('./index-9c371a34.js');
+require('./index.styles-26b831ce.js');
+require('./translationsContext-cfdf03db.js');
 require('@mantine/hooks');
-require('./text-fd8c6f4e.js');
-require('./index-48131ffe.js');
+require('./text-050beca1.js');
+require('./index-6cb8c808.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-e5dabc7c.js → index-de6ed3ca.js}

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

package/build/{index-3ca442b9.js → index-e021c40c.js}

@@ -1,29 +1,29 @@
 'use strict';
 
 var React = require('react');
-var index$1 = require('./index-ca538f60.js');
+var index$1 = require('./index-31d48fc2.js');
 var dayjs = require('dayjs');
-require('./index-3dde740f.js');
-require('./index-0992f37f.js');
+require('./index-54629439.js');
+require('./index-f852390c.js');
 var core = require('@mantine/core');
 require('@mantine/dates');
-require('./index-aee94255.js');
-require('./index-cd2c1241.js');
-require('./index-48900e51.js');
-var index$2 = require('./index-e19debd8.js');
-require('./index-2e20e8b1.js');
-require('./index.styles-cfef019d.js');
-require('./translationsContext-b3127cab.js');
+require('./index-2cd0d825.js');
+require('./index-f18dead7.js');
+require('./index-91130a88.js');
+var index$2 = require('./index-eedaceb5.js');
+require('./index-9c371a34.js');
+require('./index.styles-26b831ce.js');
+require('./translationsContext-cfdf03db.js');
 require('@mantine/hooks');
-require('./text-fd8c6f4e.js');
-var utils = require('./utils-802ed24c.js');
-require('./index-48131ffe.js');
-var index = require('./index-d6fdb515.js');
+require('./text-050beca1.js');
+var utils = require('./utils-e86463dc.js');
+require('./index-6cb8c808.js');
+var index = require('./index-092eb3f3.js');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
-var index$4 = require('./index-71cc985b.js');
-var index$3 = require('./index-e5dabc7c.js');
+var index$4 = require('./index-d0039071.js');
+var index$3 = require('./index-de6ed3ca.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-1883b37f.js → index-e089644e.js}

@@ -1,11 +1,11 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-d3b8ad7b.js');
+var tslib_es6 = require('./tslib.es6-06715056.js');
 var React = require('react');
 var core = require('@mantine/core');
-var index = require('./index-e19debd8.js');
-var index$1 = require('./index-2e20e8b1.js');
-var index$2 = require('./index-e41d8c16.js');
+var index = require('./index-eedaceb5.js');
+var index$1 = require('./index-9c371a34.js');
+var index$2 = require('./index-fbb502dc.js');
 var flattenChildren = require('react-keyed-flatten-children');
 var miscTheme = require('./miscTheme.js');
 

package/build/{index-324af2d8.js → index-e0bf6144.js}

@@ -1,22 +1,22 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-d3b8ad7b.js');
+var tslib_es6 = require('./tslib.es6-06715056.js');
 var React = require('react');
 var core = require('@mantine/core');
 var form = require('@mantine/form');
-var LastPeriod = require('./LastPeriod-f25909db.js');
-var index$3 = require('./index-0992f37f.js');
-var index$2 = require('./index-73fd3e83.js');
-var index$4 = require('./index-e19debd8.js');
-require('./index-2e20e8b1.js');
-require('./index.styles-cfef019d.js');
-var index = require('./index-e41d8c16.js');
+var LastPeriod = require('./LastPeriod-3acf0aff.js');
+var index$3 = require('./index-f852390c.js');
+var index$2 = require('./index-85d55857.js');
+var index$4 = require('./index-eedaceb5.js');
+require('./index-9c371a34.js');
+require('./index.styles-26b831ce.js');
+var index = require('./index-fbb502dc.js');
 require('@mantine/hooks');
-require('./index-48900e51.js');
-require('./text-fd8c6f4e.js');
-require('./utils-802ed24c.js');
-require('./index-48131ffe.js');
-var index$1 = require('./index-1883b37f.js');
+require('./index-91130a88.js');
+require('./text-050beca1.js');
+require('./utils-e86463dc.js');
+require('./index-6cb8c808.js');
+var index$1 = require('./index-e089644e.js');
 var other = require('@hhgtech/icons/other');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-e89ec099.js → index-ec8eb614.js}

@@ -1,20 +1,20 @@
 'use strict';
 
 var React = require('react');
-var index$2 = require('./index-0992f37f.js');
+var index$2 = require('./index-f852390c.js');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var index = require('./index-e19debd8.js');
-var index$1 = require('./index-cd2c1241.js');
-var tslib_es6 = require('./tslib.es6-d3b8ad7b.js');
-var index$7 = require('./index-3dde740f.js');
-var index$5 = require('./index-aee94255.js');
+var index = require('./index-eedaceb5.js');
+var index$1 = require('./index-f18dead7.js');
+var tslib_es6 = require('./tslib.es6-06715056.js');
+var index$7 = require('./index-54629439.js');
+var index$5 = require('./index-2cd0d825.js');
 var core = require('@mantine/core');
-var number = require('./number-274975a1.js');
-var index$3 = require('./index-e41d8c16.js');
+var number = require('./number-cd5a2635.js');
+var index$3 = require('./index-fbb502dc.js');
 var hooks = require('@mantine/hooks');
-var index$4 = require('./index-ea776875.js');
-var index$6 = require('./index-130fb722.js');
+var index$4 = require('./index-3d25dab3.js');
+var index$6 = require('./index-550bbbe9.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-65626156.js → index-edd38f88.js}

@@ -1,36 +1,35 @@
 'use strict';
 
 var React = require('react');
-var index = require('./index-e41d8c16.js');
+var index = require('./index-fbb502dc.js');
 var miscCookieHelper = require('./miscCookieHelper.js');
-var index$2 = require('./index-cd2c1241.js');
-var normalizeLink = require('./normalizeLink-37dcc032.js');
+var index$2 = require('./index-f18dead7.js');
+var normalizeLink = require('./normalizeLink-e42bcbaa.js');
 var miscTheme = require('./miscTheme.js');
-var index$1 = require('./index-8c70c1e1.js');
-var index$3 = require('./index-975e719c.js');
-var index$4 = require('./index-eea96fe2.js');
-var types = require('./types-2cdd78b8.js');
+var index$1 = require('./index-778b3c9e.js');
+var index$3 = require('./index-d0157342.js');
+var index$4 = require('./index-4b535579.js');
 var styled = require('@emotion/styled');
 var api = require('@react-google-maps/api');
 var cn = require('classnames');
-var index$5 = require('./index-3dde740f.js');
-var constants = require('./constants-11512981.js');
-var index$6 = require('./index-269efb10.js');
-var localizeNumberFormat = require('./localizeNumberFormat-3a283196.js');
-var tslib_es6 = require('./tslib.es6-d3b8ad7b.js');
+var index$5 = require('./index-54629439.js');
+var constants = require('./constants-06a52d27.js');
+var index$6 = require('./index-9a104427.js');
+var localizeNumberFormat = require('./localizeNumberFormat-c24239d5.js');
+var tslib_es6 = require('./tslib.es6-06715056.js');
 var hooks = require('@mantine/hooks');
 var core = require('@mantine/core');
-var index$7 = require('./index-43747f24.js');
+var index$7 = require('./index-8f11a215.js');
 var vaul = require('vaul');
-var index$a = require('./index-e36a0eca.js');
+var index$a = require('./index-36c8cb77.js');
 var PhoneInputBase = require('react-phone-number-input');
-var text = require('./text-fd8c6f4e.js');
-var index$9 = require('./index-0992f37f.js');
-var index$8 = require('./index-2e20e8b1.js');
-var index$c = require('./index-48900e51.js');
-var index$b = require('./index-e19debd8.js');
-var index$d = require('./index-d6fdb515.js');
-var index$e = require('./index-7dc9df86.js');
+var text = require('./text-050beca1.js');
+var index$9 = require('./index-f852390c.js');
+var index$8 = require('./index-9c371a34.js');
+var index$c = require('./index-91130a88.js');
+var index$b = require('./index-eedaceb5.js');
+var index$d = require('./index-092eb3f3.js');
+var index$e = require('./index-41769d81.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -66,10 +65,6 @@ const Clock = (props) => (React__namespace.createElement("svg", Object.assign({
     React__namespace.createElement("path", { d: "M6 11.25C8.8995 11.25 11.25 8.8995 11.25 6C11.25 3.10051 8.8995 0.75 6 0.75C3.10051 0.75 0.75 3.10051 0.75 6C0.75 8.8995 3.10051 11.25 6 11.25Z", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" }),
     React__namespace.createElement("path", { d: "M6 3.25V6L8 7.75", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" })));
 
-/* eslint-disable prettier/prettier */
-const Ellipse = (props) => (React__namespace.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 4 4", fill: "none" }, props),
-    React__namespace.createElement("circle", { cx: 2, cy: 2, r: 2, fill: "#BFBFBF" })));
-
 /* eslint-disable prettier/prettier */
 const HelloZalo = (props) => (React__namespace.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 85 49", fill: "none" }, props),
     React__namespace.createElement("g", { clipPath: "url(#clip0_4296_167461)" },
@@ -120,6 +115,10 @@ const HelloZalo = (props) => (React__namespace.createElement("svg", Object.assig
         React__namespace.createElement("clipPath", { id: "clip0_4296_167461" },
             React__namespace.createElement("rect", { x: 0.446777, y: 6.57019, width: 42, height: 42, rx: 10.5, transform: "rotate(-9 0.446777 6.57019)", fill: "white" })))));
 
+/* eslint-disable prettier/prettier */
+const Ellipse = (props) => (React__namespace.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 4 4", fill: "none" }, props),
+    React__namespace.createElement("circle", { cx: 2, cy: 2, r: 2, fill: "#BFBFBF" })));
+
 /* eslint-disable prettier/prettier */
 const Mobile = (props) => (React__namespace.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 17 16", fill: "none" }, props),
     React__namespace.createElement("path", { d: "M11.3889 1.55566H5.61115C4.62931 1.55566 3.83337 2.3516 3.83337 3.33344V12.6668C3.83337 13.6486 4.62931 14.4446 5.61115 14.4446H11.3889C12.3708 14.4446 13.1667 13.6486 13.1667 12.6668V3.33344C13.1667 2.3516 12.3708 1.55566 11.3889 1.55566Z", stroke: "currentColor", strokeWidth: 1.2, strokeLinecap: "round", strokeLinejoin: "round" }),
@@ -495,12 +494,13 @@ const StyledFormatDataBox = styled__default["default"].div `
   }
 `;
 
+const workingDays$1 = ['mon', 'tue', 'wed', 'thu', 'fri', 'sat', 'sun'];
 function OpeningHours({ workingTimes }) {
     const { t } = index.useTranslations();
     const formatData = React.useMemo(() => {
         const result = [];
         let currentKey = '';
-        types.workingDays.forEach((item) => {
+        workingDays$1.forEach((item) => {
             const dayData = workingTimes[item];
             if (dayData) {
                 const dayKey = dayData
@@ -666,18 +666,21 @@ const PhoneButton = styled__default["default"](index$4.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 = React.useRef(null);
     const { t } = index.useTranslations();
     const onLoad = React__namespace["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,
@@ -695,8 +698,8 @@ const Map = (props) => {
         React__namespace["default"].createElement("div", { className: "map" },
             isUsingEmbedMap ? (React__namespace["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__namespace["default"].createElement(api.LoadScript, { googleMapsApiKey: googleMapKey || '' },
-                React__namespace["default"].createElement(api.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__namespace["default"].createElement(api.LoadScript, { googleMapsApiKey: googleMapKey || '' },
+                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, { className: cn__default["default"]('map-card'), "data-is-full-width": isFullWidth || undefined, ref: mapCard },
                 React__namespace["default"].createElement(StyledHospitalTitle, { href: `${index$5.basePath}${getHospitalUrl(locale, hospital)}` },
@@ -715,9 +718,32 @@ const Map = (props) => {
                             " km")))),
                 hospital.phone && (React__namespace["default"].createElement(PhoneButton, { size: "md", color: "tertiary", isBlock: false, onClick: onPhoneHospital, icon: React__namespace["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__namespace.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 16 16", fill: "none" }, props),
+    React__namespace.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__namespace.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__default["default"].div `
   color: #111111;
@@ -736,7 +762,7 @@ const StyledClinicInfo = styled__default["default"].div `
     line-height: 1.25rem;
     font-weight: 400;
   }
-  .telephone {
+  .contact-item {
     display: inline-flex;
     align-items: center;
     padding: 8px 12px;
@@ -768,6 +794,10 @@ const StyledMobileIcon = styled__default["default"](Mobile) `
   width: 1rem;
   height: 1rem;
 `;
+const StyledEmailIcon = styled__default["default"](Email) `
+  width: 1rem;
+  height: 1rem;
+`;
 const StyledContainer = styled__default["default"].div `
   padding-top: 1rem;
   padding-bottom: 1rem;
@@ -786,16 +816,20 @@ const StyledFlexBox = styled__default["default"].div `
 `;
 const StyledDistanceTag$1 = styled__default["default"](index$1.DistanceTag) `
   border-radius: 0.75rem !important;
+`;
+const StyledContact = styled__default["default"].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__namespace["default"].createElement(StyledClinicInfo, null,
         React__namespace["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 }),
@@ -807,9 +841,13 @@ function ClinicInfo(props) {
                         flexShrink: 0,
                     } },
                     React__namespace["default"].createElement(StyledDistanceTag$1, { value: `${distance} km` })))),
-            hospitalInfo.phone && (React__namespace["default"].createElement("div", { className: "telephone" },
-                React__namespace["default"].createElement(StyledMobileIcon, null),
-                React__namespace["default"].createElement("a", { href: `tel:${hospitalInfo.phone}` }, localizeNumberFormat.formatPhoneNumber(hospitalInfo.phone))))),
+            React__namespace["default"].createElement(StyledContact, null,
+                hospitalInfo.phone && (React__namespace["default"].createElement("div", { className: "contact-item" },
+                    React__namespace["default"].createElement(StyledMobileIcon, null),
+                    React__namespace["default"].createElement("a", { href: `tel:${hospitalInfo.phone}` }, localizeNumberFormat.formatPhoneNumber(hospitalInfo.phone)))),
+                hospitalInfo.email && (React__namespace["default"].createElement("div", { className: "contact-item" },
+                    React__namespace["default"].createElement(StyledEmailIcon, null),
+                    React__namespace["default"].createElement("a", { href: `mailto:${hospitalInfo === null || hospitalInfo === void 0 ? void 0 : hospitalInfo.email}` }, hospitalInfo.email))))),
         React__namespace["default"].createElement(OpeningHours, { workingTimes: hospitalInfo.working_times })));
 }
 
@@ -1155,10 +1193,8 @@ function PopupCollectPhone({ children, isMobile, onSubmit, isOpen: isOpenProp, o
 const StyledHospitalInfo = styled__default["default"].div `
   display: flex;
   align-items: center;
+  justify-content: space-between;
   gap: 12px;
-  padding: 12px 16px;
-  border: 1px solid ${miscTheme.theme.colors.neutral100};
-  border-radius: 12px;
 
   .hospitalName {
     color: #111111;
@@ -1170,18 +1206,13 @@ const StyledHospitalInfo = styled__default["default"].div `
     display: inline-flex;
     align-items: center;
     gap: 4px;
-    padding: 4px 8px;
-    color: ${miscTheme.theme.colors.red700};
-    background-color: ${miscTheme.theme.colors.red50};
     border-radius: 8px;
 
     font-size: 0.6875rem;
     line-height: 1rem;
-    margin-right: 2px;
 
     &[data-is-opened='true'] {
       color: ${miscTheme.theme.colors.primaryBase};
-      background-color: ${miscTheme.theme.colors.blue50};
     }
   }
 
@@ -1200,6 +1231,7 @@ const StyledImageWrap = styled__default["default"](index$d.ImageWrap) `
   border-radius: 8px;
   flex-shrink: 0;
   aspect-ratio: 1;
+  align-self: baseline;
 `;
 const StyledClockIcon = styled__default["default"](Clock) `
   width: 12px;
@@ -1211,16 +1243,25 @@ const StyledArrowRightIcon = styled__default["default"](index$1.ShapedArrowDown)
   width: 12px;
   height: 12px;
   transform: rotate(90deg);
+
+  & > path {
+    stroke-width: 1.5;
+  }
 `;
 const StyledDistanceTag = styled__default["default"](index$1.DistanceTag) `
   & > span {
     color: ${miscTheme.theme.colors.gray800};
   }
+
+  & {
+    border: none;
+  }
 `;
 
+const workingDays = ['mon', 'tue', 'wed', 'thu', 'fri', 'sat', 'sun'];
 const checkHospitalStatus = (times) => {
     const currentDate = new Date();
-    const currentShortDay = types.workingDays[currentDate.getDay()];
+    const currentShortDay = workingDays[currentDate.getDay()];
     const openTime = times[currentShortDay];
     return openTime.some((item) => {
         const [startHour, startMinute] = item.start_at.split(':').map(parseInt);

package/build/{index-7d9ac7bb.js → index-ede0443b.js}

@@ -1,11 +1,11 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-d3b8ad7b.js');
+var tslib_es6 = require('./tslib.es6-06715056.js');
 var React = require('react');
 var core = require('@mantine/core');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var utils = require('./utils-802ed24c.js');
+var utils = require('./utils-e86463dc.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-e19debd8.js → index-eedaceb5.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-d3b8ad7b.js');
+var tslib_es6 = require('./tslib.es6-06715056.js');
 var React = require('react');
 var core = require('@mantine/core');
-var text = require('./text-fd8c6f4e.js');
+var text = require('./text-050beca1.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -38,7 +38,7 @@ var useStyles = core.createStyles((theme, _params) => {
     };
 });
 
-const Text = React.forwardRef((_a, ref) => {
+const Text = (_a) => {
     var _b;
     var { size, color, weight, as = 'p', styles, className, dataEventCategory, dataEventAction, dataEventLabel, variant } = _a, rest = tslib_es6.__rest(_a, ["size", "color", "weight", "as", "styles", "className", "dataEventCategory", "dataEventAction", "dataEventLabel", "variant"]);
     const theme = core.useMantineTheme();
@@ -75,7 +75,7 @@ const Text = React.forwardRef((_a, ref) => {
             root: Object.assign(Object.assign({}, (rest.wordWrap ? { 'word-wrap': rest.wordWrap } : undefined)), (rest.isUppercase || weight === 'caption'
                 ? { 'text-transform': 'uppercase' }
                 : undefined)),
-        }, ref: ref }, rest)));
-});
+        } }, rest)));
+};
 
 exports.Text = Text;

package/build/{index-c5ad69a4.js → index-ef161c1c.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-d3b8ad7b.js');
+var tslib_es6 = require('./tslib.es6-06715056.js');
 var React = require('react');
 var core = require('@mantine/core');
 var miscTheme = require('./miscTheme.js');

package/build/{index-0356df80.js → index-f41c40b3.js}

@@ -1,11 +1,11 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-d3b8ad7b.js');
+var tslib_es6 = require('./tslib.es6-06715056.js');
 var constantsIsProduction = require('./constantsIsProduction.js');
-var normalizeLink = require('./normalizeLink-37dcc032.js');
-var index = require('./index-3dde740f.js');
+var normalizeLink = require('./normalizeLink-e42bcbaa.js');
+var index = require('./index-54629439.js');
 var miscCookieHelper = require('./miscCookieHelper.js');
-var Locale = require('./Locale-11e16821.js');
+var Locale = require('./Locale-96c65183.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 
 const SSO_V2_PATHS = {

package/build/{index-58b40d12.js → index-f4f8a782.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var index = require('./index-2e20e8b1.js');
+var index = require('./index-9c371a34.js');
 var styled = require('@emotion/styled');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-0992f37f.js → index-f852390c.js}

@@ -1,23 +1,23 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-d3b8ad7b.js');
+var tslib_es6 = require('./tslib.es6-06715056.js');
 var React = require('react');
 var other = require('@hhgtech/icons/other');
 var core = require('@mantine/core');
 var hooks = require('@mantine/hooks');
-var index = require('./index-cd2c1241.js');
-var index$2 = require('./index-d6fdb515.js');
+var index = require('./index-f18dead7.js');
+var index$2 = require('./index-092eb3f3.js');
 var styled = require('@emotion/styled');
 var carousel = require('@mantine/carousel');
-var index$1 = require('./index-e19debd8.js');
-var index$3 = require('./index-48900e51.js');
+var index$1 = require('./index-eedaceb5.js');
+var index$3 = require('./index-91130a88.js');
 var miscTheme = require('./miscTheme.js');
-var text = require('./text-fd8c6f4e.js');
+var text = require('./text-050beca1.js');
 var cn = require('classnames');
-var useUniqueId = require('./useUniqueId-e67c1056.js');
+var useUniqueId = require('./useUniqueId-392865b6.js');
 var constantsSite = require('./constantsSite.js');
 var core$1 = require('@hhgtech/icons/core');
-var index$4 = require('./index-2e20e8b1.js');
+var index$4 = require('./index-9c371a34.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-1fcab5b3.js → index-f861c704.js}

@@ -1,24 +1,24 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-d3b8ad7b.js');
+var tslib_es6 = require('./tslib.es6-06715056.js');
 var React = require('react');
 var core = require('@mantine/core');
 var form = require('@mantine/form');
-var index$3 = require('./index-0992f37f.js');
-var index$4 = require('./index-73fd3e83.js');
-var index$5 = require('./index-e19debd8.js');
-require('./index-2e20e8b1.js');
-require('./index.styles-cfef019d.js');
-var index = require('./index-e41d8c16.js');
+var index$3 = require('./index-f852390c.js');
+var index$4 = require('./index-85d55857.js');
+var index$5 = require('./index-eedaceb5.js');
+require('./index-9c371a34.js');
+require('./index.styles-26b831ce.js');
+var index = require('./index-fbb502dc.js');
 require('@mantine/hooks');
-require('./index-48900e51.js');
-require('./text-fd8c6f4e.js');
-require('./utils-802ed24c.js');
-require('./index-48131ffe.js');
-var constants = require('./constants-06224b18.js');
-var index$1 = require('./index-1883b37f.js');
-var index$2 = require('./index-43d579b4.js');
-var Locale = require('./Locale-11e16821.js');
+require('./index-91130a88.js');
+require('./text-050beca1.js');
+require('./utils-e86463dc.js');
+require('./index-6cb8c808.js');
+var constants = require('./constants-9d0ca38e.js');
+var index$1 = require('./index-e089644e.js');
+var index$2 = require('./index-778ec4a7.js');
+var Locale = require('./Locale-96c65183.js');
 var other = require('@hhgtech/icons/other');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-e41d8c16.js → index-fbb502dc.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var translationsContext = require('./translationsContext-b3127cab.js');
+var translationsContext = require('./translationsContext-cfdf03db.js');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;