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

package/build/esm/{index-b7a4e352.js → index-0db28166.js}

@@ -1,48 +1,48 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-fa34026f.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-54d34619.js';
 import React__default, { useContext, useState, useCallback, useEffect, useMemo, useRef } from 'react';
-import { V as VideoType } from './index-89de9362.js';
-import { i as isInternalLink, V as VideoItem, L as LanguageSwitcher } from './index-eff75d1a.js';
-import { L as LOCALE_SPECS, S as STATIC_PAGES, T as TOGETHER_LOCALES, a as CARE_LOCALES } from './index-1c2458fc.js';
-import { e as normalizeLink, n as normalizeLinkSlash, g as getCurrentBaseUrl, c as getDiscoverApiDomain, b as getTogetherApiDomain, d as getCareApiDomain } from './normalizeLink-e81005ad.js';
-import { a as formatCommunity, b as formatPost } from './dataTransform-6a89e28e.js';
+import { V as VideoType } from './index-d817d3f2.js';
+import { i as isInternalLink, V as VideoItem, L as LanguageSwitcher } from './index-32544d80.js';
+import { L as LOCALE_SPECS, S as STATIC_PAGES, T as TOGETHER_LOCALES, a as CARE_LOCALES } from './index-6f17840d.js';
+import { e as normalizeLink, n as normalizeLinkSlash, g as getCurrentBaseUrl, c as getDiscoverApiDomain, b as getTogetherApiDomain, d as getCareApiDomain } from './normalizeLink-1707de9a.js';
+import { a as formatCommunity, b as formatPost } from './dataTransform-587ff04d.js';
 import { Close, Logo } from '@hhgtech/icons/core';
-import './translationsContext-a44e8410.js';
+import './translationsContext-3e631be4.js';
 import styled from '@emotion/styled';
-import { I as Input } from './index-84a76802.js';
+import { I as Input } from './index-a0d4f6f0.js';
 import { theme } from './miscTheme.js';
-import { a as NavigationContext, u as useCSSFocusPopupHelper, N as NavigationProfileButton, b as NavigationProvider } from './index-44798d16.js';
+import { a as NavigationContext, u as useCSSFocusPopupHelper, N as NavigationProfileButton, b as NavigationProvider } from './index-0bd1fda7.js';
 import { ArrowRight, ChatAi } from '@hhgtech/icons/other';
-import { createStyles, Box, Indicator, useMantineTheme, clsx } from '@mantine/core';
-import { L as Logo$1 } from './index-733383e7.js';
+import { createStyles, Box, Indicator, useMantineTheme } from '@mantine/core';
+import { L as Logo$1 } from './index-7e72dc3d.js';
 import throttle from 'lodash/throttle';
 import '@mantine/dates';
-import { C as CommonGAssets } from './index-ad2734de.js';
-import './index-0d86f418.js';
-import { T as Text } from './index-6570373a.js';
-import { B as Button } from './index-54f817be.js';
-import './index.styles-75e72b54.js';
+import { C as CommonGAssets } from './index-ac7c31f0.js';
+import './index-205c05cb.js';
+import { T as Text } from './index-fc61cf08.js';
+import { B as Button } from './index-620f18f7.js';
+import './index.styles-a52aec6a.js';
 import '@mantine/hooks';
-import './text-5bb06c81.js';
-import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-af633e57.js';
-import './index-026fbb99.js';
-import { L as LOCALISED_SLUGS } from './constants-96aba134.js';
-import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-c7507104.js';
-import { L as LOCALIZED_SLUGS } from './constants-27ae8661.js';
-import { u as useTranslations } from './index-2a733b1a.js';
-import { H as Heading } from './index-20d84e9a.js';
-import { I as Indicator$1 } from './index-47be48f7.js';
-import { u as useIsInit } from './useIsInit-de994cb4.js';
+import './text-d12bd367.js';
+import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-d56c9b81.js';
+import './index-78119715.js';
+import { L as LOCALISED_SLUGS } from './constants-71623843.js';
+import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-3eb4cf41.js';
+import { L as LOCALIZED_SLUGS } from './constants-ca692455.js';
+import { u as useTranslations } from './index-1502eccd.js';
+import { H as Heading } from './index-75c81fa8.js';
+import { I as Indicator$1 } from './index-22bd0558.js';
+import { u as useIsInit } from './useIsInit-0d46d6ac.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
-import { B as Button$1 } from './index-dcd908b1.js';
+import { B as Button$1 } from './index-c298c2a5.js';
 import dayjs from 'dayjs';
 import relativeTime from 'dayjs/plugin/relativeTime';
