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

package/build/esm/{index-2f6518e4.js → index-76cf3dff.js}

@@ -1,33 +1,34 @@
 import * as React from 'react';
 import React__default, { useMemo, useState, useEffect, useRef, createContext, useContext } from 'react';
-import { u as useTranslations } from './index-178f8dcb.js';
+import { u as useTranslations } from './index-0648b445.js';
 import { getCookie } from './miscCookieHelper.js';
-import { C as CommonGAssets } from './index-ef9f09f2.js';
-import { n as normalizeLinkSlash, e as normalizeLink } from './normalizeLink-5ebb38ec.js';
+import { C as CommonGAssets } from './index-8d5fc797.js';
+import { n as normalizeLinkSlash, e as normalizeLink } from './normalizeLink-b8be67b5.js';
 import { theme } from './miscTheme.js';
-import { A as Avatar, I as IconWrapper, D as DistanceTag, a as DrawerBottom, S as ShapedArrowDown } from './index-47891214.js';
-import { b as getTogetherUserPostsApiPath } from './index-3fb8b33a.js';
-import { B as Button } from './index-8970d0ca.js';
-import { w as workingDays } from './types-99e8f36e.js';
+import { A as Avatar, I as IconWrapper, D as DistanceTag, a as DrawerBottom, S as ShapedArrowDown } from './index-04ffe279.js';
+import { b as getTogetherUserPostsApiPath } from './index-3609febb.js';
+import { B as Button } from './index-0ec559ba.js';
+import { w as workingDays } from './types-f9f838a7.js';
 import styled from '@emotion/styled';
+import { M as MediaQueries } from './utils-a8a3126f.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-101f5667.js';
-import { L as LOCALISED_SLUGS } from './constants-bfb240db.js';
-import { T as Text } from './index-c998dc49.js';
-import { f as formatPhoneNumber } from './localizeNumberFormat-1638bbc3.js';
-import { a as __awaiter } from './tslib.es6-9e95700a.js';
+import { b as basePath, Z as ZINDEX_SSO } from './index-aeb7392a.js';
+import { L as LOCALISED_SLUGS } from './constants-92723f6f.js';
+import { T as Text } from './index-e10183a7.js';
+import { f as formatPhoneNumber } from './localizeNumberFormat-bf6ab9fd.js';
+import { a as __awaiter } from './tslib.es6-1a96da4b.js';
 import { useDisclosure } from '@mantine/hooks';
-import { clsx, Flex, Box, rem } from '@mantine/core';
-import { u as useTextStyles, T as TextField } from './index-cf162080.js';
+import { u as useTextStyles, T as TextField } from './index-8860e1de.js';
 import { parsePhoneNumber } from 'react-phone-number-input';
