@hhgtech/hhg-components 1.29.418-beta-7 → 1.29.418

package/build/esm/{index-3711dfc0.js → index-52a25f04.js}

@@ -3,24 +3,24 @@ import { CrossLogo, ShieldCheck } from '@hhgtech/icons/other';
 import { createStyles, Box, Flex, Button as Button$1, rem } from '@mantine/core';
 import dayjs from 'dayjs';
 import relativeTime from 'dayjs/plugin/relativeTime';
-import { u as useTranslations } from './index-6a5b315d.js';
-import { M as MediaQueries, t as toggleNoScroll } from './utils-defcbd04.js';
-import { A as AuthorBadge, B as BookingBtn } from './index-d2df7171.js';
-import { I as Icon } from './index-6c7cf187.js';
-import { _ as __rest } from './tslib.es6-e734ec7d.js';
-import { U as UserAvatar } from './index-235a1335.js';
-import { I as ImageWrap, u as useScreenSize } from './index-c6ed9aed.js';
-import './index-569c4123.js';
-import { C as CommonGAssets } from './index-5245162d.js';
-import { c as callApi, g as getCarePath, l as domainLocales, m as getCareHospitalUrl, n as getCareDoctorUrl, k as getCurrentBaseUrl, o as getDiscoverApiPath, T as TogetherComponentGlobalContext } from './utils-cec028dd.js';
-import { B as Button } from './index-58ffcd1e.js';
-import { T as Text } from './index-5670bd57.js';
+import { u as useTranslations } from './index-da9b3560.js';
+import { M as MediaQueries, t as toggleNoScroll } from './utils-778daa2b.js';
+import { A as AuthorBadge, B as BookingBtn } from './index-82c84a53.js';
+import { I as Icon } from './index-8cf5e40e.js';
+import { _ as __rest } from './tslib.es6-af0ab658.js';
+import { U as UserAvatar } from './index-1dfa8721.js';
+import { I as ImageWrap, u as useScreenSize } from './index-6a03cb12.js';
+import './index-eebfb54e.js';
+import { C as CommonGAssets } from './index-40f2480d.js';
+import { c as callApi, g as getCarePath, l as domainLocales, m as getCareHospitalUrl, n as getCareDoctorUrl, k as getCurrentBaseUrl, o as getDiscoverApiPath, T as TogetherComponentGlobalContext } from './utils-fb03ac58.js';
+import { B as Button } from './index-de491ad4.js';
+import { T as Text } from './index-23f97b77.js';
 import { theme } from './miscTheme.js';
 import styled from '@emotion/styled';
 import { CARE_PATHS, DISCOVER_PATHS } from './togetherApiPaths.js';
-import { L as Loading } from './index-1caa18af.js';
-import { H as Heading } from './index-ed59bf6e.js';
-import { M as Modal } from './index-bd2e8480.js';
+import { L as Loading } from './index-e25a50a7.js';
+import { H as Heading } from './index-8c902e04.js';
+import { M as Modal } from './index-1d3457e3.js';
 import { domainLocales as domainLocales$1 } from './constantsDomainLocales.js';
 
 var styles$2 = {"row":"dZWeHns","flex":"_8z2nszB","mainTxt":"tMiOKib","subTxt":"uDcqD-2","subTxtRow":"pDlsows","subDivider":"m-HVXw1"};
