@hhgtech/hhg-components 1.29.460 → 1.29.461-beta-1

package/build/{index-777d8a8a.js → index-e001121b.js}

@@ -1,10 +1,10 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-5dc76b26.js');
+var tslib_es6 = require('./tslib.es6-54f99b32.js');
 var React = require('react');
 var core = require('@mantine/core');
-var index$1 = require('./index-ffa9347c.js');
-var index = require('./index-1b0ca4b0.js');
+var index$1 = require('./index-c9aaf7de.js');
+var index = require('./index-fa9299cd.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-ecba7a72.js → index-e12b81de.js}

@@ -2,8 +2,8 @@
 
 var React = require('react');
 var styled = require('@emotion/styled');
-var index = require('./index-22346a6c.js');
-var index$1 = require('./index-9c861afa.js');
+var index = require('./index-a5caf9d4.js');
+var index$1 = require('./index-b3dc6f79.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-528a2044.js → index-e3478fad.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var index$1 = require('./index-aba20962.js');
-var index$2 = require('./index-f1b39961.js');
-var index = require('./index-573baff9.js');
+var index$1 = require('./index-23023e5f.js');
+var index$2 = require('./index-ba9f0d40.js');
+var index = require('./index-8a3bff72.js');
 var Cookies = require('js-cookie');
 var uuid = require('uuid');
 var constantsIsProduction = require('./constantsIsProduction.js');

package/build/{index-09c14234.js → index-e91eed21.js}

@@ -1,23 +1,23 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-5dc76b26.js');
+var tslib_es6 = require('./tslib.es6-54f99b32.js');
 var React = require('react');
 var core = require('@mantine/core');
 var form = require('@mantine/form');
-var LastPeriod = require('./LastPeriod-2a494352.js');
-var index$3 = require('./index-148ad698.js');
-var index$2 = require('./index-0f428c35.js');
-var index$4 = require('./index-9c861afa.js');
-require('./index-3615a039.js');
-require('./index-1b0ca4b0.js');
-require('./index.styles-a403eb02.js');
-var index = require('./index-dcfe9d78.js');
+var LastPeriod = require('./LastPeriod-2d31b2de.js');
+var index$3 = require('./index-0a2595b8.js');
+var index$2 = require('./index-2e364f4d.js');
+var index$4 = require('./index-b3dc6f79.js');
+require('./index-5eaccbe9.js');
+require('./index-fa9299cd.js');
+require('./index.styles-688c9b4a.js');
+var index = require('./index-b0402909.js');
 require('@mantine/hooks');
-require('./index-ffa9347c.js');
-require('./utils-69f6759f.js');
-require('./index-0dfec01f.js');
-var context = require('./context-d20e4693.js');
-var index$1 = require('./index-14b453eb.js');
+require('./index-c9aaf7de.js');
+require('./utils-8dd99797.js');
+require('./index-886486de.js');
+var context = require('./context-7cc14414.js');
+var index$1 = require('./index-7e45601a.js');
 var other = require('@hhgtech/icons/other');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-b325e0ba.js → index-efc39071.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 var core = require('@mantine/core');
-var index$1 = require('./index-1b0ca4b0.js');
-var tslib_es6 = require('./tslib.es6-5dc76b26.js');
+var index$1 = require('./index-fa9299cd.js');
+var tslib_es6 = require('./tslib.es6-54f99b32.js');
 var React = require('react');
 var hooks = require('@mantine/hooks');
 var react = require('@emotion/react');

package/build/{index-b6cfc3f4.js → index-f2a62e42.js}

@@ -1,34 +1,35 @@
 'use strict';
 
 var React = require('react');
-var index = require('./index-dcfe9d78.js');
+var index = require('./index-b0402909.js');
 var miscCookieHelper = require('./miscCookieHelper.js');
-var index$2 = require('./index-9b0d9ab5.js');
-var normalizeLink = require('./normalizeLink-19497f52.js');
+var index$2 = require('./index-668bbf26.js');
+var normalizeLink = require('./normalizeLink-0a32caae.js');
 var miscTheme = require('./miscTheme.js');
-var index$1 = require('./index-644acfc1.js');
-var index$3 = require('./index-355f464d.js');
-var index$4 = require('./index-c147463f.js');
-var types = require('./types-ebf37242.js');
+var index$1 = require('./index-c47eaa2a.js');
+var index$3 = require('./index-91caa569.js');
+var index$4 = require('./index-9f4bea44.js');
+var types = require('./types-ef676cbd.js');
 var styled = require('@emotion/styled');
+var utils = require('./utils-8dd99797.js');
+var core = require('@mantine/core');
 var api = require('@react-google-maps/api');
 var cn = require('classnames');
-var index$5 = require('./index-f1b39961.js');
-var constants = require('./constants-2e5d822a.js');
-var index$6 = require('./index-45b2d43b.js');
-var localizeNumberFormat = require('./localizeNumberFormat-cf31e44a.js');
-var tslib_es6 = require('./tslib.es6-5dc76b26.js');
+var index$5 = require('./index-ba9f0d40.js');
+var constants = require('./constants-ad6e8f61.js');
+var index$6 = require('./index-1780f3a6.js');
+var localizeNumberFormat = require('./localizeNumberFormat-31ea2970.js');
+var tslib_es6 = require('./tslib.es6-54f99b32.js');
 var hooks = require('@mantine/hooks');
-var core = require('@mantine/core');
-var index$9 = require('./index-b325e0ba.js');
+var index$9 = require('./index-efc39071.js');
 var PhoneInputBase = require('react-phone-number-input');
-var index$8 = require('./index-148ad698.js');
-var index$b = require('./index-1b0ca4b0.js');
-var index$7 = require('./index-3615a039.js');
-var index$c = require('./index-ffa9347c.js');
-var index$a = require('./index-9c861afa.js');
-var index$d = require('./index-c3d8718d.js');
-var index$e = require('./index-5bbc080c.js');
+var index$8 = require('./index-0a2595b8.js');
+var index$b = require('./index-fa9299cd.js');
+var index$7 = require('./index-5eaccbe9.js');
+var index$c = require('./index-c9aaf7de.js');
+var index$a = require('./index-b3dc6f79.js');
+var index$d = require('./index-3371808e.js');
+var index$e = require('./index-8e3c2c50.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -470,18 +471,51 @@ const UserProfileNavigation = ({ SSO_URL, UP_BASEPATH = 'user', themeName = 'hel
 };
 
 const StyledOpeningHour = styled__default["default"].div `
-  color: #111111;
+  color: ${miscTheme.theme.colors.gray1000};
   margin-bottom: 1rem;
   .txt-body-1 {
     font-size: 0.8125rem;
     line-height: 1.25rem;
+    ${utils.MediaQueries.mbUp} {
+      font-size: 0.9375rem;
+      line-height: 1.5rem;
+      color: ${miscTheme.theme.colors.gray700};
+    }
   }
   .txt-body-2 {
     font-size: 0.9375rem;
     line-height: 1.5rem;
+    padding: 0.75rem 0 0;
+    font-weight: 500;
+    ${utils.MediaQueries.mbUp} {
+      padding: 0;
+      font-weight: 600;
+    }
+  }
+
+  .txt-hours {
+    font-weight: 500;
+    color: ${miscTheme.theme.colors.gray1000};
+  }
+
+  .opening-hours-container {
+    ${utils.MediaQueries.mbUp} {
+      display: grid;
+      grid-template-columns: repeat(2, 1fr);
+      column-gap: 1rem;
+      row-gap: 0px;
+    }
   }
 `;
 const StyledFormatDataBox = styled__default["default"].div `
+  ${utils.MediaQueries.mbUp} {
+    padding: 8px 0;
+    flex-direction: column;
+    align-items: flex-start;
+    justify-content: start;
+    gap: 4px;
+    border-bottom: unset;
+  }
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -529,13 +563,10 @@ function OpeningHours({ workingTimes }) {
         });
     }, [workingTimes]);
     return (React__namespace["default"].createElement(StyledOpeningHour, null,
-        React__namespace["default"].createElement("div", { className: "txt-body-2", style: {
-                padding: '0.75rem 0',
-                fontWeight: 500,
-            } }, t('detail.openHours')),
-        React__namespace["default"].createElement("div", null, formatData.map((item, index) => (React__namespace["default"].createElement(StyledFormatDataBox, { className: "txt-body-1", key: index },
+        React__namespace["default"].createElement("div", { className: "txt-body-2" }, t('detail.openHours')),
+        React__namespace["default"].createElement("div", { className: "opening-hours-container" }, formatData.map((item, index) => (React__namespace["default"].createElement(StyledFormatDataBox, { className: "txt-body-1", key: index },
             React__namespace["default"].createElement("div", null, item === null || item === void 0 ? void 0 : item.day),
-            React__namespace["default"].createElement("div", { style: { fontWeight: 500 } }, item === null || item === void 0 ? void 0 : item.value)))))));
+            React__namespace["default"].createElement("div", { className: "txt-hours" }, item === null || item === void 0 ? void 0 : item.value)))))));
 }
 
 const getHospitalUrl = (locale, hospital) => {
@@ -724,18 +755,33 @@ const Email = (props) => (React__namespace.createElement("svg", Object.assign({
 
 // import { ThemeProps } from '@hhgtech/hhg-components'
 const StyledClinicInfo = styled__default["default"].div `
+  ${utils.MediaQueries.mbUp} {
+    display: flex;
+    gap: ${core.rem(24)};
+  }
+
   color: #111111;
   padding-left: 1rem;
   padding-right: 1rem;
   padding-bottom: 1rem;
 
   .name {
+    ${utils.MediaQueries.mbUp} {
+      font-weight: 600;
+    }
+
     font-size: 0.9375rem;
     line-height: 1.5rem;
     font-weight: 500;
   }
 
   address {
+    ${utils.MediaQueries.mbUp} {
+      font-size: 0.9375rem;
+      line-height: 1.5rem;
+      font-style: normal;
+    }
+
     font-size: 0.8125rem;
     line-height: 1.25rem;
     font-weight: 400;
@@ -762,6 +808,10 @@ const StyledClinicInfo = styled__default["default"].div `
 const StyledMap = styled__default["default"](Map) `
   &.panel-map {
     --mapCardHeight: --cardHeight;
+    ${utils.MediaQueries.mbUp} {
+      width: ${core.rem(180)};
+      height: ${core.rem(180)};
+    }
   }
   iframe {
     border-radius: 12px;
@@ -777,6 +827,22 @@ const StyledEmailIcon = styled__default["default"](Email) `
   height: 1rem;
 `;
 const StyledContainer = styled__default["default"].div `
+  ${utils.MediaQueries.mbUp} {
+    padding: 0;
+    display: flex;
+    flex-direction: column;
+    gap: 24px;
+  }
+
+  .clinic-content {
+    display: flex;
+    flex-direction: column;
+    ${utils.MediaQueries.mbUp} {
+      gap: 8px;
+    }
+    gap: 12px;
+  }
+
   padding-top: 1rem;
   padding-bottom: 1rem;
   padding-left: 4.5px;
@@ -798,6 +864,13 @@ const StyledDistanceTag$1 = styled__default["default"](index$1.DistanceTag) `
 const StyledContact = styled__default["default"].div `
   display: flex;
   gap: 4px;
+  flex-direction: column;
+  ${utils.MediaQueries.mbUp} {
+    flex-direction: row;
+  }
+  .contact-item {
+    width: fit-content;
+  }
 `;
 
 function ClinicInfo(props) {
@@ -813,21 +886,22 @@ function ClinicInfo(props) {
     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 }),
         React__namespace["default"].createElement(StyledContainer, null,
-            React__namespace["default"].createElement("div", { className: "name" }, hospitalInfo.name),
-            React__namespace["default"].createElement(StyledFlexBox, null,
-                React__namespace["default"].createElement("address", null, hospitalInfo.address),
-                distance && (React__namespace["default"].createElement("div", { style: {
-                        flexShrink: 0,
-                    } },
-                    React__namespace["default"].createElement(StyledDistanceTag$1, { value: `${distance} km` })))),
-            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))))),
-        hospitalInfo.working_times && (React__namespace["default"].createElement(OpeningHours, { workingTimes: hospitalInfo.working_times }))));
+            React__namespace["default"].createElement("div", { className: "clinic-content" },
+                React__namespace["default"].createElement("div", { className: "name" }, hospitalInfo.name),
+                React__namespace["default"].createElement(StyledFlexBox, null,
+                    React__namespace["default"].createElement("address", null, hospitalInfo.address),
+                    distance && (React__namespace["default"].createElement("div", { style: {
+                            flexShrink: 0,
+                        } },
+                        React__namespace["default"].createElement(StyledDistanceTag$1, { value: `${distance} km` })))),
+                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))))),
+            hospitalInfo.working_times && (React__namespace["default"].createElement(OpeningHours, { workingTimes: hospitalInfo.working_times })))));
 }
 
 const StyledCollectPhoneForm = styled__default["default"].div `
@@ -1226,7 +1300,7 @@ const StyledInsuranceList = styled__default["default"](index$e.InsuranceList) `
 function ProductInsuranceInfo({ hospitalInfo, isMobile = false, }) {
     const { t } = index.useTranslations();
     const isSupportPayment = (hospitalInfo === null || hospitalInfo === void 0 ? void 0 : hospitalInfo.accepted_payments) && hospitalInfo.accepted_payments.length > 0;
-    return (React__namespace["default"].createElement(StyledInsuranceContainer, null,
+    return (React__namespace["default"].createElement(StyledInsuranceContainer, { id: "insurance-container" },
         React__namespace["default"].createElement("div", null,
             React__namespace["default"].createElement("h3", { className: "txt-body-2" }, t('common.insurance')),
             React__namespace["default"].createElement("p", { className: "txt-body-1" }, t('common.insuranceIntro')),

package/build/{index-cc14cac6.js → index-f9c22c90.js}

@@ -1,24 +1,24 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-5dc76b26.js');
+var tslib_es6 = require('./tslib.es6-54f99b32.js');
 var React = require('react');
 var core = require('@mantine/core');
 var other = require('@hhgtech/icons/other');
-require('./index-148ad698.js');
+require('./index-0a2595b8.js');
 require('@mantine/dates');
-require('./index-f1b39961.js');
-require('./index-573baff9.js');
-require('./index-9b0d9ab5.js');
-require('./index-ffa9347c.js');
-var index$1 = require('./index-9c861afa.js');
-require('./index-3615a039.js');
-var index$2 = require('./index-1b0ca4b0.js');
-require('./index.styles-a403eb02.js');
-var index = require('./index-dcfe9d78.js');
+require('./index-ba9f0d40.js');
+require('./index-8a3bff72.js');
+require('./index-668bbf26.js');
+require('./index-c9aaf7de.js');
+var index$1 = require('./index-b3dc6f79.js');
+require('./index-5eaccbe9.js');
+var index$2 = require('./index-fa9299cd.js');
+require('./index.styles-688c9b4a.js');
+var index = require('./index-b0402909.js');
 require('@mantine/hooks');
-var utils = require('./utils-69f6759f.js');
-require('./index-0dfec01f.js');
-var context = require('./context-d20e4693.js');
+var utils = require('./utils-8dd99797.js');
+require('./index-886486de.js');
+var context = require('./context-7cc14414.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-a4bdf6c0.js → index-fbb4dc5f.js}

@@ -2,12 +2,12 @@
 
 var React = require('react');
 var core = require('@mantine/core');
-var utils = require('./utils-69f6759f.js');
+var utils = require('./utils-8dd99797.js');
 var react = require('@emotion/react');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var animation = require('./animation-43d37eb3.js');
-var index = require('./index-9c861afa.js');
+var animation = require('./animation-955c93d9.js');
+var index = require('./index-b3dc6f79.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }