@hhgtech/hhg-components 1.29.461-beta-5 → 1.29.461

package/build/esm/{index-cc8f257a.js → index-cda9dc31.js}

@@ -1,34 +1,33 @@
 import * as React from 'react';
 import React__default, { useMemo, useState, useEffect, useRef, createContext, useContext } from 'react';
-import { u as useTranslations } from './index-a55ac5b1.js';
+import { u as useTranslations } from './index-39bab8a2.js';
 import { getCookie } from './miscCookieHelper.js';
-import { C as CommonGAssets } from './index-1d43a965.js';
-import { n as normalizeLinkSlash, e as normalizeLink } from './normalizeLink-38576e17.js';
+import { C as CommonGAssets } from './index-92e483c9.js';
+import { n as normalizeLinkSlash, e as normalizeLink } from './normalizeLink-ffd26e02.js';
 import { theme } from './miscTheme.js';
-import { A as Avatar, I as IconWrapper, D as DistanceTag, a as DrawerBottom, S as ShapedArrowDown } from './index-5488521c.js';
-import { b as getTogetherUserPostsApiPath } from './index-8b55751b.js';
-import { B as Button } from './index-0f0bc970.js';
-import { w as workingDays } from './types-d1383cf3.js';
+import { A as Avatar, I as IconWrapper, D as DistanceTag, a as DrawerBottom, S as ShapedArrowDown } from './index-4bf62228.js';
+import { b as getTogetherUserPostsApiPath } from './index-ea513fd0.js';
+import { B as Button } from './index-f0d1a991.js';
+import { w as workingDays } from './types-7571c869.js';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-111975be.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-8d4206e8.js';
-import { L as LOCALISED_SLUGS } from './constants-1f6435fd.js';
-import { T as Text } from './index-f12480f8.js';
-import { f as formatPhoneNumber } from './localizeNumberFormat-61fdbfa7.js';
-import { a as __awaiter } from './tslib.es6-8d1381b8.js';
+import { b as basePath, Z as ZINDEX_SSO } from './index-a1302da4.js';
+import { L as LOCALISED_SLUGS } from './constants-5063a766.js';
+import { T as Text } from './index-cb3e2325.js';
+import { f as formatPhoneNumber } from './localizeNumberFormat-eb6fb78b.js';
+import { a as __awaiter } from './tslib.es6-40dce05c.js';
 import { useDisclosure } from '@mantine/hooks';
-import { u as useTextStyles, T as TextField } from './index-31312a35.js';
+import { clsx, Flex, Box, rem } from '@mantine/core';
+import { u as useTextStyles, T as TextField } from './index-66837cb4.js';
 import { parsePhoneNumber } from 'react-phone-number-input';
