@hhgtech/hhg-components 1.29.336 → 1.29.337-beta-2

package/build/esm/{index-fed66701.js → index-898a0f93.js}

@@ -1,29 +1,29 @@
 import React__default, { useState, useMemo, useContext, useEffect, createContext, useRef } from 'react';
-import { B as Button } from './index-9a835113.js';
-import { H as Heading } from './index-bb9828a7.js';
-import { T as Text } from './index-44b4df08.js';
-import { c as safeEncodeURI, M as MediaQueries, t as toggleNoScroll, a as getPopupWrapperDom } from './utils-05de9e6f.js';
+import { B as Button } from './index-33f31f7d.js';
+import { H as Heading } from './index-47d55a30.js';
+import { T as Text } from './index-bc507e33.js';
+import { c as safeEncodeURI, M as MediaQueries, t as toggleNoScroll, a as getPopupWrapperDom } from './utils-2d569676.js';
 import * as ReactDOM from 'react-dom';
-import { b as callApiWithAuth, d as getApiPath, T as TogetherComponentGlobalContext, c as callApi } from './utils-c5818ceb.js';
+import { b as callApiWithAuth, d as getApiPath, T as TogetherComponentGlobalContext, c as callApi } from './utils-0100ae22.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { a as __awaiter } from './tslib.es6-735dfef4.js';
-import { I as Input } from './index-399a42dd.js';
-import { u as useTranslations } from './index-9375dd2d.js';
-import { e as formatComment } from './dataTransform-3d2abcec.js';
-import { M as MAX_IMAGE_UPLOADS, a as DEFAULT_AVATAR_IMG, D as DEFAULT_IMG } from './constants-f8bf9c43.js';
+import { a as __awaiter } from './tslib.es6-30ff5038.js';
+import { I as Input } from './index-c2f87862.js';
+import { u as useTranslations } from './index-5fb8aaec.js';
+import { e as formatComment } from './dataTransform-f9eb6bb5.js';
+import { M as MAX_IMAGE_UPLOADS, a as DEFAULT_AVATAR_IMG, D as DEFAULT_IMG } from './constants-c7e088f9.js';
 import { PATHS } from './togetherApiPaths.js';
-import { j as removeBannedWordWrapper, i as getMentionIdsFromString, k as encodePostContent, u as uploadAndGetSrc, y as youtubeVidIdGetter } from './post-796de29b.js';
-import { C as CardLink } from './index-8f1d2df4.js';
-import { L as Loading } from './index-c521c3f9.js';
-import { U as UserAvatar } from './index-524c2bbd.js';
-import { R as RichTextEditor } from './editor-3118af50.js';
+import { j as removeBannedWordWrapper, i as getMentionIdsFromString, k as encodePostContent, u as uploadAndGetSrc, y as youtubeVidIdGetter } from './post-88391ac8.js';
+import { C as CardLink } from './index-98c3b1dc.js';
+import { L as Loading } from './index-b942ac2f.js';
+import { U as UserAvatar } from './index-2bdd1bd8.js';
+import { R as RichTextEditor } from './editor-ca5dd59c.js';
 import { Portal, Box, useMantineTheme } from '@mantine/core';
 import { FullScreen } from '@hhgtech/icons/other';
-import { P as Popup } from './index-af52d916.js';
-import { C as CloseIcon } from './index-9709c292.js';
+import { P as Popup } from './index-e7ccb139.js';
+import { C as CloseIcon } from './index-322c7bd0.js';
 import { ShareBox } from './togetherShareBox.js';
