@hhgtech/hhg-components 1.29.437 → 1.29.438-beta-1

package/build/esm/{index-647ccefa.js → index-8242c504.js}

@@ -1,48 +1,48 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-06a681af.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-a6bcf175.js';
 import React__default, { useContext, useState, useCallback, useEffect, useMemo, useRef } from 'react';
-import { V as VideoType } from './index-9c0b8003.js';
-import { i as isInternalLink, V as VideoItem, L as LanguageSwitcher } from './index-799cdf55.js';
-import { L as LOCALE_SPECS, S as STATIC_PAGES, T as TOGETHER_LOCALES, a as CARE_LOCALES } from './index-06704f5d.js';
-import { e as normalizeLink, n as normalizeLinkSlash, g as getCurrentBaseUrl, c as getDiscoverApiDomain, b as getTogetherApiDomain, d as getCareApiDomain } from './normalizeLink-43f28f61.js';
-import { a as formatCommunity, b as formatPost } from './dataTransform-b90fc6bd.js';
+import { V as VideoType } from './index-6f32a690.js';
+import { i as isInternalLink, V as VideoItem, L as LanguageSwitcher } from './index-61733a3b.js';
+import { L as LOCALE_SPECS, S as STATIC_PAGES, T as TOGETHER_LOCALES, a as CARE_LOCALES } from './index-6dc6fe58.js';
+import { e as normalizeLink, n as normalizeLinkSlash, g as getCurrentBaseUrl, c as getDiscoverApiDomain, b as getTogetherApiDomain, d as getCareApiDomain } from './normalizeLink-4971373c.js';
+import { a as formatCommunity, b as formatPost } from './dataTransform-e6d5274a.js';
 import { Close, Logo } from '@hhgtech/icons/core';
-import './translationsContext-f6267534.js';
+import './translationsContext-8aea647a.js';
 import styled from '@emotion/styled';
-import { I as Input } from './index-55fc401e.js';
+import { I as Input } from './index-af980be7.js';
 import { theme } from './miscTheme.js';
-import { a as NavigationContext, u as useCSSFocusPopupHelper, N as NavigationProfileButton, b as NavigationProvider } from './index-6804ef60.js';
+import { a as NavigationContext, u as useCSSFocusPopupHelper, N as NavigationProfileButton, b as NavigationProvider } from './index-4bc0b9d0.js';
 import { ArrowRight, ChatAi } from '@hhgtech/icons/other';
 import { createStyles, Box, Indicator, useMantineTheme, clsx } from '@mantine/core';
-import { L as Logo$1 } from './index-06a891f9.js';
+import { L as Logo$1 } from './index-af3b67bc.js';
 import throttle from 'lodash/throttle';
 import '@mantine/dates';
-import { C as CommonGAssets } from './index-6721c6cf.js';
-import './index-dc56355a.js';
-import { T as Text } from './index-319f2448.js';
-import { B as Button } from './index-1e20c106.js';
-import './index.styles-4a719f52.js';
+import { C as CommonGAssets } from './index-1f3f60c6.js';
+import './index-fd0b7043.js';
+import { T as Text } from './index-8b0aed4c.js';
+import { B as Button } from './index-81c8841a.js';
+import './index.styles-a8421adf.js';
 import '@mantine/hooks';
-import './text-5624a2fe.js';
-import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-4c7298c8.js';
-import './index-7f4a4485.js';
-import { L as LOCALISED_SLUGS } from './constants-3ad81354.js';
-import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-4d40e7f4.js';
-import { L as LOCALIZED_SLUGS } from './constants-552a36d0.js';
-import { u as useTranslations } from './index-561af028.js';
-import { H as Heading } from './index-8d34a66d.js';
-import { I as Indicator$1 } from './index-32955a2c.js';
-import { u as useIsInit } from './useIsInit-7993963e.js';
+import './text-7d036049.js';
+import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-3feafc6e.js';
+import './index-e318aaed.js';
+import { L as LOCALISED_SLUGS } from './constants-34825d09.js';
+import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-0ded23a7.js';
+import { L as LOCALIZED_SLUGS } from './constants-9cd65f5e.js';
+import { u as useTranslations } from './index-1f7c04a3.js';
+import { H as Heading } from './index-4bd54878.js';
+import { I as Indicator$1 } from './index-f5993bed.js';
+import { u as useIsInit } from './useIsInit-0bf644dd.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
-import { B as Button$1 } from './index-00325f14.js';
+import { B as Button$1 } from './index-caf4ae35.js';
 import dayjs from 'dayjs';
 import relativeTime from 'dayjs/plugin/relativeTime';
