@hhgtech/hhg-components 1.29.480 → 1.29.481-beta-1

package/build/esm/{index-855008bb.js → index-d61477fa.js}

@@ -1,48 +1,48 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-7355b732.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-04e47048.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-9f033810.js';
-import { u as useTranslations } from './index-01977476.js';
+import { D as Dropdown } from './index-d73f2d9c.js';
+import { u as useTranslations } from './index-e66d5d69.js';
 import innertext from 'innertext';
 import { theme } from './miscTheme.js';
-import { I as Input$1 } from './index-9c27c173.js';
+import { I as Input$1 } from './index-b69cdfa7.js';
 import { useMantineTheme, SegmentedControl, Popover } from '@mantine/core';
 import '@mantine/dates';
-import './index-2ff4c7dc.js';
-import './index-505b85da.js';
-import './index-01ef2d81.js';
-import './index-ed2c52fa.js';
-import { T as Text } from './index-f38aca87.js';
-import { B as Button } from './index-d09629fa.js';
-import './index-1da86aeb.js';
-import './index.styles-4bb9bfe4.js';
+import './index-8a437344.js';
+import './index-9a48dac8.js';
+import './index-3afa1d39.js';
+import './index-9074ab66.js';
+import { T as Text } from './index-6dd86cd9.js';
+import { B as Button } from './index-1365ef94.js';
+import './index-5ee684cf.js';
+import './index.styles-810d632f.js';
 import '@mantine/hooks';
-import { M as MediaQueries } from './utils-2cf0d99b.js';
-import './index-c4470578.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-a188714a.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-327034d3.js';
+import { M as MediaQueries } from './utils-063d5e54.js';
+import './index-1163c2a2.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-6e7b983e.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-3a1412da.js';
 import styled from '@emotion/styled';
-import { b as formatPost, a as formatCommunity, c as formatTopic } from './dataTransform-1dd53f32.js';
-import { M as MAX_IMAGE_UPLOADS, B as BEARER_TOKEN_COOKIE } from './constants-a5b04f97.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-2d20786e.js';
-import { C as CardAuthor } from './index-83fcc07f.js';
-import { S as StyledCreatePostDescription$1, R as RichTextEditor$1, I as IconLink } from './editor-96ef1b99.js';
-import { I as Input } from './index-9e7d2b43.js';
+import { b as formatPost, a as formatCommunity, c as formatTopic } from './dataTransform-ef2b9b5e.js';
+import { M as MAX_IMAGE_UPLOADS, B as BEARER_TOKEN_COOKIE } from './constants-0d9362f5.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-113ee38e.js';
+import { C as CardAuthor } from './index-bb5a4249.js';
+import { S as StyledCreatePostDescription$1, R as RichTextEditor$1, I as IconLink } from './editor-8a8575fe.js';
+import { I as Input } from './index-1061cb45.js';
 import debounce from 'lodash/debounce';
 import ContentEditable from 'react-contenteditable';
 import { PATHS, ADMIN_PATHS } from './togetherApiPaths.js';
-import { L as Loading } from './index-25d0e579.js';
-import { C as CardLink } from './index-462e639d.js';
-import { B as BtnChoice } from './index-46665936.js';
-import { L as LOCALE } from './Locale-71a37261.js';
+import { L as Loading } from './index-290f0108.js';
+import { C as CardLink } from './index-11537c7e.js';
+import { B as BtnChoice } from './index-710dbed9.js';
+import { L as LOCALE } from './Locale-71e44b1f.js';
 import * as ReactDOM from 'react-dom';
-import { L as Loading$1 } from './index-960e69f4.js';
-import { b as IconArrowLeft } from './index-52fff2aa.js';
-import { B as Button$1 } from './index-d10f3693.js';
+import { L as Loading$1 } from './index-5b3a19e7.js';
+import { b as IconArrowLeft } from './index-feeab0f7.js';
+import { B as Button$1 } from './index-b6ab7c48.js';
 import { getCookie } from './miscCookieHelper.js';
-import { a as useUniqueId } from './useUniqueId-f8007ec9.js';
-import { U as UserAvatar } from './index-80f83f2b.js';
-import { P as PopoverMenu } from './index-885d7597.js';
+import { a as useUniqueId } from './useUniqueId-43a93ec7.js';
+import { U as UserAvatar } from './index-9fea046c.js';
+import { P as PopoverMenu } from './index-59bbc7ed.js';
 import { Close, Check } from '@hhgtech/icons/core';
 
 const StyledCreateNewPost$1 = styled.div `

package/build/esm/{index-ce869cbd.js → index-de037937.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-7355b732.js';
+import { _ as __rest } from './tslib.es6-04e47048.js';
 import React__default from 'react';
 import { useMantineTheme } from '@mantine/core';
-import { T as Text } from './index-f38aca87.js';
+import { T as Text } from './index-6dd86cd9.js';
 
 /**
  * @deprecated Consider to use import { Title } from '@mantine/core'

package/build/esm/{index-c41b2d8f.js → index-de2af0b4.js}

@@ -1,23 +1,23 @@
-import { _ as __rest } from './tslib.es6-7355b732.js';
+import { _ as __rest } from './tslib.es6-04e47048.js';
 import React__default, { createContext, useContext } from 'react';
 import { createStyles, rem, useMantineTheme, clsx } from '@mantine/core';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { I as Input } from './index-9c27c173.js';
-import { D as DatePicker } from './index-abc5467c.js';
-import { T as Text } from './index-f38aca87.js';
-import './index-d09629fa.js';
-import './index-1da86aeb.js';
-import './index.styles-4bb9bfe4.js';
-import { u as useTranslations } from './index-01977476.js';
+import { I as Input } from './index-b69cdfa7.js';
+import { D as DatePicker } from './index-cd3cd772.js';
+import { T as Text } from './index-6dd86cd9.js';
+import './index-1365ef94.js';
+import './index-5ee684cf.js';
+import './index.styles-810d632f.js';
+import { u as useTranslations } from './index-e66d5d69.js';
 import '@mantine/hooks';
-import './index-ed2c52fa.js';
-import './utils-2cf0d99b.js';
-import './index-c4470578.js';
-import { C as CardWrapperContext } from './context-08069e35.js';
-import { I as INPUT_RANGE } from './constants-ae616740.js';
-import { H as HealthToolFormWrapper } from './index-c62994ce.js';
-import { G as GenderOptionControl } from './index-1b1f108f.js';
-import { L as LOCALE } from './Locale-71a37261.js';
+import './index-9074ab66.js';
+import './utils-063d5e54.js';
+import './index-1163c2a2.js';
+import { C as CardWrapperContext } from './context-e6e1997a.js';
+import { I as INPUT_RANGE } from './constants-27f6a360.js';
+import { H as HealthToolFormWrapper } from './index-4970f0eb.js';
+import { G as GenderOptionControl } from './index-c53f83d3.js';
+import { L as LOCALE } from './Locale-71e44b1f.js';
 import { CalendarMB } from '@hhgtech/icons/other';
 
 const BabyGrowthFormContext = createContext({});

package/build/esm/{index-3b127bcb.js → index-de47f2b2.js}

@@ -1,6 +1,6 @@
 import React__default, { useState, useEffect } from 'react';
-import { B as Breakpoints } from './utils-2cf0d99b.js';
-import { _ as __rest } from './tslib.es6-7355b732.js';
+import { B as Breakpoints } from './utils-063d5e54.js';
+import { _ as __rest } from './tslib.es6-04e47048.js';
 import styled from '@emotion/styled';
 
 const getIsMobile = () => {

package/build/esm/{index-511a93fd.js → index-e0495a88.js}

@@ -1,26 +1,26 @@
-import { _ as __rest } from './tslib.es6-7355b732.js';
+import { _ as __rest } from './tslib.es6-04e47048.js';
 import React__default, { createContext, useContext, useMemo, forwardRef, useState } from 'react';
 import { useMantineTheme, clsx, Group, Flex, Tooltip, Box } from '@mantine/core';
 import { format } from 'date-fns';
-import { L as LastPeriod } from './LastPeriod-3ba1bf50.js';
-import { L as LOCALE } from './Locale-71a37261.js';
+import { L as LastPeriod } from './LastPeriod-10794941.js';
+import { L as LOCALE } from './Locale-71e44b1f.js';
 import { useForm, isNotEmpty } from '@mantine/form';
 import dayjs from 'dayjs';
-import { R as Radio, I as Input, S as Select } from './index-9c27c173.js';
-import { D as DatePicker } from './index-abc5467c.js';
-import { T as Text } from './index-f38aca87.js';
-import './index-d09629fa.js';
-import './index-1da86aeb.js';
-import './index.styles-4bb9bfe4.js';
-import { u as useTranslations } from './index-01977476.js';
+import { R as Radio, I as Input, S as Select } from './index-b69cdfa7.js';
+import { D as DatePicker } from './index-cd3cd772.js';
+import { T as Text } from './index-6dd86cd9.js';
+import './index-1365ef94.js';
+import './index-5ee684cf.js';
+import './index.styles-810d632f.js';
+import { u as useTranslations } from './index-e66d5d69.js';
 import '@mantine/hooks';
-import './index-ed2c52fa.js';
-import './utils-2cf0d99b.js';
-import './index-c4470578.js';
-import { H as HealthToolFormWrapper } from './index-c62994ce.js';
+import './index-9074ab66.js';
+import './utils-063d5e54.js';
+import './index-1163c2a2.js';
+import { H as HealthToolFormWrapper } from './index-4970f0eb.js';
 import { CalendarMB } from '@hhgtech/icons/other';
-import { C as CardWrapperContext } from './context-08069e35.js';
-import { Q as QUERY_HEALTH_TOOL, A as API_DATE_FORMAT$1 } from './index-2ff4c7dc.js';
+import { C as CardWrapperContext } from './context-e6e1997a.js';
+import { Q as QUERY_HEALTH_TOOL, A as API_DATE_FORMAT$1 } from './index-8a437344.js';
 import { theme } from './miscTheme.js';
 
 const ConceptionDate = (_a) => {

package/build/esm/{index-01977476.js → index-e66d5d69.js}

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

package/build/esm/{index-e52557b4.js → index-e706949e.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-7355b732.js';
+import { _ as __rest } from './tslib.es6-04e47048.js';
 import React__default from 'react';
 import { Modal as Modal$1 } from '@mantine/core';
-import { u as useStyles } from './index.styles-4bb9bfe4.js';
+import { u as useStyles } from './index.styles-810d632f.js';
 
 const Modal = (_a) => {
     var { styles, classNames, transitionProps } = _a, rest = __rest(_a, ["styles", "classNames", "transitionProps"]);

package/build/esm/{index-c40f11bb.js → index-eb94a71a.js}

@@ -1,13 +1,13 @@
-import { _ as __rest } from './tslib.es6-7355b732.js';
+import { _ as __rest } from './tslib.es6-04e47048.js';
 import React__default, { useMemo, useState, useEffect } from 'react';
-import './index-505b85da.js';
+import './index-9a48dac8.js';
 import styled from '@emotion/styled';
-import { C as CommonGAssets } from './index-01ef2d81.js';
+import { C as CommonGAssets } from './index-3afa1d39.js';
 import { theme } from './miscTheme.js';
-import { I as ImageWrap } from './index-3b127bcb.js';
-import { T as Text } from './index-746b2ace.js';
-import { L as LOCALE } from './Locale-71a37261.js';
-import { e as CentralCarousel } from './index-9c27c173.js';
+import { I as ImageWrap } from './index-de47f2b2.js';
+import { T as Text } from './index-9838dcc4.js';
+import { L as LOCALE } from './Locale-71e44b1f.js';
+import { e as CentralCarousel } from './index-b69cdfa7.js';
 
 const StyledIconContainer = styled.div `
   display: inline-flex;

