@hhgtech/hhg-components 1.29.449 → 1.29.450-beta-2

package/build/esm/{index-e4cce86c.js → index-0915018b.js}

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

package/build/esm/{index-28158e78.js → index-0ab1aeb9.js}

@@ -1,48 +1,48 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-200f1963.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-ca64e265.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-87653e07.js';
-import { u as useTranslations } from './index-698e287d.js';
+import { D as Dropdown } from './index-fef2883b.js';
+import { u as useTranslations } from './index-1184c9d4.js';
 import innertext from 'innertext';
 import { theme } from './miscTheme.js';
-import { I as Input$1 } from './index-67e90cbd.js';
+import { I as Input$1 } from './index-e20d91bd.js';
 import { useMantineTheme, SegmentedControl, Popover } from '@mantine/core';
 import '@mantine/dates';
-import './index-e02ef7d6.js';
-import './index-018f3348.js';
-import './index-62988070.js';
-import './index-f2d03a1d.js';
-import { T as Text } from './index-6b5ef864.js';
-import { B as Button } from './index-15e1b8ca.js';
-import './index.styles-883d7842.js';
+import './index-8c5ae17d.js';
+import './index-ea149e42.js';
+import './index-28b62464.js';
+import './index-f64c6e39.js';
+import { T as Text } from './index-68a819a2.js';
+import { B as Button } from './index-fcd5837c.js';
+import './index-8f8bea46.js';
+import './index.styles-cb591c86.js';
 import '@mantine/hooks';
-import './text-c1c3ae38.js';
-import { M as MediaQueries } from './utils-3b8f9ca0.js';
-import './index-894fa786.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-5946fb56.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-cb10f0c9.js';
+import { M as MediaQueries } from './utils-23deda17.js';
+import './index-ac89e9ed.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-0e871481.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-f0bd643a.js';
 import styled from '@emotion/styled';
-import { b as formatPost, a as formatCommunity, c as formatTopic } from './dataTransform-d6a21d32.js';
-import { M as MAX_IMAGE_UPLOADS, B as BEARER_TOKEN_COOKIE } from './constants-fedfafa8.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-3b265413.js';
-import { C as CardAuthor } from './index-25335bbd.js';
-import { S as StyledCreatePostDescription$1, R as RichTextEditor$1, I as IconLink } from './editor-f7b17ca5.js';
-import { I as Input } from './index-e43d9883.js';
+import { b as formatPost, a as formatCommunity, c as formatTopic } from './dataTransform-0a549328.js';
+import { M as MAX_IMAGE_UPLOADS, B as BEARER_TOKEN_COOKIE } from './constants-49096577.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-94f0fa82.js';
+import { C as CardAuthor } from './index-afee4c58.js';
+import { S as StyledCreatePostDescription$1, R as RichTextEditor$1, I as IconLink } from './editor-ba37a259.js';
+import { I as Input } from './index-cdacd6d3.js';
 import debounce from 'lodash/debounce';
 import ContentEditable from 'react-contenteditable';
 import { PATHS, ADMIN_PATHS } from './togetherApiPaths.js';
-import { L as Loading } from './index-37ac608c.js';
-import { C as CardLink } from './index-f59741be.js';
-import { B as BtnChoice } from './index-285f8f9a.js';
-import { L as LOCALE } from './Locale-e2c9e644.js';
+import { L as Loading } from './index-e36c859b.js';
+import { C as CardLink } from './index-642860a8.js';
+import { B as BtnChoice } from './index-be921863.js';
+import { L as LOCALE } from './Locale-a6078fd4.js';
 import * as ReactDOM from 'react-dom';
-import { L as Loading$1 } from './index-f6aeb770.js';
-import { b as IconArrowLeft } from './index-aae6890c.js';
-import { B as Button$1 } from './index-86df1763.js';
+import { L as Loading$1 } from './index-7964b9a7.js';
+import { b as IconArrowLeft } from './index-2974e082.js';
+import { B as Button$1 } from './index-a293c77f.js';
 import { getCookie } from './miscCookieHelper.js';
