@hhgtech/hhg-components 1.29.463-beta-1 → 1.29.463

package/build/esm/{index-0c36bb69.js → index-da45ab02.js}

@@ -1,21 +1,21 @@
-import { _ as __rest } from './tslib.es6-c2caacdd.js';
+import { _ as __rest } from './tslib.es6-336c11ff.js';
 import React__default, { useState, useRef, useMemo, useEffect } from 'react';
 import { BabyBoyMB, BabyGirlMB } from '@hhgtech/icons/other';
 import { createStyles, rem, Box, Flex } from '@mantine/core';
-import { R as Radio } from './index-8504d60c.js';
+import { R as Radio } from './index-408eb64b.js';
 import '@mantine/dates';
-import './index-427a7d91.js';
-import './index-b9aeaed7.js';
-import { C as CommonGAssets } from './index-5eea3a66.js';
-import './index-7c6e4d50.js';
-import { T as Text } from './index-61075b78.js';
-import './index-342161de.js';
-import './index-8f29a612.js';
-import './index.styles-8cdcc130.js';
-import { u as useTranslations } from './index-b158f556.js';
+import './index-d7d6bb19.js';
+import './index-b44ee327.js';
+import { C as CommonGAssets } from './index-1804fda0.js';
+import './index-3d1d9a67.js';
+import { T as Text } from './index-e8740927.js';
+import './index-cdc9d57c.js';
+import './index-e6806e0f.js';
+import './index.styles-7a9af80f.js';
+import { u as useTranslations } from './index-35a4c561.js';
 import '@mantine/hooks';