package/build/esm/{index-ecae60b9.js → index-efeea0c7.js}

@@ -1,8 +1,8 @@
 import React__default, { useState, useRef, useEffect } from 'react';
-import { u as useScrollbarSize } from './useScrollbarSize-7b64bb55.js';
+import { u as useScrollbarSize } from './useScrollbarSize-0dae8f67.js';
 import { createPortal } from 'react-dom';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-2cf0d99b.js';
+import { M as MediaQueries } from './utils-063d5e54.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 import { theme } from './miscTheme.js';
 

package/build/esm/{index-bd2e8f03.js → index-fcaa6554.js}

@@ -1,21 +1,21 @@
-import { _ as __rest } from './tslib.es6-7355b732.js';
+import { _ as __rest } from './tslib.es6-04e47048.js';
 import React__default, { createContext, useContext } from 'react';
 import { clsx, useMantineTheme } from '@mantine/core';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { L as LastPeriod } from './LastPeriod-3ba1bf50.js';
-import { I as Input } from './index-9c27c173.js';
-import { D as DatePicker } from './index-abc5467c.js';
-import { T as Text } from './index-f38aca87.js';
-import './index-d09629fa.js';
-import './index-1da86aeb.js';
-import './index.styles-4bb9bfe4.js';
-import { u as useTranslations } from './index-01977476.js';
+import { L as LastPeriod } from './LastPeriod-10794941.js';
+import { I as Input } from './index-b69cdfa7.js';
+import { D as DatePicker } from './index-cd3cd772.js';
+import { T as Text } from './index-6dd86cd9.js';
+import './index-1365ef94.js';
+import './index-5ee684cf.js';
+import './index.styles-810d632f.js';
+import { u as useTranslations } from './index-e66d5d69.js';
 import '@mantine/hooks';
