@hhgtech/hhg-components 1.29.255 → 1.29.257

package/build/esm/{index-f2b11138.js → index-92ac8a44.js}

@@ -1,29 +1,75 @@
 import React__default, { useState, useMemo, useContext, useEffect, createContext, useRef } from 'react';
-import { B as Button } from './index-1d8c2957.js';
-import { H as Heading } from './index-65da8c34.js';
-import { T as Text } from './index-e014aa13.js';
-import { c as safeEncodeURI, M as MediaQueries, t as toggleNoScroll, a as getPopupWrapperDom } from './utils-da43426c.js';
+import { B as Button } from './index-4f4c1ea9.js';
+import { H as Heading } from './index-e0165d07.js';
+import { T as Text } from './index-0b9e0529.js';
+import { c as safeEncodeURI, M as MediaQueries, t as toggleNoScroll, a as getPopupWrapperDom } from './utils-cbd22536.js';
 import * as ReactDOM from 'react-dom';
-import { b as callApiWithAuth, d as getApiPath, T as TogetherComponentGlobalContext, c as callApi } from './utils-5a12e69e.js';
+import { b as callApiWithAuth, d as getApiPath, T as TogetherComponentGlobalContext, c as callApi } from './utils-01c2ac83.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { a as __awaiter } from './tslib.es6-52958ee8.js';
-import { I as Input } from './index-1880f8a3.js';
-import { u as useTranslations } from './index-a064b97a.js';
-import { e as formatComment } from './dataTransform-a19ddc8d.js';
-import { M as MAX_IMAGE_UPLOADS, a as DEFAULT_AVATAR_IMG, D as DEFAULT_IMG } from './constants-abbe915a.js';
+import { a as __awaiter } from './tslib.es6-2e543b13.js';
+import { I as Input } from './index-c7bd804f.js';
+import { u as useTranslations } from './index-d63df1ed.js';
+import { e as formatComment } from './dataTransform-f63769fa.js';
+import { M as MAX_IMAGE_UPLOADS, a as DEFAULT_AVATAR_IMG, D as DEFAULT_IMG } from './constants-db3306e9.js';
 import { PATHS } from './togetherApiPaths.js';
-import { r as removeBannedWordWrapper, g as getMentionIdsFromString, e as encodePostContent, u as uploadAndGetSrc, y as youtubeVidIdGetter } from './post-5d0b96db.js';
-import { C as CardLink } from './index-f0bf0eed.js';
-import { L as Loading } from './index-4eb0527a.js';
-import { U as UserAvatar } from './index-434e586a.js';
-import { R as RichTextEditor } from './editor-d7addd70.js';
+import { c as removeBannedWordWrapper, i as getMentionIdsFromString, j as encodePostContent, u as uploadAndGetSrc, y as youtubeVidIdGetter } from './post-4bdeecde.js';
+import { C as CardLink } from './index-9edfd1f5.js';
+import { L as Loading } from './index-84286d9e.js';
+import { U as UserAvatar } from './index-1b2aa557.js';
+import { R as RichTextEditor } from './editor-01735174.js';
 import { Portal, useMantineTheme } from '@mantine/core';
 import { FullScreen } from '@hhgtech/icons/other';
-import { P as Popup } from './index-2e565b13.js';
-import { C as CloseIcon } from './index-4132d697.js';
+import { P as Popup } from './index-7430706d.js';
+import { C as CloseIcon } from './index-d5721dcb.js';
 import { ShareBox } from './togetherShareBox.js';
