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

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

@@ -1,23 +1,23 @@
-import { _ as __rest } from './tslib.es6-735dfef4.js';
+import { _ as __rest } from './tslib.es6-fcc12e6e.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-ab659554.js';
+import { D as DatePicker } from './index-215fad60.js';
+import './index-792c8b5e.js';
+import './index-171a1210.js';
+import './index.styles-3222cfcd.js';
+import { u as useTranslations } from './index-0a3a25e0.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-8ec56dce.js';
+import './index-6d9897a3.js';
+import './index-d66398fb.js';
+import './utils-f0fb373d.js';
+import './index-b956898a.js';
+import './other-b7db4eb0.js';
+import './index-098da010.js';
+import { H as HealthToolFormWrapper } from './index-0577ad70.js';
+import { G as GenderOptionControl } from './index-5eba8c12.js';
 import { CalendarMB } from '@hhgtech/icons/other';
 
 const BabyVaccineFormContext = createContext({});

package/build/esm/index-4fc18fd0.js

@@ -0,0 +1,106 @@
+import { _ as __rest } from './tslib.es6-fcc12e6e.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-b956898a.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-c521c3f9.js → index-504a2fbb.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-0a3a25e0.js';
+import { M as MediaQueries, t as toggleNoScroll } from './utils-f0fb373d.js';
+import { A as AuthorBadge, B as BookingBtn } from './index-56962e5f.js';
+import { I as Icon } from './index-ce0911cb.js';
+import { _ as __rest } from './tslib.es6-fcc12e6e.js';
+import { U as UserAvatar } from './index-5a67a866.js';
+import { I as ImageWrap, u as useScreenSize } from './useScreenSize-ff87e07d.js';
+import './index-b956898a.js';
+import { C as CommonGAssets } from './index-d66398fb.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-2ae57b41.js';
+import { B as Button } from './index-fe73e1d6.js';
+import { T as Text } from './index-792c8b5e.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-3ce2819c.js';
+import { M as Modal } from './index-a91a8c9b.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-e362d3cd.js').then((module) => {
                     setProfileDetail(() => module.ProfileChatbot);
                 });
             }

package/build/esm/{index-09e85863.js → index-56962e5f.js}

@@ -1,12 +1,12 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-735dfef4.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-fcc12e6e.js';
 import React__default, { useState, useMemo, useCallback } from 'react';
-import { u as useTranslations } from './index-9375dd2d.js';
+import { u as useTranslations } from './index-0a3a25e0.js';
 import { createStyles } from '@mantine/core';
-import { P as PATHS } from './paths-1e566d24.js';
-import { L as LOCALIZED_SLUGS } from './constants-84cbe507.js';
-import { B as Button } from './index-d8b25254.js';
-import './index-72559aa7.js';
-import { c as callApi, g as getCarePath } from './utils-c5818ceb.js';
+import { P as PATHS } from './paths-504571aa.js';
+import { L as LOCALIZED_SLUGS } from './constants-1825cb20.js';
+import { B as Button } from './index-171a1210.js';
+import './index-b956898a.js';
+import { c as callApi, g as getCarePath } from './utils-2ae57b41.js';
 import { domainLocales } from './constantsDomainLocales.js';
 import { isProduction } from './constantsIsProduction.js';
 

package/build/esm/{index-f5cd45ed.js → index-56e2d0e7.js}

@@ -1,13 +1,13 @@
-import { _ as __rest } from './tslib.es6-735dfef4.js';
+import { _ as __rest } from './tslib.es6-fcc12e6e.js';
 import React__default, { useMemo, useState, useEffect } from 'react';
-import './index-d6cbe5e5.js';
+import './index-6d9897a3.js';
 import styled from '@emotion/styled';
-import { C as CommonGAssets } from './index-83a1d865.js';
+import { C as CommonGAssets } from './index-d66398fb.js';
 import { theme } from './miscTheme.js';
-import { I as ImageWrap } from './useScreenSize-4a16c943.js';
-import { T as Text } from './index-cd7b25b0.js';
-import { L as LOCALE } from './Locale-ff445b5a.js';
-import { c as CentralCarousel } from './index-357b1f40.js';
+import { I as ImageWrap } from './useScreenSize-ff87e07d.js';
+import { T as Text } from './index-dc3d3f09.js';
+import { L as LOCALE } from './Locale-aabbe16c.js';
+import { c as CentralCarousel } from './index-ab659554.js';
 
 const StyledIconContainer = styled.div `
   display: inline-flex;

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

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-735dfef4.js';
+import { _ as __rest } from './tslib.es6-fcc12e6e.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-f0fb373d.js';
 
 const StyledInput = styled.div `
   position: relative;

package/build/esm/{index-71aea2be.js → index-582fad95.js}

@@ -1,8 +1,8 @@
 import React__default, { useState } from 'react';
 import { theme } from './miscTheme.js';
 import styled from '@emotion/styled';
-import { M as MarryBabyText } from './index-f039c8b5.js';
-import { T as Text } from './index-cd7b25b0.js';
+import { M as MarryBabyText } from './index-5beb35a6.js';
+import { T as Text } from './index-dc3d3f09.js';
 
 const StyledRadioImageGroup = styled.div `
   display: flex;

package/build/esm/{index-ac999650.js → index-5a1c98c5.js}

@@ -1,25 +1,25 @@
-import { _ as __rest } from './tslib.es6-735dfef4.js';
+import { _ as __rest } from './tslib.es6-fcc12e6e.js';
 import React__default, { createContext, useContext, useRef, useMemo, useState, useEffect } from 'react';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { u as useHealthToolsCache } from './useHealthToolCache-7ca20fc4.js';
-import { u as useTranslations } from './index-9375dd2d.js';
-import { C as CommonGAssets } from './index-83a1d865.js';
-import { H as HEALTH_TOOL_TYPE } from './constants-f8bf9c43.js';
-import { G as GenderOptionControl } from './index-2f501b43.js';
-import { I as Input, S as Select } from './index-357b1f40.js';
-import { D as DatePicker } from './index-59b5b421.js';
+import { u as useHealthToolsCache } from './useHealthToolCache-311ba5d9.js';
+import { u as useTranslations } from './index-0a3a25e0.js';
+import { C as CommonGAssets } from './index-d66398fb.js';
+import { H as HEALTH_TOOL_TYPE } from './constants-75941514.js';
+import { G as GenderOptionControl } from './index-5eba8c12.js';
+import { I as Input, S as Select } from './index-ab659554.js';
+import { D as DatePicker } from './index-215fad60.js';
 import '@mantine/core';
-import './index-44b4df08.js';
-import './index-d8b25254.js';
-import './index.styles-704e7b92.js';
+import './index-792c8b5e.js';
+import './index-171a1210.js';
+import './index.styles-3222cfcd.js';
 import '@mantine/hooks';
-import './useMantineLocale-ef76978e.js';
-import './index-d6cbe5e5.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 './useMantineLocale-8ec56dce.js';
+import './index-6d9897a3.js';
+import './utils-f0fb373d.js';
+import './index-b956898a.js';
+import './other-b7db4eb0.js';
+import './index-098da010.js';
+import { H as HealthToolFormWrapper } from './index-0577ad70.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
 const ThrFormContext = createContext({});

package/build/esm/{index-524c2bbd.js → index-5a67a866.js}

@@ -1,6 +1,6 @@
-import { _ as __rest } from './tslib.es6-735dfef4.js';
+import { _ as __rest } from './tslib.es6-fcc12e6e.js';
 import React__default, { useContext, useState } from 'react';
-import { T as TogetherComponentGlobalContext } from './utils-c5818ceb.js';
+import { T as TogetherComponentGlobalContext } from './utils-2ae57b41.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
 

package/build/esm/{index-f039c8b5.js → index-5beb35a6.js}

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

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

@@ -1,21 +1,21 @@
-import { _ as __rest } from './tslib.es6-735dfef4.js';
+import { _ as __rest } from './tslib.es6-fcc12e6e.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-ab659554.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-b956898a.js';
+import './index-6d9897a3.js';
+import { C as CommonGAssets } from './index-d66398fb.js';
+import './useMantineLocale-8ec56dce.js';
+import { T as Text } from './index-792c8b5e.js';
+import './index-171a1210.js';
+import './index.styles-3222cfcd.js';
+import { u as useTranslations } from './index-0a3a25e0.js';
 import '@mantine/hooks';
-import './utils-05de9e6f.js';
-import './other-dd42ca10.js';
-import './index-aaf2ef71.js';
+import './utils-f0fb373d.js';
+import './other-b7db4eb0.js';
+import './index-098da010.js';
 
 var useStyles = createStyles((theme, { type }) => {
     const isMarryBaby = theme.other.template === 'mb';

package/build/esm/{index-eb544dfb.js → index-65030319.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-21ae88f5.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-f0fb373d.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 import { theme } from './miscTheme.js';
 

package/build/esm/{index-53bdebc3.js → index-6624a988.js}

@@ -1,25 +1,25 @@
-import { _ as __rest } from './tslib.es6-735dfef4.js';
+import { _ as __rest } from './tslib.es6-fcc12e6e.js';
 import React__default, { createContext, useContext } from 'react';
 import { createStyles, rem, useMantineTheme } from '@mantine/core';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { I as Input } from './index-357b1f40.js';
-import { D as DatePicker } from './index-59b5b421.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 { I as Input } from './index-ab659554.js';
+import { D as DatePicker } from './index-215fad60.js';
+import { T as Text } from './index-792c8b5e.js';
+import './index-171a1210.js';
+import './index.styles-3222cfcd.js';
+import { u as useTranslations } from './index-0a3a25e0.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 { I as INPUT_RANGE } from './constants-ec671c4b.js';
-import { H as HealthToolFormWrapper } from './index-367992ac.js';
-import { G as GenderOptionControl } from './index-2f501b43.js';
-import { L as LOCALE } from './Locale-ff445b5a.js';
+import './useMantineLocale-8ec56dce.js';
+import './index-6d9897a3.js';
+import './index-d66398fb.js';
+import './utils-f0fb373d.js';
+import './index-b956898a.js';
+import './other-b7db4eb0.js';
+import './index-098da010.js';
+import { I as INPUT_RANGE } from './constants-5d5b0836.js';
+import { H as HealthToolFormWrapper } from './index-0577ad70.js';
+import { G as GenderOptionControl } from './index-5eba8c12.js';
+import { L as LOCALE } from './Locale-aabbe16c.js';
 import { CalendarMB } from '@hhgtech/icons/other';
 
 const BabyGrowthFormContext = createContext({});

package/build/esm/{index-fed66701.js → index-6b573f6a.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-fe73e1d6.js';
+import { H as Heading } from './index-3ce2819c.js';
+import { T as Text } from './index-792c8b5e.js';
+import { c as safeEncodeURI, M as MediaQueries, t as toggleNoScroll, a as getPopupWrapperDom } from './utils-f0fb373d.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-2ae57b41.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-fcc12e6e.js';
+import { I as Input } from './index-57200f86.js';
+import { u as useTranslations } from './index-0a3a25e0.js';
+import { e as formatComment } from './dataTransform-5f8e2519.js';
+import { M as MAX_IMAGE_UPLOADS, a as DEFAULT_AVATAR_IMG, D as DEFAULT_IMG } from './constants-75941514.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-778cc9c3.js';
+import { C as CardLink } from './index-2652154c.js';
+import { L as Loading } from './index-504a2fbb.js';
+import { U as UserAvatar } from './index-5a67a866.js';
+import { R as RichTextEditor } from './editor-87ca2797.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-80559239.js';
+import { C as CloseIcon } from './index-c45489fa.js';
 import { ShareBox } from './togetherShareBox.js';
-import { I as ImageWrap } from './useScreenSize-4a16c943.js';
+import { I as ImageWrap } from './useScreenSize-ff87e07d.js';
 
 const useImagePicker = (imageFilesProp, onImageFilesChange) => {
     const [imageFiles, setImageFiles] = useState(imageFilesProp || []);

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

@@ -1,4 +1,4 @@
-import { L as LOCALE } from './Locale-ff445b5a.js';
+import { L as LOCALE } from './Locale-aabbe16c.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-88049390.js → index-6fd8c1ca.js}

@@ -1,32 +1,32 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-735dfef4.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-fcc12e6e.js';
 import React__default, { useContext, useState, useEffect, useMemo } from 'react';
-import { B as Button } from './index-9a835113.js';
-import { H as Heading } from './index-bb9828a7.js';
-import { u as useTranslations } from './index-9375dd2d.js';
+import { B as Button } from './index-fe73e1d6.js';
+import { H as Heading } from './index-3ce2819c.js';
+import { u as useTranslations } from './index-0a3a25e0.js';
 import innertext from 'innertext';
-import { S as SharePopup, P as PopupDanger, i as deletePost, j as IconAlertCircle, b as SubmitReportForm, k as deleteComment, l as decodeCommentBody, m as likeUnlikeComment, I as InputCommentBar, c as SocialLinkPreview, n as likeUnlikePost, g as getDefaultFailNoti } from './index-fed66701.js';
-import { C as CommonGAssets } from './index-83a1d865.js';
-import { R as REPORT_REASON_MAP, D as DEFAULT_IMG } from './constants-f8bf9c43.js';
+import { S as SharePopup, P as PopupDanger, i as deletePost, j as IconAlertCircle, b as SubmitReportForm, k as deleteComment, l as decodeCommentBody, m as likeUnlikeComment, I as InputCommentBar, c as SocialLinkPreview, n as likeUnlikePost, g as getDefaultFailNoti } from './index-6b573f6a.js';
+import { C as CommonGAssets } from './index-d66398fb.js';
+import { R as REPORT_REASON_MAP, D as DEFAULT_IMG } from './constants-75941514.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-c5818ceb.js';
-import { b as TreePopoverMenu, C as CardReactions, c as CardReactionType, a as LabelPin, T as TagTopic } from './treePopoverMenu-d314016d.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-2ae57b41.js';
+import { b as TreePopoverMenu, C as CardReactions, c as CardReactionType, a as LabelPin, T as TagTopic } from './treePopoverMenu-7547f51e.js';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-05de9e6f.js';
+import { M as MediaQueries } from './utils-f0fb373d.js';
 import { theme } from './miscTheme.js';
-import { g as formatArticle, h as formatCategory, e as formatComment } from './dataTransform-3d2abcec.js';
+import { g as formatArticle, h as formatCategory, e as formatComment } from './dataTransform-5f8e2519.js';
 import { DISCOVER_PATHS, CARE_PATHS, PATHS } from './togetherApiPaths.js';
-import { C as CardLink } from './index-8f1d2df4.js';
-import { C as CardAuthor, L as Loading, c as ProfileDetailModal } from './index-c521c3f9.js';
-import { a as ProfileDetail, P as PostContent } from './index-1e9560e7.js';
-import { a as PostImagePreview } from './index-9709c292.js';
-import { D as Divider } from './index-ebaff3a3.js';
-import './index-72559aa7.js';
+import { C as CardLink } from './index-2652154c.js';
+import { C as CardAuthor, L as Loading, c as ProfileDetailModal } from './index-504a2fbb.js';
+import { a as ProfileDetail, P as PostContent } from './index-2bc4e04b.js';
+import { a as PostImagePreview } from './index-c45489fa.js';
+import { D as Divider } from './index-c07be633.js';
+import './index-b956898a.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-399a42dd.js';
-import { T as Text } from './index-44b4df08.js';
-import { g as getCurrentBaseUrl } from './normalizeLink-f5dcc1b2.js';
+import { I as Input } from './index-57200f86.js';
+import { T as Text } from './index-792c8b5e.js';
+import { g as getCurrentBaseUrl } from './normalizeLink-8f979fe7.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-0886b852.js → index-73bec5a7.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
-import { I as Icon } from './index-8cb7b970.js';
-import { u as useTranslations } from './index-9375dd2d.js';
+import { I as Icon } from './index-ce0911cb.js';
+import { u as useTranslations } from './index-0a3a25e0.js';
 
 var styles = {"loading":"tliWyii"};
 

package/build/esm/{index-3794b715.js → index-76be675d.js}

@@ -1,7 +1,7 @@
 import React__default, { useState, useEffect } from 'react';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { I as ImageWrap } from './useScreenSize-4a16c943.js';
+import { I as ImageWrap } from './useScreenSize-ff87e07d.js';
 
 const StyledAvatar = styled.div `
   background-color: var(--background-color, transparent);