-import { U as UserAvatar } from './index-bdd14548.js';
+import { U as UserAvatar } from './index-5d76fef8.js';
 import formatString from 'string-format';
 import { domainLocales } from './constantsDomainLocales.js';
-import { C as Container } from './index-0fd6ebb1.js';
+import { C as Container } from './index-75d5f606.js';
 import debounce from 'lodash/debounce';
-import { L as LOCALE } from './Locale-244139ef.js';
-import { g as getDataWithCache } from './core-b0677079.js';
+import { L as LOCALE } from './Locale-54ede474.js';
+import { g as getDataWithCache } from './core-8c0815cd.js';
 
 const StyleInput = styled(Input) `
   .mantine-Input-input {
@@ -823,10 +823,16 @@ const StyledContainerItems$4 = styled.div `
 `;
 
 const StyledItem$4 = styled.a `
+  position: relative;
   width: 100%;
   display: flex;
   align-items: center;
   text-decoration: none;
+
+  &[data-has-button='true'] {
+    cursor: default;
+    pointer-events: none;
+  }
   * {
     pointer-events: none;
   }
@@ -853,6 +859,50 @@ const StyledImageCard$2 = styled.div `
     padding-top: 100px;
   }
 `;
+const StyledButton = styled.button `
+  ${MediaQueries.tdDown} {
+    position: relative;
+    bottom: 0;
+    left: 16px;
+    right: 0;
+    padding: 4px 8px;
+    width: 90px;
+    height: 24px;
+    min-height: 24px;
+    max-height: 24px;
+    font-size: 11px;
+    line-height: 16px;
+    border-radius: 8px;
+  }
+
+  position: absolute;
+  bottom: 8px;
+  left: 8px;
+  right: 8px;
+  height: 40px;
+  min-height: 40px;
+  max-height: 40px;
+  padding: 8px 16px;
+  pointer-events: auto;
+
+  background: ${(props) => props.bgColor};
+  border-radius: 12px;
+  border: none;
+  transition: all 0.2s ease-in-out;
+
+  color: ${(props) => props.textColor};
+  font-family: 'Inter';
+  font-weight: 500;
+  font-size: 15px;
+  text-align: center;
+  cursor: pointer;
+
+  &:hover {
+    opacity: 0.9;
+    color: ${(props) => props.bgColor};
+    background: ${(props) => props.textColor};
+  }
+`;
 const StyledTitle$3 = styled.p `
   font-size: 16px;
   font-weight: 400;
@@ -868,10 +918,22 @@ const StyledTitle$3 = styled.p `
 const Item$3 = ({ item, index = 0 }) => {
     if (!item)
         return null;
-    return (React__default.createElement(StyledItem$4, { key: item.id, href: item.link, "data-event-category": "Hamburger Navigation", "data-event-action": `Spotlight Click ${index + 1}`, "data-event-label": item.link },
+    const linkProps = {
+        href: item.link,
+        'data-event-category': 'Hamburger Navigation',
+        'data-event-action': `Spotlight Click ${index + 1}`,
+        'data-event-label': item.link,
+    };
+    return (React__default.createElement(StyledItem$4, Object.assign({ key: item.id, as: item.buttonDisplay ? 'div' : 'a', "data-has-button": item.buttonDisplay ? 'true' : 'false' }, linkProps),
         React__default.createElement(StyledImageCard$2, null,
             React__default.createElement("img", { loading: "lazy", alt: item.title, src: item.banner || '/images/notFound-min-small.jpg' })),
-        React__default.createElement(StyledTitle$3, null, item.title)));
+        React__default.createElement("div", { style: {
+                display: 'flex',
+                flexDirection: 'column',
+                gap: 8,
+            } },
+            React__default.createElement(StyledTitle$3, null, item.title),
+            !!item.buttonDisplay && (React__default.createElement(StyledButton, Object.assign({ as: item.buttonDisplay ? 'a' : 'button', bgColor: item.buttonDisplay.button_background_color, textColor: item.buttonDisplay.button_text_color }, linkProps), item.buttonDisplay.button_label)))));
 };
 
 const CategorySpotlights = ({ spotlightsList = [], hrefViewMore }) => {
@@ -882,6 +944,7 @@ const CategorySpotlights = ({ spotlightsList = [], hrefViewMore }) => {
             link: statics.HOME_PAGE_URL + spotlight.permalink,
             title: spotlight.name,
             banner: spotlight.image,
+            buttonDisplay: spotlight.buttonDisplay,
         } }))))) : (React__default.createElement(SpotlightNoData, { title: t('home.navigator.menu.category.noDatas.title'), description: t('home.navigator.menu.category.noDatas.description'), link: hrefViewMore, cta: t('home.navigator.menu.category.noDatas.cta'), icon: CommonGAssets.getAssetPath('Spotlight.svg') }))));
 };
 
