@hhgtech/hhg-components 1.29.341-beta-3 → 1.29.341-beta-5

package/build/esm/{index-0b0b3183.js → index-522e4dde.js}

@@ -1,22 +1,22 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-c2c5be8e.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-b13d9bb6.js';
 import React__default, { useReducer, useState, useEffect } from 'react';
 import { Stack, Input as Input$1 } from '@mantine/core';
-import { I as Input, S as Select } from './index-8327d7a7.js';
+import { I as Input, S as Select } from './index-856724ed.js';
 import '@mantine/dates';
-import { C as CDN_ADDRESS } from './index-a71a30c8.js';
-import './index-9947fc3b.js';
-import './index-c1e437e3.js';
-import './useMantineLocale-45b033da.js';
-import './index-7fac204b.js';
-import './index-ccdd5f53.js';
-import './index.styles-00f152ae.js';
-import { u as useTranslations } from './index-92f921ae.js';
+import { C as CDN_ADDRESS } from './index-46e95b8b.js';
+import './index-83b25948.js';
+import './index-f37cd68a.js';
+import './useMantineLocale-1c62b715.js';
+import './index-b14461a3.js';
+import './index-832e25de.js';
+import './index.styles-241e597c.js';
+import { u as useTranslations } from './index-2eedd7c7.js';
 import '@mantine/hooks';