@@ -911,7 +911,7 @@ const _CardAuthor = (props) => {
     useEffect(() => {
         if (open && !ProfileDetail) {
             if (userType === 'chatbot') {
-                import('./index-cd93ff6c.js').then((module) => {
+                import('./index-b4e79297.js').then((module) => {
                     setProfileDetail(() => module.ProfileChatbot);
                 });
             }

package/build/esm/{index-1a39ecf7.js → index-546c521c.js}

@@ -1,16 +1,16 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-e734ec7d.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-af0ab658.js';
 import React__default, { useState, useEffect } from 'react';
 import dayjs from 'dayjs';
-import './index-634dc9bc.js';
-import { L as LOCALE } from './Locale-60af27e6.js';
+import './index-0c0ac05f.js';
+import { L as LOCALE } from './Locale-965fa186.js';
 import { notifications, Notifications } from '@mantine/notifications';
-import { Z as ZINDEX_SSO, I as ISO_FORMAT } from './index-569c4123.js';
+import { Z as ZINDEX_SSO, I as ISO_FORMAT } from './index-eebfb54e.js';
 import { em } from '@mantine/core';
-import { C as CommonGAssets } from './index-5245162d.js';
+import { C as CommonGAssets } from './index-40f2480d.js';
 import { theme } from './miscTheme.js';
-import { S as Screens, M as MediaQueries, B as Breakpoints } from './utils-defcbd04.js';
-import { C as CustomStylesType, F as FontWeight } from './text-2ea4eb3f.js';
-import { A as ANIMATION_DURATION } from './shared-31187ee3.js';
+import { S as Screens, M as MediaQueries, B as Breakpoints } from './utils-778daa2b.js';
+import { C as CustomStylesType, F as FontWeight } from './text-1962e9fb.js';
+import { A as ANIMATION_DURATION } from './shared-c5d890ab.js';
 
 // Available locale list https://cdn.jsdelivr.net/npm/dayjs@1/locale.json
 const MAPPED_LOCALE = {
@@ -540,17 +540,20 @@ const GlobalHeadingStyle = (version = CustomStylesType.NONE) => {
     };
 };
 
-const GlobalInputStyle = (locale, version) => {
+const GlobalInputStyle = (locale) => {
     var _a;
     return ({
         InputWrapper: {
             styles: {
-                label: Object.assign({ display: 'inline-flex', gap: 4, marginBottom: '0.25rem' }, (version === CustomStylesType.NONE && {
+                label: {
+                    display: 'inline-flex',
+                    gap: 4,
+                    marginBottom: '0.25rem',
                     fontWeight: 600,
                     fontSize: '14px',
                     lineHeight: '22px',
                     color: theme.colors.gray600,
-                })),
+                },
                 description: {
                     fontWeight: 400,
                     fontSize: '12px',
@@ -576,20 +579,26 @@ const GlobalInputStyle = (locale, version) => {
                     ['&:not(.mantine-Textarea-input)']: Object.assign({}, (() => {
                         switch (size) {
                             case 'lg':
-                                return Object.assign({ height: 48, minHeight: 'unset' }, (version === CustomStylesType.NONE && {
+                                return {
+                                    height: 48,
                                     fontSize: 16,
+                                    minHeight: 'unset',
                                     lineHeight: '24px',
-                                }));
+                                };
                             case 'md':
-                                return Object.assign({ height: 40, minHeight: 'unset' }, (version === CustomStylesType.NONE && {
+                                return {
+                                    height: 40,
                                     fontSize: 14,
                                     lineHeight: '22px',
-                                }));
+                                    minHeight: 'unset',
+                                };
                             case 'sm':
-                                return Object.assign({ height: 32, minHeight: 'unset' }, (version === CustomStylesType.NONE && {
+                                return {
+                                    height: 32,
                                     fontSize: 14,
                                     lineHeight: '22px',
-                                }));
+                                    minHeight: 'unset',
+                                };
                         }
                     })()),
                     '&:hover': {
@@ -648,7 +657,7 @@ const getMantineThemeOverride = (locale, template = 'hb', version) => {
             lg: em(Breakpoints.BREAK_POINT_PC),
             xl: em(Breakpoints.BREAK_POINT_LGPC),
         },
-        components: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, GlobalInputStyle(locale, version)), getGlobalRadioStyle), GlobalButtonStyle(version)), GlobalHeadingStyle(version)), GlobalContainerStyle),
+        components: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, GlobalInputStyle(locale)), getGlobalRadioStyle), GlobalButtonStyle(version)), GlobalHeadingStyle(version)), GlobalContainerStyle),
         other: {
             template,
             customStyleType: version,

package/build/esm/{index-63f0d1ac.js → index-5bf11acd.js}

@@ -1,22 +1,22 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-e734ec7d.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-af0ab658.js';
 import * as React from 'react';
 import React__default, { forwardRef, Component, useState, useCallback, useEffect, createContext, useContext, useRef, useMemo, useImperativeHandle } from 'react';
 import { ArrowDown } from '@hhgtech/icons/other';
 import { Autocomplete, Image, ActionIcon, Select as Select$1, createStyles, AspectRatio as AspectRatio$1, useMantineTheme, Box, Breadcrumbs as Breadcrumbs$1, Textarea, Accordion as Accordion$1, Indicator, Avatar as Avatar$1, FileInput as FileInput$1, createEmotionCache, NumberInput as NumberInput$1, PasswordInput as PasswordInput$1, TextInput, Input as Input$1, Checkbox as Checkbox$1, Slider, Radio as Radio$1, Flex, Popover as Popover$1, rem, Chip } from '@mantine/core';
 import { useUncontrolled, useDebouncedValue, useViewportSize, useResizeObserver, useDisclosure, useClickOutside } from '@mantine/hooks';
-import { C as CommonGAssets } from './index-5245162d.js';
-import { u as useScreenSize, I as ImageWrap } from './index-c6ed9aed.js';
+import { C as CommonGAssets } from './index-40f2480d.js';
+import { u as useScreenSize, I as ImageWrap } from './index-6a03cb12.js';
 import styled from '@emotion/styled';
 import { Carousel as Carousel$1 } from '@mantine/carousel';
-import { T as Text } from './index-5670bd57.js';
-import { t as themeColors } from './index-1a39ecf7.js';
+import { T as Text } from './index-23f97b77.js';
+import { t as themeColors } from './index-546c521c.js';
 import { theme } from './miscTheme.js';
-import { C as CustomStylesType } from './text-2ea4eb3f.js';
+import { C as CustomStylesType } from './text-1962e9fb.js';
 import cn from 'classnames';
-import { a as useUniqueId } from './useUniqueId-03e3b97e.js';
+import { a as useUniqueId } from './useUniqueId-d828c537.js';
 import { siteOptions } from './constantsSite.js';
 import { Check, Plus } from '@hhgtech/icons/core';
-import { B as Button } from './index-2de7a9fa.js';
+import { B as Button } from './index-cf685e8f.js';
 
 const Select = forwardRef((_a, ref) => {
     var { keepSearch = false } = _a, props = __rest(_a, ["keepSearch"]);
@@ -1238,7 +1238,7 @@ const PhoneForwardRef = (props, ref) => {
             : '';
         return (React__default.createElement(React__default.Fragment, null,
             React__default.createElement(Flag, Object.assign({ country: country, title: countryName }, restProps)),
-            React__default.createElement(Text, { size: "p2", variant: "primary", className: cn(styles.callingCode, 'PhoneInputCountryIconCallingCode') }, callingCode)));
+            React__default.createElement("span", { className: cn(styles.callingCode, 'PhoneInputCountryIconCallingCode') }, callingCode)));
     }, [flagComponentProps, PhoneInputUtils]);
     const arrowComponent = useCallback(() => {
         if (arrowComponentProps) {

package/build/esm/index-5f40c88a.js

@@ -0,0 +1,262 @@
+import { _ as __rest } from './tslib.es6-af0ab658.js';
+import React__default, { useState } from 'react';
+import styled from '@emotion/styled';
+import { M as MediaQueries } from './utils-778daa2b.js';
+import { theme } from './miscTheme.js';
+import { L as Label, S as StyledDisplayIcon, a as StyledActionIcon, b as StyledErrorLabel } from './index-27f4e35e.js';
+
+const StyledInput = styled.div `
+  position: relative;
+  width: 100%;
+
+  &[data-has-error] {
+    input {
+      border-color: ${theme.colors.red700};
+    }
+  }
+
+  input {
+    width: 100%;
+    padding: 12px 16px;
+    border: solid 1px ${theme.colors.gray200};
+    border-radius: ${theme.borderRadius};
+
+    &:active,
+    &:focus,
+    .focused & {
+      border-color: ${theme.colors.primaryBase};
+      box-shadow: 0px 0px 2px 2px ${theme.colors.primary200};
+    }
+
+    &:disabled {
+      background-color: ${theme.colors.gray100};
+      cursor: not-allowed;
+    }
+  }
+
+  &[data-has-action-icon] {
+    input {
+      padding: 12px 48px 12px 16px;
+    }
+  }
+  &[data-has-display-icon] {
+    input {
+      padding: 12px 16px 12px 48px;
+    }
+  }
+
+  &[data-has-action-icon][data-has-display-icon] {
+    input {
+      padding: 12px 48px;
+    }
+  }
+
+  &[data-size='lg'] {
+    input {
+      font-size: 16px;
+      font-weight: ${theme.sizes.fwRegular};
+      ${MediaQueries.mbDown} {
+        font-size: 22px;
+        line-height: 1.2;
+      }
+
+      ${MediaQueries.mbUp} {
+        font-size: 26px;
+        line-height: 1.2;
+      }
+    }
+  }
+  &[data-size='md'] {
+    input {
+      font-weight: ${theme.sizes.fwRegular};
+      ${MediaQueries.mbDown} {
+        font-size: 14px;
+        line-height: 1.2;
+      }
+
+      ${MediaQueries.mbUp} {
+        font-size: 16px;
+        line-height: 1.2;
+      }
+    }
+  }
+  &[data-size='sm'] {
+    input {
+      font-weight: ${theme.sizes.fwRegular};
+      ${MediaQueries.mbDown} {
+        font-size: 13px;
+        line-height: 1.5;
+      }
+
+      ${MediaQueries.mbUp} {
+        font-size: 13px;
+        line-height: 1.5;
+      }
+    }
+  }
+`;
+
+/**
+ * @deprecated Consider to use at '@hhgtech/hhg-components/mantine'
+ */
+const PureInput = React__default.forwardRef((_a, ref) => {
+    var { name, errorMessage, autoComplete = 'off', defaultValue, actionIcon: ActionIcon, displayIcon: DisplayIcon, isDeleteAction, onActionClick, label, placeholder, className, onChange, onKeyPress, isDisabled, CustomInput, size, style, autoFocus, type = 'text', isNumerousKeyboard = false, onFocus, enterKeyHint, nativeOnChange } = _a, other = __rest(_a, ["name", "errorMessage", "autoComplete", "defaultValue", "actionIcon", "displayIcon", "isDeleteAction", "onActionClick", "label", "placeholder", "className", "onChange", "onKeyPress", "isDisabled", "CustomInput", "size", "style", "autoFocus", "type", "isNumerousKeyboard", "onFocus", "enterKeyHint", "nativeOnChange"]);
+    const [localValue, setLocalValue] = useState(defaultValue);
+    const handleOnChange = (v) => {
+        setLocalValue(v);
+        onChange(v);
+    };
+    const handleOnActionClick = () => {
+        var _a;
+        if (isDeleteAction) {
+            setLocalValue('');
+            (_a = ref.current) === null || _a === void 0 ? void 0 : _a.focus();
+        }
+        onActionClick && onActionClick();
+    };
+    return (React__default.createElement(StyledInput, { "data-size": size, className: className, "data-has-action-icon": !!ActionIcon || undefined, "data-has-display-icon": !!DisplayIcon || undefined, "data-has-error": (errorMessage && errorMessage.length > 0) || undefined, style: style },
+        label && (React__default.createElement(Label, { size: "label2", htmlFor: name, className: "inputLabel" }, label)),
+        React__default.createElement("div", { style: { position: 'relative' } },
+            CustomInput ? (CustomInput) : (React__default.createElement("input", Object.assign({ id: name, name: name, placeholder: placeholder, onChange: nativeOnChange !== null && nativeOnChange !== void 0 ? nativeOnChange : ((e) => handleOnChange(e.target.value)), onKeyPress: onKeyPress, type: type, "aria-label": type, disabled: isDisabled, value: localValue, autoComplete: autoComplete, ref: ref, autoFocus: autoFocus, inputMode: isNumerousKeyboard || type === 'number' ? 'numeric' : type, pattern: isNumerousKeyboard ? '[0-9]*' : '.*', onFocus: onFocus, enterKeyHint: enterKeyHint }, other))),
+            DisplayIcon && (React__default.createElement(StyledDisplayIcon, { className: "displayIcon" }, DisplayIcon)),
+            ActionIcon && (React__default.createElement(StyledActionIcon, { className: "actionIcon", onClick: handleOnActionClick }, ActionIcon))),
+        errorMessage && errorMessage.length > 0 && (React__default.createElement(StyledErrorLabel, { className: "errorLabel" }, errorMessage))));
+});
+PureInput.displayName = 'PureInput';
+
+const StyledCheckbox = styled.div `
+  display: flex;
+  cursor: pointer;
+
+  &[data-theme='marryBaby'] {
+    input {
+      width: 20px;
+      height: 20px;
+      border: 1.3px solid ${theme.mbColors.midGray};
+      border-radius: 9px;
+
+      cursor: inherit;
+      transition: border-color 0.4s, box-shadow 0.4s;
+
+      &:hover,
+      &:active {
+        border-color: ${theme.mbColors.cobalt};
+        box-shadow: 0 0 2px 2px ${theme.mbColors.cobalt};
+      }
+
+      &:focus-visible {
+        border: 2px solid ${theme.mbColors.cobalt};
+      }
+
+      &:checked {
+        border: 0;
+        background: ${theme.mbColors.cobalt}
+          url("data:image/svg+xml,%3Csvg width='9' height='7' viewBox='0 0 9 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 4L3.45455 6L8 1' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
+          no-repeat center center;
+      }
+    }
+
+    label {
+      max-width: 15rem;
+      margin-left: 8px;
+      width: calc(100% - 24px);
+      cursor: inherit;
+      font-weight: 600;
+      font-size: 12px;
+      line-height: 20px;
+      letter-spacing: -0.2px;
+      color: ${theme.mbColors.gray};
+    }
+  }
+  input {
+    width: 20px;
+    height: 20px;
+    border: solid 1px ${theme.colors.gray500};
+    border-radius: 2px;
+
+    cursor: inherit;
+    transition: border-color 0.4s, box-shadow 0.4s;
+
+    &:hover,
+    &:active {
+      border-color: ${theme.colors.primaryBase};
+      box-shadow: 0 0 2px 2px ${theme.colors.primary200};
+    }
+
+    &:focus-visible {
+      border: 2px solid ${theme.colors.primaryActive};
+    }
+
+    &:checked {
+      border: 0;
+      background: ${theme.colors.primaryBase}
+        url("data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 1L4.125 8L1 4.81819' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
+        no-repeat center center;
+    }
+  }
+
+  label {
+    max-width: 15rem;
+    margin-left: 8px;
+    font-weight: ${theme.sizes.fwRegular};
+    width: calc(100% - 24px);
+    cursor: inherit;
+
+    ${MediaQueries.mbDown} {
+      font-size: 14px;
+      line-height: 24px;
+    }
+
+    ${MediaQueries.mbUp} {
+      font-size: 16px;
+      line-height: 22px;
+    }
+  }
+
+  &[data-is-rectangle] > input {
+    position: relative;
+    width: unset;
+    height: unset;
+    padding: 5px 12px;
+    border: 1px solid ${theme.colors.neutral100};
+    border-radius: 32px;
+
+    &::after {
+      color: ${theme.colors.gray800};
+      content: attr(data-label-text);
+      font-size: 13px;
+    }
+    &:checked {
+      border-color: ${theme.colors.primary50};
+      &::after {
+        color: ${theme.colors.primaryBase};
+      }
+    }
+    &:checked {
+      background: ${theme.colors.primary50};
+    }
+  }
+
+  &[data-disabled] {
+    color: ${theme.colors.gray300};
+    cursor: not-allowed;
+    input {
+      border-color: ${theme.colors.gray300};
+      &:hover {
+        border-color: ${theme.colors.gray300};
+        box-shadow: none;
+      }
+    }
+  }
+`;
+
+/**
+ * @deprecated Consider to use at '@hhgtech/hhg-components/mantine'
+ */
+const Checkbox = ({ label, name, checked, className, isDisabled, onChange, value, isRectangle, inputDataTestId, siteType, }) => {
+    return (React__default.createElement(StyledCheckbox, { className: className, "data-disabled": isDisabled || undefined, "data-is-rectangle": isRectangle || undefined, "data-label-text": label, "data-theme": siteType },
+        React__default.createElement("input", { type: "checkbox", checked: checked, name: name, onChange: () => onChange(value, !checked), disabled: isDisabled, value: value, id: `${name}-${value}`, "data-label-text": label, "data-testid": inputDataTestId }),
+        !isRectangle && React__default.createElement("label", { htmlFor: `${name}-${value}` }, label)));
+};
+
+export { Checkbox as C, PureInput as P };

package/build/esm/{index-32c19ece.js → index-5f7213b5.js}

@@ -1,12 +1,12 @@
-import { _ as __rest } from './tslib.es6-e734ec7d.js';
+import { _ as __rest } from './tslib.es6-af0ab658.js';
 import React__default from 'react';
 import { useMantineTheme, Image } from '@mantine/core';
 import { DatePickerInput } from '@mantine/dates';
-import { I as ISO_FORMAT } from './index-569c4123.js';
-import './index-634dc9bc.js';
-import { C as CommonGAssets } from './index-5245162d.js';
-import { M as MAPPED_LOCALE } from './index-1a39ecf7.js';
-import { L as LOCALE } from './Locale-60af27e6.js';
+import { I as ISO_FORMAT } from './index-eebfb54e.js';
+import './index-0c0ac05f.js';
+import { C as CommonGAssets } from './index-40f2480d.js';
+import { M as MAPPED_LOCALE } from './index-546c521c.js';
+import { L as LOCALE } from './Locale-965fa186.js';
 
 // Omit<MantineDatePickerInputProps, 'value'>
 const DatePicker = (_a) => {

package/build/esm/{index-dbb7ed2f.js → index-6058338e.js}

@@ -1,34 +1,34 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-e734ec7d.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-af0ab658.js';
 import React__default, { useContext, useState, useEffect, useMemo } from 'react';
-import { B as Button } from './index-58ffcd1e.js';
-import { H as Heading } from './index-ed59bf6e.js';
-import { u as useTranslations } from './index-6a5b315d.js';
+import { B as Button } from './index-de491ad4.js';
+import { H as Heading } from './index-8c902e04.js';
+import { u as useTranslations } from './index-da9b3560.js';
 import innertext from 'innertext';
-import { S as SharePopup, P as PopupDanger, h as deletePost, i as IconAlertCircle, b as SubmitReportForm, j as deleteComment, k as decodeCommentBody, l as likeUnlikeComment, I as InputCommentBar, m as likeUnlikePost, g as getDefaultFailNoti } from './index-9ebfc73d.js';
-import { C as CommonGAssets } from './index-5245162d.js';
-import { R as REPORT_REASON_MAP, D as DEFAULT_IMG } from './constants-3f029323.js';
+import { S as SharePopup, P as PopupDanger, h as deletePost, i as IconAlertCircle, b as SubmitReportForm, j as deleteComment, k as decodeCommentBody, l as likeUnlikeComment, I as InputCommentBar, m as likeUnlikePost, g as getDefaultFailNoti } from './index-20e98e68.js';
+import { C as CommonGAssets } from './index-40f2480d.js';
+import { R as REPORT_REASON_MAP, D as DEFAULT_IMG } from './constants-cb2bfb9f.js';
 import { useTogetherAuthRequiredAction, TogetherAuthConfigContextProvider } from './useTogetherAuthRequiredAction.js';
-import { T as TogetherComponentGlobalContext, c as callApi, s as getMarryBabyApiPath, o as getDiscoverApiPath, g as getCarePath, k as getCurrentBaseUrl$1, b as callApiWithAuth, d as getApiPath, t as callApiWithOptionalAuth, l as domainLocales$1 } from './utils-cec028dd.js';
-import { b as TreePopoverMenu, C as CardReactions, c as CardReactionType, a as LabelPin, T as TagTopic } from './treePopoverMenu-63f18386.js';
+import { T as TogetherComponentGlobalContext, c as callApi, s as getMarryBabyApiPath, o as getDiscoverApiPath, g as getCarePath, k as getCurrentBaseUrl$1, b as callApiWithAuth, d as getApiPath, t as callApiWithOptionalAuth, l as domainLocales$1 } from './utils-fb03ac58.js';
+import { b as TreePopoverMenu, C as CardReactions, c as CardReactionType, a as LabelPin, T as TagTopic } from './treePopoverMenu-0bc9b572.js';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-defcbd04.js';
+import { M as MediaQueries } from './utils-778daa2b.js';
 import { theme } from './miscTheme.js';
-import { g as formatArticle, h as formatCategory, e as formatComment } from './dataTransform-f4a98f88.js';
+import { g as formatArticle, h as formatCategory, e as formatComment } from './dataTransform-bcdc73f7.js';
 import { DISCOVER_PATHS, CARE_PATHS, PATHS } from './togetherApiPaths.js';
-import { C as CardLink } from './index-7b4e2ea5.js';
-import { C as CardAuthor, c as ProfileDetailModal } from './index-3711dfc0.js';
-import { a as ProfileDetail, P as PostContent } from './index-e93ad4ec.js';
-import { a as PostImagePreview } from './index-d7c2c6fe.js';
-import { S as SocialLinkPreview } from './index-6cb3e02c.js';
-import { D as Divider } from './index-48f48ed7.js';
-import './index-569c4123.js';
+import { C as CardLink } from './index-26ec0ccc.js';
+import { C as CardAuthor, c as ProfileDetailModal } from './index-52a25f04.js';
+import { a as ProfileDetail, P as PostContent } from './index-788c119c.js';
+import { a as PostImagePreview } from './index-8e615057.js';
+import { S as SocialLinkPreview } from './index-21e97511.js';
+import { D as Divider } from './index-443ad3d2.js';
+import './index-eebfb54e.js';
 import { Plus } from '@hhgtech/icons/core';
 import { ArrowRight, ArrowDown, Trash, Endorse } from '@hhgtech/icons/other';
 import { Accordion } from '@mantine/core';
-import { I as Input } from './index-533da7f5.js';
-import { T as Text } from './index-5670bd57.js';
-import { L as Loading } from './index-1caa18af.js';
-import { g as getCurrentBaseUrl } from './normalizeLink-1c8cc248.js';
+import { I as Input } from './index-27f4e35e.js';
+import { T as Text } from './index-23f97b77.js';
+import { L as Loading } from './index-e25a50a7.js';
+import { g as getCurrentBaseUrl } from './normalizeLink-ab71a2fd.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
 var img$7 = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3e%3cpath fill='%233E3F58' d='M5 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2M19 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2M12 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2'/%3e%3c/svg%3e";

package/build/esm/{index-7a3d644f.js → index-613e2960.js}

@@ -1,9 +1,9 @@
-import { a as __awaiter } from './tslib.es6-e734ec7d.js';
+import { a as __awaiter } from './tslib.es6-af0ab658.js';
 import { isProduction } from './constantsIsProduction.js';
-import { e as normalizeLinkSlash, a as getCurrentSsoUrl } from './normalizeLink-1c8cc248.js';
-import { L as LOCALE_SPECS, e as BEARER_REFRESH_TOKEN_COOKIE } from './index-569c4123.js';
+import { e as normalizeLinkSlash, a as getCurrentSsoUrl } from './normalizeLink-ab71a2fd.js';
+import { L as LOCALE_SPECS, e as BEARER_REFRESH_TOKEN_COOKIE } from './index-eebfb54e.js';
 import { getCookie, setCookie } from './miscCookieHelper.js';
-import { L as LOCALE } from './Locale-60af27e6.js';
+import { L as LOCALE } from './Locale-965fa186.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
 const SSO_V2_PATHS = {

package/build/esm/{index-a33fdf26.js → index-65057179.js}

@@ -1,48 +1,48 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-e734ec7d.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-af0ab658.js';
 import React__default, { useContext, useState, useCallback, useEffect, useMemo, useRef } from 'react';
-import { V as VideoType } from './index-634dc9bc.js';
-import { i as isInternalLink, V as VideoItem, L as LanguageSwitcher } from './index-87519b33.js';
-import { L as LOCALE_SPECS, S as STATIC_PAGES, T as TOGETHER_LOCALES, a as CARE_LOCALES } from './index-569c4123.js';
-import { n as normalizeLink, e as normalizeLinkSlash, g as getCurrentBaseUrl, c as getDiscoverApiDomain, b as getTogetherApiDomain, d as getCareApiDomain } from './normalizeLink-1c8cc248.js';
-import { a as formatCommunity, b as formatPost } from './dataTransform-f4a98f88.js';
+import { V as VideoType } from './index-0c0ac05f.js';
+import { i as isInternalLink, V as VideoItem, L as LanguageSwitcher } from './index-c314e49c.js';
+import { L as LOCALE_SPECS, S as STATIC_PAGES, T as TOGETHER_LOCALES, a as CARE_LOCALES } from './index-eebfb54e.js';
+import { n as normalizeLink, e as normalizeLinkSlash, g as getCurrentBaseUrl, c as getDiscoverApiDomain, b as getTogetherApiDomain, d as getCareApiDomain } from './normalizeLink-ab71a2fd.js';
+import { a as formatCommunity, b as formatPost } from './dataTransform-bcdc73f7.js';
 import { Close, Logo } from '@hhgtech/icons/core';
-import './translationsContext-f2ecde8d.js';
+import './translationsContext-cca25e5e.js';
 import styled from '@emotion/styled';
-import { I as Input } from './index-63f0d1ac.js';
+import { I as Input } from './index-5bf11acd.js';
 import { theme } from './miscTheme.js';
-import { a as NavigationContext, u as useCSSFocusPopupHelper, N as NavigationProfileButton, b as NavigationProvider } from './index-b24f8818.js';
+import { a as NavigationContext, u as useCSSFocusPopupHelper, N as NavigationProfileButton, b as NavigationProvider } from './index-0ebe57cc.js';
 import { ArrowRight, ChatAi } from '@hhgtech/icons/other';
 import { createStyles, Box, Indicator, useMantineTheme } from '@mantine/core';
-import { L as Logo$1 } from './index-f9eb80af.js';
+import { L as Logo$1 } from './index-46c913ce.js';
 import throttle from 'lodash/throttle';
 import '@mantine/dates';
-import { C as CommonGAssets } from './index-5245162d.js';
-import './index-1a39ecf7.js';
-import { T as Text } from './index-5670bd57.js';
-import { B as Button } from './index-2de7a9fa.js';
-import './index.styles-c68f6fad.js';
+import { C as CommonGAssets } from './index-40f2480d.js';
+import './index-546c521c.js';
+import { T as Text } from './index-23f97b77.js';
+import { B as Button } from './index-cf685e8f.js';
+import './index.styles-1b4356be.js';
 import '@mantine/hooks';
-import './text-2ea4eb3f.js';
-import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-defcbd04.js';
-import './index-17c0246b.js';
-import { L as LOCALISED_SLUGS } from './constants-19e19efe.js';
-import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-ea4523eb.js';
-import { L as LOCALIZED_SLUGS } from './constants-a608e53a.js';
-import { u as useTranslations } from './index-6a5b315d.js';
-import { H as Heading } from './index-ed59bf6e.js';
-import { I as Indicator$1 } from './index-57a9a6c6.js';
-import { u as useIsInit } from './useIsInit-e8d4d54e.js';
+import './text-1962e9fb.js';
+import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-778daa2b.js';
+import './index-9cdad777.js';
+import { L as LOCALISED_SLUGS } from './constants-78b10870.js';
+import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-53b561bd.js';
+import { L as LOCALIZED_SLUGS } from './constants-28468b7b.js';
+import { u as useTranslations } from './index-da9b3560.js';
+import { H as Heading } from './index-8c902e04.js';
+import { I as Indicator$1 } from './index-a318f8d8.js';
+import { u as useIsInit } from './useIsInit-917a0ee5.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
-import { B as Button$1 } from './index-58ffcd1e.js';
+import { B as Button$1 } from './index-de491ad4.js';
 import dayjs from 'dayjs';
 import relativeTime from 'dayjs/plugin/relativeTime';
-import { U as UserAvatar } from './index-235a1335.js';
+import { U as UserAvatar } from './index-1dfa8721.js';
 import formatString from 'string-format';
 import { domainLocales } from './constantsDomainLocales.js';
-import { C as Container } from './index-43a044f0.js';
+import { C as Container } from './index-e391a240.js';
 import debounce from 'lodash/debounce';
-import { L as LOCALE } from './Locale-60af27e6.js';
-import { g as getDataWithCache } from './core-f00d7d44.js';
+import { L as LOCALE } from './Locale-965fa186.js';
+import { g as getDataWithCache } from './core-bfed8857.js';
 
 const StyleInput = styled(Input) `
   .mantine-Input-input {