-import { I as ImageWrap } from './index-ea3c14eb.js';
+import { I as ImageWrap } from './index-7535033c.js';
+
+const useImagePicker = (imageFilesProp, onImageFilesChange) => {
+    const [imageFiles, setImageFiles] = useState(imageFilesProp || []);
+    const imageSrcs = useMemo(() => (imageFilesProp || imageFiles).map((file) => typeof file === 'string' ? file : URL.createObjectURL(file)), [imageFilesProp, imageFiles]);
+    const onSelectImages = (e) => {
+        const files = e.target.files;
+        if (files) {
+            if (onImageFilesChange && imageFilesProp) {
+                const _files = imageFilesProp || imageFiles;
+                onImageFilesChange(_files.concat(Array.from(files)));
+            }
+            else
+                setImageFiles((imgs) => {
+                    const _imgs = imageFilesProp || imgs;
+                    onImageFilesChange &&
+                        onImageFilesChange(_imgs.concat(Array.from(files)));
+                    return _imgs.concat(Array.from(files));
+                });
+        }
+    };
+    const onRemoveImage = (index) => {
+        if (onImageFilesChange && imageFilesProp) {
+            const _files = imageFilesProp;
+            _files.splice(index, 1);
+            onImageFilesChange(_files.slice());
+        }
+        else {
+            setImageFiles((imgs) => {
+                const _imgs = imageFilesProp || imgs;
+                _imgs.splice(index, 1);
+                onImageFilesChange && onImageFilesChange(_imgs.slice());
+                return _imgs.slice();
+            });
+        }
+    };
+    const onRemoveAllImages = () => {
+        onImageFilesChange ? onImageFilesChange([]) : setImageFiles([]);
+    };
+    return {
+        onSelectImages,
+        onRemoveImage,
+        onRemoveAllImages,
+        imageSrcs,
+        imageFiles: imageFilesProp || imageFiles,
+    };
+};
 
 const getDefaultFailNoti = (t) => ({
     message: t('notification.failure'),
@@ -131,50 +177,88 @@ const reportPost = ({ id, reason, locale, }) => {
     });
 };
 