-import './utils-4d8f4c8f.js';
-import './other-41878e68.js';
-import './index-c951ca24.js';
-import { M as MAPPED_LOCALE } from './utils-9398bc33.js';
-import { L as LOCALE } from './Locale-a69747b0.js';
+import './utils-b095b5f7.js';
+import './other-c98cc85f.js';
+import './index-73c778f3.js';
+import { M as MAPPED_LOCALE } from './utils-2f20a6d6.js';
+import { L as LOCALE } from './Locale-82737cba.js';
 
 const generateGetAddressDetail = (locale) => {
     return `${CDN_ADDRESS}/cities-data-${MAPPED_LOCALE[locale]}.json`;

package/build/esm/index-52bdb705.js

@@ -0,0 +1,106 @@
+import { _ as __rest } from './tslib.es6-b13d9bb6.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-46e95b8b.js';
+
+const StyledDrawerComponentContent = styled(Drawer.Content) `
+  position: fixed;
+  z-index: ${ZINDEX_SSO + 2};
+  inset: 0;
+  background-color: #fff;
+  outline: none !important;
+
+  &::-webkit-scrollbar {
+    width: 6px;
+    height: 6px;
+  }
+
+  &::-webkit-scrollbar-track {
+    background-color: transparent;
+  }
+
+  &::-webkit-scrollbar-thumb {
+    background-color: rgba(0, 0, 0, 0.4);
+    border-radius: 6px;
+  }
+
+  &[data-vaul-drawer-direction='bottom'] {
+    border-top-left-radius: 8px;
+    border-top-right-radius: 8px;
+  }
+
+  &[data-vaul-drawer-direction='top'] {
+    border-bottom-left-radius: 8px;
+    border-bottom-right-radius: 8px;
+  }
+
+  &[data-vaul-drawer-direction='left'] {
+    border-top-right-radius: 8px;
+    border-bottom-right-radius: 8px;
+  }
+
+  &[data-vaul-drawer-direction='right'] {
+    border-top-left-radius: 8px;
+    border-bottom-left-radius: 8px;
+  }
+`;
+const StyledDrawerComponentOverlay = styled(Drawer.Overlay) `
+  position: fixed;
+  inset: 0;
+  z-index: ${ZINDEX_SSO + 2};
+  width: 100%;
+  max-height: 100%;
+
+  &[data-state='open'] {
+    opacity: 0.6 !important;
+  }
+`;
+
+const DrawerComponent = (props) => {
+    const { open: openProps, onOpenChange: onOpenChangeProps, snapPoints, activeSnapPoint, setActiveSnapPoint, children, overlayClassName, className } = props, restProps = __rest(props, ["open", "onOpenChange", "snapPoints", "activeSnapPoint", "setActiveSnapPoint", "children", "overlayClassName", "className"]);
+    const [open, setOpen] = useState(openProps);
+    const [snap, setSnap] = useState(snapPoints ? snapPoints === null || snapPoints === void 0 ? void 0 : snapPoints[0] : null);
+    const onOpenChange = useCallback((_open) => {
+        setOpen(_open);
+        onOpenChangeProps === null || onOpenChangeProps === void 0 ? void 0 : onOpenChangeProps(_open);
+    }, [onOpenChangeProps]);
+    const isFullSnapPoint = useMemo(() => {
+        if (snapPoints && snapPoints.length) {
+            return Boolean(snap === snapPoints[snapPoints.length - 1]);
+        }
+        return open;
+    }, [snap, snapPoints]);
+    const mergedProps = useMemo(() => {
+        const _mergedProps = { open, onOpenChange };
+        if (snapPoints && (snapPoints === null || snapPoints === void 0 ? void 0 : snapPoints.length)) {
+            _mergedProps.snapPoints = snapPoints;
+            _mergedProps.activeSnapPoint = snap;
+            _mergedProps.setActiveSnapPoint = (snP) => {
+                setSnap(snP);
+                setActiveSnapPoint === null || setActiveSnapPoint === void 0 ? void 0 : setActiveSnapPoint(snP);
+            };
+        }
+        return _mergedProps;
+    }, [open, onOpenChange, snap, setSnap, setActiveSnapPoint, snapPoints]);
+    useEffect(() => {
+        setOpen(openProps);
+    }, [openProps]);
+    useEffect(() => {
+        setSnap(activeSnapPoint);
+    }, [activeSnapPoint]);
+    return (React__default.createElement(Drawer.Root, Object.assign({}, restProps, mergedProps),
+        React__default.createElement(Drawer.Portal, null,
+            React__default.createElement(StyledDrawerComponentOverlay, { className: clsx(overlayClassName, 'drawer__overlay', {
+                    drawer__overlay_full: isFullSnapPoint,
+                }) }),
+            React__default.createElement(StyledDrawerComponentContent, { className: clsx(className, 'drawer__content', {
+                    drawer__content_full: isFullSnapPoint,
+                }) },
+                React__default.createElement(Drawer.Handle, { className: "drawer__handle" }),
+                React__default.createElement(Drawer.Title, { style: { display: 'none' } }),
+                children))));
+};
+
+export { DrawerComponent as D };

package/build/esm/{index-39227e43.js → index-52bf7e7f.js}

@@ -1,4 +1,4 @@
-import { _ as __rest } from './tslib.es6-c2c5be8e.js';
+import { _ as __rest } from './tslib.es6-b13d9bb6.js';
 import React__default from 'react';
 import { Indicator as Indicator$1 } from '@mantine/core';
 import { theme } from './miscTheme.js';

package/build/esm/{index-42a20908.js → index-559b96b9.js}

@@ -1,4 +1,4 @@
-import { _ as __rest } from './tslib.es6-c2c5be8e.js';
+import { _ as __rest } from './tslib.es6-b13d9bb6.js';
 import React__default from 'react';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';

package/build/esm/{index-6f136469.js → index-5900183a.js}

@@ -1,21 +1,21 @@
-import { _ as __rest } from './tslib.es6-c2c5be8e.js';
+import { _ as __rest } from './tslib.es6-b13d9bb6.js';
 import React__default, { useState, useRef, useMemo, useEffect } from 'react';
 import { BabyBoyMB, BabyGirlMB } from '@hhgtech/icons/other';
 import { createStyles, rem, Box, Flex } from '@mantine/core';
-import { R as Radio } from './index-8327d7a7.js';
+import { R as Radio } from './index-856724ed.js';
 import '@mantine/dates';
-import './index-a71a30c8.js';
-import './index-9947fc3b.js';
-import { C as CommonGAssets } from './index-c1e437e3.js';
-import './useMantineLocale-45b033da.js';
-import { T as Text } from './index-7fac204b.js';
-import './index-ccdd5f53.js';
-import './index.styles-00f152ae.js';
-import { u as useTranslations } from './index-92f921ae.js';
+import './index-46e95b8b.js';
+import './index-83b25948.js';
+import { C as CommonGAssets } from './index-f37cd68a.js';
+import './useMantineLocale-1c62b715.js';
+import { T as Text } from './index-b14461a3.js';
+import './index-832e25de.js';
+import './index.styles-241e597c.js';
+import { u as useTranslations } from './index-2eedd7c7.js';
 import '@mantine/hooks';
-import './utils-4d8f4c8f.js';
-import './other-41878e68.js';
-import './index-c951ca24.js';
+import './utils-b095b5f7.js';
+import './other-c98cc85f.js';
+import './index-73c778f3.js';
 
 var useStyles = createStyles((theme, { type }) => {
     const isMarryBaby = theme.other.template === 'mb';

package/build/esm/{index-9713e8c3.js → index-59e5d341.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-c2c5be8e.js';
+import { _ as __rest } from './tslib.es6-b13d9bb6.js';
 import React__default, { useState } from 'react';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-4d8f4c8f.js';
+import { M as MediaQueries } from './utils-b095b5f7.js';
 import { theme } from './miscTheme.js';
-import { L as Label, S as StyledDisplayIcon, a as StyledActionIcon, b as StyledErrorLabel } from './index-caa2e08a.js';
+import { L as Label, S as StyledDisplayIcon, a as StyledActionIcon, b as StyledErrorLabel } from './index-8cb28ea4.js';
 
 const StyledInput = styled.div `
   position: relative;

package/build/esm/{index-fb1c10e5.js → index-5a6b515a.js}

@@ -1,20 +1,20 @@
-import { _ as __rest } from './tslib.es6-c2c5be8e.js';
+import { _ as __rest } from './tslib.es6-b13d9bb6.js';
 import React__default from 'react';
 import { createStyles, rem, Box } from '@mantine/core';
-import './index-8327d7a7.js';
+import './index-856724ed.js';
 import '@mantine/dates';
-import './index-a71a30c8.js';
-import './index-9947fc3b.js';
-import './index-c1e437e3.js';
-import './useMantineLocale-45b033da.js';
-import { T as Text } from './index-7fac204b.js';
-import { B as Button } from './index-ccdd5f53.js';
-import './index.styles-00f152ae.js';
-import { u as useTranslations } from './index-92f921ae.js';
+import './index-46e95b8b.js';
+import './index-83b25948.js';
+import './index-f37cd68a.js';
+import './useMantineLocale-1c62b715.js';
+import { T as Text } from './index-b14461a3.js';
+import { B as Button } from './index-832e25de.js';
+import './index.styles-241e597c.js';
+import { u as useTranslations } from './index-2eedd7c7.js';
 import '@mantine/hooks';
-import './utils-4d8f4c8f.js';
-import './other-41878e68.js';
-import './index-c951ca24.js';
+import './utils-b095b5f7.js';
+import './other-c98cc85f.js';
+import './index-73c778f3.js';
 
 var useStyles = createStyles((theme, { hasOnClickFn }) => {
     return {

package/build/esm/{index-83b73781.js → index-647b7b92.js}

@@ -1,20 +1,20 @@
-import { _ as __rest } from './tslib.es6-c2c5be8e.js';
+import { _ as __rest } from './tslib.es6-b13d9bb6.js';
 import React__default, { createContext, useContext } from 'react';
 import { useMantineTheme, Flex, rem, Box, createStyles } from '@mantine/core';
-import { t as themeColors } from './index-8327d7a7.js';
+import { t as themeColors } from './index-856724ed.js';
 import '@mantine/dates';
-import './index-a71a30c8.js';
-import './index-9947fc3b.js';
-import './index-c1e437e3.js';
-import './useMantineLocale-45b033da.js';
-import { T as Text } from './index-7fac204b.js';
-import './index-ccdd5f53.js';
-import './index.styles-00f152ae.js';
-import { u as useTranslations } from './index-92f921ae.js';
+import './index-46e95b8b.js';
+import './index-83b25948.js';
+import './index-f37cd68a.js';
+import './useMantineLocale-1c62b715.js';
+import { T as Text } from './index-b14461a3.js';
+import './index-832e25de.js';
+import './index.styles-241e597c.js';
+import { u as useTranslations } from './index-2eedd7c7.js';
 import '@mantine/hooks';
-import { M as MediaQueries } from './utils-4d8f4c8f.js';
-import './other-41878e68.js';
-import './index-c951ca24.js';
+import { M as MediaQueries } from './utils-b095b5f7.js';
+import './other-c98cc85f.js';
+import './index-73c778f3.js';
 import styled from '@emotion/styled';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 

package/build/esm/{index-247168d8.js → index-6c7a1cec.js}

@@ -1,8 +1,8 @@
-import { _ as __rest } from './tslib.es6-c2c5be8e.js';
+import { _ as __rest } from './tslib.es6-b13d9bb6.js';
 import React__default from 'react';
 import { theme } from './miscTheme.js';
-import { W as WhatsApp, I as Instagram } from './WhatsApp-ce437e53.js';
-import { S as Spinner } from './Spinner-494a2b65.js';
+import { W as WhatsApp, I as Instagram } from './WhatsApp-89ab29e7.js';
+import { S as Spinner } from './Spinner-d42e2aa6.js';
 
 const App = (_a) => {
     var { size = 24 } = _a, rest = __rest(_a, ["size"]);

package/build/esm/{index-c951ca24.js → index-73c778f3.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-c2c5be8e.js';
+import { _ as __rest } from './tslib.es6-b13d9bb6.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-ccdd5f53.js';
-import { T as Text } from './index-7fac204b.js';
+import { B as Button } from './index-832e25de.js';
+import { T as Text } from './index-b14461a3.js';
 
 var useStyles = createStyles((theme, params) => {
     const { variant } = params;

package/build/esm/{index-b19cacb0.js → index-747f1e80.js}

@@ -1,49 +1,49 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-c2c5be8e.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-b13d9bb6.js';
 import React__default, { useMemo, useEffect, useContext, useState, useRef, useCallback } from 'react';
-import { i as isInternalLink, L as LanguageSwitcher } from './index-bf3c08c1.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-a71a30c8.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-c1d84f46.js';
-import { a as formatCommunity, b as formatPost } from './dataTransform-250a1729.js';
+import { i as isInternalLink, L as LanguageSwitcher } from './index-c157385c.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-46e95b8b.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-227b684f.js';
+import { a as formatCommunity, b as formatPost } from './dataTransform-58744e96.js';
 import { Close, Download } from '@hhgtech/icons/core';
 import { createStyles, Box, Indicator, useMantineTheme } from '@mantine/core';
-import { L as Logo } from './index-a9218094.js';
-import { u as useTranslations } from './index-92f921ae.js';
+import { L as Logo } from './index-aaca7e77.js';
+import { u as useTranslations } from './index-2eedd7c7.js';
 import throttle from 'lodash/throttle';
-import { I as Input } from './index-8327d7a7.js';
+import { I as Input } from './index-856724ed.js';
 import '@mantine/dates';
-import './index-9947fc3b.js';
-import { C as CommonGAssets } from './index-c1e437e3.js';
-import './useMantineLocale-45b033da.js';
-import { T as Text } from './index-7fac204b.js';
-import { B as Button$1 } from './index-ccdd5f53.js';
-import './index.styles-00f152ae.js';
-import './translationsContext-9c7299cf.js';
+import './index-83b25948.js';
+import { C as CommonGAssets } from './index-f37cd68a.js';
+import './useMantineLocale-1c62b715.js';
+import { T as Text } from './index-b14461a3.js';
+import { B as Button$1 } from './index-832e25de.js';
+import './index.styles-241e597c.js';
+import './translationsContext-e77c3167.js';
 import '@mantine/hooks';
-import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-4d8f4c8f.js';
-import './other-41878e68.js';
-import './index-c951ca24.js';
-import { L as LOCALISED_SLUGS } from './constants-e17bdee7.js';
+import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-b095b5f7.js';
+import './other-c98cc85f.js';
+import './index-73c778f3.js';
+import { L as LOCALISED_SLUGS } from './constants-14b4c6ee.js';
 import styled from '@emotion/styled';
-import { u as useCSSFocusPopupHelper, N as NavigationProfileButton } from './index-0c954c7e.js';
-import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-f3c957b4.js';
-import { B as Button } from './index-1c00c755.js';
-import { i as domainLocalesMarryBaby } from './utils-38fc8de4.js';
+import { u as useCSSFocusPopupHelper, N as NavigationProfileButton } from './index-f2a869ea.js';
+import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-4d31051c.js';
+import { B as Button } from './index-86f399c7.js';
+import { i as domainLocalesMarryBaby } from './utils-b1dbc1ff.js';
 import { domainLocales } from './constantsDomainLocales.js';
-import { L as LOCALIZED_SLUGS } from './constants-e522b798.js';
+import { L as LOCALIZED_SLUGS } from './constants-8033a6f7.js';
 import { theme } from './miscTheme.js';
-import { H as Heading } from './index-704f2d32.js';
-import { I as Indicator$1 } from './index-39227e43.js';
-import { u as useIsInit } from './useIsInit-326490ca.js';
+import { H as Heading } from './index-d937373e.js';
+import { I as Indicator$1 } from './index-52bf7e7f.js';
+import { u as useIsInit } from './useIsInit-060c3dee.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 import dayjs from 'dayjs';
 import relativeTime from 'dayjs/plugin/relativeTime';
-import { U as UserAvatar } from './index-f51fab19.js';
+import { U as UserAvatar } from './index-260a698d.js';
 import { ArrowRight } from '@hhgtech/icons/other';
 import formatString from 'string-format';
-import { C as Container } from './index-ce2fc777.js';
-import { L as LOCALE } from './Locale-a69747b0.js';
+import { C as Container } from './index-78405fbe.js';
+import { L as LOCALE } from './Locale-82737cba.js';
 import debounce from 'lodash/debounce';
-import { g as getDataWithCache } from './core-084b493e.js';
+import { g as getDataWithCache } from './core-2fcc1568.js';
 
 const getEcomUrl = ({ path, locale, }) => {
     var _a;
@@ -2053,7 +2053,7 @@ const ItemNavButton = ({ item, color = 'blue' }) => {
                 });
             }
             if (item.id === 'care') {
-                import('./doctor-f52d6a86.js').then((data) => {
+                import('./doctor-df1c73f4.js').then((data) => {
                     if (data === null || data === void 0 ? void 0 : data.default)
                         setIconJson(() => data.default);
                 });

package/build/esm/{index-ccdd5f53.js → index-832e25de.js}

@@ -1,4 +1,4 @@
-import { _ as __rest } from './tslib.es6-c2c5be8e.js';
+import { _ as __rest } from './tslib.es6-b13d9bb6.js';
 import React__default, { forwardRef } from 'react';
 import { createStyles, useMantineTheme, Button as Button$1 } from '@mantine/core';
 

package/build/esm/{index-9947fc3b.js → index-83b25948.js}

@@ -1,4 +1,4 @@
-import { L as LOCALE } from './Locale-a69747b0.js';
+import { L as LOCALE } from './Locale-82737cba.js';
 
 var Gender;
 (function (Gender) {
@@ -122,6 +122,7 @@ var NodeActionType;
     NodeActionType["USER_SUBMIT_EMAIL"] = "user-submit-email";
     NodeActionType["USER_SUBMIT_DROPDOWN"] = "user-submit-dropdown";
     NodeActionType["USER_SUBMIT_DATE"] = "user-submit-date";
+    NodeActionType["USER_SUBMIT_DOB"] = "user-submit-dob";
     NodeActionType["USER_SUBMIT_CONFIRM"] = "user-submit-confirm";
     NodeActionType["USER_SUBMIT_SEND"] = "user-submit-send";
     NodeActionType["USER_SUBMIT_RESEND"] = "user-submit-resend";
@@ -191,6 +192,7 @@ const ELEMENT_CONTROL_INPUT_TYPE = {
     [NodeActionType.DISLIKE_CHOICE]: 'dislike',
     [NodeActionType.REVIEW_CHOICE]: 'review',
     [NodeActionType.USER_SUBMIT_GOOGLE_API_ADDRESS]: 'google-api-address',
+    [NodeActionType.USER_SUBMIT_DOB]: 'dob',
 };
 const SubotType = {
     FRU: 'FRU',

package/build/esm/{index-56aa71e0.js → index-83f04dc6.js}

@@ -1,29 +1,29 @@
 import React__default, { useState, useMemo, useContext, useEffect, createContext, useRef } from 'react';
-import { B as Button } from './index-1c00c755.js';
-import { H as Heading } from './index-704f2d32.js';
-import { T as Text } from './index-7fac204b.js';
-import { c as safeEncodeURI, M as MediaQueries, t as toggleNoScroll, a as getPopupWrapperDom } from './utils-4d8f4c8f.js';
+import { B as Button } from './index-86f399c7.js';
+import { H as Heading } from './index-d937373e.js';
+import { T as Text } from './index-b14461a3.js';
+import { c as safeEncodeURI, M as MediaQueries, t as toggleNoScroll, a as getPopupWrapperDom } from './utils-b095b5f7.js';
 import * as ReactDOM from 'react-dom';
-import { b as callApiWithAuth, d as getApiPath, T as TogetherComponentGlobalContext, c as callApi } from './utils-38fc8de4.js';
+import { b as callApiWithAuth, d as getApiPath, T as TogetherComponentGlobalContext, c as callApi } from './utils-b1dbc1ff.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { a as __awaiter } from './tslib.es6-c2c5be8e.js';
-import { I as Input } from './index-caa2e08a.js';
-import { u as useTranslations } from './index-92f921ae.js';
-import { e as formatComment } from './dataTransform-250a1729.js';
-import { M as MAX_IMAGE_UPLOADS, a as DEFAULT_AVATAR_IMG, D as DEFAULT_IMG } from './constants-55db0870.js';
+import { a as __awaiter } from './tslib.es6-b13d9bb6.js';
+import { I as Input } from './index-8cb28ea4.js';
+import { u as useTranslations } from './index-2eedd7c7.js';
+import { e as formatComment } from './dataTransform-58744e96.js';
+import { M as MAX_IMAGE_UPLOADS, a as DEFAULT_AVATAR_IMG, D as DEFAULT_IMG } from './constants-d429ea90.js';
 import { PATHS } from './togetherApiPaths.js';
-import { j as removeBannedWordWrapper, i as getMentionIdsFromString, k as encodePostContent, u as uploadAndGetSrc, y as youtubeVidIdGetter } from './post-5297e699.js';
-import { C as CardLink } from './index-964b1e68.js';
-import { L as Loading } from './index-52f93c32.js';
-import { U as UserAvatar } from './index-f51fab19.js';
-import { R as RichTextEditor } from './editor-ab335623.js';
+import { j as removeBannedWordWrapper, i as getMentionIdsFromString, k as encodePostContent, u as uploadAndGetSrc, y as youtubeVidIdGetter } from './post-b51dc320.js';
+import { C as CardLink } from './index-fd8ef2e3.js';
+import { L as Loading } from './index-1fa9ef2d.js';
+import { U as UserAvatar } from './index-260a698d.js';
+import { R as RichTextEditor } from './editor-a7bc729e.js';
 import { Portal, Box, useMantineTheme } from '@mantine/core';
 import { FullScreen } from '@hhgtech/icons/other';
-import { P as Popup } from './index-a0d62903.js';
-import { C as CloseIcon } from './index-3230c9ce.js';
+import { P as Popup } from './index-92cb7683.js';
+import { C as CloseIcon } from './index-f59f0485.js';
 import { ShareBox } from './togetherShareBox.js';
-import { I as ImageWrap } from './useScreenSize-5deb0d17.js';
+import { I as ImageWrap } from './useScreenSize-832ea891.js';
 
 const useImagePicker = (imageFilesProp, onImageFilesChange) => {
     const [imageFiles, setImageFiles] = useState(imageFilesProp || []);

package/build/esm/{index-72025426.js → index-84cf55b3.js}

@@ -1,25 +1,25 @@
-import { _ as __rest } from './tslib.es6-c2c5be8e.js';
+import { _ as __rest } from './tslib.es6-b13d9bb6.js';
 import React__default, { createContext, useContext, useRef, useMemo, useState, useEffect } from 'react';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { u as useHealthToolsCache } from './useHealthToolCache-43683984.js';
-import { u as useTranslations } from './index-92f921ae.js';
-import { C as CommonGAssets } from './index-c1e437e3.js';
-import { H as HEALTH_TOOL_TYPE } from './constants-55db0870.js';
-import { G as GenderOptionControl } from './index-6f136469.js';
-import { I as Input, S as Select } from './index-8327d7a7.js';
-import { D as DatePicker } from './index-2994eab3.js';
+import { u as useHealthToolsCache } from './useHealthToolCache-19cb17fc.js';
+import { u as useTranslations } from './index-2eedd7c7.js';
+import { C as CommonGAssets } from './index-f37cd68a.js';
+import { H as HEALTH_TOOL_TYPE } from './constants-d429ea90.js';
+import { G as GenderOptionControl } from './index-5900183a.js';
+import { I as Input, S as Select } from './index-856724ed.js';
+import { D as DatePicker } from './index-c190df65.js';
 import '@mantine/core';
-import './index-7fac204b.js';
-import './index-ccdd5f53.js';
-import './index.styles-00f152ae.js';
+import './index-b14461a3.js';
+import './index-832e25de.js';
+import './index.styles-241e597c.js';
 import '@mantine/hooks';
-import './useMantineLocale-45b033da.js';
-import './index-9947fc3b.js';
-import './utils-4d8f4c8f.js';
-import './index-a71a30c8.js';
-import './other-41878e68.js';
-import './index-c951ca24.js';
-import { H as HealthToolFormWrapper } from './index-dc0abc94.js';
+import './useMantineLocale-1c62b715.js';
+import './index-83b25948.js';
+import './utils-b095b5f7.js';
+import './index-46e95b8b.js';
+import './other-c98cc85f.js';
+import './index-73c778f3.js';
+import { H as HealthToolFormWrapper } from './index-44ebfbe8.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
 const ThrFormContext = createContext({});

package/build/esm/{index-8327d7a7.js → index-856724ed.js}

@@ -1,23 +1,23 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-c2c5be8e.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-b13d9bb6.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 { em, 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-c1e437e3.js';
-import { I as ImageWrap, u as useScreenSize } from './useScreenSize-5deb0d17.js';
+import { C as CommonGAssets } from './index-f37cd68a.js';
+import { I as ImageWrap, u as useScreenSize } from './useScreenSize-832ea891.js';
 import styled from '@emotion/styled';
 import { Carousel as Carousel$1 } from '@mantine/carousel';
-import { T as Text } from './index-7fac204b.js';
-import './index-9947fc3b.js';
+import { T as Text } from './index-b14461a3.js';
+import './index-83b25948.js';
 import { theme } from './miscTheme.js';
-import { B as Breakpoints } from './utils-4d8f4c8f.js';
-import { G as GlobalHeadingStyle, a as GlobalContainerStyle } from './useMantineLocale-45b033da.js';
-import { I as ISO_FORMAT } from './index-a71a30c8.js';
-import { A as ANIMATION_DURATION, B as Button } from './index-ccdd5f53.js';
-import { L as LOCALE } from './Locale-a69747b0.js';
+import { B as Breakpoints } from './utils-b095b5f7.js';
+import { G as GlobalHeadingStyle, a as GlobalContainerStyle } from './useMantineLocale-1c62b715.js';
+import { I as ISO_FORMAT } from './index-46e95b8b.js';
+import { A as ANIMATION_DURATION, B as Button } from './index-832e25de.js';
+import { L as LOCALE } from './Locale-82737cba.js';
 import cn from 'classnames';
-import { a as useUniqueId } from './useUniqueId-b6935208.js';
+import { a as useUniqueId } from './useUniqueId-1968e55d.js';
 import { siteOptions } from './constantsSite.js';
 import { Check, Plus } from '@hhgtech/icons/core';
 
@@ -1355,8 +1355,8 @@ const countriesDefault = Object.values(siteOptions).reduce((countries, { phoneCo
 var styles = {"phoneInput":"i-9Ibox","error":"YDWHh9b"};
 
 /* eslint-disable prettier/prettier */
-const CaretDown = (props) => (React.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 8 5", fill: "currentColor" }, props),
-    React.createElement("path", { d: "M4 5L0.535898 0.5L7.4641 0.5L4 5Z" })));
+const CaretDown = (props) => (React.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 16 16", fill: "currentColor" }, props),
+    React.createElement("path", { d: "M4.81428 7.53044L7.64065 10.3568C7.83849 10.5546 8.15877 10.5546 8.3561 10.3568L11.1825 7.53044C11.5012 7.21168 11.2756 6.66675 10.8247 6.66675H5.172C4.72118 6.66675 4.49552 7.21168 4.81428 7.53044Z" })));
 
 const PhoneForwardRef = (props, ref) => {
     const { isError, defaultCountry, countries = countriesDefault, countryCallingCodeEditable = false, defaultValue, value: valueProps, onChange: onChangeProps, className } = props, inputProps = __rest(props, ["isError", "defaultCountry", "countries", "countryCallingCodeEditable", "defaultValue", "value", "onChange", "className"]);
@@ -1385,7 +1385,7 @@ const PhoneForwardRef = (props, ref) => {
             // eslint-disable-next-line @typescript-eslint/no-unused-vars
             const { country, countryName, flagUrl } = props, restProps = __rest(props, ["country", "countryName", "flagUrl"]);
             const callingCode = country
-                ? `(+${PhoneInputUtils.getCountryCallingCode(country)})`
+                ? `+${PhoneInputUtils.getCountryCallingCode(country)}`
                 : '';
             return (React__default.createElement(React__default.Fragment, null,
                 React__default.createElement(Flag, Object.assign({ country: country, title: countryName }, restProps)),

package/build/esm/{index-1c00c755.js → index-86f399c7.js}

@@ -1,6 +1,6 @@
-import { _ as __rest } from './tslib.es6-c2c5be8e.js';
+import { _ as __rest } from './tslib.es6-b13d9bb6.js';
 import React__default from 'react';
-import { B as Button$1 } from './index-ccdd5f53.js';
+import { B as Button$1 } from './index-832e25de.js';
 
 /**
  * @deprecated Consider to use at '@hhgtech/hhg-components/mantine'

package/build/esm/{index-caa2e08a.js → index-8cb28ea4.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-c2c5be8e.js';
+import { _ as __rest } from './tslib.es6-b13d9bb6.js';
 import React__default, { useMemo } from 'react';
 import { useMantineTheme } from '@mantine/core';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { M as MediaQueries } from './utils-4d8f4c8f.js';
+import { M as MediaQueries } from './utils-b095b5f7.js';
 
 const StyledInput = styled.div `
   position: relative;

package/build/esm/{index-a0d62903.js → index-92cb7683.js}

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

package/build/esm/{index-e87ff521.js → index-a22f97b1.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
-import { u as useTranslations } from './index-92f921ae.js';
-import { B as Button } from './index-1c00c755.js';
+import { u as useTranslations } from './index-2eedd7c7.js';
+import { B as Button } from './index-86f399c7.js';
 
 var styles = {"loading":"PD6nRZX"};