@hhgtech/hhg-components 1.29.1 → 1.29.3

package/build/esm/{index-b9ab0f30.js → index-848c5cb0.js}

@@ -1,68 +1,68 @@
-import React__default, { useState, useEffect, useRef, useMemo, Fragment, memo, useCallback, useImperativeHandle, forwardRef, createContext, useContext } from 'react';
-import { T as Text } from './index-b5f84e24.js';
-import { b as StyledAvatar, c as StyledBadge$1, d as StyledBorderHeading, e as StyledDropdown, f as StyledDropdownName, g as StyledDropdownList, h as StyledDropdownOption, i as StyledIcon$1, j as StyledGrid, k as StyledPagination, l as StyledPageBlock, m as StyledPaginationBlock, n as StyledTag, o as StyledToggle, p as StyledToggleIcon, q as StyledToggleLabel, r as StyledCheckbox, s as StyledRateStars, u as useStyles$4, T as TextArea, P as PureInput } from './index.styles-51d80c5c.js';
-import { f as formatUrlWithPageParam, M as MediaQueries } from './utils-75630fc7.js';
-import { I as ImageWrap, R as Radio$1, u as useScreenSize, A as Anchor, a as Avatar$1, b as AspectRatio, B as Button$1, c as Input$1, d as Checkbox$1, e as ChipButton, t as themeColors } from './index-2edb2e27.js';
-import { T as Text$1 } from './index-07fad580.js';
-import { _ as __rest, a as __awaiter } from './tslib.es6-6c353490.js';
-import { C as CommonGAssets } from './index-8cf272e7.js';
-import { H as Heading } from './index-f7d9c75d.js';
-import { t as theme } from './theme-42cb371b.js';
+import React__default, { useState, useEffect, useRef, useMemo, Fragment, memo, useCallback, useImperativeHandle, createContext, useContext, forwardRef } from 'react';
+import { T as Text } from './index-fc2bbaf3.js';
+import { b as StyledAvatar, c as StyledBadge$1, d as StyledBorderHeading, e as StyledDropdown, f as StyledDropdownName, g as StyledDropdownList, h as StyledDropdownOption, i as StyledIcon$1, j as StyledGrid, k as StyledPagination, l as StyledPageBlock, m as StyledPaginationBlock, n as StyledTag, o as StyledToggle, p as StyledToggleIcon, q as StyledToggleLabel, r as StyledCheckbox, s as StyledRateStars, u as useStyles$4, T as TextArea, P as PureInput } from './index.styles-a1556ae8.js';
+import { f as formatUrlWithPageParam, M as MediaQueries } from './utils-84f2dbd0.js';
+import { I as ImageWrap, R as Radio$1, u as useScreenSize, A as Anchor, a as Avatar$1, b as AspectRatio, B as Button$1, c as Input$1, d as Checkbox$1, e as ChipButton, t as themeColors } from './index-d508ab4d.js';
+import { T as Text$1 } from './index-74e11ced.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-fadfbd88.js';
+import { C as CommonGAssets } from './index-5290919a.js';
+import { H as Heading } from './index-9e4691ad.js';
+import { t as theme } from './theme-ee0917af.js';
 import { Box, Radio as Radio$2, Flex, rem, Card, Group, createStyles, Stack, getStylesRef, useMantineTheme, Container as Container$1, AspectRatio as AspectRatio$1, ScrollArea, Chip, Badge as Badge$1, MultiSelect, Stepper } from '@mantine/core';
 import innertext from 'innertext';
 import '@mantine/dates';
-import { d as domainLocales, L as LOCALE_SPECS, F as FAVICONS, Q as QUERY_HEALTH_TOOL, R as RISK_SCREENER_NAME, a as RISK_SCREENER_SLUG, G as GA_TOKEN_COOKIE } from './index-cb59b5e6.js';
-import { G as Gender, L as LOCALE } from './Subot-81261e12.js';
-import './useMantineLocale-29b90721.js';
-import './translationsContext-d8f0f15b.js';
+import { d as domainLocales, L as LOCALE_SPECS, F as FAVICONS, Q as QUERY_HEALTH_TOOL, R as RISK_SCREENER_NAME, a as RISK_SCREENER_SLUG, G as GA_TOKEN_COOKIE } from './index-708f8daf.js';
+import { G as Gender, L as LOCALE } from './Subot-75a1996f.js';
+import './useMantineLocale-870679f2.js';
+import './translationsContext-0fb0c768.js';
 import 'string-format';
 import { useViewportSize } from '@mantine/hooks';
-import { i as isInternalLink, d as getTogetherUserPostsApiPath } from './index-1ef35560.js';
+import { i as isInternalLink, d as getTogetherUserPostsApiPath } from './index-66f8a3d7.js';
 import styled from '@emotion/styled';
 import throttle from 'lodash/throttle';
-import { L as Logo } from './index-6e7245c3.js';
-import { B as Button } from './index-383f163a.js';
-import { I as Input } from './index-257a14b5.js';
+import { L as Logo } from './index-356f7429.js';
+import { B as Button } from './index-99eee12f.js';
+import { I as Input } from './index-f45e60ca.js';
 import { keyframes, css } from '@emotion/react';
 import parse from 'html-react-parser';
-import { i as isProduction } from './isProduction-0dd05199.js';
-import { u as useTranslations } from './useTranslations-eceb2845.js';
+import { i as isProduction } from './isProduction-4bebe711.js';
+import { u as useTranslations } from './useTranslations-dcf626d0.js';
 import { CalendarMB, Calendar } from '@hhgtech/icons/other';
 import { format, addDays, isBefore, startOfMonth, addMonths, subMonths, getDaysInMonth, isToday, isSameDay, isWithinInterval, isAfter, isPast } from 'date-fns';
 import dayjs from 'dayjs';