-import './utils-a8347871.js';
-import './index-0142c112.js';
+import './utils-8c1fd230.js';
+import './index-ee3a4ef3.js';
 
 var useStyles = createStyles((theme, { type }) => {
     const isMarryBaby = theme.other.template === 'mb';

package/build/esm/{index-798b0832.js → index-df002263.js}

@@ -1,18 +1,18 @@
 import React__default, { useState, useMemo } from 'react';
-import { F as Flag } from './index-8504d60c.js';
+import { F as Flag } from './index-408eb64b.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { T as Text } from './index-61075b78.js';
-import { C as CommonGAssets } from './index-5eea3a66.js';
-import { _ as __rest } from './tslib.es6-c2caacdd.js';
-import { a as ZINDEX_HEADER, V as VIDEO_DETAIL_TEMP_STORAGE } from './index-427a7d91.js';
-import { V as VideoType } from './index-b9aeaed7.js';
+import { T as Text } from './index-e8740927.js';
+import { C as CommonGAssets } from './index-1804fda0.js';
+import { _ as __rest } from './tslib.es6-336c11ff.js';
+import { a as ZINDEX_HEADER, V as VIDEO_DETAIL_TEMP_STORAGE } from './index-d7d6bb19.js';
+import { V as VideoType } from './index-b44ee327.js';
 import { createStyles, Stack, Box, AspectRatio, getStylesRef, rem, Flex } from '@mantine/core';
-import { a as abbreviateNumber } from './number-7c01a932.js';
-import { u as useTranslations } from './index-b158f556.js';
+import { a as abbreviateNumber } from './number-c62111c1.js';
+import { u as useTranslations } from './index-35a4c561.js';
 import { useOs } from '@mantine/hooks';
-import { M as Modal } from './index-62a0c409.js';
-import { S as SocialLinkPreview } from './index-b35ee5ef.js';
+import { M as Modal } from './index-aef89439.js';
+import { S as SocialLinkPreview } from './index-3e065993.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
 const ALLOW_DOMAIN_URL = [

package/build/esm/{index-d968af1a.js → index-e10d0576.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-c2caacdd.js';
+import { _ as __rest } from './tslib.es6-336c11ff.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-a8347871.js';
+import { M as MediaQueries } from './utils-8c1fd230.js';
 
 const StyledInput = styled.div `
   position: relative;

package/build/esm/{index-a37eea21.js → index-e415b8a4.js}

@@ -1,23 +1,23 @@
-import { _ as __rest } from './tslib.es6-c2caacdd.js';
+import { _ as __rest } from './tslib.es6-336c11ff.js';
 import React__default, { createContext, useContext } from 'react';
 import { createStyles, rem, useMantineTheme, clsx } from '@mantine/core';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { I as Input } from './index-8504d60c.js';
-import { D as DatePicker } from './index-34890688.js';
-import { T as Text } from './index-61075b78.js';
-import './index-342161de.js';
-import './index-8f29a612.js';
-import './index.styles-8cdcc130.js';
-import { u as useTranslations } from './index-b158f556.js';
+import { I as Input } from './index-408eb64b.js';
+import { D as DatePicker } from './index-cb51cb88.js';
+import { T as Text } from './index-e8740927.js';
+import './index-cdc9d57c.js';
+import './index-e6806e0f.js';
+import './index.styles-7a9af80f.js';
+import { u as useTranslations } from './index-35a4c561.js';
 import '@mantine/hooks';
-import './index-7c6e4d50.js';
-import './utils-a8347871.js';
-import './index-0142c112.js';
-import { C as CardWrapperContext } from './context-d4d564be.js';
-import { I as INPUT_RANGE } from './constants-a7e8cdc7.js';
-import { H as HealthToolFormWrapper } from './index-34bd048c.js';
-import { G as GenderOptionControl } from './index-0c36bb69.js';
-import { L as LOCALE } from './Locale-ea8fd614.js';
+import './index-3d1d9a67.js';
+import './utils-8c1fd230.js';
+import './index-ee3a4ef3.js';
+import { C as CardWrapperContext } from './context-bace72c1.js';
+import { I as INPUT_RANGE } from './constants-d872a9cb.js';
+import { H as HealthToolFormWrapper } from './index-b2197392.js';
+import { G as GenderOptionControl } from './index-da45ab02.js';
+import { L as LOCALE } from './Locale-8eb1c65d.js';
 import { CalendarMB } from '@hhgtech/icons/other';
 
 const BabyGrowthFormContext = createContext({});

package/build/esm/{index-d9627387.js → index-e5c54f6f.js}

@@ -1,4 +1,4 @@
-import { _ as __rest } from './tslib.es6-c2caacdd.js';
+import { _ as __rest } from './tslib.es6-336c11ff.js';
 import React__default from 'react';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';

package/build/esm/{index-61075b78.js → index-e8740927.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-c2caacdd.js';
+import { _ as __rest } from './tslib.es6-336c11ff.js';
 import React__default, { forwardRef } from 'react';
 import { createStyles, useMantineTheme, Text as Text$1 } from '@mantine/core';
-import { a as GlobalTextStyle, C as CustomStylesType, F as FontWeight, u as useTemplateVariant } from './index-8f29a612.js';
+import { a as GlobalTextStyle, C as CustomStylesType, F as FontWeight, u as useTemplateVariant } from './index-e6806e0f.js';
 
 var useStyles = createStyles((theme, _params) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;

package/build/esm/{index-0142c112.js → index-ee3a4ef3.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-c2caacdd.js';
+import { _ as __rest } from './tslib.es6-336c11ff.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-342161de.js';
-import { T as Text } from './index-61075b78.js';
+import { B as Button } from './index-cdc9d57c.js';
+import { T as Text } from './index-e8740927.js';
 
 var useStyles = createStyles((theme, params) => {
     const { variant } = params;

package/build/esm/{index-a5df1b41.js → index-f1d6d058.js}

@@ -1,41 +1,41 @@
 import React__default, { createContext, useContext, useMemo, useCallback, useState, useEffect, forwardRef, useRef } from 'react';
 import { rem, Container, createStyles, Box, Stack, Flex, AspectRatio, ScrollArea, Chip, Group, Badge, MultiSelect, Stepper } from '@mantine/core';
-import { C as CommonGAssets } from './index-5eea3a66.js';
-import { b as callApiWithAuth, d as getApiPath, T as TogetherComponentGlobalContext, e as getPremiumApiPath, f as getWebsiteUrlApi, h as getSsoApiPath } from './utils-a621aedf.js';
-import { G as GA_TOKEN_COOKIE } from './index-427a7d91.js';
-import { H as HEALTH_TOOL_TYPE, a as HEALTH_TOOL_DEFAULT_IMG } from './healthTools-fa6d7a0f.js';
+import { C as CommonGAssets } from './index-1804fda0.js';
+import { b as callApiWithAuth, d as getApiPath, T as TogetherComponentGlobalContext, e as getPremiumApiPath, f as getWebsiteUrlApi, h as getSsoApiPath } from './utils-affa7e64.js';
+import { G as GA_TOKEN_COOKIE } from './index-d7d6bb19.js';
+import { H as HEALTH_TOOL_TYPE, a as HEALTH_TOOL_DEFAULT_IMG } from './healthTools-fddea03d.js';
 import { RISK_SCREENER_NAME, RISK_SCREENER_SLUG } from './constantsRiskScreener.js';
-import { _ as __rest, a as __awaiter } from './tslib.es6-c2caacdd.js';
-import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-bc619485.js';
-import { I as ImageWrap } from './index-1859869e.js';
-import { g as getCurrentBaseUrl, a as getCurrentSsoUrl } from './normalizeLink-f1eb60d4.js';
-import { u as useTranslations } from './index-b158f556.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-336c11ff.js';
+import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-617a19ad.js';
+import { I as ImageWrap } from './index-60ea53a3.js';
+import { g as getCurrentBaseUrl, a as getCurrentSsoUrl } from './normalizeLink-0d04e918.js';
+import { u as useTranslations } from './index-35a4c561.js';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { d as Checkbox, f as ChipButton, I as Input, b as AspectRatio$1 } from './index-8504d60c.js';
+import { d as Checkbox, f as ChipButton, I as Input, b as AspectRatio$1 } from './index-408eb64b.js';
 import '@mantine/dates';
-import './index-b9aeaed7.js';
-import { t as themeColors } from './index-7c6e4d50.js';
-import { T as Text } from './index-61075b78.js';
-import { B as Button } from './index-342161de.js';
-import './index-8f29a612.js';
-import './index.styles-8cdcc130.js';
+import './index-b44ee327.js';
+import { t as themeColors } from './index-3d1d9a67.js';
+import { T as Text } from './index-e8740927.js';
+import { B as Button } from './index-cdc9d57c.js';
+import './index-e6806e0f.js';
+import './index.styles-7a9af80f.js';
 import { useViewportSize } from '@mantine/hooks';
-import './utils-a8347871.js';
-import './index-0142c112.js';
+import './utils-8c1fd230.js';
+import './index-ee3a4ef3.js';
 import { PATHS as PATHS$2 } from './togetherApiPaths.js';
-import './translationsContext-19cc011c.js';
-import { H as Heading } from './index-339ec9c0.js';
-import { u as useHealthToolsCache } from './useHealthToolCache-771803b0.js';
-import { I as Icon } from './index-269fa11c.js';
+import './translationsContext-4b37e197.js';
+import { H as Heading } from './index-57dd6bf1.js';
+import { u as useHealthToolsCache } from './useHealthToolCache-baebd28b.js';
+import { I as Icon } from './index-c88fa87b.js';
 import { domainLocales } from './constantsDomainLocales.js';
 import { isProduction } from './constantsIsProduction.js';
 import { Close, Plus } from '@hhgtech/icons/core';
-import { i as isVideo } from './index-2e606c61.js';
-import { M as Modal } from './index-62a0c409.js';
+import { i as isVideo } from './index-4cba28c6.js';
+import { M as Modal } from './index-aef89439.js';
 import Cookies from 'js-cookie';
 import flatten from 'lodash/flatten';
 import uniqBy from 'lodash/uniqBy';
-import { L as LOCALE } from './Locale-ea8fd614.js';
+import { L as LOCALE } from './Locale-8eb1c65d.js';
 
 const PREFER_TOPICS = [
     {

package/build/esm/{index-88e341ca.js → index-fa4d7173.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
-import { u as useTranslations } from './index-b158f556.js';
-import { B as Button } from './index-7dab5319.js';
+import { u as useTranslations } from './index-35a4c561.js';
+import { B as Button } from './index-a03b87dd.js';
 
 var styles = {"loading":"PD6nRZX"};
 

package/build/esm/{index-2416f2ff.js → index-fd379e1c.js}

@@ -1,34 +1,33 @@
 import * as React from 'react';
 import React__default, { useMemo, useState, useEffect, useRef, createContext, useContext } from 'react';
-import { u as useTranslations } from './index-b158f556.js';
+import { u as useTranslations } from './index-35a4c561.js';
 import { getCookie } from './miscCookieHelper.js';
-import { C as CommonGAssets } from './index-5eea3a66.js';
-import { n as normalizeLinkSlash, e as normalizeLink } from './normalizeLink-f1eb60d4.js';
+import { C as CommonGAssets } from './index-1804fda0.js';
+import { n as normalizeLinkSlash, e as normalizeLink } from './normalizeLink-0d04e918.js';
 import { theme } from './miscTheme.js';
-import { A as Avatar, I as IconWrapper, D as DistanceTag, a as DrawerBottom, S as ShapedArrowDown } from './index-ad53d6d5.js';
-import { b as getTogetherUserPostsApiPath } from './index-84e20328.js';
-import { B as Button } from './index-7dab5319.js';
-import { w as workingDays } from './types-802bac96.js';
+import { A as Avatar, I as IconWrapper, D as DistanceTag, a as DrawerBottom, S as ShapedArrowDown } from './index-01913827.js';
+import { b as getTogetherUserPostsApiPath } from './index-65a32939.js';
+import { B as Button } from './index-a03b87dd.js';
+import { w as workingDays } from './types-1171532b.js';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-a8347871.js';
-import { rem, clsx, Flex, Box } from '@mantine/core';
 import { LoadScript, GoogleMap, Marker } from '@react-google-maps/api';
 import cn from 'classnames';
-import { b as basePath, Z as ZINDEX_SSO } from './index-427a7d91.js';
-import { L as LOCALISED_SLUGS } from './constants-8c4b5bce.js';
-import { T as Text } from './index-712aa5bb.js';
-import { f as formatPhoneNumber } from './localizeNumberFormat-769b7b36.js';
-import { a as __awaiter } from './tslib.es6-c2caacdd.js';
+import { b as basePath, Z as ZINDEX_SSO } from './index-d7d6bb19.js';
+import { L as LOCALISED_SLUGS } from './constants-8ff167e7.js';
+import { T as Text } from './index-3ba8f0c5.js';
+import { f as formatPhoneNumber } from './localizeNumberFormat-16e6c11d.js';
+import { a as __awaiter } from './tslib.es6-336c11ff.js';
 import { useDisclosure } from '@mantine/hooks';
-import { u as useTextStyles, T as TextField } from './index-d94d23e5.js';
+import { clsx, Flex, Box, rem } from '@mantine/core';
+import { u as useTextStyles, T as TextField } from './index-c747679f.js';
 import { parsePhoneNumber } from 'react-phone-number-input';
-import { P as Phone, I as Input, E as ErrorIcon } from './index-8504d60c.js';
-import { G as GlobalTextStyleNew, C as CustomStylesType, F as FontWeight } from './index-8f29a612.js';
-import { B as Button$1 } from './index-342161de.js';
-import { M as MAPPED_LOCALE } from './index-7c6e4d50.js';
-import { T as Text$1 } from './index-61075b78.js';
-import { I as ImageWrap } from './index-1859869e.js';
-import { I as InsuranceList, P as PaymentList, A as ArrowRightBlue, a as DoctorInfoExpertise, D as DoctorExpertiseItem, C as Clinic } from './index-81a6cf00.js';
+import { P as Phone, I as Input, E as ErrorIcon } from './index-408eb64b.js';
+import { G as GlobalTextStyleNew, C as CustomStylesType, F as FontWeight } from './index-e6806e0f.js';
+import { B as Button$1 } from './index-cdc9d57c.js';
+import { M as MAPPED_LOCALE } from './index-3d1d9a67.js';
+import { T as Text$1 } from './index-e8740927.js';
+import { I as ImageWrap } from './index-60ea53a3.js';
+import { I as InsuranceList, P as PaymentList, A as ArrowRightBlue, a as DoctorInfoExpertise, D as DoctorExpertiseItem, C as Clinic } from './index-2b3bddfe.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),
@@ -446,55 +445,18 @@ const UserProfileNavigation = ({ SSO_URL, UP_BASEPATH = 'user', themeName = 'hel
 };
 
 const StyledOpeningHour = styled.div `
-  ${MediaQueries.mbUp} {
-    margin: 0;
-  }
-
-  color: ${theme.colors.gray1000};
+  color: #111111;
   margin-bottom: 1rem;
   .txt-body-1 {
     font-size: 0.8125rem;
     line-height: 1.25rem;
-    ${MediaQueries.mbUp} {
-      font-size: 0.9375rem;
-      line-height: 1.5rem;
-      color: ${theme.colors.gray700};
-    }
   }
   .txt-body-2 {
     font-size: 0.9375rem;
     line-height: 1.5rem;
-    padding: 0.75rem 0 0;
-    font-weight: 500;
-    ${MediaQueries.mbUp} {
-      padding: 0;
-      font-weight: 600;
-    }
-  }
-
-  .txt-hours {
-    font-weight: 500;
-    color: ${theme.colors.gray1000};
-  }
-
-  .opening-hours-container {
-    ${MediaQueries.mbUp} {
-      display: grid;
-      grid-template-columns: repeat(2, 1fr);
-      column-gap: 1rem;
-      row-gap: 0px;
-    }
   }
 `;
 const StyledFormatDataBox = styled.div `
-  ${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;
@@ -542,10 +504,13 @@ function OpeningHours({ workingTimes }) {
         });
     }, [workingTimes]);
     return (React__default.createElement(StyledOpeningHour, null,
-        React__default.createElement("div", { className: "txt-body-2" }, t('detail.openHours')),
-        React__default.createElement("div", { className: "opening-hours-container" }, formatData.map((item, index) => (React__default.createElement(StyledFormatDataBox, { className: "txt-body-1", key: index },
+        React__default.createElement("div", { className: "txt-body-2", style: {
+                padding: '0.75rem 0',
+                fontWeight: 500,
+            } }, t('detail.openHours')),
+        React__default.createElement("div", null, formatData.map((item, index) => (React__default.createElement(StyledFormatDataBox, { className: "txt-body-1", key: index },
             React__default.createElement("div", null, item === null || item === void 0 ? void 0 : item.day),
-            React__default.createElement("div", { className: "txt-hours" }, item === null || item === void 0 ? void 0 : item.value)))))));
+            React__default.createElement("div", { style: { fontWeight: 500 } }, item === null || item === void 0 ? void 0 : item.value)))))));
 }
 
 const getHospitalUrl = (locale, hospital) => {
@@ -734,32 +699,18 @@ const Email = (props) => (React.createElement("svg", Object.assign({ width: "1em
 
 // import { ThemeProps } from '@hhgtech/hhg-components'
 const StyledClinicInfo = styled.div `
-  ${MediaQueries.mbUp} {
-    display: flex;
-    gap: ${rem(24)};
-    padding: 0 ${rem(24)} ${rem(24)};
-  }
-
   color: #111111;
-  padding: 0 ${rem(16)} ${rem(16)};
+  padding-left: 1rem;
+  padding-right: 1rem;
+  padding-bottom: 1rem;
 
   .name {
-    ${MediaQueries.mbUp} {
-      font-weight: 600;
-    }
-
     font-size: 0.9375rem;
     line-height: 1.5rem;
     font-weight: 500;
   }
 
   address {
-    ${MediaQueries.mbUp} {
-      font-size: 0.9375rem;
-      line-height: 1.5rem;
-      font-style: normal;
-    }
-
     font-size: 0.8125rem;
     line-height: 1.25rem;
     font-weight: 400;
@@ -788,10 +739,6 @@ const StyledMap = styled(Map) `
     --mapCardHeight: --cardHeight;
   }
   iframe {
-    ${MediaQueries.mbUp} {
-      width: ${rem(180)};
-      height: ${rem(180)};
-    }
     border-radius: 12px;
     overflow: hidden;
   }
@@ -805,22 +752,6 @@ const StyledEmailIcon = styled(Email) `
   height: 1rem;
 `;
 const StyledContainer = styled.div `
-  ${MediaQueries.mbUp} {
-    padding: 0;
-    display: flex;
-    flex-direction: column;
-    gap: 24px;
-  }
-
-  .clinic-content {
-    display: flex;
-    flex-direction: column;
-    ${MediaQueries.mbUp} {
-      gap: 8px;
-    }
-    gap: 12px;
-  }
-
   padding-top: 1rem;
   padding-bottom: 1rem;
   padding-left: 4.5px;
@@ -842,13 +773,6 @@ const StyledDistanceTag$1 = styled(DistanceTag) `
 const StyledContact = styled.div `
   display: flex;
   gap: 4px;
-  flex-direction: column;
-  ${MediaQueries.mbUp} {
-    flex-direction: row;
-  }
-  .contact-item {
-    width: fit-content;
-  }
 `;
 
 function ClinicInfo(props) {
@@ -864,22 +788,21 @@ function ClinicInfo(props) {
     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 }),
         React__default.createElement(StyledContainer, null,
-            React__default.createElement("div", { className: "clinic-content" },
-                React__default.createElement("div", { className: "name" }, hospitalInfo.name),
-                React__default.createElement(StyledFlexBox, null,
-                    React__default.createElement("address", null, hospitalInfo.address),
-                    distance && (React__default.createElement("div", { style: {
-                            flexShrink: 0,
-                        } },
-                        React__default.createElement(StyledDistanceTag$1, { value: `${distance} km` })))),
-                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))))),
-            hospitalInfo.working_times && (React__default.createElement(OpeningHours, { workingTimes: hospitalInfo.working_times })))));
+            React__default.createElement("div", { className: "name" }, hospitalInfo.name),
+            React__default.createElement(StyledFlexBox, null,
+                React__default.createElement("address", null, hospitalInfo.address),
+                distance && (React__default.createElement("div", { style: {
+                        flexShrink: 0,
+                    } },
+                    React__default.createElement(StyledDistanceTag$1, { value: `${distance} km` })))),
+            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))))),
+        hospitalInfo.working_times && (React__default.createElement(OpeningHours, { workingTimes: hospitalInfo.working_times }))));
 }
 
 const StyledCollectPhoneForm = styled.div `
@@ -1278,7 +1201,7 @@ const StyledInsuranceList = styled(InsuranceList) `
 function ProductInsuranceInfo({ hospitalInfo, isMobile = false, }) {
     const { t } = useTranslations();
     const isSupportPayment = (hospitalInfo === null || hospitalInfo === void 0 ? void 0 : hospitalInfo.accepted_payments) && hospitalInfo.accepted_payments.length > 0;
-    return (React__default.createElement(StyledInsuranceContainer, { id: "insurance-container" },
+    return (React__default.createElement(StyledInsuranceContainer, null,
         React__default.createElement("div", null,
             React__default.createElement("h3", { className: "txt-body-2" }, t('common.insurance')),
             React__default.createElement("p", { className: "txt-body-1" }, t('common.insuranceIntro')),