-import { a as useUniqueId } from './useUniqueId-44fbd151.js';
-import { U as UserAvatar } from './index-d7f21a0a.js';
-import { P as PopoverMenu } from './index-aae384e2.js';
+import { a as useUniqueId } from './useUniqueId-e14cf3f5.js';
+import { U as UserAvatar } from './index-ccc82125.js';
+import { P as PopoverMenu } from './index-c9dd0574.js';
 import { Close, Check } from '@hhgtech/icons/core';
 
 const StyledCreateNewPost$1 = styled.div `

package/build/esm/index-0d644695.js

@@ -0,0 +1,301 @@
+import { _ as __rest } from './tslib.es6-ca64e265.js';
+import React__default, { useContext } from 'react';
+import { createStyles, rem, useMantineTheme, Box, Flex, ScrollArea } from '@mantine/core';
+import { RedCross } from '@hhgtech/icons/other';
+import './index-e20d91bd.js';
+import '@mantine/dates';
+import './index-8c5ae17d.js';
+import './index-ea149e42.js';
+import './index-28b62464.js';
+import './index-f64c6e39.js';
+import { T as Text } from './index-68a819a2.js';
+import './index-fcd5837c.js';
+import { F as FontWeight } from './index-8f8bea46.js';
+import './index.styles-cb591c86.js';
+import { u as useTranslations } from './index-1184c9d4.js';
+import '@mantine/hooks';
+import { M as MediaQueries } from './utils-23deda17.js';
+import './index-ac89e9ed.js';
+import { C as CardWrapperContext } from './context-9666df99.js';
+
+const StyledIconContainerClass = 'hhgcomp-toolbanner-iconcontainer';
+const StyledInnerClass = 'hhgcomp-toolbanner-inner';
+const StyledWrapperClass = 'hhgcomp-toolbanner-wrapper';
+const useStyles$3 = createStyles((theme, { isRevamp, isPregTool, bannerColor, isMarryBaby }) => ({
+    wrapper: {
+        position: 'relative',
+        width: '100%',
+        height: '100%',
+        display: 'flex',
+        gap: rem(24),
+        alignItems: 'center',
+        justifyContent: 'space-between',
+        padding: rem(16),
+    },
+    container: {
+        width: '100%',
+        backgroundColor: bannerColor ||
+            (isMarryBaby
+                ? theme.colors.mb[1]
+                : isPregTool
+                    ? theme.colors.pink[1]
+                    : theme.colors.blue[1]),
+        position: 'relative',
+        display: 'flex',
+        gap: 24,
+        alignItems: 'center',
+        justifyContent: 'space-between',
+        padding: rem(16),
+        a: {
+            textDecoration: 'none',
+            color: 'inherit',
+        },
+        '&[data-site="marryBaby"]': {
+            a: {
+                textDecoration: 'underline',
+            },
+            [MediaQueries.mbDown]: {
+                paddingBottom: 0,
+            },
+        },
+        [MediaQueries.tdDown]: {
+            height: 'auto',
+            [`.${StyledWrapperClass}`]: {
+                [`.${StyledInnerClass}`]: {
+                    display: 'flex',
+                    alignItems: 'center',
+                    [MediaQueries.mbDown]: {
+                        justifyContent: 'space-between',
+                    },
+                    [`.${StyledIconContainerClass}`]: {
+                        position: 'relative',
+                        right: rem(-50),
+                        bottom: rem(-20),
+                        width: rem(110),
+                        minWidth: 0,
+                        height: 'auto',
+                        minHeight: 0,
+                        alignSelf: 'flex-end',
+                        marginBottom: rem(-20),
+                        [MediaQueries.mbDown]: {
+                            right: 'unset',
+                        },
+                    },
+                },
+            },
+        },
+        '.embedded-review': {
+            gap: rem(12),
+            display: 'flex',
+            alignItems: 'center',
+        },
+        '.embedded-review__avatar': {
+            position: 'relative',
+            minWidth: rem(32),
+            img: {
+                width: rem(32),
+                height: rem(32),
+                display: 'block',
+                borderRadius: '100%',
+            },
+            svg: {
+                bottom: 0,
+                right: 0,
+                position: 'absolute',
+            },
+        },
+    },
+    headingWrapper: {
+        display: 'flex',
+        flexDirection: 'column',
+        gap: isRevamp ? rem(8) : 0,
+    },
+    avatarWrapper: {
+        position: 'relative',
+        img: {
+            maxWidth: rem(48),
+            maxHeight: rem(48),
+        },
+        '.embedded-review__avatar': {
+            position: 'relative',
+        },
+    },
+    reviewText: {
+        a: {
+            textDecoration: 'underline',
+            textUnderlineOffset: '2px',
+        },
+    },
+    iconWrapper: {
+        display: 'flex',
+        justifyContent: 'center',
+        alignItems: 'center',
+        width: rem(80),
+        height: rem(80),
+        borderRadius: '50%',
+        backgroundColor: '#fff',
+        flexShrink: 0,
+        img: {
+            maxWidth: rem(48),
+            maxHeight: rem(48),
+        },
+        [theme.fn.smallerThan('sm')]: {
+            width: rem(64),
+            height: rem(64),
+            img: {
+                maxWidth: rem(40),
+                maxHeight: rem(40),
+            },
+        },
+    },
+    heading: {},
+}));
+
+const ToolsBannerCard = (_a) => {
+    var { className, classNames, heading, bannerColor, medicalReview = { link: '#', reviewer: '', date: '' }, icon, style, isPregTool, isRevamp, styles } = _a, rest = __rest(_a, ["className", "classNames", "heading", "bannerColor", "medicalReview", "icon", "style", "isPregTool", "isRevamp", "styles"]);
+    const { t } = useTranslations();
+    const theme = useMantineTheme();
+    const isMarryBaby = theme.other.template === 'mb';
+    const siteType = isMarryBaby ? 'marryBaby' : 'helloSites';
+    const headingAs = 'h2';
+    const { classes, cx } = useStyles$3({ isRevamp, isPregTool, bannerColor, isMarryBaby }, {
+        name: 'ToolsBannerCard',
+        styles,
+        classNames,
+    });
+    const medicalReviewEle = (medicalReview === null || medicalReview === void 0 ? void 0 : medicalReview.reviewer) ? (React__default.createElement(Text, { size: "label2", as: "div", className: classes.reviewText },
+        medicalReview.avatar && (React__default.createElement("div", { className: "embedded-review__avatar" },
+            React__default.createElement(Box, { className: classes.avatarWrapper },
+                React__default.createElement("img", { src: medicalReview.avatar, alt: medicalReview.reviewer, loading: "lazy" }),
+                React__default.createElement(RedCross, { size: 14 })))),
+        React__default.createElement("div", { dangerouslySetInnerHTML: {
+                __html: t('toolPage.toolReviewer', {
+                    expert_name: `<a href="${medicalReview.link}">${medicalReview.reviewer.trim()}</a>`,
+                    date: medicalReview.date,
+                }),
+            } }))) : null;
+    return (React__default.createElement(Box, Object.assign({ className: cx(className, classes.container), style: style, "data-site": siteType }, rest),
+        React__default.createElement(Flex, { className: classes.headingWrapper },
+            React__default.createElement(Text, { className: cx(classes.heading, 'heading'), size: isMarryBaby ? 'h4' : 'h3', as: headingAs }, heading),
+            medicalReview && React__default.createElement(Text, { size: "n1" }, medicalReviewEle)),
+        React__default.createElement(Flex, { className: classes.iconWrapper }, icon)));
+};
+
+var useStyles$2 = createStyles(() => {
+    return {
+        root: {
+            borderTopLeftRadius: 'inherit',
+            borderTopRightRadius: 'inherit',
+        },
+    };
+});
+
+const Banner = (_a) => {
+    var { className, classNames, styles } = _a, rest = __rest(_a, ["className", "classNames", "styles"]);
+    const { classes: wrapperClasses } = useContext(CardWrapperContext);
+    const { isPregTool } = useContext(CardWrapperContext);
+    const { classes, cx } = useStyles$2(undefined, {
+        name: 'HealthToolCardWrapper__Banner',
+        classNames,
+        styles,
+    });
+    return (React__default.createElement(ToolsBannerCard, Object.assign({ isPregTool: isPregTool, classNames: {
+            container: wrapperClasses.bannerWrapper,
+            heading: wrapperClasses.bannerHeading,
+            reviewText: wrapperClasses.bannerReviewText,
+        }, className: cx(className, classes.root) }, rest)));
+};
+
+var useStyles$1 = createStyles(() => {
+    return {
+        root: {
+            paddingTop: 16,
+            borderRadius: 'inherit',
+        },
+    };
+});
+
+const Body = (_a) => {
+    var { children, className, styles, classNames } = _a, rest = __rest(_a, ["children", "className", "styles", "classNames"]);
+    const { classes: wrapperClasses, hasBodyScroll } = useContext(CardWrapperContext);
+    const { classes, cx } = useStyles$1(undefined, {
+        name: 'HealthToolCardWrapper__Body',
+        styles,
+        classNames,
+    });
+    return (React__default.createElement(Box, Object.assign({ className: cx(className, classes.root, wrapperClasses.bodyWrapper) }, rest), hasBodyScroll ? (React__default.createElement(ScrollArea, { h: "100%", type: "auto", scrollbarSize: 8, className: wrapperClasses.scrollAreaWrapper }, children)) : (children)));
+};
+
+var useStyles = createStyles((theme, { isPregTool, variant }) => {
+    const isMarryBaby = theme.other.template === 'mb';
+    return {
+        root: Object.assign(Object.assign({ display: 'flex', flexDirection: 'column', borderRadius: rem(isMarryBaby ? 16 : 8) }, (variant === 'default' && {
+            backgroundColor: '#fff',
+            border: `1px solid ${isMarryBaby
+                ? theme.colors.mb[2]
+                : isPregTool
+                    ? theme.colors.pink[1]
+                    : theme.colors.blue[2]}`,
+        })), (variant === 'gray' && {
+            backgroundColor: theme.colors.neutral[0],
+        })),
+        submitBtn: {},
+        bodyWrapper: {},
+        scrollAreaWrapper: {},
+        bannerWrapper: Object.assign({}, (variant === 'gray' && {
+            backgroundColor: 'transparent',
+            padding: `${rem(16)} ${rem(16)} 0`,
+        })),
+        bannerHeading: Object.assign({}, (variant === 'gray' && {
+            fontSize: rem(20),
+            lineHeight: rem(28),
+            fontWeight: FontWeight.semiBold,
+            [theme.fn.smallerThan('sm')]: {
+                fontSize: rem(17),
+                lineHeight: rem(24),
+            },
+        })),
+        bannerReviewText: Object.assign({}, (variant === 'gray' && {
+            fontSize: rem(14),
+            lineHeight: rem(22),
+            [theme.fn.smallerThan('sm')]: {
+                fontSize: rem(12),
+                lineHeight: rem(18),
+            },
+        })),
+        submitWrapper: Object.assign({ [theme.fn.smallerThan('sm')]: {
+                button: {
+                    width: '100%',
+                },
+            }, [theme.fn.largerThan('sm')]: {
+                textAlign: 'right',
+            } }, (variant === 'gray' && {
+            backgroundColor: theme.colors.neutral[0],
+            button: {
+                marginTop: 10,
+            },
+        })),
+        newsletterBlock: {},
+    };
+});
+
+const _HealthToolCardWrapper = (_a) => {
+    var { children, styles, classNames, className, isPregTool, variant = 'default', hasBodyScroll } = _a, rest = __rest(_a, ["children", "styles", "classNames", "className", "isPregTool", "variant", "hasBodyScroll"]);
+    const { classes, cx } = useStyles({ isPregTool, variant }, {
+        name: 'HealthToolCardWrapper',
+        styles,
+        classNames,
+    });
+    return (React__default.createElement(CardWrapperContext.Provider, { value: {
+            isPregTool,
+            classes,
+            variant,
+            hasBodyScroll,
+        } },
+        React__default.createElement(Box, Object.assign({ className: cx(className, classes.root) }, rest), children)));
+};
+const HealthToolCardWrapper = _HealthToolCardWrapper;
+HealthToolCardWrapper.Body = Body;
+HealthToolCardWrapper.Banner = Banner;
+
+export { HealthToolCardWrapper as H, ToolsBannerCard as T };

package/build/esm/{index-5946fb56.js → index-0e871481.js}

@@ -1,27 +1,27 @@
 import React__default, { useState, useMemo, useContext, useEffect, createContext, useRef } from 'react';
-import { B as Button } from './index-86df1763.js';
-import { H as Heading } from './index-986954db.js';
-import { T as Text } from './index-6b5ef864.js';
-import { c as safeEncodeURI, M as MediaQueries, t as toggleNoScroll, a as getPopupWrapperDom } from './utils-3b8f9ca0.js';
+import { B as Button } from './index-a293c77f.js';
+import { H as Heading } from './index-5b1591ba.js';
+import { T as Text } from './index-68a819a2.js';
+import { c as safeEncodeURI, M as MediaQueries, t as toggleNoScroll, a as getPopupWrapperDom } from './utils-23deda17.js';
 import * as ReactDOM from 'react-dom';
-import { b as callApiWithAuth, d as getApiPath, T as TogetherComponentGlobalContext } from './utils-cb10f0c9.js';
+import { b as callApiWithAuth, d as getApiPath, T as TogetherComponentGlobalContext } from './utils-f0bd643a.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { a as __awaiter } from './tslib.es6-200f1963.js';
-import { I as Input } from './index-e43d9883.js';
-import { u as useTranslations } from './index-698e287d.js';
-import { e as formatComment } from './dataTransform-d6a21d32.js';
-import { M as MAX_IMAGE_UPLOADS, a as DEFAULT_AVATAR_IMG } from './constants-fedfafa8.js';
+import { a as __awaiter } from './tslib.es6-ca64e265.js';
+import { I as Input } from './index-cdacd6d3.js';
+import { u as useTranslations } from './index-1184c9d4.js';
+import { e as formatComment } from './dataTransform-0a549328.js';
+import { M as MAX_IMAGE_UPLOADS, a as DEFAULT_AVATAR_IMG } from './constants-49096577.js';
 import { PATHS } from './togetherApiPaths.js';
-import { j as removeBannedWordWrapper, i as getMentionIdsFromString, k as encodePostContent, u as uploadAndGetSrc } from './post-3b265413.js';
-import { C as CardLink } from './index-f59741be.js';
-import { L as Loading } from './index-f6aeb770.js';
-import { U as UserAvatar } from './index-d7f21a0a.js';
-import { R as RichTextEditor } from './editor-f7b17ca5.js';
+import { j as removeBannedWordWrapper, i as getMentionIdsFromString, k as encodePostContent, u as uploadAndGetSrc } from './post-94f0fa82.js';
+import { C as CardLink } from './index-642860a8.js';
+import { L as Loading } from './index-7964b9a7.js';
+import { U as UserAvatar } from './index-ccc82125.js';
+import { R as RichTextEditor } from './editor-ba37a259.js';
 import { Portal } from '@mantine/core';
 import { FullScreen } from '@hhgtech/icons/other';
-import { P as Popup } from './index-f609df6c.js';
-import { C as CloseIcon } from './index-aae6890c.js';
+import { P as Popup } from './index-d0b93061.js';
+import { C as CloseIcon } from './index-2974e082.js';
 import { ShareBox } from './togetherShareBox.js';
 
 const useImagePicker = (imageFilesProp, onImageFilesChange) => {

package/build/esm/{index-698e287d.js → index-1184c9d4.js}

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { useContext, useMemo } from 'react';
-import { T as TranslationsContext } from './translationsContext-140a78c1.js';
+import { T as TranslationsContext } from './translationsContext-60b63e2f.js';
 
 // SRC: https://github.com/berezh/react-string-format
 function format(text, params) {

package/build/esm/{index-fe18b552.js → index-11bf3a00.js}

@@ -1,6 +1,6 @@
 import React__default, { useState, useEffect } from 'react';
-import { B as Breakpoints } from './utils-3b8f9ca0.js';
-import { _ as __rest } from './tslib.es6-200f1963.js';
+import { B as Breakpoints } from './utils-23deda17.js';
+import { _ as __rest } from './tslib.es6-ca64e265.js';
 import styled from '@emotion/styled';
 
 const getIsMobile = () => {

package/build/esm/{index-e0815043.js → index-140e6604.js}

@@ -1,41 +1,41 @@
 import React__default, { createContext, useContext, useMemo, useCallback, useState, useEffect, forwardRef, useRef } from 'react';
 import { rem, Container, createStyles, Box, Stack, Flex, AspectRatio, ScrollArea, Chip, Group, Badge, MultiSelect, Stepper } from '@mantine/core';
-import { C as CommonGAssets } from './index-62988070.js';
-import { b as callApiWithAuth, d as getApiPath, T as TogetherComponentGlobalContext, e as getPremiumApiPath, f as getWebsiteUrlApi, h as getSsoApiPath } from './utils-cb10f0c9.js';
-import { G as GA_TOKEN_COOKIE } from './index-e02ef7d6.js';
-import { H as HEALTH_TOOL_TYPE, a as HEALTH_TOOL_DEFAULT_IMG } from './healthTools-09f57b33.js';
+import { C as CommonGAssets } from './index-28b62464.js';
+import { b as callApiWithAuth, d as getApiPath, T as TogetherComponentGlobalContext, e as getPremiumApiPath, f as getWebsiteUrlApi, h as getSsoApiPath } from './utils-f0bd643a.js';
+import { G as GA_TOKEN_COOKIE } from './index-8c5ae17d.js';
+import { H as HEALTH_TOOL_TYPE, a as HEALTH_TOOL_DEFAULT_IMG } from './healthTools-7d1d66d0.js';
 import { RISK_SCREENER_NAME, RISK_SCREENER_SLUG } from './constantsRiskScreener.js';
-import { _ as __rest, a as __awaiter } from './tslib.es6-200f1963.js';
-import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-7a9c182a.js';
-import { I as ImageWrap } from './index-fe18b552.js';
-import { g as getCurrentBaseUrl, a as getCurrentSsoUrl } from './normalizeLink-7e079f73.js';
-import { u as useTranslations } from './index-698e287d.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-ca64e265.js';
+import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-4a8175ba.js';
+import { I as ImageWrap } from './index-11bf3a00.js';
+import { g as getCurrentBaseUrl, a as getCurrentSsoUrl } from './normalizeLink-0c0f6e9e.js';
+import { u as useTranslations } from './index-1184c9d4.js';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { d as Checkbox, f as ChipButton, I as Input, b as AspectRatio$1 } from './index-67e90cbd.js';
+import { d as Checkbox, f as ChipButton, I as Input, b as AspectRatio$1 } from './index-e20d91bd.js';
 import '@mantine/dates';
-import './index-018f3348.js';
-import { t as themeColors } from './index-f2d03a1d.js';
-import { T as Text } from './index-6b5ef864.js';
-import { B as Button } from './index-15e1b8ca.js';
-import './index.styles-883d7842.js';
+import './index-ea149e42.js';
+import { t as themeColors } from './index-f64c6e39.js';
+import { T as Text } from './index-68a819a2.js';
+import { B as Button } from './index-fcd5837c.js';
+import './index-8f8bea46.js';
+import './index.styles-cb591c86.js';
 import { useViewportSize } from '@mantine/hooks';
-import './text-c1c3ae38.js';
-import './utils-3b8f9ca0.js';
-import './index-894fa786.js';
+import './utils-23deda17.js';
+import './index-ac89e9ed.js';
 import { PATHS as PATHS$2 } from './togetherApiPaths.js';
-import './translationsContext-140a78c1.js';
-import { H as Heading } from './index-986954db.js';
-import { u as useHealthToolsCache } from './useHealthToolCache-44a0df67.js';
-import { I as Icon } from './index-953523ca.js';
+import './translationsContext-60b63e2f.js';
+import { H as Heading } from './index-5b1591ba.js';
+import { u as useHealthToolsCache } from './useHealthToolCache-9b48ed63.js';
+import { I as Icon } from './index-a8b6cf2f.js';
 import { domainLocales } from './constantsDomainLocales.js';
 import { isProduction } from './constantsIsProduction.js';
 import { Close, Plus } from '@hhgtech/icons/core';
-import { i as isVideo } from './index-1da1785d.js';
-import { M as Modal } from './index-a36af882.js';
+import { i as isVideo } from './index-75762221.js';
+import { M as Modal } from './index-957d1230.js';
 import Cookies from 'js-cookie';
 import flatten from 'lodash/flatten';
 import uniqBy from 'lodash/uniqBy';
-import { L as LOCALE } from './Locale-e2c9e644.js';
+import { L as LOCALE } from './Locale-a6078fd4.js';
 
 const PREFER_TOPICS = [
     {

package/build/esm/{index-a33ece8d.js → index-24e94b82.js}

@@ -1,6 +1,6 @@
-import { c as cookie } from './index-796c8998.js';
-import { B as BEARER_TOKEN_COOKIE } from './index-e02ef7d6.js';
-import { N as NodeIntentType } from './index-018f3348.js';
+import { c as cookie } from './index-6443df3f.js';
+import { B as BEARER_TOKEN_COOKIE } from './index-8c5ae17d.js';
+import { N as NodeIntentType } from './index-ea149e42.js';
 import Cookies from 'js-cookie';
 import { v4 } from 'uuid';
 import { isProduction } from './constantsIsProduction.js';

package/build/esm/{index-5b7f225a.js → index-26325962.js}

@@ -1,34 +1,34 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-200f1963.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-ca64e265.js';
 import React__default, { useContext, useState, useEffect, useMemo } from 'react';
-import { B as Button } from './index-86df1763.js';
-import { H as Heading } from './index-986954db.js';
-import { u as useTranslations } from './index-698e287d.js';
+import { B as Button } from './index-a293c77f.js';
+import { H as Heading } from './index-5b1591ba.js';
+import { u as useTranslations } from './index-1184c9d4.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-5946fb56.js';
-import { C as CommonGAssets } from './index-62988070.js';
-import { R as REPORT_REASON_MAP, D as DEFAULT_IMG } from './constants-fedfafa8.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-0e871481.js';
+import { C as CommonGAssets } from './index-28b62464.js';
+import { R as REPORT_REASON_MAP, D as DEFAULT_IMG } from './constants-49096577.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-cb10f0c9.js';
-import { b as TreePopoverMenu, C as CardReactions, c as CardReactionType, a as LabelPin, T as TagTopic } from './treePopoverMenu-4d200663.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-f0bd643a.js';
+import { b as TreePopoverMenu, C as CardReactions, c as CardReactionType, a as LabelPin, T as TagTopic } from './treePopoverMenu-c6019a9b.js';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-3b8f9ca0.js';
+import { M as MediaQueries } from './utils-23deda17.js';
 import { theme } from './miscTheme.js';
-import { g as formatArticle, h as formatCategory, e as formatComment } from './dataTransform-d6a21d32.js';
+import { g as formatArticle, h as formatCategory, e as formatComment } from './dataTransform-0a549328.js';
 import { DISCOVER_PATHS, CARE_PATHS, PATHS } from './togetherApiPaths.js';
-import { C as CardLink } from './index-f59741be.js';
-import { C as CardAuthor, c as ProfileDetailModal } from './index-25335bbd.js';
-import { a as ProfileDetail, P as PostContent } from './index-a9726b34.js';
-import { a as PostImagePreview } from './index-aae6890c.js';
-import { S as SocialLinkPreview } from './index-d6c03074.js';
-import { D as Divider } from './index-a85de6a1.js';
-import './index-e02ef7d6.js';
+import { C as CardLink } from './index-642860a8.js';
+import { C as CardAuthor, c as ProfileDetailModal } from './index-afee4c58.js';
+import { a as ProfileDetail, P as PostContent } from './index-8b8c9129.js';
+import { a as PostImagePreview } from './index-2974e082.js';
+import { S as SocialLinkPreview } from './index-5a7ea5a9.js';
+import { D as Divider } from './index-2179d416.js';
+import './index-8c5ae17d.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-e43d9883.js';
-import { T as Text } from './index-6b5ef864.js';
-import { L as Loading } from './index-f6aeb770.js';
-import { g as getCurrentBaseUrl } from './normalizeLink-7e079f73.js';
+import { I as Input } from './index-cdacd6d3.js';
+import { T as Text } from './index-68a819a2.js';
+import { L as Loading } from './index-7964b9a7.js';
+import { g as getCurrentBaseUrl } from './normalizeLink-0c0f6e9e.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-0e5b5786.js → index-278cfb9d.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-200f1963.js';
+import { _ as __rest } from './tslib.es6-ca64e265.js';
 import React__default, { useState, useCallback, useMemo, useEffect } from 'react';
 import { clsx } from '@mantine/core';
 import { Drawer } from 'vaul';
 import styled from '@emotion/styled';
-import { Z as ZINDEX_SSO } from './index-e02ef7d6.js';
+import { Z as ZINDEX_SSO } from './index-8c5ae17d.js';
 
 const TIME_FOR_MOTION = 300;
 const useDrawerDrag = (motionDelay = TIME_FOR_MOTION) => {