-import { D as DATE_FORMAT } from './types-e55fe348.js';
-import { s as setDefaultClass, Z as Z_INDEX, b as DUE_DATE_FORMAT, H as HEALTH_TOOL_TYPE$1, d as callApiWithAuth, g as getApiPath, P as PATHS$2, T as TogetherComponentGlobalContext, e as getPremiumApiPath, f as getWebsiteUrlApi, h as getSsoApiPath } from './utils-2eeac181.js';
-import { D as DatePicker } from './index-37726222.js';
-import { M as MarryBabyText } from './index-1687bb55.js';
-import { S as Slider } from './index-4eeb1d75.js';
-import { D as Dropdown } from './index-4126e3e8.js';
-import { C as Container } from './index-c3c7be25.js';
+import { D as DATE_FORMAT } from './types-bfa50ab3.js';
+import { s as setDefaultClass, Z as Z_INDEX, b as DUE_DATE_FORMAT, H as HEALTH_TOOL_TYPE$1, d as callApiWithAuth, g as getApiPath, P as PATHS$2, T as TogetherComponentGlobalContext, e as getPremiumApiPath, f as getWebsiteUrlApi, h as getSsoApiPath } from './utils-8684e96a.js';
+import { D as DatePicker } from './index-09b78657.js';
+import { M as MarryBabyText } from './index-82c75f89.js';
+import { S as Slider } from './index-2e6baa25.js';
+import { D as Dropdown } from './index-3b6cf951.js';
+import { C as Container } from './index-a5b6a89b.js';
 import { useForm, Controller } from 'react-hook-form';
-import { u as useHealthToolsCache } from './useHealthToolCache-c9535fac.js';
+import { u as useHealthToolsCache } from './useHealthToolCache-d889e371.js';
 import { yupResolver } from '@hookform/resolvers/yup';
-import { B as BabyGrowthGender, D as Drawer } from './index-edf2ebc8.js';
-import { L as Label } from './constants-5458df08.js';
-import { f as formatUserProfileUrl } from './index-36f504a7.js';
-import './utils-fd352517.js';
-import './index.styled-615cecea.js';
-import './index-bd8f57c2.js';
-import { a as useOutsideClick } from './useOutsideClick-b142b45a.js';
+import { B as BabyGrowthGender, D as Drawer } from './index-dba31454.js';
+import { L as Label } from './constants-ab2210b1.js';
+import { f as formatUserProfileUrl } from './index-38f57efe.js';
+import './utils-82c46d8c.js';
+import './index.styled-91e17b85.js';
+import './index-7f741dab.js';
+import { a as useOutsideClick } from './useOutsideClick-181794d7.js';
 import enUS from 'date-fns/locale/en-US';
 import id from 'date-fns/locale/id';
 import vi from 'date-fns/locale/vi';
 import zhTW from 'date-fns/locale/zh-TW';
-import { g as getSocialList } from './getSocialList-7653bb8f.js';
+import { g as getSocialList } from './getSocialList-657c8916.js';
 import { v4 } from 'uuid';
-import { g as getCurrentBaseUrl, a as getCurrentSsoUrl } from './routing-7892a6d0.js';
+import { g as getCurrentBaseUrl, a as getCurrentSsoUrl } from './routing-06094532.js';
 import { useForm as useForm$1, isNotEmpty } from '@mantine/form';
-import { I as Icon } from './index-bc070b43.js';
+import { I as Icon } from './index-b78774a8.js';
 import { Close, Plus } from '@hhgtech/icons/core';
-import { M as Modal } from './index-e548ff7c.js';
+import { M as Modal } from './index-72f426c8.js';
 import Cookies from 'js-cookie';
 import flatten from 'lodash/flatten';
 import uniqBy from 'lodash/uniqBy';
-import { g as getCookie } from './cookieHelper-778b8de6.js';
-import { n as normalizeLinkSlash, a as normalizeLink } from './normalizeLink-e599ba1f.js';
+import { g as getCookie } from './cookieHelper-9fcb4e60.js';
+import { n as normalizeLinkSlash, a as normalizeLink } from './normalizeLink-07b56f56.js';
 
 var styles$7 = {"alert":"CHw-fZZ","content":"_03U6VRS","close":"EO828Vv"};
 
@@ -4046,6 +4046,8 @@ const DueDateCardEmbed = ({ isMobile, locale, onSubmitDueDate, dueDatePageInfo,
             React__default.createElement(DueDateCalculator, { siteType: siteType, locale: locale, onSubmitDueDate: onSubmitDueDate, isSide: isSide }))));
 };
 
+const BmiEmbedContext = createContext({});
+
 const StyledButton$2 = styled(Button$1) `
   margin: 0 auto 24px;
   ${MediaQueries.mbUp} {
@@ -4272,10 +4274,23 @@ const BmiForm = ({ value: valueProps, onChange: onChangeProps, onSubmit: onSubmi
                 React__default.createElement(StyledButton$2, { size: "lg", fullWidth: true, className: "bmi-btn bmi--btn-submit", dataEventCategory: "Health Tool", dataEventAction: "BMI", dataEventLabel: `https://${domainLocales[locale]}/${linkTool}`, type: "submit" }, t('bmi.submit'))))));
 };
 