-import { I as ImageWrap } from './useScreenSize-4a16c943.js';
+import { I as ImageWrap } from './useScreenSize-772f3476.js';
 
 const useImagePicker = (imageFilesProp, onImageFilesChange) => {
     const [imageFiles, setImageFiles] = useState(imageFilesProp || []);

package/build/esm/{index-357b1f40.js → index-93838dc8.js}

@@ -1,23 +1,23 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-735dfef4.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-30ff5038.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-83a1d865.js';
-import { I as ImageWrap, u as useScreenSize } from './useScreenSize-4a16c943.js';
+import { C as CommonGAssets } from './index-8536d7ee.js';
+import { I as ImageWrap, u as useScreenSize } from './useScreenSize-772f3476.js';
 import styled from '@emotion/styled';
 import { Carousel as Carousel$1 } from '@mantine/carousel';
-import { T as Text } from './index-44b4df08.js';
-import './index-d6cbe5e5.js';
+import { T as Text } from './index-bc507e33.js';
+import './index-e134aca9.js';
 import { theme } from './miscTheme.js';
-import { B as Breakpoints } from './utils-05de9e6f.js';
-import { G as GlobalHeadingStyle, a as GlobalContainerStyle } from './useMantineLocale-ef76978e.js';
-import { I as ISO_FORMAT } from './index-72559aa7.js';
-import { A as ANIMATION_DURATION, B as Button } from './index-d8b25254.js';
-import { L as LOCALE } from './Locale-ff445b5a.js';
+import { B as Breakpoints } from './utils-2d569676.js';
+import { G as GlobalHeadingStyle, a as GlobalContainerStyle } from './useMantineLocale-2d8d193e.js';
+import { I as ISO_FORMAT } from './index-5f513743.js';
+import { A as ANIMATION_DURATION, B as Button } from './index-f51d7e6f.js';
+import { L as LOCALE } from './Locale-41c45443.js';
 import cn from 'classnames';
-import { a as useUniqueId } from './useUniqueId-73f9d065.js';
+import { a as useUniqueId } from './useUniqueId-710debd1.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-3a38a15e.js → index-97af621a.js}

@@ -1,6 +1,6 @@
 import React__default, { useContext, useState, useRef, useEffect } from 'react';
-import { B as Button } from './index-9a835113.js';
-import { T as TogetherComponentGlobalContext } from './utils-c5818ceb.js';
+import { B as Button } from './index-33f31f7d.js';
+import { T as TogetherComponentGlobalContext } from './utils-0100ae22.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
 

package/build/esm/{index-8f1d2df4.js → index-98c3b1dc.js}

@@ -1,12 +1,12 @@
-import { a as __awaiter } from './tslib.es6-735dfef4.js';
+import { a as __awaiter } from './tslib.es6-30ff5038.js';
 import React__default, { useContext, useState, useRef, useEffect } from 'react';
 import { useMantineTheme } from '@mantine/core';
-import { H as Heading } from './index-bb9828a7.js';
-import { T as Text } from './index-44b4df08.js';
-import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-c5818ceb.js';
+import { H as Heading } from './index-47d55a30.js';
+import { T as Text } from './index-bc507e33.js';
+import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-0100ae22.js';
 import styled from '@emotion/styled';
 import { PATHS } from './togetherApiPaths.js';
-import { D as DEFAULT_IMG } from './constants-f8bf9c43.js';
+import { D as DEFAULT_IMG } from './constants-c7e088f9.js';
 
 const StyledCardLink = styled.div `
   .link-info-container {

package/build/esm/index-9c497266.js

@@ -0,0 +1,106 @@
+import { _ as __rest } from './tslib.es6-30ff5038.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-5f513743.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-8cb7b970.js → index-9dee56a3.js}

@@ -1,8 +1,8 @@
-import { _ as __rest } from './tslib.es6-735dfef4.js';
+import { _ as __rest } from './tslib.es6-30ff5038.js';
 import React__default from 'react';
 import { theme } from './miscTheme.js';
-import { W as WhatsApp, I as Instagram } from './WhatsApp-b75c828b.js';
-import { S as Spinner } from './Spinner-7c205c1b.js';
+import { W as WhatsApp, I as Instagram } from './WhatsApp-94b75a3f.js';
+import { S as Spinner } from './Spinner-37b63273.js';
 
 const App = (_a) => {
     var { size = 24 } = _a, rest = __rest(_a, ["size"]);

package/build/esm/{index-cc566c17.js → index-a4dc6763.js}

@@ -1,51 +1,51 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-735dfef4.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-30ff5038.js';
 import React__default, { createContext, useState, useContext, useEffect } from 'react';
-import { T as Tabs } from './index-aaf2ef71.js';
-import { L as Loading } from './index-b2e7b906.js';
-import './index-d6cbe5e5.js';
-import { g as formatArticle } from './dataTransform-3d2abcec.js';
+import { T as Tabs } from './index-f578be99.js';
+import { L as Loading } from './index-1a850d68.js';
+import './index-e134aca9.js';
+import { g as formatArticle } from './dataTransform-f9eb6bb5.js';
 import { PATHS } from './togetherApiPaths.js';
-import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-c5818ceb.js';
+import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-0100ae22.js';
 import { Minus, Plus } from '@hhgtech/icons/core';
 import { Collapse } from '@mantine/core';
-import { C as CardAuthor } from './index-c521c3f9.js';
-import { L as LOCALE } from './Locale-ff445b5a.js';
+import { C as CardAuthor } from './index-b942ac2f.js';
+import { L as LOCALE } from './Locale-41c45443.js';
 import '@hhgtech/icons/other';
-import './index-d8b25254.js';
-import './index-44b4df08.js';
-import './other-dd42ca10.js';
-import './index-9375dd2d.js';
-import './translationsContext-009a6fbd.js';
-import './index-9a835113.js';
-import './index-1999f912.js';
+import './index-f51d7e6f.js';
+import './index-bc507e33.js';
+import './other-2e551da1.js';
+import './index-5fb8aaec.js';
+import './translationsContext-671d13cc.js';
+import './index-33f31f7d.js';
+import './index-15c16270.js';
 import './miscCookieHelper.js';
 import 'slugify';
 import './constantsIsProduction.js';
 import 'string-format';
-import './constants-f8bf9c43.js';
+import './constants-c7e088f9.js';
 import 'dayjs';
 import 'dayjs/plugin/relativeTime';
-import './utils-05de9e6f.js';
-import './index-09e85863.js';
-import './paths-1e566d24.js';
-import './constants-84cbe507.js';
-import './index-72559aa7.js';
+import './utils-2d569676.js';
+import './index-5ad12366.js';
+import './paths-4b232410.js';
+import './constants-66f1ba6f.js';
+import './index-5f513743.js';
 import 'date-fns/locale';
 import './constantsSite.js';
 import './constantsDomainLocales.js';
 import './constantsRiskScreener.js';
-import './index-8cb7b970.js';
+import './index-9dee56a3.js';
 import './miscTheme.js';
-import './WhatsApp-b75c828b.js';
-import './Spinner-7c205c1b.js';
-import './index-524c2bbd.js';
+import './WhatsApp-94b75a3f.js';
+import './Spinner-37b63273.js';
+import './index-2bdd1bd8.js';
 import '@emotion/styled';
-import './useScreenSize-4a16c943.js';
-import './index-83a1d865.js';
+import './useScreenSize-772f3476.js';
+import './index-8536d7ee.js';
 import '@emotion/react';
-import './index-bb9828a7.js';
-import './index-27760b96.js';
-import './index.styles-704e7b92.js';
+import './index-47d55a30.js';
+import './index-2e7fd31b.js';
+import './index.styles-32842daa.js';
 
 const ProfileDetailContext = createContext({});
 

package/build/esm/{index-cbbefdfc.js → index-ac114e68.js}

@@ -1,5 +1,5 @@
 import React__default, { useState, useEffect } from 'react';
-import { B as Button } from './index-d8b25254.js';
+import { B as Button } from './index-f51d7e6f.js';
 import styled from '@emotion/styled';
 
 const StyledContainer = styled.div `

package/build/esm/{index-11f465ec.js → index-b2a08736.js}

@@ -1,9 +1,9 @@
 import React__default, { useState } from 'react';
-import { F as Flag } from './index-357b1f40.js';
+import { F as Flag } from './index-93838dc8.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { T as Text } from './index-44b4df08.js';
-import { C as CommonGAssets } from './index-83a1d865.js';
+import { T as Text } from './index-bc507e33.js';
+import { C as CommonGAssets } from './index-8536d7ee.js';
 
 const ALLOW_DOMAIN_URL = [
     'hellobacsi.com',

package/build/esm/{index-c521c3f9.js → index-b942ac2f.js}

@@ -3,24 +3,24 @@ import { CrossLogo, ShieldCheck } from '@hhgtech/icons/other';
 import { createStyles, Box, Flex, Button as Button$1, rem } from '@mantine/core';
 import dayjs from 'dayjs';
 import relativeTime from 'dayjs/plugin/relativeTime';
-import { u as useTranslations } from './index-9375dd2d.js';
-import { M as MediaQueries, t as toggleNoScroll } from './utils-05de9e6f.js';
-import { A as AuthorBadge, B as BookingBtn } from './index-09e85863.js';
-import { I as Icon } from './index-8cb7b970.js';
-import { _ as __rest } from './tslib.es6-735dfef4.js';
-import { U as UserAvatar } from './index-524c2bbd.js';
-import { I as ImageWrap, u as useScreenSize } from './useScreenSize-4a16c943.js';
-import './index-72559aa7.js';
-import { C as CommonGAssets } from './index-83a1d865.js';
-import { c as callApi, g as getCarePath, l as domainLocales, m as getCareHospitalUrl, n as getCareDoctorUrl, k as getCurrentBaseUrl, o as getDiscoverApiPath, T as TogetherComponentGlobalContext } from './utils-c5818ceb.js';
-import { B as Button } from './index-9a835113.js';
-import { T as Text } from './index-44b4df08.js';
+import { u as useTranslations } from './index-5fb8aaec.js';
+import { M as MediaQueries, t as toggleNoScroll } from './utils-2d569676.js';
+import { A as AuthorBadge, B as BookingBtn } from './index-5ad12366.js';
+import { I as Icon } from './index-9dee56a3.js';
+import { _ as __rest } from './tslib.es6-30ff5038.js';
+import { U as UserAvatar } from './index-2bdd1bd8.js';
+import { I as ImageWrap, u as useScreenSize } from './useScreenSize-772f3476.js';
+import './index-5f513743.js';
+import { C as CommonGAssets } from './index-8536d7ee.js';
+import { c as callApi, g as getCarePath, l as domainLocales, m as getCareHospitalUrl, n as getCareDoctorUrl, k as getCurrentBaseUrl, o as getDiscoverApiPath, T as TogetherComponentGlobalContext } from './utils-0100ae22.js';
+import { B as Button } from './index-33f31f7d.js';
+import { T as Text } from './index-bc507e33.js';
 import { theme } from './miscTheme.js';
 import styled from '@emotion/styled';
 import { CARE_PATHS, DISCOVER_PATHS } from './togetherApiPaths.js';
 import { keyframes } from '@emotion/react';
-import { H as Heading } from './index-bb9828a7.js';
-import { M as Modal } from './index-27760b96.js';
+import { H as Heading } from './index-47d55a30.js';
+import { M as Modal } from './index-2e7fd31b.js';
 import { domainLocales as domainLocales$1 } from './constantsDomainLocales.js';
 
 var styles$2 = {"row":"dZWeHns","flex":"_8z2nszB","mainTxt":"tMiOKib","subTxt":"uDcqD-2","subTxtRow":"pDlsows","subDivider":"m-HVXw1"};
@@ -957,7 +957,7 @@ const _CardAuthor = (props) => {
     useEffect(() => {
         if (open && !ProfileDetail) {
             if (userType === 'chatbot') {
-                import('./index-cc566c17.js').then((module) => {
+                import('./index-a4dc6763.js').then((module) => {
                     setProfileDetail(() => module.ProfileChatbot);
                 });
             }

package/build/esm/{index-2f501b43.js → index-ba5d2a02.js}

@@ -1,21 +1,21 @@
-import { _ as __rest } from './tslib.es6-735dfef4.js';
+import { _ as __rest } from './tslib.es6-30ff5038.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-357b1f40.js';
+import { R as Radio } from './index-93838dc8.js';
 import '@mantine/dates';
-import './index-72559aa7.js';
-import './index-d6cbe5e5.js';
-import { C as CommonGAssets } from './index-83a1d865.js';
-import './useMantineLocale-ef76978e.js';
-import { T as Text } from './index-44b4df08.js';
-import './index-d8b25254.js';
-import './index.styles-704e7b92.js';
-import { u as useTranslations } from './index-9375dd2d.js';
+import './index-5f513743.js';
+import './index-e134aca9.js';
+import { C as CommonGAssets } from './index-8536d7ee.js';
+import './useMantineLocale-2d8d193e.js';
+import { T as Text } from './index-bc507e33.js';
+import './index-f51d7e6f.js';
+import './index.styles-32842daa.js';
+import { u as useTranslations } from './index-5fb8aaec.js';
 import '@mantine/hooks';
-import './utils-05de9e6f.js';
-import './other-dd42ca10.js';
-import './index-aaf2ef71.js';
+import './utils-2d569676.js';
+import './other-2e551da1.js';
+import './index-f578be99.js';
 
 var useStyles = createStyles((theme, { type }) => {
     const isMarryBaby = theme.other.template === 'mb';

package/build/esm/{index-44b4df08.js → index-bc507e33.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-735dfef4.js';
+import { _ as __rest } from './tslib.es6-30ff5038.js';
 import React__default from 'react';
 import { createStyles, Text as Text$1 } from '@mantine/core';
-import { O as OTHER_THEME_CONFIG, F as FontWeight } from './other-dd42ca10.js';
+import { O as OTHER_THEME_CONFIG, F as FontWeight } from './other-2e551da1.js';
 
 var useStyles = createStyles((theme, _params) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;

package/build/esm/{index-62e495a0.js → index-bf731511.js}

@@ -1,20 +1,20 @@
-import { a as __awaiter } from './tslib.es6-735dfef4.js';
+import { a as __awaiter } from './tslib.es6-30ff5038.js';
 import React__default, { useRef, useState, useMemo } from 'react';
 import { User } from '@hhgtech/icons/core';
-import { S as Spinner } from './Spinner-7c205c1b.js';
-import { a as Avatar } from './index-357b1f40.js';
-import { B as Button } from './index-d8b25254.js';
-import { T as Text } from './index-44b4df08.js';
-import { u as useTranslations } from './index-9375dd2d.js';
-import './index-d6cbe5e5.js';
-import { C as CommonGAssets } from './index-83a1d865.js';
+import { S as Spinner } from './Spinner-37b63273.js';
+import { a as Avatar } from './index-93838dc8.js';
+import { B as Button } from './index-f51d7e6f.js';
+import { T as Text } from './index-bc507e33.js';
+import { u as useTranslations } from './index-5fb8aaec.js';
+import './index-e134aca9.js';
+import { C as CommonGAssets } from './index-8536d7ee.js';
 import { theme } from './miscTheme.js';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-05de9e6f.js';
+import { M as MediaQueries } from './utils-2d569676.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 import { ProfileNavigation } from './profileNavigation.js';
 import { NavigationLogoutPopup } from './navigationLogoutPopup.js';
-import { L as LOCALE } from './Locale-ff445b5a.js';
+import { L as LOCALE } from './Locale-41c45443.js';
 
 const useCSSFocusPopupHelper = (configs) => {
     const { allowBgScroll } = configs || {};

package/build/esm/{index-399a42dd.js → index-c2f87862.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-735dfef4.js';
+import { _ as __rest } from './tslib.es6-30ff5038.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-05de9e6f.js';
+import { M as MediaQueries } from './utils-2d569676.js';
 
 const StyledInput = styled.div `
   position: relative;

package/build/esm/{index-eb544dfb.js → index-d22a27e1.js}

@@ -1,8 +1,8 @@
 import React__default, { useState, useRef, useEffect } from 'react';
-import { u as useScrollbarSize } from './useScrollbarSize-f2cafebc.js';
+import { u as useScrollbarSize } from './useScrollbarSize-f82988ad.js';
 import { createPortal } from 'react-dom';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-05de9e6f.js';
+import { M as MediaQueries } from './utils-2d569676.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 import { theme } from './miscTheme.js';
 

package/build/esm/{index-27be0d7e.js → index-d5a5d034.js}

@@ -1,20 +1,20 @@
-import { _ as __rest } from './tslib.es6-735dfef4.js';
+import { _ as __rest } from './tslib.es6-30ff5038.js';
 import React__default, { createContext, useContext } from 'react';
 import { useMantineTheme, Flex, rem, Box, createStyles } from '@mantine/core';
-import { t as themeColors } from './index-357b1f40.js';
+import { t as themeColors } from './index-93838dc8.js';
 import '@mantine/dates';
-import './index-72559aa7.js';
-import './index-d6cbe5e5.js';
-import './index-83a1d865.js';
-import './useMantineLocale-ef76978e.js';
-import { T as Text } from './index-44b4df08.js';
-import './index-d8b25254.js';
-import './index.styles-704e7b92.js';
-import { u as useTranslations } from './index-9375dd2d.js';
+import './index-5f513743.js';
+import './index-e134aca9.js';
+import './index-8536d7ee.js';
+import './useMantineLocale-2d8d193e.js';
+import { T as Text } from './index-bc507e33.js';
+import './index-f51d7e6f.js';
+import './index.styles-32842daa.js';
+import { u as useTranslations } from './index-5fb8aaec.js';
 import '@mantine/hooks';
-import { M as MediaQueries } from './utils-05de9e6f.js';
-import './other-dd42ca10.js';
-import './index-aaf2ef71.js';
+import { M as MediaQueries } from './utils-2d569676.js';
+import './other-2e551da1.js';
+import './index-f578be99.js';
 import styled from '@emotion/styled';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 

package/build/esm/{index-2e21d82d.js → index-e0da4187.js}

@@ -1,23 +1,23 @@
-import { _ as __rest } from './tslib.es6-735dfef4.js';
+import { _ as __rest } from './tslib.es6-30ff5038.js';
 import React__default, { createContext, useContext } from 'react';
 import { useMantineTheme } from '@mantine/core';
 import { useForm, isNotEmpty } from '@mantine/form';
-import './index-357b1f40.js';
-import { D as DatePicker } from './index-59b5b421.js';
-import './index-44b4df08.js';
-import './index-d8b25254.js';
-import './index.styles-704e7b92.js';
-import { u as useTranslations } from './index-9375dd2d.js';
+import './index-93838dc8.js';
+import { D as DatePicker } from './index-5ac1c9ba.js';
+import './index-bc507e33.js';
+import './index-f51d7e6f.js';
+import './index.styles-32842daa.js';
+import { u as useTranslations } from './index-5fb8aaec.js';
 import '@mantine/hooks';
-import './useMantineLocale-ef76978e.js';
-import './index-d6cbe5e5.js';
-import './index-83a1d865.js';
-import './utils-05de9e6f.js';
-import './index-72559aa7.js';
-import './other-dd42ca10.js';
-import './index-aaf2ef71.js';
-import { H as HealthToolFormWrapper } from './index-367992ac.js';
-import { G as GenderOptionControl } from './index-2f501b43.js';
+import './useMantineLocale-2d8d193e.js';
+import './index-e134aca9.js';
+import './index-8536d7ee.js';
+import './utils-2d569676.js';
+import './index-5f513743.js';
+import './other-2e551da1.js';
+import './index-f578be99.js';
+import { H as HealthToolFormWrapper } from './index-e3dd8f4e.js';
+import { G as GenderOptionControl } from './index-ba5d2a02.js';
 import { CalendarMB } from '@hhgtech/icons/other';
 
 const BabyVaccineFormContext = createContext({});

package/build/esm/{index-d6cbe5e5.js → index-e134aca9.js}

@@ -1,4 +1,4 @@
-import { L as LOCALE } from './Locale-ff445b5a.js';
+import { L as LOCALE } from './Locale-41c45443.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-367992ac.js → index-e3dd8f4e.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-735dfef4.js';
+import { _ as __rest } from './tslib.es6-30ff5038.js';
 import React__default, { createContext, useContext } from 'react';
 import { createStyles, rem, Box, Input, Chip, useMantineTheme, Flex, Switch } from '@mantine/core';
-import { T as Text } from './index-44b4df08.js';
-import { B as Button } from './index-d8b25254.js';
-import { u as useTranslations } from './index-9375dd2d.js';
+import { T as Text } from './index-bc507e33.js';
+import { B as Button } from './index-f51d7e6f.js';
+import { u as useTranslations } from './index-5fb8aaec.js';
 import flattenChildren from 'react-keyed-flatten-children';
 import { theme } from './miscTheme.js';