-import { P as Phone, I as Input, E as ErrorIcon } from './index-5c9c2d9f.js';
-import { G as GlobalTextStyleNew, C as CustomStylesType, F as FontWeight } from './index-231c07aa.js';
-import { B as Button$1 } from './index-c1ee0ce2.js';
-import { M as MAPPED_LOCALE } from './index-901ddd36.js';
-import { T as Text$1 } from './index-1c4e7daf.js';
-import { I as ImageWrap } from './index-d4526622.js';
-import { I as InsuranceList, P as PaymentList, A as ArrowRightBlue, a as DoctorInfoExpertise, D as DoctorExpertiseItem, C as Clinic } from './index-e1e036a6.js';
+import { P as Phone, I as Input, E as ErrorIcon } from './index-108b6241.js';
+import { G as GlobalTextStyleNew, C as CustomStylesType, F as FontWeight } from './index-d6fce961.js';
+import { B as Button$1 } from './index-c58ed57d.js';
+import { M as MAPPED_LOCALE } from './index-d4d5ceab.js';
+import { T as Text$1 } from './index-33f2ee75.js';
+import { I as ImageWrap } from './index-f6a9bd4f.js';
+import { I as InsuranceList, P as PaymentList, A as ArrowRightBlue, a as DoctorInfoExpertise, D as DoctorExpertiseItem, C as Clinic } from './index-d00a05e8.js';
 
 /* eslint-disable prettier/prettier */
 const Check = (props) => (React.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 81 80", fill: "none" }, props),
@@ -446,55 +445,18 @@ const UserProfileNavigation = ({ SSO_URL, UP_BASEPATH = 'user', themeName = 'hel
 };
 
 const StyledOpeningHour = styled.div `
-  ${MediaQueries.mbUp} {
-    margin: 0;
-  }
-
-  color: ${theme.colors.gray1000};
+  color: #111111;
   margin-bottom: 1rem;
   .txt-body-1 {
     font-size: 0.8125rem;
     line-height: 1.25rem;
-    ${MediaQueries.mbUp} {
-      font-size: 0.9375rem;
-      line-height: 1.5rem;
-      color: ${theme.colors.gray700};
-    }
   }
   .txt-body-2 {
     font-size: 0.9375rem;
     line-height: 1.5rem;
-    padding: 0.75rem 0 0;
-    font-weight: 500;
-    ${MediaQueries.mbUp} {
-      padding: 0;
-      font-weight: 600;
-    }
-  }
-
-  .txt-hours {
-    font-weight: 500;
-    color: ${theme.colors.gray1000};
-  }
-
-  .opening-hours-container {
-    ${MediaQueries.mbUp} {
-      display: grid;
-      grid-template-columns: repeat(2, 1fr);
-      column-gap: 1rem;
-      row-gap: 0px;
-    }
   }
 `;
 const StyledFormatDataBox = styled.div `
-  ${MediaQueries.mbUp} {
-    padding: 8px 0;
-    flex-direction: column;
-    align-items: flex-start;
-    justify-content: start;
-    gap: 4px;
-    border-bottom: unset;
-  }
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -542,10 +504,13 @@ function OpeningHours({ workingTimes }) {
         });
     }, [workingTimes]);
     return (React__default.createElement(StyledOpeningHour, null,
-        React__default.createElement("div", { className: "txt-body-2" }, t('detail.openHours')),
-        React__default.createElement("div", { className: "opening-hours-container" }, formatData.map((item, index) => (React__default.createElement(StyledFormatDataBox, { className: "txt-body-1", key: index },
+        React__default.createElement("div", { className: "txt-body-2", style: {
+                padding: '0.75rem 0',
+                fontWeight: 500,
+            } }, t('detail.openHours')),
+        React__default.createElement("div", null, formatData.map((item, index) => (React__default.createElement(StyledFormatDataBox, { className: "txt-body-1", key: index },
             React__default.createElement("div", null, item === null || item === void 0 ? void 0 : item.day),
-            React__default.createElement("div", { className: "txt-hours" }, item === null || item === void 0 ? void 0 : item.value)))))));
+            React__default.createElement("div", { style: { fontWeight: 500 } }, item === null || item === void 0 ? void 0 : item.value)))))));
 }
 
 const getHospitalUrl = (locale, hospital) => {
@@ -734,32 +699,18 @@ const Email = (props) => (React.createElement("svg", Object.assign({ width: "1em
 
 // import { ThemeProps } from '@hhgtech/hhg-components'
 const StyledClinicInfo = styled.div `
-  ${MediaQueries.mbUp} {
-    display: flex;
-    gap: ${rem(24)};
-    padding: 0 ${rem(24)} ${rem(24)};
-  }
-
   color: #111111;
-  padding: 0 ${rem(16)} ${rem(16)};
+  padding-left: 1rem;
+  padding-right: 1rem;
+  padding-bottom: 1rem;
 
   .name {
-    ${MediaQueries.mbUp} {
-      font-weight: 600;
-    }
-
     font-size: 0.9375rem;
     line-height: 1.5rem;
     font-weight: 500;
   }
 
   address {
-    ${MediaQueries.mbUp} {
-      font-size: 0.9375rem;
-      line-height: 1.5rem;
-      font-style: normal;
-    }
-
     font-size: 0.8125rem;
     line-height: 1.25rem;
     font-weight: 400;
@@ -788,10 +739,6 @@ const StyledMap = styled(Map) `
     --mapCardHeight: --cardHeight;
   }
   iframe {
-    ${MediaQueries.mbUp} {
-      width: ${rem(180)};
-      height: ${rem(180)};
-    }
     border-radius: 12px;
     overflow: hidden;
   }
@@ -805,22 +752,6 @@ const StyledEmailIcon = styled(Email) `
   height: 1rem;
 `;
 const StyledContainer = styled.div `
-  ${MediaQueries.mbUp} {
-    padding: 0;
-    display: flex;
-    flex-direction: column;
-    gap: 24px;
-  }
-
-  .clinic-content {
-    display: flex;
-    flex-direction: column;
-    ${MediaQueries.mbUp} {
-      gap: 8px;
-    }
-    gap: 12px;
-  }
-
   padding-top: 1rem;
   padding-bottom: 1rem;
   padding-left: 4.5px;
@@ -842,13 +773,6 @@ const StyledDistanceTag$1 = styled(DistanceTag) `
 const StyledContact = styled.div `
   display: flex;
   gap: 4px;
-  flex-direction: column;
-  ${MediaQueries.mbUp} {
-    flex-direction: row;
-  }
-  .contact-item {
-    width: fit-content;
-  }
 `;
 
 function ClinicInfo(props) {
@@ -864,22 +788,21 @@ function ClinicInfo(props) {
     return (React__default.createElement(StyledClinicInfo, null,
         React__default.createElement(StyledMap, { dataEventAction: dataEventAction, dataEventCategory: dataEventCategory, dataEventLabel: dataEventLabel, googleMapKey: googleMapKey, hasNoCard: true, hospital: hospital, locale: locale, isLoggedIn: isLoggedIn, isFullWidth: true, height: 220, className: "panel-map", onPhoneHospital: onPhoneHospital }),
         React__default.createElement(StyledContainer, null,
-            React__default.createElement("div", { className: "clinic-content" },
-                React__default.createElement("div", { className: "name" }, hospitalInfo.name),
-                React__default.createElement(StyledFlexBox, null,
-                    React__default.createElement("address", null, hospitalInfo.address),
-                    distance && (React__default.createElement("div", { style: {
-                            flexShrink: 0,
-                        } },
-                        React__default.createElement(StyledDistanceTag$1, { value: `${distance} km` })))),
-                React__default.createElement(StyledContact, null,
-                    hospitalInfo.phone && (React__default.createElement("div", { className: "contact-item" },
-                        React__default.createElement(StyledMobileIcon, null),
-                        React__default.createElement("a", { href: `tel:${hospitalInfo.phone}` }, formatPhoneNumber(hospitalInfo.phone)))),
-                    hospitalInfo.email && (React__default.createElement("div", { className: "contact-item" },
-                        React__default.createElement(StyledEmailIcon, null),
-                        React__default.createElement("a", { href: `mailto:${hospitalInfo === null || hospitalInfo === void 0 ? void 0 : hospitalInfo.email}` }, hospitalInfo.email))))),
-            hospitalInfo.working_times && (React__default.createElement(OpeningHours, { workingTimes: hospitalInfo.working_times })))));
+            React__default.createElement("div", { className: "name" }, hospitalInfo.name),
+            React__default.createElement(StyledFlexBox, null,
+                React__default.createElement("address", null, hospitalInfo.address),
+                distance && (React__default.createElement("div", { style: {
+                        flexShrink: 0,
+                    } },
+                    React__default.createElement(StyledDistanceTag$1, { value: `${distance} km` })))),
+            React__default.createElement(StyledContact, null,
+                hospitalInfo.phone && (React__default.createElement("div", { className: "contact-item" },
+                    React__default.createElement(StyledMobileIcon, null),
+                    React__default.createElement("a", { href: `tel:${hospitalInfo.phone}` }, formatPhoneNumber(hospitalInfo.phone)))),
+                hospitalInfo.email && (React__default.createElement("div", { className: "contact-item" },
+                    React__default.createElement(StyledEmailIcon, null),
+                    React__default.createElement("a", { href: `mailto:${hospitalInfo === null || hospitalInfo === void 0 ? void 0 : hospitalInfo.email}` }, hospitalInfo.email))))),
+        hospitalInfo.working_times && (React__default.createElement(OpeningHours, { workingTimes: hospitalInfo.working_times }))));
 }
 
 const StyledCollectPhoneForm = styled.div `
@@ -1278,7 +1201,7 @@ const StyledInsuranceList = styled(InsuranceList) `
 function ProductInsuranceInfo({ hospitalInfo, isMobile = false, }) {
     const { t } = useTranslations();
     const isSupportPayment = (hospitalInfo === null || hospitalInfo === void 0 ? void 0 : hospitalInfo.accepted_payments) && hospitalInfo.accepted_payments.length > 0;
-    return (React__default.createElement(StyledInsuranceContainer, { id: "insurance-container" },
+    return (React__default.createElement(StyledInsuranceContainer, null,
         React__default.createElement("div", null,
             React__default.createElement("h3", { className: "txt-body-2" }, t('common.insurance')),
             React__default.createElement("p", { className: "txt-body-1" }, t('common.insuranceIntro')),

package/build/esm/{index-e1e036a6.js → index-d00a05e8.js}

@@ -2,10 +2,10 @@ import * as React from 'react';
 import React__default from 'react';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { T as Text } from './index-f12480f8.js';
+import { T as Text } from './index-cb3e2325.js';
 import cn from 'classnames';
-import { I as ImageWrap } from './index-d4526622.js';
-import { T as Text$1 } from './index-1c4e7daf.js';
+import { I as ImageWrap } from './index-f6a9bd4f.js';
+import { T as Text$1 } from './index-33f2ee75.js';
 
 /* eslint-disable prettier/prettier */
 const ArrowRightBlue = (props) => (React.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 6 10", fill: "none" }, props),
@@ -41,7 +41,7 @@ const StyledInsuranceItem = styled.li `
 const InsuranceList = ({ insurances, className, isName = true, }) => {
     if (!insurances.length)
         return null;
-    return (React__default.createElement(StyledInsuranceList, { id: "insurance-list", className: className }, insurances.map((insurance) => (React__default.createElement(StyledInsuranceItem, { className: "insuranceItem", key: insurance.id },
+    return (React__default.createElement(StyledInsuranceList, { className: className }, insurances.map((insurance) => (React__default.createElement(StyledInsuranceItem, { className: "insuranceItem", key: insurance.id },
         React__default.createElement("div", { className: "insuranceLogo" },
             React__default.createElement("img", { src: insurance.logo, alt: `Logo of ${insurance.name}` })),
         isName && (React__default.createElement(Text, { size: "base", color: theme.colors.gray500, type: "bold" }, insurance.name)))))));
@@ -69,7 +69,7 @@ const StyledPaymentItem = styled.div `
   align-items: center;
   text-align: center;
 
-  &.payment-item-mobile {
+  &.payment-item {
     width: 100%;
   }
 
@@ -90,10 +90,10 @@ const StyledPaymentItem = styled.div `
 const PaymentList = ({ payments, className, isName = true, isMobile = false, }) => {
     if (!payments.length)
         return null;
-    return (React__default.createElement(StyledPaymentList, { id: "payment-container", className: cn(className, {
+    return (React__default.createElement(StyledPaymentList, { className: cn(className, {
             paymentList: isMobile && payments.length >= 4,
-        }) }, payments.map((payment) => (React__default.createElement(StyledPaymentItem, { className: cn('payment-item', {
-            'payment-item-mobile': isMobile && payments.length >= 4,
+        }) }, payments.map((payment) => (React__default.createElement(StyledPaymentItem, { className: cn({
+            'payment-item': isMobile && payments.length >= 4,
         }), key: payment.id },
         React__default.createElement(ImageWrap, { className: "logo", src: payment.logo, alt: `${payment.name} Logo` }),
         isName && React__default.createElement("div", { className: "txt-caption-1" }, payment.name))))));

package/build/esm/{index-901ddd36.js → index-d4d5ceab.js}

@@ -1,16 +1,16 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-8d1381b8.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-40dce05c.js';
 import React__default, { useState, useEffect } from 'react';
 import dayjs from 'dayjs';
-import './index-1f3ddb02.js';
-import { L as LOCALE } from './Locale-518bf031.js';
+import './index-0b74cbe4.js';
+import { L as LOCALE } from './Locale-eb7724ec.js';
 import { notifications, Notifications } from '@mantine/notifications';
-import { Z as ZINDEX_SSO, I as ISO_FORMAT } from './index-8d4206e8.js';
+import { Z as ZINDEX_SSO, I as ISO_FORMAT } from './index-a1302da4.js';
 import { em } from '@mantine/core';
-import { C as CommonGAssets } from './index-1d43a965.js';
+import { C as CommonGAssets } from './index-92e483c9.js';
 import { theme } from './miscTheme.js';
-import { S as Screens, M as MediaQueries, B as Breakpoints } from './utils-111975be.js';
-import { C as CustomStylesType, F as FontWeight } from './index-231c07aa.js';
-import { A as ANIMATION_DURATION } from './shared-b866e394.js';
+import { S as Screens, M as MediaQueries, B as Breakpoints } from './utils-1e8933ea.js';
+import { C as CustomStylesType, F as FontWeight } from './index-d6fce961.js';
+import { A as ANIMATION_DURATION } from './shared-5323394b.js';
 
 // Available locale list https://cdn.jsdelivr.net/npm/dayjs@1/locale.json
 const MAPPED_LOCALE = {

package/build/esm/{index-6a1b305c.js → index-daafe563.js}

@@ -1,9 +1,9 @@
-import { a as __awaiter } from './tslib.es6-8d1381b8.js';
+import { a as __awaiter } from './tslib.es6-40dce05c.js';
 import { isProduction } from './constantsIsProduction.js';
-import { n as normalizeLinkSlash, a as getCurrentSsoUrl } from './normalizeLink-38576e17.js';
-import { L as LOCALE_SPECS, h as BEARER_REFRESH_TOKEN_COOKIE } from './index-8d4206e8.js';
+import { n as normalizeLinkSlash, a as getCurrentSsoUrl } from './normalizeLink-ffd26e02.js';
+import { L as LOCALE_SPECS, h as BEARER_REFRESH_TOKEN_COOKIE } from './index-a1302da4.js';
 import { getCookie, setCookie } from './miscCookieHelper.js';
-import { L as LOCALE } from './Locale-518bf031.js';
+import { L as LOCALE } from './Locale-eb7724ec.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
 const SSO_V2_PATHS = {

package/build/esm/{index-e78e2e9e.js → index-e1c1d2f1.js}

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

package/build/esm/{index-020a1af0.js → index-e69890f9.js}

@@ -1,48 +1,48 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-8d1381b8.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-40dce05c.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-9be26a6e.js';
-import { u as useTranslations } from './index-a55ac5b1.js';
+import { D as Dropdown } from './index-7cd7ab8c.js';
+import { u as useTranslations } from './index-39bab8a2.js';
 import innertext from 'innertext';
 import { theme } from './miscTheme.js';
-import { I as Input$1 } from './index-5c9c2d9f.js';
+import { I as Input$1 } from './index-108b6241.js';
 import { useMantineTheme, SegmentedControl, Popover } from '@mantine/core';
 import '@mantine/dates';
-import './index-8d4206e8.js';
-import './index-1f3ddb02.js';
-import './index-1d43a965.js';
-import './index-901ddd36.js';
-import { T as Text } from './index-1c4e7daf.js';
-import { B as Button } from './index-c1ee0ce2.js';
-import './index-231c07aa.js';
-import './index.styles-ad76adcb.js';
+import './index-a1302da4.js';
+import './index-0b74cbe4.js';
+import './index-92e483c9.js';
+import './index-d4d5ceab.js';
+import { T as Text } from './index-33f2ee75.js';
+import { B as Button } from './index-c58ed57d.js';
+import './index-d6fce961.js';
+import './index.styles-10f9a566.js';
 import '@mantine/hooks';
-import { M as MediaQueries } from './utils-111975be.js';
-import './index-c0e0b821.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-7025df2f.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-1458becb.js';
+import { M as MediaQueries } from './utils-1e8933ea.js';
+import './index-c020fa56.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-7291ca97.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-7f3ff270.js';
 import styled from '@emotion/styled';
-import { b as formatPost, a as formatCommunity, c as formatTopic } from './dataTransform-0b63fadc.js';
-import { M as MAX_IMAGE_UPLOADS, B as BEARER_TOKEN_COOKIE } from './constants-1f6435fd.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-3bcafaf4.js';
-import { C as CardAuthor } from './index-481b4c4d.js';
-import { S as StyledCreatePostDescription$1, R as RichTextEditor$1, I as IconLink } from './editor-deb866d5.js';
-import { I as Input } from './index-507de073.js';
+import { b as formatPost, a as formatCommunity, c as formatTopic } from './dataTransform-44850a40.js';
+import { M as MAX_IMAGE_UPLOADS, B as BEARER_TOKEN_COOKIE } from './constants-5063a766.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-9ff1f59f.js';
+import { C as CardAuthor } from './index-f448d07f.js';
+import { S as StyledCreatePostDescription$1, R as RichTextEditor$1, I as IconLink } from './editor-acf5e1c0.js';
+import { I as Input } from './index-397219ac.js';
 import debounce from 'lodash/debounce';
 import ContentEditable from 'react-contenteditable';
 import { PATHS, ADMIN_PATHS } from './togetherApiPaths.js';
-import { L as Loading } from './index-4fa3a0eb.js';
-import { C as CardLink } from './index-67639f23.js';
-import { B as BtnChoice } from './index-da5a0419.js';
-import { L as LOCALE } from './Locale-518bf031.js';
+import { L as Loading } from './index-5658b41f.js';
+import { C as CardLink } from './index-ebb55e47.js';
+import { B as BtnChoice } from './index-324381d8.js';
+import { L as LOCALE } from './Locale-eb7724ec.js';
 import * as ReactDOM from 'react-dom';
-import { L as Loading$1 } from './index-d9eaa0a8.js';
-import { b as IconArrowLeft } from './index-925bfca0.js';
-import { B as Button$1 } from './index-0f0bc970.js';
+import { L as Loading$1 } from './index-3a4ecbfb.js';
+import { b as IconArrowLeft } from './index-5f395337.js';
+import { B as Button$1 } from './index-f0d1a991.js';
 import { getCookie } from './miscCookieHelper.js';
-import { a as useUniqueId } from './useUniqueId-8a7c0acb.js';
-import { U as UserAvatar } from './index-27a7fdc4.js';
-import { P as PopoverMenu } from './index-801bed14.js';
+import { a as useUniqueId } from './useUniqueId-ff718a5c.js';
+import { U as UserAvatar } from './index-82bd3a8c.js';
+import { P as PopoverMenu } from './index-e9dc2574.js';
 import { Close, Check } from '@hhgtech/icons/core';
 
 const StyledCreateNewPost$1 = styled.div `

package/build/esm/{index-d13d2aef.js → index-e994e570.js}

@@ -1,18 +1,18 @@
 import React__default, { useState, useMemo } from 'react';
-import { F as Flag } from './index-5c9c2d9f.js';
+import { F as Flag } from './index-108b6241.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { T as Text } from './index-1c4e7daf.js';
-import { C as CommonGAssets } from './index-1d43a965.js';
-import { _ as __rest } from './tslib.es6-8d1381b8.js';
-import { a as ZINDEX_HEADER, V as VIDEO_DETAIL_TEMP_STORAGE } from './index-8d4206e8.js';
-import { V as VideoType } from './index-1f3ddb02.js';
+import { T as Text } from './index-33f2ee75.js';
+import { C as CommonGAssets } from './index-92e483c9.js';
+import { _ as __rest } from './tslib.es6-40dce05c.js';
+import { a as ZINDEX_HEADER, V as VIDEO_DETAIL_TEMP_STORAGE } from './index-a1302da4.js';
+import { V as VideoType } from './index-0b74cbe4.js';
 import { createStyles, Stack, Box, AspectRatio, getStylesRef, rem, Flex } from '@mantine/core';
-import { a as abbreviateNumber } from './number-cd38abdd.js';
-import { u as useTranslations } from './index-a55ac5b1.js';
+import { a as abbreviateNumber } from './number-2c2a5d41.js';
+import { u as useTranslations } from './index-39bab8a2.js';
 import { useOs } from '@mantine/hooks';
-import { M as Modal } from './index-43f169d4.js';
-import { S as SocialLinkPreview } from './index-c499ca6c.js';
+import { M as Modal } from './index-a555da01.js';
+import { S as SocialLinkPreview } from './index-5056a6eb.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
 const ALLOW_DOMAIN_URL = [

package/build/esm/{index-801bed14.js → index-e9dc2574.js}

@@ -1,6 +1,6 @@
 import React__default, { useContext, useState, useRef, useEffect } from 'react';
-import { B as Button } from './index-0f0bc970.js';
-import { T as TogetherComponentGlobalContext } from './utils-1458becb.js';
+import { B as Button } from './index-f0d1a991.js';
+import { T as TogetherComponentGlobalContext } from './utils-7f3ff270.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
 

package/build/esm/{index-8b55751b.js → index-ea513fd0.js}

@@ -1,48 +1,48 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-8d1381b8.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-40dce05c.js';
 import React__default, { useContext, useState, useCallback, useEffect, useMemo, useRef } from 'react';
-import { i as isInternalLink, V as VideoItem, L as LanguageSwitcher } from './index-d13d2aef.js';
-import { L as LOCALE_SPECS, S as STATIC_PAGES, a as ZINDEX_HEADER, c as VIDEO_LOCALES, d as LOCALE_HAS_COMMUNITY_SITE, e as CARE_LOCALES } from './index-8d4206e8.js';
-import { e as normalizeLink, n as normalizeLinkSlash, g as getCurrentBaseUrl, c as getDiscoverApiDomain, b as getTogetherApiDomain, d as getCareApiDomain } from './normalizeLink-38576e17.js';
-import { a as formatCommunity, b as formatPost } from './dataTransform-0b63fadc.js';
+import { i as isInternalLink, V as VideoItem, L as LanguageSwitcher } from './index-e994e570.js';
+import { L as LOCALE_SPECS, S as STATIC_PAGES, a as ZINDEX_HEADER, c as VIDEO_LOCALES, d as LOCALE_HAS_COMMUNITY_SITE, e as CARE_LOCALES } from './index-a1302da4.js';
+import { e as normalizeLink, n as normalizeLinkSlash, g as getCurrentBaseUrl, c as getDiscoverApiDomain, b as getTogetherApiDomain, d as getCareApiDomain } from './normalizeLink-ffd26e02.js';
+import { a as formatCommunity, b as formatPost } from './dataTransform-44850a40.js';
 import { Close, Logo } from '@hhgtech/icons/core';
-import './translationsContext-38fe6031.js';
+import './translationsContext-3bf4887b.js';
 import styled from '@emotion/styled';
-import { I as Input } from './index-5c9c2d9f.js';
+import { I as Input } from './index-108b6241.js';
 import { theme } from './miscTheme.js';
-import { a as NavigationContext, u as useCSSFocusPopupHelper, N as NavigationProfileButton, b as NavigationProvider } from './index-fe99dde0.js';
+import { a as NavigationContext, u as useCSSFocusPopupHelper, N as NavigationProfileButton, b as NavigationProvider } from './index-34726fbc.js';
 import { ArrowRight, ChatAi } from '@hhgtech/icons/other';
 import { createStyles, Box, Indicator, useMantineTheme, clsx } from '@mantine/core';
-import { L as Logo$1 } from './index-ee266be7.js';
+import { L as Logo$1 } from './index-35b2b27d.js';
 import throttle from 'lodash/throttle';
 import '@mantine/dates';
-import { V as VideoType } from './index-1f3ddb02.js';
-import { C as CommonGAssets } from './index-1d43a965.js';
-import './index-901ddd36.js';
-import { T as Text } from './index-1c4e7daf.js';
-import { B as Button } from './index-c1ee0ce2.js';
-import './index-231c07aa.js';
-import './index.styles-ad76adcb.js';
+import { V as VideoType } from './index-0b74cbe4.js';
+import { C as CommonGAssets } from './index-92e483c9.js';
+import './index-d4d5ceab.js';
+import { T as Text } from './index-33f2ee75.js';
+import { B as Button } from './index-c58ed57d.js';
+import './index-d6fce961.js';
+import './index.styles-10f9a566.js';
 import '@mantine/hooks';
-import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-111975be.js';
-import './index-c0e0b821.js';
-import { L as LOCALISED_SLUGS } from './constants-c6e50922.js';
-import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-153de31e.js';
-import { L as LOCALIZED_SLUGS } from './constants-ab0537d1.js';
-import { u as useTranslations } from './index-a55ac5b1.js';
-import { H as Heading } from './index-9c9e6203.js';
-import { I as Indicator$1 } from './index-9db9e324.js';
-import { u as useIsInit } from './useIsInit-aca4594e.js';
+import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-1e8933ea.js';
+import './index-c020fa56.js';
+import { L as LOCALISED_SLUGS } from './constants-18994580.js';
+import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-5c10982a.js';
+import { L as LOCALIZED_SLUGS } from './constants-272f0126.js';
+import { u as useTranslations } from './index-39bab8a2.js';
+import { H as Heading } from './index-760a8462.js';
+import { I as Indicator$1 } from './index-200f4011.js';
+import { u as useIsInit } from './useIsInit-384a1707.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
-import { B as Button$1 } from './index-0f0bc970.js';
+import { B as Button$1 } from './index-f0d1a991.js';
 import formatString from 'string-format';
 import { domainLocales } from './constantsDomainLocales.js';
 import dayjs from 'dayjs';
 import relativeTime from 'dayjs/plugin/relativeTime';
-import { U as UserAvatar } from './index-27a7fdc4.js';
-import { C as Container } from './index-c90c1991.js';
-import { L as LOCALE } from './Locale-518bf031.js';
+import { U as UserAvatar } from './index-82bd3a8c.js';
+import { C as Container } from './index-8a052ac8.js';
+import { L as LOCALE } from './Locale-eb7724ec.js';
 import debounce from 'lodash/debounce';
-import { g as getDataWithCache } from './core-530d620a.js';
+import { g as getDataWithCache } from './core-0b1742fd.js';
 
 const StyleInput = styled(Input) `
   .mantine-Input-input {
@@ -448,7 +448,7 @@ const Categories = ({ hrefViewMore, titleBtnViewMore, UrlFE, onClosePopup, menuI
                     target: '_blank',
                 }), { "data-theme": siteType, key: index, onClick: onClosePopup }),
                     React__default.createElement("div", { className: "icon" },
-                        React__default.createElement("img", { loading: "lazy", alt: item.name, src: item.thumbnail || '/images/hhg-logo.png', style: {
+                        React__default.createElement("img", { loading: "lazy", alt: item.name, src: item.thumbnail || '/images/avatar.jpg', style: {
                                 width: 32,
                                 height: 32,
                                 maxWidth: 32,

package/build/esm/{index-67639f23.js → index-ebb55e47.js}

@@ -1,12 +1,12 @@
-import { a as __awaiter } from './tslib.es6-8d1381b8.js';
+import { a as __awaiter } from './tslib.es6-40dce05c.js';
 import React__default, { useContext, useState, useRef, useEffect } from 'react';
 import { useMantineTheme } from '@mantine/core';
-import { H as Heading } from './index-9c9e6203.js';
-import { T as Text } from './index-1c4e7daf.js';
-import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-1458becb.js';
+import { H as Heading } from './index-760a8462.js';
+import { T as Text } from './index-33f2ee75.js';
+import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-7f3ff270.js';
 import styled from '@emotion/styled';
 import { PATHS } from './togetherApiPaths.js';
-import { D as DEFAULT_IMG } from './constants-1f6435fd.js';
+import { D as DEFAULT_IMG } from './constants-5063a766.js';
 
 const StyledCardLink = styled.div `
   .link-info-container {

package/build/esm/{index-b214b01f.js → index-ed96eba6.js}

@@ -1,22 +1,22 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-8d1381b8.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-40dce05c.js';
 import React__default, { useReducer, useState, useEffect } from 'react';
 import { Stack, Input as Input$1 } from '@mantine/core';
-import { I as Input, S as Select } from './index-5c9c2d9f.js';
+import { I as Input, S as Select } from './index-108b6241.js';
 import '@mantine/dates';
-import { C as CDN_ADDRESS } from './index-8d4206e8.js';
-import './index-1f3ddb02.js';
-import './index-1d43a965.js';
-import './index-901ddd36.js';
-import './index-1c4e7daf.js';
-import './index-c1ee0ce2.js';
-import './index-231c07aa.js';
-import './index.styles-ad76adcb.js';
-import { u as useTranslations } from './index-a55ac5b1.js';
+import { C as CDN_ADDRESS } from './index-a1302da4.js';
+import './index-0b74cbe4.js';
+import './index-92e483c9.js';
+import './index-d4d5ceab.js';
+import './index-33f2ee75.js';
+import './index-c58ed57d.js';
+import './index-d6fce961.js';
+import './index.styles-10f9a566.js';
+import { u as useTranslations } from './index-39bab8a2.js';
 import '@mantine/hooks';
-import './utils-111975be.js';
-import './index-c0e0b821.js';
-import { M as MAPPED_LOCALE } from './utils-794dcd37.js';
-import { L as LOCALE } from './Locale-518bf031.js';
+import './utils-1e8933ea.js';
+import './index-c020fa56.js';
+import { M as MAPPED_LOCALE } from './utils-90a24418.js';
+import { L as LOCALE } from './Locale-eb7724ec.js';
 
 const generateGetAddressDetail = (locale) => {
     return `${CDN_ADDRESS}/cities-data-${MAPPED_LOCALE[locale]}.json`;