-import { U as UserAvatar } from './index-3382745d.js';
+import { U as UserAvatar } from './index-153b6d80.js';
 import formatString from 'string-format';
 import { domainLocales } from './constantsDomainLocales.js';
-import { C as Container } from './index-d6df9ab1.js';
+import { C as Container } from './index-8c62de87.js';
 import debounce from 'lodash/debounce';
-import { L as LOCALE } from './Locale-42d16ce9.js';
-import { g as getDataWithCache } from './core-1d85626d.js';
+import { L as LOCALE } from './Locale-75416b2c.js';
+import { g as getDataWithCache } from './core-2d01000b.js';
 
 const StyleInput = styled(Input) `
   .mantine-Input-input {
@@ -444,7 +444,7 @@ const Categories = ({ hrefViewMore, titleBtnViewMore, UrlFE, onClosePopup, menuI
                         ? item === null || item === void 0 ? void 0 : item.link
                         : `${UrlFE}/${item === null || item === void 0 ? void 0 : item.link.split('/').filter(Boolean).join('/')}/`
                     : '/';
-                return (React__default.createElement(StyledItem$6, Object.assign({ className: clsx('iconMenu', `itemMenu-${item.id}`), "data-event-category": "Hamburger Navigation", "data-event-action": "Click", "data-event-label": href, "data-is-heading-category": false, "data-active": item.id && item.id === activeItem, "data-is-mobile-tool": item.isMobileAppTool, href: href }, (!isInternalLink(href) && {
+                return (React__default.createElement(StyledItem$6, Object.assign({ className: "iconMenu", "data-event-category": "Hamburger Navigation", "data-event-action": "Click", "data-event-label": href, "data-is-heading-category": false, "data-active": item.id && item.id === activeItem, "data-is-mobile-tool": item.isMobileAppTool, href: href }, (!isInternalLink(href) && {
                     target: '_blank',
                 }), { "data-theme": siteType, key: index, onClick: onClosePopup }),
                     React__default.createElement("div", { className: "icon" },
@@ -1857,7 +1857,7 @@ const formatHealthTool = (healthTool) => {
         link,
         subtitle: healthTool.subtitle,
         title: healthTool.title,
-        isMobileAppTool: !!(healthTool === null || healthTool === void 0 ? void 0 : healthTool.is_mobile_app_tool),
+        isMobileAppTool: healthTool.is_mobile_app_tool,
     };
 };
 const formatSpecialties = (specialties) => {

package/build/esm/{index-2a733b1a.js → index-1502eccd.js}

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { useContext, useMemo } from 'react';
-import { T as TranslationsContext } from './translationsContext-a44e8410.js';
+import { T as TranslationsContext } from './translationsContext-3e631be4.js';
 
 // SRC: https://github.com/berezh/react-string-format
 function format(text, params) {

package/build/esm/{index-3382745d.js → index-153b6d80.js}

@@ -1,6 +1,6 @@
-import { _ as __rest } from './tslib.es6-fa34026f.js';
+import { _ as __rest } from './tslib.es6-54d34619.js';
 import React__default, { useContext, useState } from 'react';
-import { T as TogetherComponentGlobalContext } from './utils-3f1d095a.js';
+import { T as TogetherComponentGlobalContext } from './utils-dcfe7cbe.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
 

package/build/esm/{index-6e0425ca.js → index-173f2b81.js}

@@ -1,6 +1,6 @@
 import React__default, { useState, useEffect } from 'react';
-import { B as Breakpoints } from './utils-af633e57.js';
-import { _ as __rest } from './tslib.es6-fa34026f.js';
+import { B as Breakpoints } from './utils-d56c9b81.js';
+import { _ as __rest } from './tslib.es6-54d34619.js';
 import styled from '@emotion/styled';
 
 const getIsMobile = () => {

package/build/esm/{index-0d86f418.js → index-205c05cb.js}

@@ -1,16 +1,16 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-fa34026f.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-54d34619.js';
 import React__default, { useState, useEffect } from 'react';
 import dayjs from 'dayjs';
-import './index-89de9362.js';
-import { L as LOCALE } from './Locale-42d16ce9.js';
+import './index-d817d3f2.js';
+import { L as LOCALE } from './Locale-75416b2c.js';
 import { notifications, Notifications } from '@mantine/notifications';
-import { Z as ZINDEX_SSO, I as ISO_FORMAT } from './index-1c2458fc.js';
+import { Z as ZINDEX_SSO, I as ISO_FORMAT } from './index-6f17840d.js';
 import { em } from '@mantine/core';
-import { C as CommonGAssets } from './index-ad2734de.js';
+import { C as CommonGAssets } from './index-ac7c31f0.js';
 import { theme } from './miscTheme.js';
-import { S as Screens, M as MediaQueries, B as Breakpoints } from './utils-af633e57.js';
-import { C as CustomStylesType, F as FontWeight } from './text-5bb06c81.js';
-import { A as ANIMATION_DURATION } from './shared-cbf6ba4d.js';
+import { S as Screens, M as MediaQueries, B as Breakpoints } from './utils-d56c9b81.js';
+import { C as CustomStylesType, F as FontWeight } from './text-d12bd367.js';
+import { A as ANIMATION_DURATION } from './shared-7813dbd8.js';
 
 // Available locale list https://cdn.jsdelivr.net/npm/dayjs@1/locale.json
 const MAPPED_LOCALE = {

package/build/esm/{index-47be48f7.js → index-22bd0558.js}

@@ -1,4 +1,4 @@
-import { _ as __rest } from './tslib.es6-fa34026f.js';
+import { _ as __rest } from './tslib.es6-54d34619.js';
 import React__default from 'react';
 import { Indicator as Indicator$1 } from '@mantine/core';
 import { theme } from './miscTheme.js';

package/build/esm/{index-9a57dc0a.js → index-22faaee2.js}

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

package/build/esm/{index-54126b1a.js → index-2f6b7441.js}

@@ -1,24 +1,24 @@
 import * as React from 'react';
 import React__default, { useState, useMemo, useEffect, Fragment } from 'react';
 import styled from '@emotion/styled';
-import { M as MediaQueries, f as formatUrlWithPageParam } from './utils-af633e57.js';
+import { M as MediaQueries, f as formatUrlWithPageParam } from './utils-d56c9b81.js';
 import { theme } from './miscTheme.js';
-import { _ as __rest } from './tslib.es6-fa34026f.js';
-import { L as Label, S as StyledDisplayIcon, a as StyledActionIcon, b as StyledErrorLabel } from './index-c8c3da73.js';
-import { I as Input } from './index-84a76802.js';
+import { _ as __rest } from './tslib.es6-54d34619.js';
+import { L as Label, S as StyledDisplayIcon, a as StyledActionIcon, b as StyledErrorLabel } from './index-be56eb59.js';
+import { I as Input } from './index-a0d4f6f0.js';
 import '@mantine/core';
 import '@mantine/dates';
-import './index-1c2458fc.js';
-import './index-89de9362.js';
-import './index-ad2734de.js';
-import './index-0d86f418.js';
-import './index-6570373a.js';
-import './index-54f817be.js';
-import './index.styles-75e72b54.js';
-import './translationsContext-a44e8410.js';
+import './index-6f17840d.js';
+import './index-d817d3f2.js';
+import './index-ac7c31f0.js';
+import './index-205c05cb.js';
+import './index-fc61cf08.js';
+import './index-620f18f7.js';
+import './index.styles-a52aec6a.js';
+import './translationsContext-3e631be4.js';
 import '@mantine/hooks';
-import './text-5bb06c81.js';
-import './index-026fbb99.js';
+import './text-d12bd367.js';
+import './index-78119715.js';
 
 /* eslint-disable prettier/prettier */
 const Search2 = (props) => (React.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 24 25", fill: "none" }, props),

package/build/esm/{index-e1b18cc1.js → index-2f78789e.js}

@@ -1,25 +1,25 @@
-import { _ as __rest } from './tslib.es6-fa34026f.js';
+import { _ as __rest } from './tslib.es6-54d34619.js';
 import React__default, { createContext, useContext, useMemo, forwardRef, useState } from 'react';
 import { useMantineTheme, Group, Box, Flex, Tooltip } from '@mantine/core';
 import { format } from 'date-fns';
-import { L as LastPeriod } from './LastPeriod-bba7c0bf.js';
-import { L as LOCALE } from './Locale-42d16ce9.js';
+import { L as LastPeriod } from './LastPeriod-6fbf4a09.js';
+import { L as LOCALE } from './Locale-75416b2c.js';
 import { useForm, isNotEmpty } from '@mantine/form';
 import dayjs from 'dayjs';
-import { R as Radio, I as Input, S as Select } from './index-84a76802.js';
-import { D as DatePicker } from './index-4461d1c5.js';
-import { T as Text } from './index-6570373a.js';
-import './index-54f817be.js';
-import './index.styles-75e72b54.js';
-import { u as useTranslations } from './index-2a733b1a.js';
+import { R as Radio, I as Input, S as Select } from './index-a0d4f6f0.js';
+import { D as DatePicker } from './index-e1775551.js';
+import { T as Text } from './index-fc61cf08.js';
+import './index-620f18f7.js';
+import './index.styles-a52aec6a.js';
+import { u as useTranslations } from './index-1502eccd.js';
 import '@mantine/hooks';
-import './index-0d86f418.js';
-import './text-5bb06c81.js';
-import './utils-af633e57.js';
-import './index-026fbb99.js';
-import { H as HealthToolFormWrapper } from './index-0e4ddfc0.js';
+import './index-205c05cb.js';
+import './text-d12bd367.js';
+import './utils-d56c9b81.js';
+import './index-78119715.js';
+import { H as HealthToolFormWrapper } from './index-a4605212.js';
 import { CalendarMB } from '@hhgtech/icons/other';
-import { Q as QUERY_HEALTH_TOOL, A as API_DATE_FORMAT$1 } from './index-1c2458fc.js';
+import { Q as QUERY_HEALTH_TOOL, A as API_DATE_FORMAT$1 } from './index-6f17840d.js';
 import { theme } from './miscTheme.js';
 
 const ConceptionDate = (_a) => {

package/build/esm/{index-80e0550a.js → index-301b1d8b.js}

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

package/build/esm/{index-eff75d1a.js → index-32544d80.js}

@@ -1,18 +1,18 @@
 import React__default, { useState, useMemo } from 'react';
-import { F as Flag } from './index-84a76802.js';
+import { F as Flag } from './index-a0d4f6f0.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { T as Text } from './index-6570373a.js';
-import { C as CommonGAssets } from './index-ad2734de.js';
-import { _ as __rest } from './tslib.es6-fa34026f.js';
-import { V as VIDEO_DETAIL_TEMP_STORAGE } from './index-1c2458fc.js';
-import { V as VideoType } from './index-89de9362.js';
+import { T as Text } from './index-fc61cf08.js';
+import { C as CommonGAssets } from './index-ac7c31f0.js';
+import { _ as __rest } from './tslib.es6-54d34619.js';
+import { V as VIDEO_DETAIL_TEMP_STORAGE } from './index-6f17840d.js';
+import { V as VideoType } from './index-d817d3f2.js';
 import { createStyles, Stack, Box, AspectRatio, getStylesRef, rem, Flex } from '@mantine/core';
-import { a as abbreviateNumber } from './number-f9c8785b.js';
-import { u as useTranslations } from './index-2a733b1a.js';
+import { a as abbreviateNumber } from './number-1532b290.js';
+import { u as useTranslations } from './index-1502eccd.js';
 import { useOs } from '@mantine/hooks';
-import { M as Modal } from './index-34a4b9b7.js';
-import { S as SocialLinkPreview } from './index-72d36657.js';
+import { M as Modal } from './index-cbcebbdd.js';
+import { S as SocialLinkPreview } from './index-73779017.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
 const ALLOW_DOMAIN_URL = [

package/build/esm/{index-8a45edfb.js → index-35080ad9.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
-import { B as Button } from './index-dcd908b1.js';
-import { u as useTranslations } from './index-2a733b1a.js';
+import { B as Button } from './index-c298c2a5.js';
+import { u as useTranslations } from './index-1502eccd.js';
 import { keyframes } from '@emotion/react';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';

package/build/esm/{index-5cd5506b.js → index-35b69451.js}

@@ -1,6 +1,6 @@
-import { c as cookie } from './index-2c61a279.js';
-import { B as BEARER_TOKEN_COOKIE } from './index-1c2458fc.js';
-import { N as NodeIntentType } from './index-89de9362.js';
+import { c as cookie } from './index-e6e13883.js';
+import { B as BEARER_TOKEN_COOKIE } from './index-6f17840d.js';
+import { N as NodeIntentType } from './index-d817d3f2.js';
 import Cookies from 'js-cookie';
 import { v4 } from 'uuid';
 import { isProduction } from './constantsIsProduction.js';

package/build/esm/{index-0c1abc7a.js → index-378b5619.js}

@@ -1,25 +1,25 @@
-import { _ as __rest } from './tslib.es6-fa34026f.js';
+import { _ as __rest } from './tslib.es6-54d34619.js';
 import React__default, { createContext, useContext, useMemo } from 'react';
 import { useMantineTheme } from '@mantine/core';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { u as useHealthToolsCache } from './useHealthToolCache-038110bb.js';
-import { u as useTranslations } from './index-2a733b1a.js';
-import { H as HEALTH_TOOL_TYPE } from './constants-c531a734.js';
-import { I as Input } from './index-84a76802.js';
+import { u as useHealthToolsCache } from './useHealthToolCache-531b5a81.js';
+import { u as useTranslations } from './index-1502eccd.js';
+import { H as HEALTH_TOOL_TYPE } from './constants-42d48d70.js';
+import { I as Input } from './index-a0d4f6f0.js';
 import '@mantine/dates';
-import './index-1c2458fc.js';
-import './index-89de9362.js';
-import './index-ad2734de.js';
-import './index-0d86f418.js';
-import './index-6570373a.js';
-import './index-54f817be.js';
-import './index.styles-75e72b54.js';
+import './index-6f17840d.js';
+import './index-d817d3f2.js';
+import './index-ac7c31f0.js';
+import './index-205c05cb.js';
+import './index-fc61cf08.js';
+import './index-620f18f7.js';
+import './index.styles-a52aec6a.js';
 import '@mantine/hooks';
-import './text-5bb06c81.js';
-import './utils-af633e57.js';
-import './index-026fbb99.js';
-import { H as HealthToolFormWrapper } from './index-0e4ddfc0.js';
-import { I as INPUT_RANGE } from './constants-e8988168.js';
+import './text-d12bd367.js';
+import './utils-d56c9b81.js';
+import './index-78119715.js';
+import { H as HealthToolFormWrapper } from './index-a4605212.js';
+import { I as INPUT_RANGE } from './constants-14e2cf4d.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
 const PWGFormContext = createContext({});

package/build/esm/{index-e46af6fe.js → index-38f447a4.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-2a733b1a.js';
+import { u as useTranslations } from './index-1502eccd.js';
 import { getCookie } from './miscCookieHelper.js';
-import { C as CommonGAssets } from './index-ad2734de.js';
-import { n as normalizeLinkSlash, e as normalizeLink } from './normalizeLink-e81005ad.js';
+import { C as CommonGAssets } from './index-ac7c31f0.js';
+import { n as normalizeLinkSlash, e as normalizeLink } from './normalizeLink-1707de9a.js';
 import { theme } from './miscTheme.js';
-import { A as Avatar, I as IconWrapper, D as DistanceTag, S as ShapedArrowDown } from './index-88fea253.js';
-import { b as getTogetherUserPostsApiPath } from './index-b7a4e352.js';
-import { B as Button } from './index-dcd908b1.js';
-import { w as workingDays } from './types-b37b28bb.js';
+import { A as Avatar, I as IconWrapper, D as DistanceTag, S as ShapedArrowDown } from './index-e37b0cf7.js';
+import { b as getTogetherUserPostsApiPath } from './index-0db28166.js';
+import { B as Button } from './index-c298c2a5.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-1c2458fc.js';
-import { L as LOCALISED_SLUGS } from './constants-c531a734.js';
-import { T as Text } from './index-39999949.js';
-import { f as formatPhoneNumber } from './localizeNumberFormat-d324edd9.js';
-import { _ as __rest, a as __awaiter } from './tslib.es6-fa34026f.js';
+import { b as basePath, Z as ZINDEX_SSO } from './index-6f17840d.js';
+import { L as LOCALISED_SLUGS } from './constants-42d48d70.js';
+import { T as Text } from './index-ad29c1fd.js';
+import { f as formatPhoneNumber } from './localizeNumberFormat-39ccc1e0.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-54d34619.js';
 import { useDisclosure } from '@mantine/hooks';
 import { clsx, Modal, Flex, Box } from '@mantine/core';
-import { D as DrawerComponent, u as useDrawerDrag } from './index-5fa5f1e7.js';
+import { D as DrawerComponent, u as useDrawerDrag } from './index-68a95464.js';
 import { Drawer } from 'vaul';
-import { u as useTextStyles, T as TextField, E as ErrorIcon } from './index-cdb71ab1.js';
+import { u as useTextStyles, T as TextField, E as ErrorIcon } from './index-e8286455.js';
 import { parsePhoneNumber } from 'react-phone-number-input';
-import { G as GlobalTextStyleNew, C as CustomStylesType, F as FontWeight } from './text-5bb06c81.js';
-import { P as Phone, I as Input } from './index-84a76802.js';
-import { B as Button$1 } from './index-54f817be.js';
-import { M as MAPPED_LOCALE } from './index-0d86f418.js';
-import { T as Text$1 } from './index-6570373a.js';
-import { I as ImageWrap } from './index-6e0425ca.js';
-import { I as InsuranceList, P as PaymentList } from './index-f32507bc.js';
+import { G as GlobalTextStyleNew, C as CustomStylesType, F as FontWeight } from './text-d12bd367.js';
+import { P as Phone, I as Input } from './index-a0d4f6f0.js';
+import { B as Button$1 } from './index-620f18f7.js';
+import { M as MAPPED_LOCALE } from './index-205c05cb.js';
+import { T as Text$1 } from './index-fc61cf08.js';
+import { I as ImageWrap } from './index-173f2b81.js';
+import { I as InsuranceList, P as PaymentList } from './index-63a10dee.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 })));
 }
 
@@ -1193,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-f3255f00.js → index-3cbffab8.js}

@@ -1,24 +1,24 @@
-import { _ as __rest } from './tslib.es6-fa34026f.js';
+import { _ as __rest } from './tslib.es6-54d34619.js';
 import React__default, { createContext, useContext, useRef, useMemo, useState, useEffect } from 'react';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { u as useHealthToolsCache } from './useHealthToolCache-038110bb.js';
-import { u as useTranslations } from './index-2a733b1a.js';
-import { C as CommonGAssets } from './index-ad2734de.js';
-import { H as HEALTH_TOOL_TYPE } from './constants-c531a734.js';
-import { G as GenderOptionControl } from './index-6f7b85a5.js';
-import { I as Input, S as Select } from './index-84a76802.js';
-import { D as DatePicker } from './index-4461d1c5.js';
-import './index-6570373a.js';
-import './index-54f817be.js';
+import { u as useHealthToolsCache } from './useHealthToolCache-531b5a81.js';
+import { u as useTranslations } from './index-1502eccd.js';
+import { C as CommonGAssets } from './index-ac7c31f0.js';
+import { H as HEALTH_TOOL_TYPE } from './constants-42d48d70.js';
+import { G as GenderOptionControl } from './index-0a06a592.js';
+import { I as Input, S as Select } from './index-a0d4f6f0.js';
+import { D as DatePicker } from './index-e1775551.js';
 import '@mantine/core';
-import './index.styles-75e72b54.js';
+import './index-fc61cf08.js';
+import './index-620f18f7.js';
+import './index.styles-a52aec6a.js';
 import '@mantine/hooks';
-import './index-0d86f418.js';
-import './text-5bb06c81.js';
-import './utils-af633e57.js';
-import './index-026fbb99.js';
-import './index-1c2458fc.js';
-import { H as HealthToolFormWrapper } from './index-0e4ddfc0.js';
+import './index-205c05cb.js';
+import './text-d12bd367.js';
+import './utils-d56c9b81.js';
+import './index-78119715.js';
+import './index-6f17840d.js';
+import { H as HealthToolFormWrapper } from './index-a4605212.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
 const ThrFormContext = createContext({});