@@ -1908,6 +1971,7 @@ const formatSpotlightsList = (spotlight) => {
         imageThumbnail: (spotlight === null || spotlight === void 0 ? void 0 : spotlight.image_thumbnail) || null,
         startDate: spotlight === null || spotlight === void 0 ? void 0 : spotlight.start_date,
         endDate: spotlight === null || spotlight === void 0 ? void 0 : spotlight.end_date,
+        buttonDisplay: (spotlight === null || spotlight === void 0 ? void 0 : spotlight.button_display) || null,
     };
 };
 const checkAvailableSpotlight = (spotlight) => {

package/build/esm/{index-c3570e1b.js → index-824dd520.js}

@@ -1,13 +1,13 @@
-import { a as __awaiter } from './tslib.es6-06a681af.js';
+import { a as __awaiter } from './tslib.es6-a6bcf175.js';
 import React__default, { useState, useEffect, useRef, useContext, useMemo } from 'react';
 import { Box, useMantineTheme } from '@mantine/core';
-import { I as ImageWrap } from './index-75d15f8c.js';
-import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-455f56f9.js';
+import { I as ImageWrap } from './index-ad2e6702.js';
+import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-21d389b0.js';
 import styled from '@emotion/styled';
 import { PATHS } from './togetherApiPaths.js';
-import { D as DEFAULT_IMG } from './constants-844cd57a.js';
-import { y as youtubeVidIdGetter } from './post-94e82db7.js';
-import { L as Loading } from './index-2411f109.js';
+import { D as DEFAULT_IMG } from './constants-b6e5196b.js';
+import { y as youtubeVidIdGetter } from './post-bac71377.js';
+import { L as Loading } from './index-66b6dfeb.js';
 
 const StyledSocialLinkPreview = styled.div `
   .link-info-container {

package/build/esm/{index-e8f482d0.js → index-89288422.js}

@@ -1,21 +1,21 @@
-import { _ as __rest } from './tslib.es6-06a681af.js';
+import { _ as __rest } from './tslib.es6-a6bcf175.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-55fc401e.js';
+import { R as Radio } from './index-af980be7.js';
 import '@mantine/dates';
-import './index-06704f5d.js';
-import './index-9c0b8003.js';
-import { C as CommonGAssets } from './index-6721c6cf.js';
-import './index-dc56355a.js';
-import { T as Text } from './index-319f2448.js';
-import './index-1e20c106.js';
-import './index.styles-4a719f52.js';
-import { u as useTranslations } from './index-561af028.js';
+import './index-6dc6fe58.js';
+import './index-6f32a690.js';
+import { C as CommonGAssets } from './index-1f3f60c6.js';
+import './index-fd0b7043.js';
+import { T as Text } from './index-8b0aed4c.js';
+import './index-81c8841a.js';
+import './index.styles-a8421adf.js';
+import { u as useTranslations } from './index-1f7c04a3.js';
 import '@mantine/hooks';
-import './text-5624a2fe.js';
-import './utils-4c7298c8.js';
-import './index-7f4a4485.js';
+import './text-7d036049.js';
+import './utils-3feafc6e.js';
+import './index-e318aaed.js';
 
 var useStyles = createStyles((theme, { type }) => {
     const isMarryBaby = theme.other.template === 'mb';

package/build/esm/{index-319f2448.js → index-8b0aed4c.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-06a681af.js';
+import { _ as __rest } from './tslib.es6-a6bcf175.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 } from './text-5624a2fe.js';
+import { a as GlobalTextStyle, C as CustomStylesType, F as FontWeight } from './text-7d036049.js';
 
 var useStyles = createStyles((theme, _params) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;

package/build/esm/{index-7f26d1da.js → index-955a3102.js}

@@ -1,53 +1,53 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-06a681af.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-a6bcf175.js';
 import React__default, { createContext, useState, useContext, useEffect } from 'react';
-import { T as Tabs } from './index-7f4a4485.js';
-import { L as Loading } from './index-93c2e243.js';
-import './index-9c0b8003.js';
-import { g as formatArticle } from './dataTransform-b90fc6bd.js';
+import { T as Tabs } from './index-e318aaed.js';
+import { L as Loading } from './index-ae4cb0e6.js';
+import './index-6f32a690.js';
+import { g as formatArticle } from './dataTransform-e6d5274a.js';
 import { PATHS } from './togetherApiPaths.js';
-import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-455f56f9.js';
+import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-21d389b0.js';
 import { Minus, Plus } from '@hhgtech/icons/core';
 import { Collapse } from '@mantine/core';
-import { C as CardAuthor } from './index-68ab47c0.js';
-import { L as LOCALE } from './Locale-244139ef.js';
+import { C as CardAuthor } from './index-44a3bf19.js';
+import { L as LOCALE } from './Locale-54ede474.js';
 import '@hhgtech/icons/other';
-import './index-1e20c106.js';
-import './shared-5b0ae1a6.js';
-import './text-5624a2fe.js';
-import './index-319f2448.js';
-import './index-561af028.js';
-import './translationsContext-f6267534.js';
-import './index-00325f14.js';
-import './index-715550d9.js';
+import './index-81c8841a.js';
+import './shared-6f86a002.js';
+import './text-7d036049.js';
+import './index-8b0aed4c.js';
+import './index-1f7c04a3.js';
+import './translationsContext-8aea647a.js';
+import './index-caf4ae35.js';
+import './index-401a4474.js';
 import './miscCookieHelper.js';
 import 'slugify';
 import './constantsIsProduction.js';
 import 'string-format';
-import './constants-844cd57a.js';
+import './constants-b6e5196b.js';
 import 'dayjs';
 import 'dayjs/plugin/relativeTime';
-import './utils-4c7298c8.js';
-import './index-e58ee2ca.js';
-import './paths-80be12d6.js';
-import './constants-552a36d0.js';
-import './index-06704f5d.js';
+import './utils-3feafc6e.js';
+import './index-77773c37.js';
+import './paths-f9952c01.js';
+import './constants-9cd65f5e.js';
+import './index-6dc6fe58.js';
 import 'date-fns/locale';
 import './constantsSite.js';
 import './constantsDomainLocales.js';
 import './constantsRiskScreener.js';
-import './index-bd2b6a70.js';
+import './index-4ac5e4c4.js';
 import './miscTheme.js';
-import './WhatsApp-96c5ba5b.js';
-import './Spinner-53d2c889.js';
-import './index-bdd14548.js';
+import './WhatsApp-023b9c1b.js';
+import './Spinner-1e29e150.js';
+import './index-5d76fef8.js';
 import '@emotion/styled';
-import './index-75d15f8c.js';
-import './index-6721c6cf.js';
-import './index-2411f109.js';
+import './index-ad2e6702.js';
+import './index-1f3f60c6.js';
+import './index-66b6dfeb.js';
 import '@emotion/react';
-import './index-8d34a66d.js';
-import './index-32949595.js';
-import './index.styles-4a719f52.js';
+import './index-4bd54878.js';
+import './index-cd638b19.js';
+import './index.styles-a8421adf.js';
 
 const ProfileDetailContext = createContext({});
 

package/build/esm/{index-3ed3f460.js → index-97f28099.js}

@@ -1,12 +1,12 @@
-import { a as __awaiter } from './tslib.es6-06a681af.js';
+import { a as __awaiter } from './tslib.es6-a6bcf175.js';
 import React__default, { useContext, useState, useRef, useEffect } from 'react';
 import { useMantineTheme } from '@mantine/core';
-import { H as Heading } from './index-8d34a66d.js';
-import { T as Text } from './index-319f2448.js';
-import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-455f56f9.js';
+import { H as Heading } from './index-4bd54878.js';
+import { T as Text } from './index-8b0aed4c.js';
+import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-21d389b0.js';
 import styled from '@emotion/styled';
 import { PATHS } from './togetherApiPaths.js';
-import { D as DEFAULT_IMG } from './constants-844cd57a.js';
+import { D as DEFAULT_IMG } from './constants-b6e5196b.js';
 
 const StyledCardLink = styled.div `
   .link-info-container {

package/build/esm/{index-2774ec7b.js → index-9b17ba46.js}

@@ -1,27 +1,27 @@
 import React__default, { useState, useMemo, useContext, useEffect, createContext, useRef } from 'react';
-import { B as Button } from './index-00325f14.js';
-import { H as Heading } from './index-8d34a66d.js';
-import { T as Text } from './index-319f2448.js';
-import { c as safeEncodeURI, M as MediaQueries, t as toggleNoScroll, a as getPopupWrapperDom } from './utils-4c7298c8.js';
+import { B as Button } from './index-caf4ae35.js';
+import { H as Heading } from './index-4bd54878.js';
+import { T as Text } from './index-8b0aed4c.js';
+import { c as safeEncodeURI, M as MediaQueries, t as toggleNoScroll, a as getPopupWrapperDom } from './utils-3feafc6e.js';
 import * as ReactDOM from 'react-dom';
-import { b as callApiWithAuth, d as getApiPath, T as TogetherComponentGlobalContext } from './utils-455f56f9.js';
+import { b as callApiWithAuth, d as getApiPath, T as TogetherComponentGlobalContext } from './utils-21d389b0.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { a as __awaiter } from './tslib.es6-06a681af.js';
-import { I as Input } from './index-bb498123.js';
-import { u as useTranslations } from './index-561af028.js';
-import { e as formatComment } from './dataTransform-b90fc6bd.js';
-import { M as MAX_IMAGE_UPLOADS, a as DEFAULT_AVATAR_IMG } from './constants-844cd57a.js';
+import { a as __awaiter } from './tslib.es6-a6bcf175.js';
+import { I as Input } from './index-36a8253a.js';
+import { u as useTranslations } from './index-1f7c04a3.js';
+import { e as formatComment } from './dataTransform-e6d5274a.js';
+import { M as MAX_IMAGE_UPLOADS, a as DEFAULT_AVATAR_IMG } from './constants-b6e5196b.js';
 import { PATHS } from './togetherApiPaths.js';
-import { j as removeBannedWordWrapper, i as getMentionIdsFromString, k as encodePostContent, u as uploadAndGetSrc } from './post-94e82db7.js';
-import { C as CardLink } from './index-3ed3f460.js';
-import { L as Loading } from './index-2411f109.js';
-import { U as UserAvatar } from './index-bdd14548.js';
-import { R as RichTextEditor } from './editor-986ead54.js';
+import { j as removeBannedWordWrapper, i as getMentionIdsFromString, k as encodePostContent, u as uploadAndGetSrc } from './post-bac71377.js';
+import { C as CardLink } from './index-97f28099.js';
+import { L as Loading } from './index-66b6dfeb.js';
+import { U as UserAvatar } from './index-5d76fef8.js';
+import { R as RichTextEditor } from './editor-a83727e7.js';
 import { Portal } from '@mantine/core';
 import { FullScreen } from '@hhgtech/icons/other';
-import { P as Popup } from './index-44dfc8cf.js';
-import { C as CloseIcon } from './index-5d4cdb6b.js';
+import { P as Popup } from './index-02461ee9.js';
+import { C as CloseIcon } from './index-65d6850f.js';
 import { ShareBox } from './togetherShareBox.js';
 
 const useImagePicker = (imageFilesProp, onImageFilesChange) => {

package/build/esm/{index-ff508e1f.js → index-9f6c71c4.js}

@@ -1,6 +1,6 @@
 import { createStyles, clsx, Box, useMantineTheme } from '@mantine/core';
-import { G as GlobalTextStyleNew, C as CustomStylesType } from './text-5624a2fe.js';
-import { _ as __rest } from './tslib.es6-06a681af.js';
+import { G as GlobalTextStyleNew, C as CustomStylesType } from './text-7d036049.js';
+import { _ as __rest } from './tslib.es6-a6bcf175.js';
 import React__default, { createContext, useState, useEffect, useContext, useCallback } from 'react';
 import { useClickOutside } from '@mantine/hooks';
 import { css } from '@emotion/react';

package/build/esm/{index-ea86b63f.js → index-aafb4ef0.js}

@@ -1,33 +1,33 @@
 import * as React from 'react';
 import React__default, { useMemo, useState, useEffect, useRef, createContext, useContext } from 'react';
-import { u as useTranslations } from './index-561af028.js';
+import { u as useTranslations } from './index-1f7c04a3.js';
 import { getCookie } from './miscCookieHelper.js';
-import { C as CommonGAssets } from './index-6721c6cf.js';
-import { n as normalizeLinkSlash, e as normalizeLink } from './normalizeLink-43f28f61.js';
+import { C as CommonGAssets } from './index-1f3f60c6.js';
+import { n as normalizeLinkSlash, e as normalizeLink } from './normalizeLink-4971373c.js';
 import { theme } from './miscTheme.js';
-import { A as Avatar, I as IconWrapper, D as DistanceTag, a as DrawerBottom, S as ShapedArrowDown } from './index-51e6bae4.js';
-import { b as getTogetherUserPostsApiPath } from './index-647ccefa.js';
-import { B as Button } from './index-00325f14.js';
-import { w as workingDays } from './types-4a42a266.js';
+import { A as Avatar, I as IconWrapper, D as DistanceTag, a as DrawerBottom, S as ShapedArrowDown } from './index-797c6c9f.js';
+import { b as getTogetherUserPostsApiPath } from './index-8242c504.js';
+import { B as Button } from './index-caf4ae35.js';
+import { w as workingDays } from './types-5869502b.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-06704f5d.js';
-import { L as LOCALISED_SLUGS } from './constants-844cd57a.js';
-import { T as Text } from './index-24403dbc.js';
-import { f as formatPhoneNumber } from './localizeNumberFormat-ce5cbc43.js';
-import { a as __awaiter } from './tslib.es6-06a681af.js';
+import { b as basePath, Z as ZINDEX_SSO } from './index-6dc6fe58.js';
+import { L as LOCALISED_SLUGS } from './constants-b6e5196b.js';
+import { T as Text } from './index-8144d5ac.js';
+import { f as formatPhoneNumber } from './localizeNumberFormat-e9cb3885.js';
+import { a as __awaiter } from './tslib.es6-a6bcf175.js';
 import { useDisclosure } from '@mantine/hooks';
 import { clsx, Flex, Box } from '@mantine/core';
-import { u as useTextStyles, T as TextField } from './index-ff508e1f.js';
+import { u as useTextStyles, T as TextField } from './index-9f6c71c4.js';
 import { parsePhoneNumber } from 'react-phone-number-input';
-import { P as Phone, I as Input, E as ErrorIcon } from './index-55fc401e.js';
-import { G as GlobalTextStyleNew, C as CustomStylesType, F as FontWeight } from './text-5624a2fe.js';
-import { B as Button$1 } from './index-1e20c106.js';
-import { M as MAPPED_LOCALE } from './index-dc56355a.js';
-import { T as Text$1 } from './index-319f2448.js';
-import { I as ImageWrap } from './index-75d15f8c.js';
-import { I as InsuranceList, P as PaymentList, A as ArrowRightBlue, a as DoctorInfoExpertise, D as DoctorExpertiseItem, C as Clinic } from './index-0df44c73.js';
+import { P as Phone, I as Input, E as ErrorIcon } from './index-af980be7.js';
+import { G as GlobalTextStyleNew, C as CustomStylesType, F as FontWeight } from './text-7d036049.js';
+import { B as Button$1 } from './index-81c8841a.js';
+import { M as MAPPED_LOCALE } from './index-fd0b7043.js';
+import { T as Text$1 } from './index-8b0aed4c.js';
+import { I as ImageWrap } from './index-ad2e6702.js';
+import { I as InsuranceList, P as PaymentList, A as ArrowRightBlue, a as DoctorInfoExpertise, D as DoctorExpertiseItem, C as Clinic } from './index-f07d2338.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),
@@ -1120,7 +1120,7 @@ const checkHospitalStatus = (times) => {
         return false;
     }
     const currentDate = new Date();
-    const currentShortDay = workingDays[currentDate.getDay()];
+    const currentShortDay = workingDays.at(currentDate.getDay() - 1);
     const openTime = times[currentShortDay];
     return openTime === null || openTime === void 0 ? void 0 : openTime.some((item) => {
         const [startHour, startMinute] = item.start_at.split(':').map(parseInt);
@@ -1128,19 +1128,22 @@ const checkHospitalStatus = (times) => {
         const currentHour = currentDate.getHours();
         const currentMinute = currentDate.getMinutes();
         if (startHour === endHour && endHour == currentHour) {
-            return !(currentMinute < startMinute || currentHour > endMinute);
+            return !(currentMinute < startMinute || currentMinute > endMinute);
         }
-        return !(currentHour < startHour || currentHour > currentHour);
+        return !(currentHour < startHour || currentHour > endHour);
     });
 };
 function HospitalInfo({ hospitalInfo, distance, className, }) {
     const { t } = useTranslations();
-    const isOpened = checkHospitalStatus(hospitalInfo.working_times);
+    const [isOpened, setIsOpened] = useState(null);
+    useEffect(() => {
+        setIsOpened(checkHospitalStatus(hospitalInfo.working_times));
+    }, [hospitalInfo.working_times]);
     return (React__default.createElement(StyledHospitalInfo, { className: className },
         React__default.createElement(StyledImageWrap, { src: hospitalInfo.logo, backupSrc: CommonGAssets.getAssetPath('avatar.jpg'), alt: "hospital" }),
         React__default.createElement("div", { className: "flex-1" },
             React__default.createElement("div", { className: "hospitalName" }, hospitalInfo.name),
-            hospitalInfo.working_times && (React__default.createElement("div", { key: isOpened ? 'open' : 'closed', className: "hospitalStatus", "data-is-opened": isOpened },
+            hospitalInfo.working_times && isOpened !== null && (React__default.createElement("div", { className: "hospitalStatus", "data-is-opened": isOpened },
                 React__default.createElement(StyledClockIcon, null),
                 React__default.createElement("span", null, t(isOpened ? 'hospital.status.opening' : 'hospital.status.closed')))),
             distance && React__default.createElement(StyledDistanceTag, { value: `${distance} km` })),

package/build/esm/{index-75d15f8c.js → index-ad2e6702.js}

@@ -1,6 +1,6 @@
 import React__default, { useState, useEffect } from 'react';
-import { B as Breakpoints } from './utils-4c7298c8.js';
-import { _ as __rest } from './tslib.es6-06a681af.js';
+import { B as Breakpoints } from './utils-3feafc6e.js';
+import { _ as __rest } from './tslib.es6-a6bcf175.js';
 import styled from '@emotion/styled';
 
 const getIsMobile = () => {

package/build/esm/{index-93c2e243.js → index-ae4cb0e6.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
-import { u as useTranslations } from './index-561af028.js';
-import { B as Button } from './index-00325f14.js';
+import { u as useTranslations } from './index-1f7c04a3.js';
+import { B as Button } from './index-caf4ae35.js';
 
 var styles = {"loading":"PD6nRZX"};
 

package/build/esm/{index-06a891f9.js → index-af3b67bc.js}

@@ -1,11 +1,11 @@
 import React__default, { useState, useEffect } from 'react';
-import { L as LOCALE } from './Locale-244139ef.js';
-import { C as CommonGAssets } from './index-6721c6cf.js';
+import { L as LOCALE } from './Locale-54ede474.js';
+import { C as CommonGAssets } from './index-1f3f60c6.js';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-4c7298c8.js';
-import { L as LogoIcon } from './logoIcon-e686b9de.js';
-import './index-9c0b8003.js';
-import { I as ImageWrap } from './index-75d15f8c.js';
+import { M as MediaQueries } from './utils-3feafc6e.js';
+import { L as LogoIcon } from './logoIcon-f8de1894.js';
+import './index-6f32a690.js';
+import { I as ImageWrap } from './index-ad2e6702.js';
 
 const StyledLogo = styled.div `
   position: relative;

package/build/esm/{index-55fc401e.js → index-af980be7.js}

@@ -1,24 +1,24 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-06a681af.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-a6bcf175.js';
 import * as React from 'react';
 import React__default, { forwardRef, Component, useState, useCallback, useEffect, createContext, useContext, useRef, useMemo, useImperativeHandle } from 'react';
 import { ArrowDown } from '@hhgtech/icons/other';
 import { createStyles, rem, Autocomplete, Image, ActionIcon, Select as Select$1, AspectRatio as AspectRatio$1, useMantineTheme, Box, Breadcrumbs as Breadcrumbs$1, Accordion as Accordion$1, Indicator, Avatar as Avatar$1, FileInput as FileInput$1, createEmotionCache, NumberInput as NumberInput$1, PasswordInput as PasswordInput$1, Flex, clsx, TextInput, Input as Input$1, Checkbox as Checkbox$1, Slider, Radio as Radio$1, Popover as Popover$1, Chip } from '@mantine/core';
 import { useUncontrolled, useDebouncedValue, useClickOutside, useViewportSize, useResizeObserver, useDisclosure } from '@mantine/hooks';
-import { C as CommonGAssets } from './index-6721c6cf.js';
-import { C as CustomStylesType, G as GlobalTextStyleNew, F as FontWeight } from './text-5624a2fe.js';
-import { u as useScreenSize, I as ImageWrap } from './index-75d15f8c.js';
+import { C as CommonGAssets } from './index-1f3f60c6.js';
+import { C as CustomStylesType, G as GlobalTextStyleNew, F as FontWeight } from './text-7d036049.js';
+import { u as useScreenSize, I as ImageWrap } from './index-ad2e6702.js';
 import styled from '@emotion/styled';
 import { Carousel as Carousel$1 } from '@mantine/carousel';
-import { T as Text } from './index-319f2448.js';
-import { t as themeColors } from './index-dc56355a.js';
+import { T as Text } from './index-8b0aed4c.js';
+import { t as themeColors } from './index-fd0b7043.js';
 import { theme } from './miscTheme.js';
 import cn from 'classnames';
 import { v1 } from 'uuid';
-import { a as useUniqueId } from './useUniqueId-8078ebaa.js';
+import { a as useUniqueId } from './useUniqueId-23b2fa6c.js';
 import { siteOptions } from './constantsSite.js';
 import { css } from '@emotion/react';
 import { Check, Plus } from '@hhgtech/icons/core';
-import { B as Button } from './index-1e20c106.js';
+import { B as Button } from './index-81c8841a.js';
 
 var useStyles$4 = createStyles((theme) => {
     const isLeadgenStyle = theme.other.customStyleType === CustomStylesType.LEADGEN;

package/build/esm/{index-8423e824.js → index-be6fcae6.js}

@@ -1,26 +1,26 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-06a681af.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-a6bcf175.js';
 import React__default, { createContext, useContext, useState, useMemo, useEffect } from 'react';
 import { Controller, useForm } from 'react-hook-form';
-import { u as useHealthToolsCache } from './useHealthToolCache-2cf73720.js';
-import { H as HEALTH_TOOL_TYPE } from './constants-844cd57a.js';
-import { G as GenderOptionControl } from './index-e8f482d0.js';
-import { I as Input } from './index-55fc401e.js';
+import { u as useHealthToolsCache } from './useHealthToolCache-c3860da6.js';
+import { H as HEALTH_TOOL_TYPE } from './constants-b6e5196b.js';
+import { G as GenderOptionControl } from './index-89288422.js';
+import { I as Input } from './index-af980be7.js';
 import '@mantine/core';
 import '@mantine/dates';
-import './index-06704f5d.js';
-import './index-9c0b8003.js';
-import './index-6721c6cf.js';
-import './index-dc56355a.js';
-import { T as Text } from './index-319f2448.js';
-import './index-1e20c106.js';
+import './index-6dc6fe58.js';
+import './index-6f32a690.js';
+import './index-1f3f60c6.js';
+import './index-fd0b7043.js';
+import { T as Text } from './index-8b0aed4c.js';
+import './index-81c8841a.js';
 import { theme } from './miscTheme.js';
-import './index.styles-4a719f52.js';
-import { u as useTranslations } from './index-561af028.js';
+import './index.styles-a8421adf.js';
+import { u as useTranslations } from './index-1f7c04a3.js';
 import '@mantine/hooks';
-import './text-5624a2fe.js';
-import './utils-4c7298c8.js';
-import './index-7f4a4485.js';
-import { H as HealthToolFormWrapper } from './index-d645c0de.js';
+import './text-7d036049.js';
+import './utils-3feafc6e.js';
+import './index-e318aaed.js';
+import { H as HealthToolFormWrapper } from './index-ee7b0e90.js';
 import { domainLocales } from './constantsDomainLocales.js';
 import { getBmi } from './embeddedHeathToolCards_helpers.js';