-import { P as Phone, I as Input, E as ErrorIcon } from './index-e31f9a89.js';
-import { G as GlobalTextStyleNew, C as CustomStylesType, F as FontWeight } from './index-d5a1e5a5.js';
-import { B as Button$1 } from './index-2c3ae14d.js';
-import { M as MAPPED_LOCALE } from './index-e9488ab3.js';
-import { T as Text$1 } from './index-a236d334.js';
-import { I as ImageWrap } from './index-74d7771e.js';
-import { I as InsuranceList, P as PaymentList, A as ArrowRightBlue, a as DoctorInfoExpertise, D as DoctorExpertiseItem, C as Clinic } from './index-a5aba3b1.js';
+import { P as Phone, I as Input, E as ErrorIcon } from './index-b68ecd29.js';
+import { G as GlobalTextStyleNew, C as CustomStylesType, F as FontWeight } from './index-6a678e96.js';
+import { B as Button$1 } from './index-dc7f1b88.js';
+import { M as MAPPED_LOCALE } from './index-8c3d901b.js';
+import { T as Text$1 } from './index-ca77d534.js';
+import { I as ImageWrap } from './index-4613ca77.js';
+import { I as InsuranceList, P as PaymentList, A as ArrowRightBlue, a as DoctorInfoExpertise, D as DoctorExpertiseItem, C as Clinic } from './index-029a7b62.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),
@@ -445,18 +446,51 @@ const UserProfileNavigation = ({ SSO_URL, UP_BASEPATH = 'user', themeName = 'hel
 };
 
 const StyledOpeningHour = styled.div `
-  color: #111111;
+  color: ${theme.colors.gray1000};
   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;
@@ -504,13 +538,10 @@ function OpeningHours({ workingTimes }) {
         });
     }, [workingTimes]);
     return (React__default.createElement(StyledOpeningHour, null,
-        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", { 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", null, item === null || item === void 0 ? void 0 : item.day),
-            React__default.createElement("div", { style: { fontWeight: 500 } }, item === null || item === void 0 ? void 0 : item.value)))))));
+            React__default.createElement("div", { className: "txt-hours" }, item === null || item === void 0 ? void 0 : item.value)))))));
 }
 
 const getHospitalUrl = (locale, hospital) => {
@@ -699,18 +730,33 @@ 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)};
+  }
+
   color: #111111;
   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;
@@ -737,6 +783,10 @@ const StyledClinicInfo = styled.div `
 const StyledMap = styled(Map) `
   &.panel-map {
     --mapCardHeight: --cardHeight;
+    ${MediaQueries.mbUp} {
+      width: ${rem(180)};
+      height: ${rem(180)};
+    }
   }
   iframe {
     border-radius: 12px;
@@ -752,6 +802,22 @@ 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;
@@ -773,6 +839,13 @@ 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) {
@@ -788,21 +861,22 @@ 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: "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: "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 })))));
 }
 
 const StyledCollectPhoneForm = styled.div `

package/build/esm/{index-b2c8d872.js → index-84ed2e17.js}

@@ -1,23 +1,23 @@
-import { _ as __rest } from './tslib.es6-9e95700a.js';
+import { _ as __rest } from './tslib.es6-1a96da4b.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-e31f9a89.js';
-import { D as DatePicker } from './index-47ec9372.js';
-import { T as Text } from './index-a236d334.js';
-import './index-2c3ae14d.js';
-import './index-d5a1e5a5.js';
-import './index.styles-48cba1d0.js';
-import { u as useTranslations } from './index-178f8dcb.js';
+import { I as Input } from './index-b68ecd29.js';
+import { D as DatePicker } from './index-dbb70417.js';
+import { T as Text } from './index-ca77d534.js';
+import './index-dc7f1b88.js';
+import './index-6a678e96.js';
+import './index.styles-b7cef6cb.js';
+import { u as useTranslations } from './index-0648b445.js';
 import '@mantine/hooks';
-import './index-e9488ab3.js';
-import './utils-f7866963.js';
-import './index-c4e0e9fb.js';
-import { C as CardWrapperContext } from './context-717c9596.js';
-import { I as INPUT_RANGE } from './constants-b5aa87d9.js';
-import { H as HealthToolFormWrapper } from './index-c22d018e.js';
-import { G as GenderOptionControl } from './index-cd55fcee.js';
-import { L as LOCALE } from './Locale-a585f90a.js';
+import './index-8c3d901b.js';
+import './utils-a8a3126f.js';
+import './index-112fb3c9.js';
+import { C as CardWrapperContext } from './context-af03960b.js';
+import { I as INPUT_RANGE } from './constants-25a3bba2.js';
+import { H as HealthToolFormWrapper } from './index-e7c8f689.js';
+import { G as GenderOptionControl } from './index-dbd79e5b.js';
+import { L as LOCALE } from './Locale-b350400b.js';
 import { CalendarMB } from '@hhgtech/icons/other';
 
 const BabyGrowthFormContext = createContext({});

package/build/esm/{index-cf162080.js → index-8860e1de.js}

@@ -1,6 +1,6 @@
 import { createStyles, clsx, Box, useMantineTheme } from '@mantine/core';
-import { G as GlobalTextStyleNew, C as CustomStylesType } from './index-d5a1e5a5.js';
-import { _ as __rest } from './tslib.es6-9e95700a.js';
+import { G as GlobalTextStyleNew, C as CustomStylesType } from './index-6a678e96.js';
+import { _ as __rest } from './tslib.es6-1a96da4b.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-e9488ab3.js → index-8c3d901b.js}

@@ -1,16 +1,16 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-9e95700a.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-1a96da4b.js';
 import React__default, { useState, useEffect } from 'react';
 import dayjs from 'dayjs';
-import './index-66ea0d06.js';
-import { L as LOCALE } from './Locale-a585f90a.js';
+import './index-05acda4a.js';
+import { L as LOCALE } from './Locale-b350400b.js';
 import { notifications, Notifications } from '@mantine/notifications';
-import { Z as ZINDEX_SSO, I as ISO_FORMAT } from './index-101f5667.js';
+import { Z as ZINDEX_SSO, I as ISO_FORMAT } from './index-aeb7392a.js';
 import { em } from '@mantine/core';
-import { C as CommonGAssets } from './index-ef9f09f2.js';
+import { C as CommonGAssets } from './index-8d5fc797.js';
 import { theme } from './miscTheme.js';
-import { S as Screens, M as MediaQueries, B as Breakpoints } from './utils-f7866963.js';
-import { C as CustomStylesType, F as FontWeight } from './index-d5a1e5a5.js';
-import { A as ANIMATION_DURATION } from './shared-9a93687b.js';
+import { S as Screens, M as MediaQueries, B as Breakpoints } from './utils-a8a3126f.js';
+import { C as CustomStylesType, F as FontWeight } from './index-6a678e96.js';
+import { A as ANIMATION_DURATION } from './shared-51a4687a.js';
 
 // Available locale list https://cdn.jsdelivr.net/npm/dayjs@1/locale.json
 const MAPPED_LOCALE = {

package/build/esm/{index-df37f54d.js → index-8cf4da65.js}

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

package/build/esm/{index-ba842cd3.js → index-924f19a8.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
-import { B as Button } from './index-8970d0ca.js';
-import { u as useTranslations } from './index-178f8dcb.js';
+import { B as Button } from './index-0ec559ba.js';
+import { u as useTranslations } from './index-0648b445.js';
 import { keyframes } from '@emotion/react';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';

package/build/esm/{index-bfe24b30.js → index-9b4ed63c.js}

@@ -1,12 +1,12 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-9e95700a.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-1a96da4b.js';
 import React__default, { useState, useMemo, useCallback } from 'react';
-import { u as useTranslations } from './index-178f8dcb.js';
+import { u as useTranslations } from './index-0648b445.js';
 import { createStyles } from '@mantine/core';
-import { P as PATHS } from './paths-56c6919e.js';
-import { L as LOCALIZED_SLUGS } from './constants-874c2923.js';
-import { B as Button } from './index-2c3ae14d.js';
-import './index-101f5667.js';
-import { c as callApi, g as getCarePath } from './utils-f4fa6672.js';
+import { P as PATHS } from './paths-5efe1fd8.js';
+import { L as LOCALIZED_SLUGS } from './constants-d819d559.js';
+import { B as Button } from './index-dc7f1b88.js';
+import './index-aeb7392a.js';
+import { c as callApi, g as getCarePath } from './utils-af34a0ab.js';
 import { domainLocales } from './constantsDomainLocales.js';
 import { isProduction } from './constantsIsProduction.js';
 

package/build/esm/{index-9139c473.js → index-a22e5ea1.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-ef9f09f2.js';
-import { b as callApiWithAuth, d as getApiPath, T as TogetherComponentGlobalContext, e as getPremiumApiPath, f as getWebsiteUrlApi, h as getSsoApiPath } from './utils-f4fa6672.js';
-import { G as GA_TOKEN_COOKIE } from './index-101f5667.js';
-import { H as HEALTH_TOOL_TYPE, a as HEALTH_TOOL_DEFAULT_IMG } from './healthTools-0e1c8cbf.js';
+import { C as CommonGAssets } from './index-8d5fc797.js';
+import { b as callApiWithAuth, d as getApiPath, T as TogetherComponentGlobalContext, e as getPremiumApiPath, f as getWebsiteUrlApi, h as getSsoApiPath } from './utils-af34a0ab.js';
+import { G as GA_TOKEN_COOKIE } from './index-aeb7392a.js';
+import { H as HEALTH_TOOL_TYPE, a as HEALTH_TOOL_DEFAULT_IMG } from './healthTools-60ce21f0.js';
 import { RISK_SCREENER_NAME, RISK_SCREENER_SLUG } from './constantsRiskScreener.js';
-import { _ as __rest, a as __awaiter } from './tslib.es6-9e95700a.js';
-import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-babc7b11.js';
-import { I as ImageWrap } from './index-74d7771e.js';
-import { g as getCurrentBaseUrl, a as getCurrentSsoUrl } from './normalizeLink-5ebb38ec.js';
-import { u as useTranslations } from './index-178f8dcb.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-1a96da4b.js';
+import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-3de9747a.js';
+import { I as ImageWrap } from './index-4613ca77.js';
+import { g as getCurrentBaseUrl, a as getCurrentSsoUrl } from './normalizeLink-b8be67b5.js';
+import { u as useTranslations } from './index-0648b445.js';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { d as Checkbox, f as ChipButton, I as Input, b as AspectRatio$1 } from './index-e31f9a89.js';
+import { d as Checkbox, f as ChipButton, I as Input, b as AspectRatio$1 } from './index-b68ecd29.js';
 import '@mantine/dates';
-import './index-66ea0d06.js';
-import { t as themeColors } from './index-e9488ab3.js';
-import { T as Text } from './index-a236d334.js';
-import { B as Button } from './index-2c3ae14d.js';
-import './index-d5a1e5a5.js';
-import './index.styles-48cba1d0.js';
+import './index-05acda4a.js';
+import { t as themeColors } from './index-8c3d901b.js';
+import { T as Text } from './index-ca77d534.js';
+import { B as Button } from './index-dc7f1b88.js';
+import './index-6a678e96.js';
+import './index.styles-b7cef6cb.js';
 import { useViewportSize } from '@mantine/hooks';
-import './utils-f7866963.js';
-import './index-c4e0e9fb.js';
+import './utils-a8a3126f.js';
+import './index-112fb3c9.js';
 import { PATHS as PATHS$2 } from './togetherApiPaths.js';
-import './translationsContext-746ea2e7.js';
-import { H as Heading } from './index-a94527ef.js';
-import { u as useHealthToolsCache } from './useHealthToolCache-a8cbb224.js';
-import { I as Icon } from './index-7e5e1123.js';
+import './translationsContext-e6b15d1c.js';
+import { H as Heading } from './index-f2c7110b.js';
+import { u as useHealthToolsCache } from './useHealthToolCache-3c661e32.js';
+import { I as Icon } from './index-68ce386d.js';
 import { domainLocales } from './constantsDomainLocales.js';
 import { isProduction } from './constantsIsProduction.js';
 import { Close, Plus } from '@hhgtech/icons/core';
-import { i as isVideo } from './index-f0c09df5.js';
-import { M as Modal } from './index-8f89c774.js';
+import { i as isVideo } from './index-d6f48cc1.js';
+import { M as Modal } from './index-4550beb4.js';
 import Cookies from 'js-cookie';
 import flatten from 'lodash/flatten';
 import uniqBy from 'lodash/uniqBy';
-import { L as LOCALE } from './Locale-a585f90a.js';
+import { L as LOCALE } from './Locale-b350400b.js';
 
 const PREFER_TOPICS = [
     {

package/build/esm/{index-060df189.js → index-a54b6a29.js}

@@ -1,20 +1,20 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-9e95700a.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-1a96da4b.js';
 import React__default, { useMemo, useEffect, useRef, useContext, useState } from 'react';
 import { User } from '@hhgtech/icons/core';
-import { S as Spinner } from './Spinner-9a95095f.js';
-import { a as Avatar } from './index-e31f9a89.js';
-import { B as Button } from './index-2c3ae14d.js';
-import { T as Text } from './index-a236d334.js';
-import { u as useTranslations } from './index-178f8dcb.js';
-import { C as CommonGAssets } from './index-ef9f09f2.js';
+import { S as Spinner } from './Spinner-bca79460.js';
+import { a as Avatar } from './index-b68ecd29.js';
+import { B as Button } from './index-dc7f1b88.js';
+import { T as Text } from './index-ca77d534.js';
+import { u as useTranslations } from './index-0648b445.js';
+import { C as CommonGAssets } from './index-8d5fc797.js';
 import { theme } from './miscTheme.js';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-f7866963.js';
+import { M as MediaQueries } from './utils-a8a3126f.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 import cn from 'classnames';
-import { e as CARE_LOCALES, f as CARE_BOOKING_LOCALES, d as LOCALE_HAS_COMMUNITY_SITE, E as ECOM_LOCALES, c as VIDEO_LOCALES, H as HAS_CLINITY_DOWNLOAD_SITE } from './index-101f5667.js';
-import { i as domainLocalesMarryBaby } from './utils-f4fa6672.js';
-import { g as getCurrentBaseUrl, a as getCurrentSsoUrl, b as getTogetherApiDomain, c as getDiscoverApiDomain } from './normalizeLink-5ebb38ec.js';
+import { e as CARE_LOCALES, f as CARE_BOOKING_LOCALES, d as LOCALE_HAS_COMMUNITY_SITE, E as ECOM_LOCALES, c as VIDEO_LOCALES, H as HAS_CLINITY_DOWNLOAD_SITE } from './index-aeb7392a.js';
+import { i as domainLocalesMarryBaby } from './utils-af34a0ab.js';
+import { g as getCurrentBaseUrl, a as getCurrentSsoUrl, b as getTogetherApiDomain, c as getDiscoverApiDomain } from './normalizeLink-b8be67b5.js';
 import { domainLocales } from './constantsDomainLocales.js';
 import { ProfileNavigation } from './profileNavigation.js';
 import { NavigationLogoutPopup } from './navigationLogoutPopup.js';

package/build/esm/{index-8bfa9ef2.js → index-a7f7823f.js}

@@ -1,6 +1,6 @@
-import { c as cookie } from './index-731a6b9d.js';
-import { B as BEARER_TOKEN_COOKIE } from './index-101f5667.js';
-import { N as NodeIntentType } from './index-66ea0d06.js';
+import { c as cookie } from './index-7a26b835.js';
+import { B as BEARER_TOKEN_COOKIE } from './index-aeb7392a.js';
+import { N as NodeIntentType } from './index-05acda4a.js';
 import Cookies from 'js-cookie';
 import { v4 } from 'uuid';
 import { isProduction } from './constantsIsProduction.js';

package/build/esm/{index-47c0d194.js → index-a8f8d3a6.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-f7866963.js';
+import { M as MediaQueries } from './utils-a8a3126f.js';
 import { theme } from './miscTheme.js';
 
 const StyledPopup = styled.div `

package/build/esm/{index-5fdee5d6.js → index-a9f0baaa.js}

@@ -1,27 +1,27 @@
 import React__default, { useState, useMemo, useContext, useEffect, createContext, useRef } from 'react';
-import { B as Button } from './index-8970d0ca.js';
-import { H as Heading } from './index-a94527ef.js';
-import { T as Text } from './index-a236d334.js';
-import { c as safeEncodeURI, M as MediaQueries, t as toggleNoScroll, a as getPopupWrapperDom } from './utils-f7866963.js';
+import { B as Button } from './index-0ec559ba.js';
+import { H as Heading } from './index-f2c7110b.js';
+import { T as Text } from './index-ca77d534.js';
+import { c as safeEncodeURI, M as MediaQueries, t as toggleNoScroll, a as getPopupWrapperDom } from './utils-a8a3126f.js';
 import * as ReactDOM from 'react-dom';
-import { b as callApiWithAuth, d as getApiPath, T as TogetherComponentGlobalContext } from './utils-f4fa6672.js';
+import { b as callApiWithAuth, d as getApiPath, T as TogetherComponentGlobalContext } from './utils-af34a0ab.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { a as __awaiter } from './tslib.es6-9e95700a.js';
-import { I as Input } from './index-682fb0b4.js';
-import { u as useTranslations } from './index-178f8dcb.js';
-import { e as formatComment } from './dataTransform-c98a24ef.js';
-import { M as MAX_IMAGE_UPLOADS, a as DEFAULT_AVATAR_IMG } from './constants-bfb240db.js';
+import { a as __awaiter } from './tslib.es6-1a96da4b.js';
+import { I as Input } from './index-4d176c51.js';
+import { u as useTranslations } from './index-0648b445.js';
+import { e as formatComment } from './dataTransform-9526e4ea.js';
+import { M as MAX_IMAGE_UPLOADS, a as DEFAULT_AVATAR_IMG } from './constants-92723f6f.js';
 import { PATHS } from './togetherApiPaths.js';
-import { j as removeBannedWordWrapper, i as getMentionIdsFromString, k as encodePostContent, u as uploadAndGetSrc } from './post-4d8073af.js';
-import { C as CardLink } from './index-b12d124f.js';
-import { L as Loading } from './index-ba842cd3.js';
-import { U as UserAvatar } from './index-516efd99.js';
-import { R as RichTextEditor } from './editor-8f2cf40c.js';
+import { j as removeBannedWordWrapper, i as getMentionIdsFromString, k as encodePostContent, u as uploadAndGetSrc } from './post-f70a79ae.js';
+import { C as CardLink } from './index-ee62acd1.js';
+import { L as Loading } from './index-924f19a8.js';
+import { U as UserAvatar } from './index-593e7e5f.js';
+import { R as RichTextEditor } from './editor-c745f06d.js';
 import { Portal } from '@mantine/core';
 import { FullScreen } from '@hhgtech/icons/other';
-import { P as Popup } from './index-47c0d194.js';
-import { C as CloseIcon } from './index-3decdaf2.js';
+import { P as Popup } from './index-a8f8d3a6.js';
+import { C as CloseIcon } from './index-4551b71c.js';
 import { ShareBox } from './togetherShareBox.js';
 
 const useImagePicker = (imageFilesProp, onImageFilesChange) => {

package/build/esm/{index-47c501dc.js → index-abe74702.js}

@@ -1,20 +1,20 @@
 import * as React from 'react';
 import React__default, { useState, useRef, createContext, useEffect, Fragment, forwardRef, useMemo, useCallback } from 'react';
-import { T as Text } from './index-a236d334.js';
+import { T as Text } from './index-ca77d534.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { M as MediaQueries } from './utils-f7866963.js';
+import { M as MediaQueries } from './utils-a8a3126f.js';
 import { Collapse, rem, clsx } from '@mantine/core';
 import { useDisclosure } from '@mantine/hooks';
-import { S as ShapedArrowDown } from './index-47891214.js';
-import { R as Radio$1 } from './index-e31f9a89.js';
-import { _ as __rest, a as __awaiter } from './tslib.es6-9e95700a.js';
-import { T as Text$1 } from './index-c998dc49.js';
+import { S as ShapedArrowDown } from './index-04ffe279.js';
+import { R as Radio$1 } from './index-b68ecd29.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-1a96da4b.js';
+import { T as Text$1 } from './index-e10183a7.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 import flattenChildren from 'react-keyed-flatten-children';
-import { H as Heading } from './index-a94527ef.js';
-import { C as Close } from './Close-3e5e6c55.js';
-import { u as useTranslations } from './index-178f8dcb.js';
+import { H as Heading } from './index-f2c7110b.js';
+import { C as Close } from './Close-54534e4b.js';
+import { u as useTranslations } from './index-0648b445.js';
 import { Carousel } from '@mantine/carousel';
 
 var styles = {"alert":"CHw-fZZ","content":"_03U6VRS","close":"EO828Vv"};

package/build/esm/{index-bcf9a3fb.js → index-ae6c01e7.js}

@@ -1,35 +1,35 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-9e95700a.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-1a96da4b.js';
 import React__default, { useState, useContext, useMemo, useRef, useCallback, useEffect, createContext } from 'react';
 import dayjs from 'dayjs';
-import { T as Tabs } from './index-c4e0e9fb.js';
-import { L as Loading } from './index-b1dd9015.js';
-import { b as formatPost, a as formatCommunity, g as formatArticle } from './dataTransform-c98a24ef.js';
+import { T as Tabs } from './index-112fb3c9.js';
+import { L as Loading } from './index-b671d7d6.js';
+import { b as formatPost, a as formatCommunity, g as formatArticle } from './dataTransform-9526e4ea.js';
 import { PATHS } from './togetherApiPaths.js';
-import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath, b as callApiWithAuth } from './utils-f4fa6672.js';
+import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath, b as callApiWithAuth } from './utils-af34a0ab.js';
 import { Plus } from '@hhgtech/icons/core';
 import { createStyles, Anchor, Accordion, Flex, useMantineTheme } from '@mantine/core';
-import { C as CommonGAssets } from './index-ef9f09f2.js';
-import { I as ImageWrap } from './index-74d7771e.js';
-import { P as PopupExpert, d as CardAuthor, C as CardAuthor$1 } from './index-8814e781.js';
-import { S as SocialType } from './index-66ea0d06.js';
-import { u as useTranslations } from './index-178f8dcb.js';
+import { C as CommonGAssets } from './index-8d5fc797.js';
+import { I as ImageWrap } from './index-4613ca77.js';
+import { P as PopupExpert, d as CardAuthor, C as CardAuthor$1 } from './index-c79afe68.js';
+import { S as SocialType } from './index-05acda4a.js';
+import { u as useTranslations } from './index-0648b445.js';
 import { theme } from './miscTheme.js';
 import { CrossLogo, ArrowDown } from '@hhgtech/icons/other';
-import { A as Anchor$1 } from './index-e31f9a89.js';
+import { A as Anchor$1 } from './index-b68ecd29.js';
 import '@mantine/dates';
-import './index-101f5667.js';
-import './index-e9488ab3.js';
-import { T as Text } from './index-a236d334.js';
-import { B as Button } from './index-2c3ae14d.js';
-import './index-d5a1e5a5.js';
-import './index.styles-48cba1d0.js';
+import './index-aeb7392a.js';
+import './index-8c3d901b.js';
+import { T as Text } from './index-ca77d534.js';
+import { B as Button } from './index-dc7f1b88.js';
+import './index-6a678e96.js';
+import './index.styles-b7cef6cb.js';
 import '@mantine/hooks';
-import './utils-f7866963.js';
+import './utils-a8a3126f.js';
 import styled from '@emotion/styled';
 import { useTogetherAuthRequiredAction } from './useTogetherAuthRequiredAction.js';
-import { d as decodeMention, b as decodePostUrl } from './post-4d8073af.js';
-import { B as Button$1 } from './index-8970d0ca.js';
-import './translationsContext-746ea2e7.js';
+import { d as decodeMention, b as decodePostUrl } from './post-f70a79ae.js';
+import { B as Button$1 } from './index-0ec559ba.js';
+import './translationsContext-e6b15d1c.js';
 
 const StyledPostContent = styled.div `
   padding: 0.5rem 1rem 1rem;