-import './index-ed2c52fa.js';
-import './utils-2cf0d99b.js';
-import './index-c4470578.js';
-import { C as CardWrapperContext } from './context-08069e35.js';
-import { H as HealthToolFormWrapper } from './index-c62994ce.js';
+import './index-9074ab66.js';
+import './utils-063d5e54.js';
+import './index-1163c2a2.js';
+import { C as CardWrapperContext } from './context-e6e1997a.js';
+import { H as HealthToolFormWrapper } from './index-4970f0eb.js';
 import { CalendarMB } from '@hhgtech/icons/other';
 
 const AvoidPregnancy = (_a) => {

package/build/esm/{index-a4881f2c.js → index-fd102d9a.js}

@@ -1,22 +1,23 @@
-import { _ as __rest } from './tslib.es6-7355b732.js';
+import { _ as __rest } from './tslib.es6-04e47048.js';
 import React__default, { useContext } from 'react';
 import { createStyles, rem, useMantineTheme, Box, Flex, ScrollArea } from '@mantine/core';
+import { Warning } from '@hhgtech/icons/core';
 import { RedCross } from '@hhgtech/icons/other';
-import './index-9c27c173.js';
+import './index-b69cdfa7.js';
 import '@mantine/dates';
-import './index-2ff4c7dc.js';
-import './index-505b85da.js';
-import './index-01ef2d81.js';
-import './index-ed2c52fa.js';
-import { T as Text } from './index-f38aca87.js';
-import './index-d09629fa.js';
-import { F as FontWeight } from './index-1da86aeb.js';
-import './index.styles-4bb9bfe4.js';
-import { u as useTranslations } from './index-01977476.js';
+import './index-8a437344.js';
+import './index-9a48dac8.js';
+import './index-3afa1d39.js';
+import './index-9074ab66.js';
+import { T as Text } from './index-6dd86cd9.js';
+import './index-1365ef94.js';
+import { F as FontWeight } from './index-5ee684cf.js';
+import './index.styles-810d632f.js';
+import { u as useTranslations } from './index-e66d5d69.js';
 import '@mantine/hooks';
-import { M as MediaQueries } from './utils-2cf0d99b.js';
-import './index-c4470578.js';
-import { C as CardWrapperContext } from './context-08069e35.js';
+import { M as MediaQueries } from './utils-063d5e54.js';
+import './index-1163c2a2.js';
+import { C as CardWrapperContext } from './context-e6e1997a.js';
 
 const StyledIconContainerClass = 'hhgcomp-toolbanner-iconcontainer';
 const StyledInnerClass = 'hhgcomp-toolbanner-inner';
@@ -149,10 +150,13 @@ const useStyles$3 = createStyles((theme, { isRevamp, isPregTool, bannerColor, is
         },
     },
     heading: {},
+    disclaimerIcon: {
+        flexShrink: 0,
+    },
 }));
 
 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"]);