package/build/esm/{index-1c23d4c6.js → index-7854bbb3.js}

@@ -1,6 +1,6 @@
-import { c as cookie } from './index-1999f912.js';
-import { d as BEARER_TOKEN_COOKIE } from './index-72559aa7.js';
-import { N as NodeIntentType } from './index-d6cbe5e5.js';
+import { c as cookie } from './index-96e88304.js';
+import { d as BEARER_TOKEN_COOKIE } from './index-b956898a.js';
+import { N as NodeIntentType } from './index-6d9897a3.js';
 import Cookies from 'js-cookie';
 import { v4 } from 'uuid';
 import { isProduction } from './constantsIsProduction.js';

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

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-735dfef4.js';
+import { _ as __rest } from './tslib.es6-fcc12e6e.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-b7db4eb0.js';
 
 var useStyles = createStyles((theme, _params) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;

package/build/esm/{index-af52d916.js → index-80559239.js}

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

package/build/esm/{index-70638c2e.js → index-8901c274.js}

@@ -1,11 +1,11 @@
 import React__default, { useRef, useEffect } from 'react';
 import { Portal } from '@mantine/core';
-import { t as toggleNoScroll } from './utils-05de9e6f.js';
+import { t as toggleNoScroll } from './utils-f0fb373d.js';
 import { css } from '@emotion/react';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { s as slideInUp, e as slideOutDown, b as slideInLeft, f as slideOutLeft, c as slideInRight, g as slideOutRight, a as slideInDown, d as slideOutUp } from './animation-3feb43e0.js';
-import { T as Text } from './index-44b4df08.js';
+import { s as slideInUp, e as slideOutDown, b as slideInLeft, f as slideOutLeft, c as slideInRight, g as slideOutRight, a as slideInDown, d as slideOutUp } from './animation-d026e492.js';
+import { T as Text } from './index-792c8b5e.js';
 
 const DURATION = '600ms';
 const generateStyleBasedOnPlacement = (placement, open) => {