-const useImagePicker = (imageFilesProp, onImageFilesChange) => {
-    const [imageFiles, setImageFiles] = useState(imageFilesProp || []);
-    const imageSrcs = useMemo(() => (imageFilesProp || imageFiles).map((file) => typeof file === 'string' ? file : URL.createObjectURL(file)), [imageFilesProp, imageFiles]);
-    const onSelectImages = (e) => {
-        const files = e.target.files;
-        if (files) {
-            if (onImageFilesChange && imageFilesProp) {
-                const _files = imageFilesProp || imageFiles;
-                onImageFilesChange(_files.concat(Array.from(files)));
-            }
-            else
-                setImageFiles((imgs) => {
-                    const _imgs = imageFilesProp || imgs;
-                    onImageFilesChange &&
-                        onImageFilesChange(_imgs.concat(Array.from(files)));
-                    return _imgs.concat(Array.from(files));
-                });
-        }
-    };
-    const onRemoveImage = (index) => {
-        if (onImageFilesChange && imageFilesProp) {
-            const _files = imageFilesProp;
-            _files.splice(index, 1);
-            onImageFilesChange(_files.slice());
-        }
-        else {
-            setImageFiles((imgs) => {
-                const _imgs = imageFilesProp || imgs;
-                _imgs.splice(index, 1);
-                onImageFilesChange && onImageFilesChange(_imgs.slice());
-                return _imgs.slice();
-            });
-        }
-    };
-    const onRemoveAllImages = () => {
-        onImageFilesChange ? onImageFilesChange([]) : setImageFiles([]);
-    };
-    return {
-        onSelectImages,
-        onRemoveImage,
-        onRemoveAllImages,
-        imageSrcs,
-        imageFiles: imageFilesProp || imageFiles,
-    };
+const StyledPopupFrame = styled.div `
+  [data-type='confirm'] {
+    max-width: 468px;
+    /* height: 486px; */
+    padding: 0;
+
+    .popup-content {
+      display: flex;
+      flex-direction: column;
+      padding: 0;
+
+      .close-button {
+        top: 16px;
+        right: 16px;
+        width: 24px;
+        height: 24px;
+        z-index: 5;
+      }
+
+      .header {
+        display: flex;
+        height: 56px;
+        align-items: center;
+        padding: 16px 56px 16px 32px;
+        border-bottom: 1px solid ${theme.colors.neutral100};
+        font-weight: 900;
+        width: 100%;
+        justify-content: space-between;
+      }
+
+      .content {
+        overflow: auto;
+        flex: 1;
+        .topic-list-wrapper {
+          padding: 1rem;
+        }
+      }
+    }
+  }
+
+  > div&[data-open='true'] {
+    z-index: 250;
+    &:last-child {
+      z-index: 200;
+    }
+  }
+
+  ${(props) => props.isExpand &&
+    `
+      & > div[data-open] {
+        width: 100%;
+        height: 100%;
+        max-width: none;
+        max-height: none;
+      }
+    `}
+
+  ${(props) => props.hasFullscreen &&
+    `
+      & > div[data-open] {
+        transition: all 0.5s ease-in-out, width 0s, height 0s;
+      }
+    `}
+`;
+const StyledFSBtn = styled.div `
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+`;
+
+const PopupFrame = ({ className, style, closeIcon, heading = '', children, isOpen = false, hasFullscreen = false, disableClickOutside = false, initExpand = false, onExpandChange, onClose = () => null, }) => {
+    const [expand, setExpand] = useState(initExpand);
+    return (React__default.createElement(StyledPopupFrame, { className: className, style: style, isExpand: expand, hasFullscreen: hasFullscreen },
+        React__default.createElement(Popup, { type: "confirm", onClose: onClose, isOpen: isOpen, closeIcon: closeIcon || React__default.createElement("img", { src: CloseIcon, loading: "lazy" }), enableAnimation: !hasFullscreen, disableClickOutside: disableClickOutside },
+            React__default.createElement("div", { className: "header" },
+                React__default.createElement(Heading, { tag: "h5" }, heading),
+                hasFullscreen && (React__default.createElement(StyledFSBtn, { onClick: () => {
+                        onExpandChange === null || onExpandChange === void 0 ? void 0 : onExpandChange();
+                        setExpand(!expand);
+                    } },
+                    React__default.createElement(FullScreen, { size: 14, isExpand: expand })))),
+            React__default.createElement("div", { className: "content" }, typeof children === 'function' ? children(expand) : children))));
 };
 
 var img$4 = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' fill='none'%3e%3cpath fill='%23262626' d='M12 22.984c5.523 0 10-4.477 10-10s-4.477-10-10-10-10 4.478-10 10 4.477 10 10 10'/%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14.828 10.156-5.657 5.657M9.172 10.156l5.657 5.657'/%3e%3c/svg%3e";
@@ -352,90 +436,6 @@ const StyledPopupDanger = styled.div `
   }
 `;
 
-const StyledPopupFrame = styled.div `
-  [data-type='confirm'] {
-    max-width: 468px;
-    /* height: 486px; */
-    padding: 0;
-
-    .popup-content {
-      display: flex;
-      flex-direction: column;
-      padding: 0;
-
-      .close-button {
-        top: 16px;
-        right: 16px;
-        width: 24px;
-        height: 24px;
-        z-index: 5;
-      }
-
-      .header {
-        display: flex;
-        height: 56px;
-        align-items: center;
-        padding: 16px 56px 16px 32px;
-        border-bottom: 1px solid ${theme.colors.neutral100};
-        font-weight: 900;
-        width: 100%;
-        justify-content: space-between;
-      }
-
-      .content {
-        overflow: auto;
-        flex: 1;
-        .topic-list-wrapper {
-          padding: 1rem;
-        }
-      }
-    }
-  }
-
-  > div&[data-open='true'] {
-    z-index: 250;
-    &:last-child {
-      z-index: 200;
-    }
-  }
-
-  ${(props) => props.isExpand &&
-    `
-      & > div[data-open] {
-        width: 100%;
-        height: 100%;
-        max-width: none;
-        max-height: none;
-      }
-    `}
-
-  ${(props) => props.hasFullscreen &&
-    `
-      & > div[data-open] {
-        transition: all 0.5s ease-in-out, width 0s, height 0s;
-      }
-    `}
-`;
-const StyledFSBtn = styled.div `
-  cursor: pointer;
-  display: flex;
-  align-items: center;
-`;
-
-const PopupFrame = ({ className, style, closeIcon, heading = '', children, isOpen = false, hasFullscreen = false, disableClickOutside = false, initExpand = false, onExpandChange, onClose = () => null, }) => {
-    const [expand, setExpand] = useState(initExpand);
-    return (React__default.createElement(StyledPopupFrame, { className: className, style: style, isExpand: expand, hasFullscreen: hasFullscreen },
-        React__default.createElement(Popup, { type: "confirm", onClose: onClose, isOpen: isOpen, closeIcon: closeIcon || React__default.createElement("img", { src: CloseIcon, loading: "lazy" }), enableAnimation: !hasFullscreen, disableClickOutside: disableClickOutside },
-            React__default.createElement("div", { className: "header" },
-                React__default.createElement(Heading, { tag: "h5" }, heading),
-                hasFullscreen && (React__default.createElement(StyledFSBtn, { onClick: () => {
-                        onExpandChange === null || onExpandChange === void 0 ? void 0 : onExpandChange();
-                        setExpand(!expand);
-                    } },
-                    React__default.createElement(FullScreen, { size: 14, isExpand: expand })))),
-            React__default.createElement("div", { className: "content" }, typeof children === 'function' ? children(expand) : children))));
-};
-
 const PopupDanger = ({ className, isMarryBaby: isMarryBabyProp, style, title, description, acceptText, cancelText, onAccept, onCancel, thumbnail, isThumbnailIcon, onClose, acceptBtnTracking, acceptBtnProps, cancelBtnProps, }) => {
     const { data: { env: { isMarryBaby: isMarryBabyContext }, }, } = useContext(TogetherComponentGlobalContext);
     const isMarryBaby = typeof isMarryBabyProp === 'boolean' ? isMarryBabyProp : isMarryBabyContext;

package/build/esm/{index-f6ef9854.js → index-9c698b33.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-52958ee8.js';
+import { _ as __rest } from './tslib.es6-2e543b13.js';
 import React__default, { useRef, useState, useEffect } from 'react';
 import { ArrowLeft, ArrowRight } from '@hhgtech/icons/other';
 import { createStyles, rem, Tabs as Tabs$1, ScrollArea } from '@mantine/core';
-import { B as Button } from './index-76ce4ed7.js';
-import { T as Text } from './index-e014aa13.js';
+import { B as Button } from './index-c2af6ffc.js';
+import { T as Text } from './index-0b9e0529.js';
 
 var useStyles = createStyles((theme, params) => {
     const { variant } = params;

package/build/esm/{index-f0bf0eed.js → index-9edfd1f5.js}

@@ -1,12 +1,12 @@
-import { a as __awaiter } from './tslib.es6-52958ee8.js';
+import { a as __awaiter } from './tslib.es6-2e543b13.js';
 import React__default, { useContext, useState, useRef, useEffect } from 'react';
 import { useMantineTheme } from '@mantine/core';
-import { H as Heading } from './index-65da8c34.js';
-import { T as Text } from './index-e014aa13.js';
-import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-5a12e69e.js';
+import { H as Heading } from './index-e0165d07.js';
+import { T as Text } from './index-0b9e0529.js';
+import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-01c2ac83.js';
 import styled from '@emotion/styled';
 import { PATHS } from './togetherApiPaths.js';
-import { D as DEFAULT_IMG } from './constants-abbe915a.js';
+import { D as DEFAULT_IMG } from './constants-db3306e9.js';
 
 const StyledCardLink = styled.div `
   .link-info-container {

package/build/esm/{index-3fddc4d8.js → index-ac1e8d5b.js}

@@ -1,4 +1,4 @@
-import { L as LOCALE } from './Locale-bb619c10.js';
+import { L as LOCALE } from './Locale-5495def8.js';
 
 var Gender;
 (function (Gender) {

package/build/esm/{index-aef27e71.js → index-adbd5a1a.js}

@@ -1,49 +1,49 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-52958ee8.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-2e543b13.js';
 import React__default, { useMemo, useEffect, useContext, useState, useRef, useCallback } from 'react';
-import { i as isInternalLink, L as LanguageSwitcher } from './index-47452bf8.js';
-import { a as CARE_LOCALES, b as CARE_BOOKING_LOCALES, T as TOGETHER_LOCALES, E as ECOM_LOCALES, S as STATIC_PAGES, L as LOCALE_SPECS } from './index-79b55d37.js';
-import { g as getCurrentBaseUrl, a as getCurrentSsoUrl, b as getTogetherApiDomain, c as getDiscoverApiDomain, n as normalizeLink, e as normalizeLinkSlash, d as getCareApiDomain } from './normalizeLink-30ad82cf.js';
-import { a as formatCommunity, b as formatPost } from './dataTransform-a19ddc8d.js';
+import { i as isInternalLink, L as LanguageSwitcher } from './index-bf220293.js';
+import { a as CARE_LOCALES, b as CARE_BOOKING_LOCALES, T as TOGETHER_LOCALES, E as ECOM_LOCALES, S as STATIC_PAGES, L as LOCALE_SPECS } from './index-e05cce33.js';
+import { g as getCurrentBaseUrl, a as getCurrentSsoUrl, b as getTogetherApiDomain, c as getDiscoverApiDomain, n as normalizeLink, e as normalizeLinkSlash, d as getCareApiDomain } from './normalizeLink-511be84c.js';
+import { a as formatCommunity, b as formatPost } from './dataTransform-f63769fa.js';
 import { Download } from '@hhgtech/icons/core';
 import { createStyles, Box, Indicator, useMantineTheme } from '@mantine/core';
-import { L as Logo } from './index-131e2b6b.js';
-import { u as useTranslations } from './index-a064b97a.js';
+import { L as Logo } from './index-e45acd0c.js';
+import { u as useTranslations } from './index-d63df1ed.js';
 import throttle from 'lodash/throttle';
-import { I as Input } from './index-ae0c384e.js';
+import { I as Input } from './index-89f861b2.js';
 import '@mantine/dates';
-import './index-3fddc4d8.js';
-import { C as CommonGAssets } from './index-988d51c5.js';
-import './useMantineLocale-6d8b743c.js';
-import { T as Text } from './index-e014aa13.js';
-import { B as Button$1 } from './index-76ce4ed7.js';
-import './index.styles-08e39b53.js';
-import './translationsContext-1cd2e30a.js';
+import './index-ac1e8d5b.js';
+import { C as CommonGAssets } from './index-01cdc8aa.js';
+import './useMantineLocale-96512e71.js';
+import { T as Text } from './index-0b9e0529.js';
+import { B as Button$1 } from './index-c2af6ffc.js';
+import './index.styles-15ce859c.js';
+import './translationsContext-91a20f7f.js';
 import '@mantine/hooks';
-import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-da43426c.js';
-import './other-3575130c.js';
-import './index-f6ef9854.js';
-import { L as LOCALISED_SLUGS } from './constants-e9677ee3.js';
+import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-cbd22536.js';
+import './other-b2d18cf9.js';
+import './index-9c698b33.js';
+import { L as LOCALISED_SLUGS } from './constants-80e52705.js';
 import styled from '@emotion/styled';
-import { u as useCSSFocusPopupHelper, N as NavigationProfileButton } from './index-47b7b478.js';
-import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-2c4a73fd.js';
-import { B as Button } from './index-1d8c2957.js';
-import { i as domainLocalesMarryBaby } from './utils-5a12e69e.js';
+import { u as useCSSFocusPopupHelper, N as NavigationProfileButton } from './index-176b1755.js';
+import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-b478aeb2.js';
+import { B as Button } from './index-4f4c1ea9.js';
+import { i as domainLocalesMarryBaby } from './utils-01c2ac83.js';
 import { domainLocales } from './constantsDomainLocales.js';
-import { L as LOCALIZED_SLUGS } from './constants-cb5a7fd0.js';
+import { L as LOCALIZED_SLUGS } from './constants-fa4bebfd.js';
 import { theme } from './miscTheme.js';
-import { H as Heading } from './index-65da8c34.js';
-import { I as Indicator$1 } from './index-09649328.js';
-import { u as useIsInit } from './useIsInit-ab5fe172.js';
+import { H as Heading } from './index-e0165d07.js';
+import { I as Indicator$1 } from './index-bbcecb07.js';
+import { u as useIsInit } from './useIsInit-768209be.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 import dayjs from 'dayjs';
 import relativeTime from 'dayjs/plugin/relativeTime';
-import { U as UserAvatar } from './index-434e586a.js';
+import { U as UserAvatar } from './index-1b2aa557.js';
 import { ArrowRight } from '@hhgtech/icons/other';
 import formatString from 'string-format';
-import { C as Container } from './index-b617f14d.js';
-import { L as LOCALE } from './Locale-bb619c10.js';
+import { C as Container } from './index-5fa98fe4.js';
+import { L as LOCALE } from './Locale-5495def8.js';
 import debounce from 'lodash/debounce';
-import { g as getDataWithCache } from './core-27cd7727.js';
+import { g as getDataWithCache } from './core-e2994679.js';
 
 const getEcomUrl = ({ path, locale, }) => {
     var _a;
@@ -2061,7 +2061,7 @@ const ItemNavButton = ({ item, color = 'blue' }) => {
                 });
             }
             if (item.id === 'care') {
-                import('./doctor-c6cb7f68.js').then((data) => {
+                import('./doctor-0f4475ed.js').then((data) => {
                     if (data === null || data === void 0 ? void 0 : data.default)
                         setIconJson(() => data.default);
                 });

package/build/esm/{index-c96910dd.js → index-ae457f71.js}

@@ -1,26 +1,26 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-52958ee8.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-2e543b13.js';
 import React__default, { createContext, useContext, useState, useMemo, useEffect } from 'react';
 import { Controller, useForm } from 'react-hook-form';
-import { u as useHealthToolsCache } from './useHealthToolCache-2ec381e3.js';
-import { H as HEALTH_TOOL_TYPE } from './constants-abbe915a.js';
-import { G as GenderOptionControl } from './index-9c1e9fee.js';
-import { I as Input } from './index-ae0c384e.js';
+import { u as useHealthToolsCache } from './useHealthToolCache-b288c86a.js';
+import { H as HEALTH_TOOL_TYPE } from './constants-db3306e9.js';
+import { G as GenderOptionControl } from './index-68bc9cb8.js';
+import { I as Input } from './index-89f861b2.js';
 import '@mantine/core';
 import '@mantine/dates';
-import './index-79b55d37.js';
-import './index-3fddc4d8.js';
-import './index-988d51c5.js';
-import './useMantineLocale-6d8b743c.js';
-import { T as Text } from './index-e014aa13.js';
-import './index-76ce4ed7.js';
+import './index-e05cce33.js';
+import './index-ac1e8d5b.js';
+import './index-01cdc8aa.js';
+import './useMantineLocale-96512e71.js';
+import { T as Text } from './index-0b9e0529.js';
+import './index-c2af6ffc.js';
 import { theme } from './miscTheme.js';
-import './index.styles-08e39b53.js';
-import { u as useTranslations } from './index-a064b97a.js';
+import './index.styles-15ce859c.js';
+import { u as useTranslations } from './index-d63df1ed.js';
 import '@mantine/hooks';
-import './utils-da43426c.js';
-import './other-3575130c.js';
-import './index-f6ef9854.js';
-import { H as HealthToolFormWrapper } from './index-5182fa9d.js';
+import './utils-cbd22536.js';
+import './other-b2d18cf9.js';
+import './index-9c698b33.js';
+import { H as HealthToolFormWrapper } from './index-52038b72.js';
 import { domainLocales } from './constantsDomainLocales.js';
 import { getBmi } from './embeddedHeathToolCards_helpers.js';