+    var { className, classNames, heading, bannerColor, medicalReview = { link: '#', reviewer: '', date: '' }, icon, style, isPregTool, isRevamp, disclaimer, styles } = _a, rest = __rest(_a, ["className", "classNames", "heading", "bannerColor", "medicalReview", "icon", "style", "isPregTool", "isRevamp", "disclaimer", "styles"]);
     const { t } = useTranslations();
     const theme = useMantineTheme();
     const isMarryBaby = theme.other.template === 'mb';
@@ -177,7 +181,10 @@ const ToolsBannerCard = (_a) => {
     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)),
+            medicalReviewEle && React__default.createElement(Text, { size: "n1" }, medicalReviewEle),
+            disclaimer && (React__default.createElement(Flex, { gap: 4 },
+                React__default.createElement(Warning, { size: 16, color: theme.colors.yellow[8], className: classes.disclaimerIcon }),
+                React__default.createElement(Text, { size: "c1", variant: "secondary" }, disclaimer)))),
         React__default.createElement(Flex, { className: classes.iconWrapper }, icon)));
 };
 

package/build/esm/{index-52fff2aa.js → index-feeab0f7.js}

@@ -1,12 +1,12 @@
 import React__default, { useState, useEffect, useContext, useRef } from 'react';
-import { H as Heading } from './index-ce869cbd.js';
-import { M as MediaQueries, t as toggleNoScroll } from './utils-2cf0d99b.js';
-import { u as useTranslations } from './index-01977476.js';
-import { T as TogetherComponentGlobalContext } from './utils-327034d3.js';
+import { H as Heading } from './index-de037937.js';
+import { M as MediaQueries, t as toggleNoScroll } from './utils-063d5e54.js';
+import { u as useTranslations } from './index-e66d5d69.js';
+import { T as TogetherComponentGlobalContext } from './utils-3a1412da.js';
 import { Portal } from '@mantine/core';
-import { T as Text } from './index-f38aca87.js';
+import { T as Text } from './index-6dd86cd9.js';
 import styled from '@emotion/styled';
-import { _ as __rest } from './tslib.es6-7355b732.js';
+import { _ as __rest } from './tslib.es6-04e47048.js';
 import { theme } from './miscTheme.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 

package/build/esm/{index-686bafb8.js → index-ff2de97f.js}

@@ -2,13 +2,13 @@ import * as React from 'react';
 import React__default, { useState, useEffect } from 'react';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { I as ImageWrap } from './index-3b127bcb.js';
-import { T as Text } from './index-f38aca87.js';
-import { _ as __rest } from './tslib.es6-7355b732.js';
+import { I as ImageWrap } from './index-de47f2b2.js';
+import { T as Text } from './index-6dd86cd9.js';
+import { _ as __rest } from './tslib.es6-04e47048.js';
 import { clsx, Modal } from '@mantine/core';
-import { D as DrawerComponent, u as useDrawerDrag } from './index-72c85322.js';
+import { D as DrawerComponent, u as useDrawerDrag } from './index-01317ff2.js';
 import { Drawer } from 'vaul';
-import { Z as ZINDEX_SSO } from './index-2ff4c7dc.js';
+import { Z as ZINDEX_SSO } from './index-8a437344.js';
 
 /* eslint-disable prettier/prettier */
 const ShapedArrowDown = (props) => (React.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 16 16", fill: "none" }, props),