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

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

@@ -1,21 +1,21 @@
-import { _ as __rest } from './tslib.es6-a67bc6a9.js';
+import { _ as __rest } from './tslib.es6-c2caacdd.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-449eedd9.js';
+import { R as Radio } from './index-8504d60c.js';
 import '@mantine/dates';
-import './index-6a819f27.js';
-import './index-76a49a5d.js';
-import { C as CommonGAssets } from './index-bf1638ac.js';
-import './index-9222d65e.js';
-import { T as Text } from './index-40b89622.js';
-import './index-ca40b2fe.js';
-import './index-8ee6da8b.js';
-import './index.styles-51f1e557.js';
-import { u as useTranslations } from './index-042d1072.js';
+import './index-427a7d91.js';
+import './index-b9aeaed7.js';
+import { C as CommonGAssets } from './index-5eea3a66.js';
+import './index-7c6e4d50.js';
+import { T as Text } from './index-61075b78.js';
+import './index-342161de.js';
+import './index-8f29a612.js';
+import './index.styles-8cdcc130.js';
+import { u as useTranslations } from './index-b158f556.js';
 import '@mantine/hooks';
-import './utils-6a4093c3.js';
-import './index-62a9c589.js';
+import './utils-a8347871.js';
+import './index-0142c112.js';
 
 var useStyles = createStyles((theme, { type }) => {
     const isMarryBaby = theme.other.template === 'mb';

package/build/esm/{index-f73fd54b.js → index-0e10c583.js}

@@ -1,12 +1,12 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-a67bc6a9.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-c2caacdd.js';
 import React__default, { useState, useMemo, useCallback } from 'react';
-import { u as useTranslations } from './index-042d1072.js';
+import { u as useTranslations } from './index-b158f556.js';
 import { createStyles } from '@mantine/core';
-import { P as PATHS } from './paths-28bd15b9.js';
-import { L as LOCALIZED_SLUGS } from './constants-fde2ce2b.js';
-import { B as Button } from './index-ca40b2fe.js';
-import './index-6a819f27.js';
-import { c as callApi, g as getCarePath } from './utils-e94440c3.js';
+import { P as PATHS } from './paths-692a4b4b.js';
+import { L as LOCALIZED_SLUGS } from './constants-a09c65b5.js';
+import { B as Button } from './index-342161de.js';
+import './index-427a7d91.js';
+import { c as callApi, g as getCarePath } from './utils-a621aedf.js';
 import { domainLocales } from './constantsDomainLocales.js';
 import { isProduction } from './constantsIsProduction.js';
 

package/build/esm/{index-fdacbd1c.js → index-140cc34e.js}

@@ -1,5 +1,5 @@
 import React__default, { useState, useEffect } from 'react';
-import { B as Button } from './index-ca40b2fe.js';
+import { B as Button } from './index-342161de.js';
 import styled from '@emotion/styled';
 
 const StyledContainer = styled.div `

package/build/esm/{index-411bb5c1.js → index-1532ef21.js}

@@ -1,20 +1,20 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-a67bc6a9.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-c2caacdd.js';
 import React__default, { useMemo, useEffect, useRef, useContext, useState } from 'react';
 import { User } from '@hhgtech/icons/core';
-import { S as Spinner } from './Spinner-0070024c.js';
-import { a as Avatar } from './index-449eedd9.js';
-import { B as Button } from './index-ca40b2fe.js';
-import { T as Text } from './index-40b89622.js';
-import { u as useTranslations } from './index-042d1072.js';
-import { C as CommonGAssets } from './index-bf1638ac.js';
+import { S as Spinner } from './Spinner-4e2655b2.js';
+import { a as Avatar } from './index-8504d60c.js';
+import { B as Button } from './index-342161de.js';
+import { T as Text } from './index-61075b78.js';
+import { u as useTranslations } from './index-b158f556.js';
+import { C as CommonGAssets } from './index-5eea3a66.js';
 import { theme } from './miscTheme.js';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-6a4093c3.js';
+import { M as MediaQueries } from './utils-a8347871.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-6a819f27.js';
-import { i as domainLocalesMarryBaby } from './utils-e94440c3.js';
-import { g as getCurrentBaseUrl, a as getCurrentSsoUrl, b as getTogetherApiDomain, c as getDiscoverApiDomain } from './normalizeLink-aec84c41.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-427a7d91.js';
+import { i as domainLocalesMarryBaby } from './utils-a621aedf.js';
+import { g as getCurrentBaseUrl, a as getCurrentSsoUrl, b as getTogetherApiDomain, c as getDiscoverApiDomain } from './normalizeLink-f1eb60d4.js';
 import { domainLocales } from './constantsDomainLocales.js';
 import { ProfileNavigation } from './profileNavigation.js';
 import { NavigationLogoutPopup } from './navigationLogoutPopup.js';

package/build/esm/{index-743ba438.js → index-15cf8c92.js}

@@ -1,8 +1,8 @@
-import { _ as __rest } from './tslib.es6-a67bc6a9.js';
+import { _ as __rest } from './tslib.es6-c2caacdd.js';
 import React__default, { useMemo } from 'react';
 import { Spoiler as Spoiler$1 } from '@mantine/core';
-import { T as Text } from './index-40b89622.js';
-import { u as useTranslations } from './index-042d1072.js';
+import { T as Text } from './index-61075b78.js';
+import { u as useTranslations } from './index-b158f556.js';
 import { theme } from './miscTheme.js';
 
 const Spoiler = (_a) => {

package/build/esm/{index-7d036362.js → index-1859869e.js}

@@ -1,6 +1,6 @@
 import React__default, { useState, useEffect } from 'react';
-import { B as Breakpoints } from './utils-6a4093c3.js';
-import { _ as __rest } from './tslib.es6-a67bc6a9.js';
+import { B as Breakpoints } from './utils-a8347871.js';
+import { _ as __rest } from './tslib.es6-c2caacdd.js';
 import styled from '@emotion/styled';
 
 const getIsMobile = () => {

package/build/esm/{index-94626db5.js → index-1be78dc9.js}

@@ -1,6 +1,6 @@
-import { _ as __rest } from './tslib.es6-a67bc6a9.js';
+import { _ as __rest } from './tslib.es6-c2caacdd.js';
 import React__default, { useContext, useState } from 'react';
-import { T as TogetherComponentGlobalContext } from './utils-e94440c3.js';
+import { T as TogetherComponentGlobalContext } from './utils-a621aedf.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
 

package/build/esm/{index-8c5c9e77.js → index-216c5629.js}

@@ -1,7 +1,7 @@
 import React__default from 'react';
 import styled from '@emotion/styled';
-import { C as Container } from './index-ec440f49.js';
-import { T as Text } from './index-40b89622.js';
+import { C as Container } from './index-828ef890.js';
+import { T as Text } from './index-61075b78.js';
 
 const StyledTextDivider = styled.div `
   background-color: var(--neutral50);

package/build/esm/{index-a6a029e2.js → index-2416f2ff.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-042d1072.js';
+import { u as useTranslations } from './index-b158f556.js';
 import { getCookie } from './miscCookieHelper.js';
-import { C as CommonGAssets } from './index-bf1638ac.js';
-import { n as normalizeLinkSlash, e as normalizeLink } from './normalizeLink-aec84c41.js';
+import { C as CommonGAssets } from './index-5eea3a66.js';
+import { n as normalizeLinkSlash, e as normalizeLink } from './normalizeLink-f1eb60d4.js';
 import { theme } from './miscTheme.js';
-import { A as Avatar, I as IconWrapper, D as DistanceTag, a as DrawerBottom, S as ShapedArrowDown } from './index-e8239faf.js';
-import { b as getTogetherUserPostsApiPath } from './index-3d21def8.js';
-import { B as Button } from './index-683b1a62.js';
-import { w as workingDays } from './types-76df41bf.js';
+import { A as Avatar, I as IconWrapper, D as DistanceTag, a as DrawerBottom, S as ShapedArrowDown } from './index-ad53d6d5.js';
+import { b as getTogetherUserPostsApiPath } from './index-84e20328.js';
+import { B as Button } from './index-7dab5319.js';
+import { w as workingDays } from './types-802bac96.js';
 import styled from '@emotion/styled';
+import { M as MediaQueries } from './utils-a8347871.js';
+import { rem, clsx, Flex, Box } from '@mantine/core';
 import { LoadScript, GoogleMap, Marker } from '@react-google-maps/api';
 import cn from 'classnames';
-import { b as basePath, Z as ZINDEX_SSO } from './index-6a819f27.js';
-import { L as LOCALISED_SLUGS } from './constants-b893d62f.js';
-import { T as Text } from './index-b853c8f2.js';
-import { f as formatPhoneNumber } from './localizeNumberFormat-864d6c8c.js';
-import { a as __awaiter } from './tslib.es6-a67bc6a9.js';
+import { b as basePath, Z as ZINDEX_SSO } from './index-427a7d91.js';
+import { L as LOCALISED_SLUGS } from './constants-8c4b5bce.js';
+import { T as Text } from './index-712aa5bb.js';
+import { f as formatPhoneNumber } from './localizeNumberFormat-769b7b36.js';
+import { a as __awaiter } from './tslib.es6-c2caacdd.js';
 import { useDisclosure } from '@mantine/hooks';
-import { clsx, Flex, Box, rem } from '@mantine/core';
-import { u as useTextStyles, T as TextField } from './index-34465261.js';
+import { u as useTextStyles, T as TextField } from './index-d94d23e5.js';
 import { parsePhoneNumber } from 'react-phone-number-input';
-import { P as Phone, I as Input, E as ErrorIcon } from './index-449eedd9.js';
-import { G as GlobalTextStyleNew, C as CustomStylesType, F as FontWeight } from './index-8ee6da8b.js';
-import { B as Button$1 } from './index-ca40b2fe.js';
-import { M as MAPPED_LOCALE } from './index-9222d65e.js';
-import { T as Text$1 } from './index-40b89622.js';
-import { I as ImageWrap } from './index-7d036362.js';
-import { I as InsuranceList, P as PaymentList, A as ArrowRightBlue, a as DoctorInfoExpertise, D as DoctorExpertiseItem, C as Clinic } from './index-6178a162.js';
+import { P as Phone, I as Input, E as ErrorIcon } from './index-8504d60c.js';
+import { G as GlobalTextStyleNew, C as CustomStylesType, F as FontWeight } from './index-8f29a612.js';
+import { B as Button$1 } from './index-342161de.js';
+import { M as MAPPED_LOCALE } from './index-7c6e4d50.js';
+import { T as Text$1 } from './index-61075b78.js';
+import { I as ImageWrap } from './index-1859869e.js';
+import { I as InsuranceList, P as PaymentList, A as ArrowRightBlue, a as DoctorInfoExpertise, D as DoctorExpertiseItem, C as Clinic } from './index-81a6cf00.js';
 
 /* 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,55 @@ const UserProfileNavigation = ({ SSO_URL, UP_BASEPATH = 'user', themeName = 'hel
 };
 
 const StyledOpeningHour = styled.div `
-  color: #111111;
+  ${MediaQueries.mbUp} {
+    margin: 0;
+  }
+
+  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 +542,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 +734,32 @@ const Email = (props) => (React.createElement("svg", Object.assign({ width: "1em
 
 // import { ThemeProps } from '@hhgtech/hhg-components'
 const StyledClinicInfo = styled.div `
+  ${MediaQueries.mbUp} {
+    display: flex;
+    gap: ${rem(24)};
+    padding: 0 ${rem(24)} ${rem(24)};
+  }
+
   color: #111111;
-  padding-left: 1rem;
-  padding-right: 1rem;
-  padding-bottom: 1rem;
+  padding: 0 ${rem(16)} ${rem(16)};
 
   .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;
@@ -739,6 +788,10 @@ const StyledMap = styled(Map) `
     --mapCardHeight: --cardHeight;
   }
   iframe {
+    ${MediaQueries.mbUp} {
+      width: ${rem(180)};
+      height: ${rem(180)};
+    }
     border-radius: 12px;
     overflow: hidden;
   }
@@ -752,6 +805,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 +842,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 +864,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 `
@@ -1201,7 +1278,7 @@ const StyledInsuranceList = styled(InsuranceList) `
 function ProductInsuranceInfo({ hospitalInfo, isMobile = false, }) {
     const { t } = useTranslations();
     const isSupportPayment = (hospitalInfo === null || hospitalInfo === void 0 ? void 0 : hospitalInfo.accepted_payments) && hospitalInfo.accepted_payments.length > 0;
-    return (React__default.createElement(StyledInsuranceContainer, null,
+    return (React__default.createElement(StyledInsuranceContainer, { id: "insurance-container" },
         React__default.createElement("div", null,
             React__default.createElement("h3", { className: "txt-body-2" }, t('common.insurance')),
             React__default.createElement("p", { className: "txt-body-1" }, t('common.insuranceIntro')),

package/build/esm/{index-529b6d0e.js → index-269fa11c.js}

@@ -1,8 +1,8 @@
-import { _ as __rest } from './tslib.es6-a67bc6a9.js';
+import { _ as __rest } from './tslib.es6-c2caacdd.js';
 import React__default from 'react';
 import { theme } from './miscTheme.js';
-import { W as WhatsApp, I as Instagram } from './WhatsApp-5165400b.js';
-import { S as Spinner } from './Spinner-0070024c.js';
+import { W as WhatsApp, I as Instagram } from './WhatsApp-b8022193.js';
+import { S as Spinner } from './Spinner-4e2655b2.js';
 
 const App = (_a) => {
     var { size = 24 } = _a, rest = __rest(_a, ["size"]);

package/build/esm/{index-cb06ea7e.js → index-2775f556.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-6a4093c3.js';
+import { M as MediaQueries, f as formatUrlWithPageParam } from './utils-a8347871.js';
 import { theme } from './miscTheme.js';
-import { _ as __rest } from './tslib.es6-a67bc6a9.js';
-import { L as Label, S as StyledDisplayIcon, a as StyledActionIcon, b as StyledErrorLabel } from './index-4d8a045c.js';
-import { I as Input } from './index-449eedd9.js';
+import { _ as __rest } from './tslib.es6-c2caacdd.js';
+import { L as Label, S as StyledDisplayIcon, a as StyledActionIcon, b as StyledErrorLabel } from './index-d968af1a.js';
+import { I as Input } from './index-8504d60c.js';
 import '@mantine/core';
 import '@mantine/dates';
-import './index-6a819f27.js';
-import './index-76a49a5d.js';
-import './index-bf1638ac.js';
-import './index-9222d65e.js';
-import './index-40b89622.js';
-import './index-ca40b2fe.js';
-import './index-8ee6da8b.js';
-import './index.styles-51f1e557.js';
-import './translationsContext-d5b1d93c.js';
+import './index-427a7d91.js';
+import './index-b9aeaed7.js';
+import './index-5eea3a66.js';
+import './index-7c6e4d50.js';
+import './index-61075b78.js';
+import './index-342161de.js';
+import './index-8f29a612.js';
+import './index.styles-8cdcc130.js';
+import './translationsContext-19cc011c.js';
 import '@mantine/hooks';
-import './index-62a9c589.js';
+import './index-0142c112.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-4acf73f8.js → index-339ec9c0.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-a67bc6a9.js';
+import { _ as __rest } from './tslib.es6-c2caacdd.js';
 import React__default from 'react';
 import { useMantineTheme } from '@mantine/core';
-import { T as Text } from './index-40b89622.js';
+import { T as Text } from './index-61075b78.js';
 
 /**
  * @deprecated Consider to use import { Title } from '@mantine/core'

package/build/esm/{index-ca40b2fe.js → index-342161de.js}

@@ -1,8 +1,8 @@
-import { _ as __rest } from './tslib.es6-a67bc6a9.js';
+import { _ as __rest } from './tslib.es6-c2caacdd.js';
 import React__default, { forwardRef } from 'react';
 import { createStyles, useMantineTheme, Button as Button$1 } from '@mantine/core';
-import { A as ANIMATION_DURATION } from './shared-02fc8f6c.js';
-import { C as CustomStylesType, F as FontWeight, u as useTemplateVariant } from './index-8ee6da8b.js';
+import { A as ANIMATION_DURATION } from './shared-b781ae6f.js';
+import { C as CustomStylesType, F as FontWeight, u as useTemplateVariant } from './index-8f29a612.js';
 
 var useStyles = createStyles((_theme, _params) => {
     var _a, _b, _c, _d, _e, _f;

package/build/esm/{index-dc6cfb44.js → index-34890688.js}

@@ -1,12 +1,12 @@
-import { _ as __rest } from './tslib.es6-a67bc6a9.js';
+import { _ as __rest } from './tslib.es6-c2caacdd.js';
 import React__default from 'react';
 import { useMantineTheme, Image } from '@mantine/core';
 import { DatePickerInput } from '@mantine/dates';
-import { I as ISO_FORMAT } from './index-6a819f27.js';
-import './index-76a49a5d.js';
-import { C as CommonGAssets } from './index-bf1638ac.js';
-import { M as MAPPED_LOCALE } from './index-9222d65e.js';
-import { L as LOCALE } from './Locale-1d52a76a.js';
+import { I as ISO_FORMAT } from './index-427a7d91.js';
+import './index-b9aeaed7.js';
+import { C as CommonGAssets } from './index-5eea3a66.js';
+import { M as MAPPED_LOCALE } from './index-7c6e4d50.js';
+import { L as LOCALE } from './Locale-ea8fd614.js';
 
 // Omit<MantineDatePickerInputProps, 'value'>
 const DatePicker = (_a) => {

package/build/esm/{index-63dded2b.js → index-34bd048c.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-a67bc6a9.js';
+import { _ as __rest } from './tslib.es6-c2caacdd.js';
 import React__default, { createContext, useContext } from 'react';
 import { createStyles, rem, Box, Input, Chip, useMantineTheme, Flex, Switch } from '@mantine/core';
-import { T as Text } from './index-40b89622.js';
-import { B as Button } from './index-ca40b2fe.js';
-import { u as useTranslations } from './index-042d1072.js';
+import { T as Text } from './index-61075b78.js';
+import { B as Button } from './index-342161de.js';
+import { u as useTranslations } from './index-b158f556.js';
 import flattenChildren from 'react-keyed-flatten-children';
 import { theme } from './miscTheme.js';
 

package/build/esm/{index-b222ac48.js → index-35c23f79.js}

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

package/build/esm/{index-de5a3577.js → index-393e7f9d.js}

@@ -1,12 +1,12 @@
-import { a as __awaiter } from './tslib.es6-a67bc6a9.js';
+import { a as __awaiter } from './tslib.es6-c2caacdd.js';
 import React__default, { useContext, useState, useRef, useEffect } from 'react';
 import { useMantineTheme } from '@mantine/core';
-import { H as Heading } from './index-4acf73f8.js';
-import { T as Text } from './index-40b89622.js';
-import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-e94440c3.js';
+import { H as Heading } from './index-339ec9c0.js';
+import { T as Text } from './index-61075b78.js';
+import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-a621aedf.js';
 import styled from '@emotion/styled';
 import { PATHS } from './togetherApiPaths.js';
-import { D as DEFAULT_IMG } from './constants-b893d62f.js';
+import { D as DEFAULT_IMG } from './constants-8c4b5bce.js';
 
 const StyledCardLink = styled.div `
   .link-info-container {

package/build/esm/{index-97ce9f2a.js → index-3d6cae04.js}

@@ -1,48 +1,48 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-a67bc6a9.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-c2caacdd.js';
 import React__default, { useState, useRef, useEffect, useCallback, useContext, useMemo } from 'react';
 import { Info, Ask } from '@hhgtech/icons/other';
-import { D as Dropdown } from './index-42b1c463.js';
-import { u as useTranslations } from './index-042d1072.js';
+import { D as Dropdown } from './index-82336eea.js';
+import { u as useTranslations } from './index-b158f556.js';
 import innertext from 'innertext';
 import { theme } from './miscTheme.js';
-import { I as Input$1 } from './index-449eedd9.js';
+import { I as Input$1 } from './index-8504d60c.js';
 import { useMantineTheme, SegmentedControl, Popover } from '@mantine/core';
 import '@mantine/dates';
-import './index-6a819f27.js';
-import './index-76a49a5d.js';
-import './index-bf1638ac.js';
-import './index-9222d65e.js';
-import { T as Text } from './index-40b89622.js';
-import { B as Button } from './index-ca40b2fe.js';
-import './index-8ee6da8b.js';
-import './index.styles-51f1e557.js';
+import './index-427a7d91.js';
+import './index-b9aeaed7.js';
+import './index-5eea3a66.js';
+import './index-7c6e4d50.js';
+import { T as Text } from './index-61075b78.js';
+import { B as Button } from './index-342161de.js';
+import './index-8f29a612.js';
+import './index.styles-8cdcc130.js';
 import '@mantine/hooks';
-import { M as MediaQueries } from './utils-6a4093c3.js';
-import './index-62a9c589.js';
-import { u as useImagePicker, a as PopupFrame, c as IconCloseCircle, g as getDefaultFailNoti, d as getPostFormData, e as editPost, f as createPost } from './index-826bd869.js';
-import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath, p as getCurrentHref, b as callApiWithAuth, q as callApiWithAdminAuth, r as getChatbotAiApiPath } from './utils-e94440c3.js';
+import { M as MediaQueries } from './utils-a8347871.js';
+import './index-0142c112.js';
+import { u as useImagePicker, a as PopupFrame, c as IconCloseCircle, g as getDefaultFailNoti, d as getPostFormData, e as editPost, f as createPost } from './index-c50802eb.js';
+import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath, p as getCurrentHref, b as callApiWithAuth, q as callApiWithAdminAuth, r as getChatbotAiApiPath } from './utils-a621aedf.js';
 import styled from '@emotion/styled';
-import { b as formatPost, a as formatCommunity, c as formatTopic } from './dataTransform-0809dbd7.js';
-import { M as MAX_IMAGE_UPLOADS, B as BEARER_TOKEN_COOKIE } from './constants-b893d62f.js';
-import { h as highlightBadWords, f as fixMalformedMention, r as removeFontFormat, a as removeEdittedBannedWord, w as wrapAnchorAroundUrls, g as getUrlsFromEditorString, A as ALLOW_DOMAIN_URL, e as escapeRegExp, d as decodeMention, b as decodePostUrl, c as reformatUrl, i as getMentionIdsFromString, L as LIMIT_MENTION } from './post-1a742da9.js';
-import { C as CardAuthor } from './index-79995258.js';
-import { S as StyledCreatePostDescription$1, R as RichTextEditor$1, I as IconLink } from './editor-d984b5da.js';
-import { I as Input } from './index-4d8a045c.js';
+import { b as formatPost, a as formatCommunity, c as formatTopic } from './dataTransform-1add877f.js';
+import { M as MAX_IMAGE_UPLOADS, B as BEARER_TOKEN_COOKIE } from './constants-8c4b5bce.js';
+import { h as highlightBadWords, f as fixMalformedMention, r as removeFontFormat, a as removeEdittedBannedWord, w as wrapAnchorAroundUrls, g as getUrlsFromEditorString, A as ALLOW_DOMAIN_URL, e as escapeRegExp, d as decodeMention, b as decodePostUrl, c as reformatUrl, i as getMentionIdsFromString, L as LIMIT_MENTION } from './post-8b1e2aef.js';
+import { C as CardAuthor } from './index-4a8345a9.js';
+import { S as StyledCreatePostDescription$1, R as RichTextEditor$1, I as IconLink } from './editor-95017822.js';
+import { I as Input } from './index-d968af1a.js';
 import debounce from 'lodash/debounce';
 import ContentEditable from 'react-contenteditable';
 import { PATHS, ADMIN_PATHS } from './togetherApiPaths.js';
-import { L as Loading } from './index-28ee7996.js';
-import { C as CardLink } from './index-de5a3577.js';
-import { B as BtnChoice } from './index-fdacbd1c.js';
-import { L as LOCALE } from './Locale-1d52a76a.js';
+import { L as Loading } from './index-96e90df4.js';
+import { C as CardLink } from './index-393e7f9d.js';
+import { B as BtnChoice } from './index-140cc34e.js';
+import { L as LOCALE } from './Locale-ea8fd614.js';
 import * as ReactDOM from 'react-dom';
-import { L as Loading$1 } from './index-401257fb.js';
-import { b as IconArrowLeft } from './index-830bd774.js';
-import { B as Button$1 } from './index-683b1a62.js';
+import { L as Loading$1 } from './index-9c0b5af1.js';
+import { b as IconArrowLeft } from './index-f990be7c.js';
+import { B as Button$1 } from './index-7dab5319.js';
 import { getCookie } from './miscCookieHelper.js';
-import { a as useUniqueId } from './useUniqueId-f12cd1d9.js';
-import { U as UserAvatar } from './index-94626db5.js';
-import { P as PopoverMenu } from './index-59a62835.js';
+import { a as useUniqueId } from './useUniqueId-912f6ee9.js';
+import { U as UserAvatar } from './index-1be78dc9.js';
+import { P as PopoverMenu } from './index-86b03dde.js';
 import { Close, Check } from '@hhgtech/icons/core';
 
 const StyledCreateNewPost$1 = styled.div `