-const BMICardEmbed = ({ isMobile, onSubmit, bmiContent, isSide, bmiGenerated, bmiUnit, bmiLink, locale, }) => {
+const Form = () => {
+    const { onSubmit, bmiGenerated, locale, bmiUnit, isSide } = useContext(BmiEmbedContext);
+    return (React__default.createElement(BmiForm, { onSubmit: onSubmit, bmiGenerated: bmiGenerated, locale: locale, bmiUnit: bmiUnit, isSide: isSide }));
+};
+
+const _BMICardEmbed = ({ isMobile, onSubmit, bmiContent, isSide, bmiGenerated, bmiUnit, bmiLink, locale, children, }) => {
     var _a, _b, _c;
     const { t } = useTranslations();
-    return (React__default.createElement(StyledContainer$3, { "data-is-side": isSide },
+    return (React__default.createElement(BmiEmbedContext.Provider, { value: {
+            isMobile,
+            onSubmit,
+            isSide,
+            bmiGenerated,
+            bmiUnit,
+            bmiLink,
+            locale,
+        } }, children || (React__default.createElement(StyledContainer$3, { "data-is-side": isSide },
         React__default.createElement(ToolsBannerCard, { isSide: isSide, icon: React__default.createElement("img", { alt: "health-tool-icon", src: (bmiContent === null || bmiContent === void 0 ? void 0 : bmiContent.featured_image) ||
                     CommonGAssets.getAssetPath('health-tools/bmi.svg'), loading: "lazy" }), heading: t('bmi.heading'), medicalReview: {
                 link: (_a = bmiContent === null || bmiContent === void 0 ? void 0 : bmiContent.reviewBy) === null || _a === void 0 ? void 0 : _a.link,
@@ -4283,8 +4298,10 @@ const BMICardEmbed = ({ isMobile, onSubmit, bmiContent, isSide, bmiGenerated, bm
                 date: (_c = bmiContent === null || bmiContent === void 0 ? void 0 : bmiContent.reviewBy) === null || _c === void 0 ? void 0 : _c.date,
             }, isMobile: isMobile }),
         React__default.createElement(Container, null,
-            React__default.createElement(StyledContent, { as: "div", "data-is-side": isSide }, bmiLink && (React__default.createElement(BmiForm, { onSubmit: onSubmit, bmiGenerated: bmiGenerated, locale: locale, bmiUnit: bmiUnit, isSide: isSide }))))));
-};
+            React__default.createElement(StyledContent, { as: "div", "data-is-side": isSide }, bmiLink && React__default.createElement(Form, null)))))));
+};
+const BMICardEmbed = _BMICardEmbed;
+BMICardEmbed.Form = Form;
 
 const StyledBabyGrowthWrapper$1 = styled.div `
   padding-block: 40px;

package/build/esm/{index-383f163a.js → index-99eee12f.js}

@@ -1,6 +1,6 @@
-import { _ as __rest } from './tslib.es6-6c353490.js';
+import { _ as __rest } from './tslib.es6-fadfbd88.js';
 import React__default from 'react';
-import { B as Button$1 } from './index-2edb2e27.js';
+import { B as Button$1 } from './index-d508ab4d.js';
 
 /**
  * @deprecated Consider to use at '@hhgtech/hhg-components/mantine'

package/build/esm/{index-f7d9c75d.js → index-9e4691ad.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-6c353490.js';
+import { _ as __rest } from './tslib.es6-fadfbd88.js';
 import React__default from 'react';
 import { useMantineTheme } from '@mantine/core';
-import { T as Text } from './index-b5f84e24.js';
+import { T as Text } from './index-fc2bbaf3.js';
 
 /**
  * @deprecated Consider to use import { Title } from '@mantine/core'

package/build/esm/{index-bc070b43.js → index-b78774a8.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-6c353490.js';
+import { _ as __rest } from './tslib.es6-fadfbd88.js';
 import React__default from 'react';
-import { t as theme } from './theme-42cb371b.js';
-import { S as Share, E as Eye, W as WhatsApp, k as Spinner } from './utils-2eeac181.js';
+import { t as theme } from './theme-ee0917af.js';
+import { S as Share, E as Eye, W as WhatsApp, k as Spinner } from './utils-8684e96a.js';
 
 const ArrowRightTail = (_a) => {
     var { size = 24, color: colorInit = theme.colors.gray600, useCurrentColor, isActive, activeColor = theme.colors.primaryBase } = _a, rest = __rest(_a, ["size", "color", "useCurrentColor", "isActive", "activeColor"]);

package/build/esm/{index-dae36eed.js → index-c55369b6.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-6c353490.js';
+import { _ as __rest } from './tslib.es6-fadfbd88.js';
 import React__default from 'react';
 import { Indicator as Indicator$1 } from '@mantine/core';
-import { t as theme } from './theme-42cb371b.js';
+import { t as theme } from './theme-ee0917af.js';
 
 const Indicator = (_a) => {
     var { styles, color = theme.colors.red700 } = _a, props = __rest(_a, ["styles", "color"]);

package/build/esm/{index-079f9f99.js → index-ca39028c.js}

@@ -1,11 +1,11 @@
-import { _ as __rest } from './tslib.es6-6c353490.js';
+import { _ as __rest } from './tslib.es6-fadfbd88.js';
 import React__default, { useMemo, useState, useEffect } from 'react';
-import { L as LOCALE } from './Subot-81261e12.js';
+import { L as LOCALE } from './Subot-75a1996f.js';
 import styled from '@emotion/styled';
-import { C as CommonGAssets } from './index-8cf272e7.js';
-import { t as theme } from './theme-42cb371b.js';
-import { I as ImageWrap, f as CentralCarousel } from './index-2edb2e27.js';
-import { T as Text } from './index-07fad580.js';
+import { C as CommonGAssets } from './index-5290919a.js';
+import { t as theme } from './theme-ee0917af.js';
+import { I as ImageWrap, f as CentralCarousel } from './index-d508ab4d.js';
+import { T as Text } from './index-74e11ced.js';
 
 const StyledIconContainer = styled.div `
   display: inline-flex;

package/build/esm/{index-2edb2e27.js → index-d508ab4d.js}

@@ -1,20 +1,20 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-6c353490.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-fadfbd88.js';
 import * as React from 'react';
 import React__default, { useState, forwardRef, useEffect, Component, useCallback, createContext, useContext, useRef, useMemo, useImperativeHandle } from 'react';
 import { ArrowDown, ArrowLeft, ArrowRight } from '@hhgtech/icons/other';
 import { em, createStyles, useMantineTheme, Button as Button$1, Autocomplete, Image, ActionIcon, Select as Select$1, AspectRatio as AspectRatio$1, 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, rem, Tabs as Tabs$1, ScrollArea, Popover as Popover$1, Chip } from '@mantine/core';
 import { useUncontrolled, useDebouncedValue, useViewportSize, useResizeObserver, useDisclosure, useClickOutside } from '@mantine/hooks';
-import { C as CommonGAssets } from './index-8cf272e7.js';
-import { B as Breakpoints } from './utils-75630fc7.js';
+import { C as CommonGAssets } from './index-5290919a.js';
+import { B as Breakpoints } from './utils-84f2dbd0.js';
 import styled from '@emotion/styled';
 import { Carousel as Carousel$1 } from '@mantine/carousel';
-import { T as Text } from './index-b5f84e24.js';
-import { L as LOCALE } from './Subot-81261e12.js';
-import { t as theme } from './theme-42cb371b.js';
-import { G as GlobalHeadingStyle } from './useMantineLocale-29b90721.js';
-import { I as ISO_FORMAT, s as siteOptions } from './index-cb59b5e6.js';
+import { T as Text } from './index-fc2bbaf3.js';
+import { L as LOCALE } from './Subot-75a1996f.js';
+import { t as theme } from './theme-ee0917af.js';
+import { G as GlobalHeadingStyle } from './useMantineLocale-870679f2.js';
+import { I as ISO_FORMAT, s as siteOptions } from './index-708f8daf.js';
 import cn from 'classnames';
-import { a as useUniqueId } from './useUniqueId-53a01cbf.js';
+import { a as useUniqueId } from './useUniqueId-b260f959.js';
 import { Check, Plus } from '@hhgtech/icons/core';
 
 const GlobalButtonStyle = {

package/build/esm/{index-edf2ebc8.js → index-dba31454.js}

@@ -1,18 +1,18 @@
 import React__default, { useRef, useEffect, useState } from 'react';
 import { Portal } from '@mantine/core';
-import { t as toggleNoScroll, M as MediaQueries } from './utils-75630fc7.js';
-import { x as StyledBackdrop, y as StyledDrawer, z as StyledDrawerPanel, A as StyledDrawerContent, B as StyledRadioImageGroup, C as StyledRadioImageItem } from './index.styles-51d80c5c.js';
-import { T as Text } from './index-b5f84e24.js';
-import { u as useScrollbarSize } from './useScrollbarSize-57dc7083.js';
+import { t as toggleNoScroll, M as MediaQueries } from './utils-84f2dbd0.js';
+import { x as StyledBackdrop, y as StyledDrawer, z as StyledDrawerPanel, A as StyledDrawerContent, B as StyledRadioImageGroup, C as StyledRadioImageItem } from './index.styles-a1556ae8.js';
+import { T as Text } from './index-fc2bbaf3.js';
+import { u as useScrollbarSize } from './useScrollbarSize-feb4985a.js';
 import { createPortal } from 'react-dom';
 import styled from '@emotion/styled';
-import { s as setDefaultClass } from './utils-2eeac181.js';
-import { t as theme } from './theme-42cb371b.js';
+import { s as setDefaultClass } from './utils-8684e96a.js';
+import { t as theme } from './theme-ee0917af.js';
 import { BabyBoyMB, GenderChooseBoy, BabyGirlMB, GenderChooseGirl } from '@hhgtech/icons/other';
-import { u as useTranslations } from './useTranslations-eceb2845.js';
-import { G as Gender } from './Subot-81261e12.js';
-import { M as MarryBabyText, a as MarryBabyHeading } from './index-1687bb55.js';
-import { T as Text$1 } from './index-07fad580.js';
+import { u as useTranslations } from './useTranslations-dcf626d0.js';
+import { G as Gender } from './Subot-75a1996f.js';
+import { M as MarryBabyText, a as MarryBabyHeading } from './index-82c75f89.js';
+import { T as Text$1 } from './index-74e11ced.js';
 
 const Backdrop = ({ open = false, onClickOutside, }) => {
     return (React__default.createElement(StyledBackdrop, { "data-open": open, onClick: onClickOutside }));

package/build/esm/{index-257a14b5.js → index-f45e60ca.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-6c353490.js';
+import { _ as __rest } from './tslib.es6-fadfbd88.js';
 import React__default, { useMemo } from 'react';
 import { useMantineTheme } from '@mantine/core';
-import { S as StyledInput, L as Label, b as StyledDisplayIcon, d as StyledActionIcon, e as StyledErrorLabel } from './constants-5458df08.js';
+import { S as StyledInput, L as Label, b as StyledDisplayIcon, d as StyledActionIcon, e as StyledErrorLabel } from './constants-ab2210b1.js';
 
 /**
  * @deprecated Consider to use at '@hhgtech/hhg-components/mantine'

package/build/esm/{index-461487da.js → index-f810b4eb.js}

@@ -1,13 +1,13 @@
 import React__default, { useState, useEffect, useMemo, useCallback } from 'react';
-import { t as StyledDivider, v as useStyles, w as StyledContainer } from './index.styles-51d80c5c.js';
-import { _ as __rest, a as __awaiter } from './tslib.es6-6c353490.js';
-import { u as useTranslations } from './useTranslations-eceb2845.js';
-import { B as Button } from './index-2edb2e27.js';
-import { P as PATHS } from './paths-cce96722.js';
-import { a as LOCALIZED_SLUGS } from './constants-5458df08.js';
-import { d as domainLocales } from './index-cb59b5e6.js';
-import { i as callApi, j as getCarePath } from './utils-2eeac181.js';
-import { i as isProduction } from './isProduction-0dd05199.js';
+import { t as StyledDivider, v as useStyles, w as StyledContainer } from './index.styles-a1556ae8.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-fadfbd88.js';
+import { u as useTranslations } from './useTranslations-dcf626d0.js';
+import { B as Button } from './index-d508ab4d.js';
+import { P as PATHS } from './paths-691f9cf7.js';
+import { a as LOCALIZED_SLUGS } from './constants-ab2210b1.js';
+import { d as domainLocales } from './index-708f8daf.js';
+import { i as callApi, j as getCarePath } from './utils-8684e96a.js';
+import { i as isProduction } from './isProduction-4bebe711.js';
 
 /**
  * @deprecated Consider to use mantine

package/build/esm/{index-b5f84e24.js → index-fc2bbaf3.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-6c353490.js';
+import { _ as __rest } from './tslib.es6-fadfbd88.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 './utils-75630fc7.js';
+import { O as OTHER_THEME_CONFIG, F as FontWeight } from './utils-84f2dbd0.js';
 
 var useStyles = createStyles((theme, _params) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;

package/build/esm/index.js

@@ -1,77 +1,77 @@
-import { G as Gender, B as BabyGrowthChartType, a as BabyGrowthChartDuration, b as BabyGrowthResultTab, L as LOCALE, O as OnboardingStep, N as NodePosition, c as NodeType, d as NodeFinalTypes, e as NodeIntentType, f as NodeActionType, F as FULL_KEY_ADDRESS, g as NodeMultipleOptions, E as ELEMENT_CONTROL_INPUT_TYPE, S as SubotType } from './Subot-81261e12.js';
-export { i as Constants } from './index-cb59b5e6.js';
-export { C as CaretDown, F as Flag, I as ImageWrap } from './index-2edb2e27.js';
+import { G as Gender, B as BabyGrowthChartType, a as BabyGrowthChartDuration, b as BabyGrowthResultTab, L as LOCALE, O as OnboardingStep, N as NodePosition, c as NodeType, d as NodeFinalTypes, e as NodeIntentType, f as NodeActionType, F as FULL_KEY_ADDRESS, g as NodeMultipleOptions, E as ELEMENT_CONTROL_INPUT_TYPE, S as SubotType } from './Subot-75a1996f.js';
+export { i as Constants } from './index-708f8daf.js';
+export { C as CaretDown, F as Flag, I as ImageWrap } from './index-d508ab4d.js';
 import * as React from 'react';
-export { C as ChevronDown } from './ChevronDown-b42051a5.js';
-export { C as Close } from './Close-d4c81450.js';
-export { V as Visible } from './Visible-d66554bf.js';
-export { U as AdBlock, A as Alert, f as ArticleCard, g as ArticleCardV2, a as Avatar, x as BMICardEmbed, H as BMRCardEmbed, y as BabyGrowthCardEmbed, z as BabyPoopEmbed, B as Badge, b as BorderHeading, L as Breadcrumbs, h as CategoryCard, C as Checkbox, i as CheckboxGroup, s as CookieAcceptConfirm, K as DateRangePicker, D as DoctorInfo, w as DueDateCardEmbed, F as FileDropdown, V as FixedBottomAdBlock, r as FloatButtonGroup, e as GenderOptionControl, G as Grid, I as IconText, Y as MAPPING_CATEGORY_PREMIUM_API_TYPE, X as MAPPING_CATEGORY_PREMIUM_TYPE, M as MobileBottomNavigation, t as MobileBottomNavigationIcon, O as OvulationCardEmbed, J as PWGCardEmbed, P as Pagination, j as ProgressBar, R as Radio, k as RadioGroup, d as RateStars, S as ScrollList, u as SeoHead, N as ShareContainer, Q as ShareDrawer, Z as SideBannerModal, l as SideMenu, m as StatisticCard, W as SurveyOrPremiumBanner, p as SurveyQuestionCard, q as SurveyThankyouCard, E as THRCardEmbed, n as Table, o as Tabs, T as Tag, c as Toggle, v as ToolsBannerCard, _ as UserProfileNavigation, $ as UserProfileNavigationHeader, a0 as UserProfileNavigationStats } from './index-b9ab0f30.js';
-export { B as Button } from './index-383f163a.js';
-export { A as AuthorBadge, a as BookingBtn, B as BtnChoice, D as Divider } from './index-461487da.js';
-export { H as Heading } from './index-f7d9c75d.js';
-export { I as Input } from './index-257a14b5.js';
-export { c as CareConstants, L as Label } from './constants-5458df08.js';
-export { L as Logo } from './index-6e7245c3.js';
-export { P as PureInput, S as StepRenderer, a as StepRendererContext, T as TextArea } from './index.styles-51d80c5c.js';
-export { T as Text } from './index-07fad580.js';
-export { C as Container } from './index-c3c7be25.js';
-export { I as Icon } from './index-bc070b43.js';
-export { D as Drawer, M as Modal, R as RadioImageGroup } from './index-edf2ebc8.js';
-export { C as CustomReferenceDot } from './index-bd8f57c2.js';
-export { L as LogoIcon } from './utils-fd352517.js';
-export { D as DatePicker, L as Loading } from './index-37726222.js';
-export { D as Dropdown } from './index-4126e3e8.js';
-export { P as Popup, d as TogetherDataTransforms, U as UserAvatar } from './index-36f504a7.js';
-export { L as LanguageSwitcher, b as NavigationLogoutPopup, c as NavigationProfileButton, N as NavigationV2, P as ProfileNavigation, g as getNavMenuContent, a as getNavMenuContentWithCache } from './index-1ef35560.js';
-export { P as PillCarousel } from './index-079f9f99.js';
-export { A as AddressInput } from './index-aff8a120.js';
-export { F as Footer } from './index-35cdc027.js';
-export { u as useTranslations } from './useTranslations-eceb2845.js';
-export { M as MEASURE_ELEMENT_CLASS, u as useScrollbarSize } from './useScrollbarSize-57dc7083.js';
-export { M as MAPPED_CATEGORY_SLUGS, P as PREGNANCY_SLUG, c as useCategory, u as useFbDataLayer, a as usePrevious, b as useRafState } from './useCategory-45ea1675.js';
-export { u as useHealthToolsCache } from './useHealthToolCache-c9535fac.js';
-export { u as useIsInit } from './useIsInit-0900e2d8.js';
-export { i as initSharedOutSideClickListener, a as useOutsideClick, u as useSharedOutsideClick } from './useOutsideClick-b142b45a.js';
-export { u as useInitialMount, a as useUniqueId } from './useUniqueId-53a01cbf.js';
-export { f as CardAuthor, C as CardLink, B as CardPost, D as CardPostPopoverMore, b as CardReactions, E as CardReply, F as CardReplyPopover, g as CreateNewPostContent, h as CreatePostDescription, i as CreatePostTitle, r as ImagePreviewPopup, I as InputCommentBar, d as LabelPin, L as LabelSortPin, e as LabelSorting, G as PopoverMenu, P as PopupDanger, k as PopupDoctor, j as PopupExpert, n as PopupFrame, l as PopupHospital, q as PostContent, v as PostImagePreview, s as PostSingleImageViewPopup, y as ProfileDetail, x as ProfileDetailModal, p as ShareBox, S as SharePopup, A as SkipQuestionOfExpertBtn, w as SocialLinkPreview, H as SourceList, o as SubmitReportForm, z as TabNameInProfileDetail, c as TagTopic, T as TogetherAuthConfigContext, a as TogetherAuthConfigContextProvider, t as TogetherTypes, m as TopicSelectList, V as VerifiedTag, u as useTogetherAuthRequiredAction } from './types-46adfe5c.js';
-export { D as DefaultComponentGlobalContextData, G as GlobalData, T as TogetherComponentGlobalContext, a as TogetherComponentGlobalContextProvider, c as TogetherConstants } from './utils-2eeac181.js';
-export { B as BookingSearchBar, a as BookingSearchBarV2, t as CareTypes, T as TextDivider } from './types-b07f79cd.js';
-export { a as ageGenerate, c as convertLocalizedStringToNumber, l as localizeNumberFormat } from './localizeNumberFormat-bc62973e.js';
-export { h as fadeIn, a as slideInDown, b as slideInLeft, c as slideInRight, s as slideInUp, e as slideOutDown, f as slideOutLeft, g as slideOutRight, d as slideOutUp } from './animation-ed6b1e75.js';
-export { d as deleteCookie, g as getCookie, s as setCookie } from './cookieHelper-778b8de6.js';
-export { a as abbreviateNumber } from './number-fe945cbc.js';
-export { d as getCareApiDomain, g as getCurrentBaseUrl, a as getCurrentSsoUrl, c as getDiscoverApiDomain, b as getTogetherApiDomain } from './routing-7892a6d0.js';
-export { M as MBTheme, t as theme } from './theme-42cb371b.js';
-export { B as Breakpoints, M as MediaQueries, f as formatUrlWithPageParam, g as getBoundariesFromMediaQueryKey, a as getPopupWrapperDom, b as getWrapperDomWithSelector, m as makeParams, c as safeEncodeURI, s as startCase, t as toggleNoScroll } from './utils-75630fc7.js';
-export { f as formatHealthTool, g as getDynamicHealthTool, a as getDynamicHealthToolWithCache } from './getDynamicHealthTool-b5e4d048.js';
-export { g as getSocialList } from './getSocialList-7653bb8f.js';
-export { S as ScreenSizeContext, a as ScreenSizeContextProvider, f as formatPill, g as getWindowSizeGroups } from './dataTransform-95226f72.js';
+export { C as ChevronDown } from './ChevronDown-5b7c9691.js';
+export { C as Close } from './Close-a04ad97f.js';
+export { V as Visible } from './Visible-2e338f34.js';
+export { U as AdBlock, A as Alert, f as ArticleCard, g as ArticleCardV2, a as Avatar, x as BMICardEmbed, H as BMRCardEmbed, y as BabyGrowthCardEmbed, z as BabyPoopEmbed, B as Badge, b as BorderHeading, L as Breadcrumbs, h as CategoryCard, C as Checkbox, i as CheckboxGroup, s as CookieAcceptConfirm, K as DateRangePicker, D as DoctorInfo, w as DueDateCardEmbed, F as FileDropdown, V as FixedBottomAdBlock, r as FloatButtonGroup, e as GenderOptionControl, G as Grid, I as IconText, Y as MAPPING_CATEGORY_PREMIUM_API_TYPE, X as MAPPING_CATEGORY_PREMIUM_TYPE, M as MobileBottomNavigation, t as MobileBottomNavigationIcon, O as OvulationCardEmbed, J as PWGCardEmbed, P as Pagination, j as ProgressBar, R as Radio, k as RadioGroup, d as RateStars, S as ScrollList, u as SeoHead, N as ShareContainer, Q as ShareDrawer, Z as SideBannerModal, l as SideMenu, m as StatisticCard, W as SurveyOrPremiumBanner, p as SurveyQuestionCard, q as SurveyThankyouCard, E as THRCardEmbed, n as Table, o as Tabs, T as Tag, c as Toggle, v as ToolsBannerCard, _ as UserProfileNavigation, $ as UserProfileNavigationHeader, a0 as UserProfileNavigationStats } from './index-848c5cb0.js';
+export { B as Button } from './index-99eee12f.js';
+export { A as AuthorBadge, a as BookingBtn, B as BtnChoice, D as Divider } from './index-f810b4eb.js';
+export { H as Heading } from './index-9e4691ad.js';
+export { I as Input } from './index-f45e60ca.js';
+export { c as CareConstants, L as Label } from './constants-ab2210b1.js';
+export { L as Logo } from './index-356f7429.js';
+export { P as PureInput, S as StepRenderer, a as StepRendererContext, T as TextArea } from './index.styles-a1556ae8.js';
+export { T as Text } from './index-74e11ced.js';
+export { C as Container } from './index-a5b6a89b.js';
+export { I as Icon } from './index-b78774a8.js';
+export { D as Drawer, M as Modal, R as RadioImageGroup } from './index-dba31454.js';
+export { C as CustomReferenceDot } from './index-7f741dab.js';
+export { L as LogoIcon } from './utils-82c46d8c.js';
+export { D as DatePicker, L as Loading } from './index-09b78657.js';
+export { D as Dropdown } from './index-3b6cf951.js';
+export { P as Popup, d as TogetherDataTransforms, U as UserAvatar } from './index-38f57efe.js';
+export { L as LanguageSwitcher, b as NavigationLogoutPopup, c as NavigationProfileButton, N as NavigationV2, P as ProfileNavigation, g as getNavMenuContent, a as getNavMenuContentWithCache } from './index-66f8a3d7.js';
+export { P as PillCarousel } from './index-ca39028c.js';
+export { A as AddressInput } from './index-58177992.js';
+export { F as Footer } from './index-438658c7.js';
+export { u as useTranslations } from './useTranslations-dcf626d0.js';
+export { M as MEASURE_ELEMENT_CLASS, u as useScrollbarSize } from './useScrollbarSize-feb4985a.js';
+export { M as MAPPED_CATEGORY_SLUGS, P as PREGNANCY_SLUG, c as useCategory, u as useFbDataLayer, a as usePrevious, b as useRafState } from './useCategory-091bfeac.js';
+export { u as useHealthToolsCache } from './useHealthToolCache-d889e371.js';
+export { u as useIsInit } from './useIsInit-9bd59dbd.js';
+export { i as initSharedOutSideClickListener, a as useOutsideClick, u as useSharedOutsideClick } from './useOutsideClick-181794d7.js';
+export { u as useInitialMount, a as useUniqueId } from './useUniqueId-b260f959.js';
+export { f as CardAuthor, C as CardLink, B as CardPost, D as CardPostPopoverMore, b as CardReactions, E as CardReply, F as CardReplyPopover, g as CreateNewPostContent, h as CreatePostDescription, i as CreatePostTitle, r as ImagePreviewPopup, I as InputCommentBar, d as LabelPin, L as LabelSortPin, e as LabelSorting, G as PopoverMenu, P as PopupDanger, k as PopupDoctor, j as PopupExpert, n as PopupFrame, l as PopupHospital, q as PostContent, v as PostImagePreview, s as PostSingleImageViewPopup, y as ProfileDetail, x as ProfileDetailModal, p as ShareBox, S as SharePopup, A as SkipQuestionOfExpertBtn, w as SocialLinkPreview, H as SourceList, o as SubmitReportForm, z as TabNameInProfileDetail, c as TagTopic, T as TogetherAuthConfigContext, a as TogetherAuthConfigContextProvider, t as TogetherTypes, m as TopicSelectList, V as VerifiedTag, u as useTogetherAuthRequiredAction } from './types-6151b821.js';
+export { D as DefaultComponentGlobalContextData, G as GlobalData, T as TogetherComponentGlobalContext, a as TogetherComponentGlobalContextProvider, c as TogetherConstants } from './utils-8684e96a.js';
+export { B as BookingSearchBar, a as BookingSearchBarV2, t as CareTypes, T as TextDivider } from './types-a543ab1c.js';
+export { a as ageGenerate, c as convertLocalizedStringToNumber, l as localizeNumberFormat } from './localizeNumberFormat-dcef6d85.js';
+export { h as fadeIn, a as slideInDown, b as slideInLeft, c as slideInRight, s as slideInUp, e as slideOutDown, f as slideOutLeft, g as slideOutRight, d as slideOutUp } from './animation-775f9626.js';
+export { d as deleteCookie, g as getCookie, s as setCookie } from './cookieHelper-9fcb4e60.js';
+export { a as abbreviateNumber } from './number-5b7689f8.js';
+export { d as getCareApiDomain, g as getCurrentBaseUrl, a as getCurrentSsoUrl, c as getDiscoverApiDomain, b as getTogetherApiDomain } from './routing-06094532.js';
+export { M as MBTheme, t as theme } from './theme-ee0917af.js';
+export { B as Breakpoints, M as MediaQueries, f as formatUrlWithPageParam, g as getBoundariesFromMediaQueryKey, a as getPopupWrapperDom, b as getWrapperDomWithSelector, m as makeParams, c as safeEncodeURI, s as startCase, t as toggleNoScroll } from './utils-84f2dbd0.js';
+export { f as formatHealthTool, g as getDynamicHealthTool, a as getDynamicHealthToolWithCache } from './getDynamicHealthTool-8e78cce6.js';
+export { g as getSocialList } from './getSocialList-657c8916.js';
+export { S as ScreenSizeContext, a as ScreenSizeContextProvider, f as formatPill, g as getWindowSizeGroups } from './dataTransform-7874ef0b.js';
 import 'date-fns/locale';
-import './isProduction-0dd05199.js';
-import './tslib.es6-6c353490.js';
+import './isProduction-4bebe711.js';
+import './tslib.es6-fadfbd88.js';
 import '@hhgtech/icons/other';
 import '@mantine/core';
 import '@mantine/hooks';
-import './index-8cf272e7.js';
+import './index-5290919a.js';
 import '@emotion/styled';
 import '@mantine/carousel';
-import './index-b5f84e24.js';
-import './useMantineLocale-29b90721.js';
+import './index-fc2bbaf3.js';
+import './useMantineLocale-870679f2.js';
 import 'dayjs';
 import 'classnames';
 import '@hhgtech/icons/core';
 import 'innertext';
 import '@mantine/dates';
-import './translationsContext-d8f0f15b.js';
+import './translationsContext-0fb0c768.js';
 import 'string-format';
 import 'lodash/throttle';
 import '@emotion/react';
 import 'html-react-parser';
 import 'date-fns';
-import './types-e55fe348.js';
-import './index-1687bb55.js';
-import './index.styled-615cecea.js';
-import './index-4eeb1d75.js';
+import './types-bfa50ab3.js';
+import './index-82c75f89.js';
+import './index.styled-91e17b85.js';
+import './index-2e6baa25.js';
 import 'react-hook-form';
 import '@hookform/resolvers/yup';
 import 'date-fns/locale/en-US';
@@ -80,21 +80,21 @@ import 'date-fns/locale/vi';
 import 'date-fns/locale/zh-TW';
 import 'uuid';
 import '@mantine/form';
-import './index-e548ff7c.js';
+import './index-72f426c8.js';
 import 'js-cookie';
 import 'lodash/flatten';
 import 'lodash/uniqBy';
-import './normalizeLink-e599ba1f.js';
-import './paths-cce96722.js';
+import './normalizeLink-07b56f56.js';
+import './paths-691f9cf7.js';
 import 'react-keyed-flatten-children';
 import 'react-dom';
 import 'react-day-picker/DayPickerInput';
-import './constants-337a3c20.js';
-import './index-dae36eed.js';
+import './constants-486cbd52.js';
+import './index-c55369b6.js';
 import 'dayjs/plugin/relativeTime';
 import 'lodash/debounce';
-import './core-f5be5afb.js';
-import './utils-8419f647.js';
+import './core-6837bafb.js';
+import './utils-f3713a30.js';
 import 'react-contenteditable';
 import 'slugify';
 import 'lodash/shuffle';

package/build/esm/{index.styled-615cecea.js → index.styled-91e17b85.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-6c353490.js';
+import { _ as __rest } from './tslib.es6-fadfbd88.js';
 import React__default from 'react';
 import styled from '@emotion/styled';
-import { t as theme } from './theme-42cb371b.js';
+import { t as theme } from './theme-ee0917af.js';
 
 const Heading = (_a) => {
     var { type } = _a, elementProps = __rest(_a, ["type"]);

package/build/esm/{index.styles-51d80c5c.js → index.styles-a1556ae8.js}

@@ -1,12 +1,12 @@
 import styled from '@emotion/styled';
-import { t as theme } from './theme-42cb371b.js';
-import { M as MediaQueries } from './utils-75630fc7.js';
-import { _ as __rest } from './tslib.es6-6c353490.js';
+import { t as theme } from './theme-ee0917af.js';
+import { M as MediaQueries } from './utils-84f2dbd0.js';
+import { _ as __rest } from './tslib.es6-fadfbd88.js';
 import React__default, { useState, createContext, useEffect, Fragment } from 'react';
-import { L as Label, b as StyledDisplayIcon, d as StyledActionIcon, e as StyledErrorLabel } from './constants-5458df08.js';
-import { s as setDefaultClass } from './utils-2eeac181.js';
+import { L as Label, b as StyledDisplayIcon, d as StyledActionIcon, e as StyledErrorLabel } from './constants-ab2210b1.js';
+import { s as setDefaultClass } from './utils-8684e96a.js';
 import { css } from '@emotion/react';
-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-ed6b1e75.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-775f9626.js';
 import { createStyles, rem } from '@mantine/core';
 import flattenChildren from 'react-keyed-flatten-children';
 

package/build/esm/lead/index.d.ts

@@ -16,6 +16,11 @@ export type Props = {
     DEBUG_URL?: string;
     forceCampaign?: any;
     children?: ReactNode;
+    extraPayloadValues?: Array<{
+        key: string;
+        value: string;
+        control: string;
+    }>;
 };
 export interface CompoundedComponent extends React.ForwardRefExoticComponent<Props> {
     Heading: typeof Heading;