@hhgtech/hhg-components 1.29.81 → 1.29.83

package/build/esm/index-b123bf27.js

@@ -0,0 +1,18 @@
+import React__default from 'react';
+import styled from '@emotion/styled';
+import { theme } from './miscTheme.js';
+
+const StyledDivider = styled.hr `
+  border-width: 1px;
+  border-color: ${theme.colors.neutral200};
+  border-style: ${(props) => props.dividerType};
+`;
+
+/**
+ * @deprecated Consider to use mantine
+ */
+const Divider = ({ type = 'solid', className, style }) => {
+    return (React__default.createElement(StyledDivider, { style: style, className: className, "data-diver-type": type, dividerType: type }));
+};
+
+export { Divider as D };

package/build/esm/{index-7cbe2a10.js → index-b1e1f9b4.js}

@@ -1,19 +1,20 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-761239c7.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-2d738692.js';
 import React__default, { useReducer, useState, useEffect } from 'react';
 import { Stack, Input as Input$1 } from '@mantine/core';
-import { c as Input, S as Select } from './index-21eac858.js';
+import { c as Input, S as Select } from './index-03d7200e.js';
 import '@mantine/dates';
-import { C as CDN_ADDRESS } from './index-bef3c9bd.js';
-import { L as LOCALE } from './index-e3787b20.js';
-import './index-78255d6c.js';
-import './useMantineLocale-4fb67342.js';
-import './index-c200bff6.js';
-import './index-2b9213cf.js';
-import './theme-f18c2351.js';
-import { u as useTranslations } from './useTranslations-fbf6a6ab.js';
+import { C as CDN_ADDRESS } from './index-39aa0c9f.js';
+import './index-38ced379.js';
+import './index-b9c4dfcb.js';
+import './useMantineLocale-faa72172.js';
+import './index-7a1552e9.js';
+import './index-bdc3bd61.js';
+import { u as useTranslations } from './useTranslations-ba901edf.js';
 import '@mantine/hooks';
-import './utils-f8761b9d.js';
-import { M as MAPPED_LOCALE } from './utils-cef111b6.js';
+import './utils-40533779.js';
+import './other-9b439f19.js';
+import { M as MAPPED_LOCALE } from './utils-dbc80293.js';
+import { L as LOCALE } from './Locale-c6a90240.js';
 
 const generateGetAddressDetail = (locale) => {
     return `${CDN_ADDRESS}/cities-data-${MAPPED_LOCALE[locale]}.json`;

package/build/esm/{index-b1bb27aa.js → index-b2ea5cc7.js}

@@ -1,28 +1,14 @@
-import React__default, { useState, useEffect, useMemo, useCallback } from 'react';
-import styled from '@emotion/styled';
-import { t as theme } from './theme-f18c2351.js';
-import { _ as __rest, a as __awaiter } from './tslib.es6-761239c7.js';
-import { u as useTranslations } from './useTranslations-fbf6a6ab.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-2d738692.js';
+import React__default, { useState, useMemo, useCallback } from 'react';
+import { u as useTranslations } from './useTranslations-ba901edf.js';
 import { createStyles } from '@mantine/core';
-import { B as Button } from './index-2b9213cf.js';
-import { P as PATHS } from './paths-49a813e7.js';
-import { L as LOCALIZED_SLUGS } from './constants-f77fc231.js';
-import { d as domainLocales } from './index-bef3c9bd.js';
-import { c as callApi, g as getCarePath } from './utils-d5a0b58f.js';
-import { i as isProduction } from './isProduction-5684a28c.js';
-
-const StyledDivider = styled.hr `
-  border-width: 1px;
-  border-color: ${theme.colors.neutral200};
-  border-style: ${(props) => props.dividerType};
-`;
-
-/**
- * @deprecated Consider to use mantine
- */
-const Divider = ({ type = 'solid', className, style }) => {
-    return (React__default.createElement(StyledDivider, { style: style, className: className, "data-diver-type": type, dividerType: type }));
-};
+import { P as PATHS } from './paths-67ad72a7.js';
+import { L as LOCALIZED_SLUGS } from './constants-b3779c5e.js';
+import { B as Button } from './index-bdc3bd61.js';
+import './index-39aa0c9f.js';
+import { c as callApi, g as getCarePath } from './utils-c730ad5d.js';
+import { domainLocales } from './constantsDomainLocales.js';
+import { isProduction } from './constantsIsProduction.js';
 
 var useStyles = createStyles((theme) => {
     return {
@@ -113,26 +99,6 @@ const AuthorBadge = (_a) => {
         className: cx(classes.root, className), "data-label-type": matchedRole, "data-is-marrybaby": siteType === 'marryBaby' }, rest), title || t(AuthorLabelTextMapping[matchedRole]))) : null;
 };
 
-const StyledContainer = styled.div `
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  button[data-color='tertiary'] {
-    background: white;
-  }
-`;
-
-const BtnChoice = ({ value: valueInit, choices, onChange }) => {
-    const [value, setValue] = useState(valueInit);
-    useEffect(() => {
-        setValue(valueInit);
-    }, [valueInit]);
-    return (React__default.createElement(StyledContainer, null, choices.map((i, idx) => (React__default.createElement(Button, { dataEventCategory: i.dataEventCategory, dataEventAction: i.dataEventAction, dataEventLabel: i.dataEventLabel, size: "sm", variant: i.value === value ? 'primary' : 'tertiary', key: idx, onClick: () => {
-            setValue(i.value);
-            onChange === null || onChange === void 0 ? void 0 : onChange(i.value);
-        } }, i.label || '')))));
-};
-
 const BookingBtn = (_a) => {
     var { label, bookingId, bookingType = 'doctor', locale = 'vi-VN' } = _a, rest = __rest(_a, ["label", "bookingId", "bookingType", "locale"]);
     const { t } = useTranslations();
@@ -191,4 +157,4 @@ const BookingBtn = (_a) => {
     return bookingId && bookingType ? (React__default.createElement(Button, Object.assign({ dataEventCategory: "Care", dataEventAction: "Comment - Quick Booking", dataEventLabel: currentUrl, onClick: handleOnClick, loading: loading }, rest), label || t('careBooking.bookAnAppointment'))) : null;
 };
 
-export { AuthorBadge as A, BtnChoice as B, Divider as D, BookingBtn as a };
+export { AuthorBadge as A, BookingBtn as B };

package/build/esm/{index-376bee14.js → index-b5019321.js}

@@ -1,12 +1,12 @@
 import React__default, { useState, useRef, useMemo, useEffect, Fragment, createContext } from 'react';
-import { T as Text } from './index-c200bff6.js';
+import { T as Text } from './index-7a1552e9.js';
 import styled from '@emotion/styled';
-import { t as theme } from './theme-f18c2351.js';
-import { M as MediaQueries, f as formatUrlWithPageParam } from './utils-f8761b9d.js';
-import { R as Radio$1 } from './index-21eac858.js';
-import { T as Text$1 } from './index-7e756cb8.js';
-import { s as setDefaultClass } from './defaultClassWrapper-31caf23b.js';
-import { _ as __rest } from './tslib.es6-761239c7.js';
+import { theme } from './miscTheme.js';
+import { M as MediaQueries, f as formatUrlWithPageParam } from './utils-40533779.js';
+import { R as Radio$1 } from './index-03d7200e.js';
+import { T as Text$1 } from './index-a51336b9.js';
+import { setDefaultClass } from './miscDefaultClassWrapper.js';
+import { _ as __rest } from './tslib.es6-2d738692.js';
 import flattenChildren from 'react-keyed-flatten-children';
 
 var styles = {"alert":"CHw-fZZ","content":"_03U6VRS","close":"EO828Vv"};

package/build/esm/{index-78255d6c.js → index-b9c4dfcb.js}

@@ -1,5 +1,5 @@
-import { d as domainLocales } from './index-bef3c9bd.js';
-import { i as isProduction } from './isProduction-5684a28c.js';
+import { domainLocales } from './constantsDomainLocales.js';
+import { isProduction } from './constantsIsProduction.js';
 
 const isNumeric = (n) => !isNaN(parseFloat(n)) && isFinite(n);
 const defaultDomain = 'hellosehat.com';

package/build/esm/{index-d6201fa4.js → index-bb53d99f.js}

@@ -1,7 +1,7 @@
 import React__default from 'react';
 import styled from '@emotion/styled';
-import { L as Label } from './index-16514f4d.js';
-import { t as theme } from './theme-f18c2351.js';
+import { L as Label } from './index-288b564e.js';
+import { theme } from './miscTheme.js';
 
 const StyledTextArea = styled.div `
   textarea {

package/build/esm/{index-2b9213cf.js → index-bdc3bd61.js}

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

package/build/esm/{index-88ad2ca3.js → index-c41ef517.js}

@@ -1,32 +1,36 @@
 import React__default, { createContext, useContext, useMemo, useCallback, useState, useEffect, forwardRef, useRef } from 'react';
 import { rem, Container, createStyles, Box, Stack, Flex, AspectRatio, ScrollArea, Chip, Group, Badge, MultiSelect, Stepper } from '@mantine/core';
-import { C as CommonGAssets } from './index-78255d6c.js';
-import { b as callApiWithAuth, d as getApiPath, P as PATHS$2, T as TogetherComponentGlobalContext, e as getPremiumApiPath, f as getWebsiteUrlApi, h as getSsoApiPath } from './utils-d5a0b58f.js';
-import { R as RISK_SCREENER_NAME, d as domainLocales, a as RISK_SCREENER_SLUG, G as GA_TOKEN_COOKIE } from './index-bef3c9bd.js';
-import { _ as __rest, a as __awaiter } from './tslib.es6-761239c7.js';
-import { I as ImageWrap, e as Checkbox, f as ChipButton, c as Input, t as themeColors, b as AspectRatio$1 } from './index-21eac858.js';
-import { g as getCurrentBaseUrl, a as getCurrentSsoUrl } from './routing-bebdc8b7.js';
-import { u as useTranslations } from './useTranslations-fbf6a6ab.js';
+import { C as CommonGAssets } from './index-b9c4dfcb.js';
+import { b as callApiWithAuth, d as getApiPath, T as TogetherComponentGlobalContext, e as getPremiumApiPath, f as getWebsiteUrlApi, h as getSsoApiPath } from './utils-c730ad5d.js';
+import { G as GA_TOKEN_COOKIE } from './index-39aa0c9f.js';
+import { RISK_SCREENER_NAME, RISK_SCREENER_SLUG } from './constantsRiskScreener.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-2d738692.js';
+import { I as ImageWrap, e as Checkbox, f as ChipButton, c as Input, t as themeColors, b as AspectRatio$1 } from './index-03d7200e.js';
+import { g as getCurrentBaseUrl, a as getCurrentSsoUrl } from './routing-f2e46f96.js';
+import { u as useTranslations } from './useTranslations-ba901edf.js';
 import { useForm, isNotEmpty } from '@mantine/form';
 import '@mantine/dates';
-import { L as LOCALE } from './index-e3787b20.js';
-import './useMantineLocale-4fb67342.js';
-import { T as Text } from './index-c200bff6.js';
-import { B as Button } from './index-2b9213cf.js';
-import './theme-f18c2351.js';
+import './index-38ced379.js';
+import './useMantineLocale-faa72172.js';
+import { T as Text } from './index-7a1552e9.js';
+import { B as Button } from './index-bdc3bd61.js';
 import { useViewportSize } from '@mantine/hooks';
-import './utils-f8761b9d.js';
-import './translationsContext-f3d1a7bd.js';
+import './utils-40533779.js';
+import './other-9b439f19.js';
+import { PATHS as PATHS$2 } from './togetherApiPaths.js';
+import './translationsContext-68168ff3.js';
 import 'string-format';
-import { H as Heading } from './index-73301602.js';
-import { u as useHealthToolsCache } from './useHealthToolCache-d97dfa00.js';
-import { I as Icon } from './index-69248434.js';
-import { i as isProduction } from './isProduction-5684a28c.js';
+import { H as Heading } from './index-f0184ea4.js';
+import { u as useHealthToolsCache } from './useHealthToolCache-fe7dc697.js';
+import { I as Icon } from './index-f1025cea.js';
+import { domainLocales } from './constantsDomainLocales.js';
+import { isProduction } from './constantsIsProduction.js';
 import { Close, Plus } from '@hhgtech/icons/core';
-import { M as Modal } from './index-d218b94e.js';
+import { M as Modal } from './index-3e3904ec.js';
 import Cookies from 'js-cookie';
 import flatten from 'lodash/flatten';
 import uniqBy from 'lodash/uniqBy';
+import { L as LOCALE } from './Locale-c6a90240.js';
 
 const PREFER_TOPICS = [
     {

package/build/esm/{index-2774583d.js → index-d462b2bd.js}

@@ -1,45 +1,49 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-761239c7.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-2d738692.js';
 import React__default, { useMemo, useRef, useState, Fragment, useEffect, useContext, useCallback } from 'react';
-import { i as isInternalLink, L as LanguageSwitcher } from './index-996f7caf.js';
-import { b as CARE_LOCALES, T as TOGETHER_LOCALES, E as ECOM_LOCALES, c as CARE_BOOKING_LOCALES, d as domainLocales, L as LOCALE_SPECS, S as STATIC_PAGES } from './index-bef3c9bd.js';
-import { n as normalizeLinkSlash, a as normalizeLink } from './normalizeLink-d6f57223.js';
-import { a as getCurrentSsoUrl, g as getCurrentBaseUrl, b as getTogetherApiDomain, c as getDiscoverApiDomain, d as getCareApiDomain } from './routing-bebdc8b7.js';
-import { P as Popup, a as formatCommunity, b as formatPost } from './dataTransform-3e8e25ba.js';
-import { L as Logo } from './index-1ecbcf21.js';
-import { u as useTranslations } from './useTranslations-fbf6a6ab.js';
+import { i as isInternalLink, L as LanguageSwitcher } from './index-a7f10a58.js';
+import { a as CARE_LOCALES, T as TOGETHER_LOCALES, E as ECOM_LOCALES, b as CARE_BOOKING_LOCALES, L as LOCALE_SPECS, S as STATIC_PAGES } from './index-39aa0c9f.js';
+import { n as normalizeLinkSlash, a as normalizeLink } from './normalizeLink-243e6342.js';
+import { a as getCurrentSsoUrl, g as getCurrentBaseUrl, b as getTogetherApiDomain, c as getDiscoverApiDomain, d as getCareApiDomain } from './routing-f2e46f96.js';
+import { a as formatCommunity, b as formatPost } from './dataTransform-8852461c.js';
+import { L as Logo } from './index-e0f8a206.js';
+import { u as useTranslations } from './useTranslations-ba901edf.js';
 import throttle from 'lodash/throttle';
 import { createStyles, Box, Indicator, Portal, useMantineTheme } from '@mantine/core';
-import { a as Avatar, c as Input } from './index-21eac858.js';
+import { a as Avatar, c as Input } from './index-03d7200e.js';
 import '@mantine/dates';
-import { L as LOCALE } from './index-e3787b20.js';
-import { C as CommonGAssets } from './index-78255d6c.js';
-import './useMantineLocale-4fb67342.js';
-import { T as Text } from './index-c200bff6.js';
-import { B as Button$1 } from './index-2b9213cf.js';
-import { t as theme } from './theme-f18c2351.js';
-import './translationsContext-f3d1a7bd.js';
+import './index-38ced379.js';
+import { C as CommonGAssets } from './index-b9c4dfcb.js';
+import './useMantineLocale-faa72172.js';
+import { T as Text } from './index-7a1552e9.js';
+import { B as Button$1 } from './index-bdc3bd61.js';
+import './translationsContext-68168ff3.js';
 import formatString from 'string-format';
 import '@mantine/hooks';
-import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-f8761b9d.js';
-import { L as LOCALISED_SLUGS } from './constants-ebf80e5f.js';
+import { g as getBoundariesFromMediaQueryKey, M as MediaQueries } from './utils-40533779.js';
+import './other-9b439f19.js';
+import { L as LOCALISED_SLUGS } from './constants-e930bc7b.js';
 import styled from '@emotion/styled';
 import { User } from '@hhgtech/icons/core';
-import { s as setDefaultClass } from './defaultClassWrapper-31caf23b.js';
-import { C as ChevronDown } from './ChevronDown-74267eb8.js';
+import { theme } from './miscTheme.js';
+import { setDefaultClass } from './miscDefaultClassWrapper.js';
+import { C as ChevronDown } from './ChevronDown-b58f1e76.js';
 import { css } from '@emotion/react';
-import { B as Button } from './index-1da2ca0b.js';
-import { i as domainLocalesMarryBaby } from './utils-d5a0b58f.js';
-import { L as LOCALIZED_SLUGS } from './constants-f77fc231.js';
-import { H as Heading } from './index-73301602.js';
-import { I as Indicator$1 } from './index-780a08de.js';
-import { u as useIsInit } from './useIsInit-ee864235.js';
+import { B as Button } from './index-f93799fc.js';
+import { P as Popup } from './index-f3903d13.js';
+import { L as LOCALE } from './Locale-c6a90240.js';
+import { i as domainLocalesMarryBaby } from './utils-c730ad5d.js';
+import { domainLocales } from './constantsDomainLocales.js';
+import { L as LOCALIZED_SLUGS } from './constants-b3779c5e.js';
+import { H as Heading } from './index-f0184ea4.js';
+import { I as Indicator$1 } from './index-88c06a7e.js';
+import { u as useIsInit } from './useIsInit-6be72906.js';
 import dayjs from 'dayjs';
 import relativeTime from 'dayjs/plugin/relativeTime';
-import { U as UserAvatar } from './index-703205e3.js';
+import { U as UserAvatar } from './index-41a809d7.js';
 import { ArrowRight } from '@hhgtech/icons/other';
-import { C as Container } from './index-782fed08.js';
+import { C as Container } from './index-77dc8ed1.js';
 import debounce from 'lodash/debounce';
-import { g as getDataWithCache } from './core-c72e0ff5.js';
+import { g as getDataWithCache } from './core-36290fcb.js';
 
 const getEcomUrl = ({ path, locale, }) => {
     var _a;
@@ -2833,13 +2837,13 @@ const ItemNavButton = ({ item, color = 'blue' }) => {
                 });
             }
             if (item.id === 'care') {
-                import('./doctor-8a07ca44.js').then((data) => {
+                import('./doctor-9f166022.js').then((data) => {
                     if (data === null || data === void 0 ? void 0 : data.default)
                         setIconJson(() => data.default);
                 });
             }
             else if (item.id === 'ecom') {
-                import('./cart-f961dadc.js').then((data) => {
+                import('./cart-043dfe5c.js').then((data) => {
                     if (data === null || data === void 0 ? void 0 : data.default)
                         setIconJson(() => data.default);
                 });

package/build/esm/{index-cf6beac8.js → index-d5bcc5cc.js}

@@ -2,7 +2,7 @@ import React__default, { useRef, useState, useEffect } from 'react';
 import { format } from 'date-fns';
 import DayPickerInput from 'react-day-picker/DayPickerInput';
 import styled from '@emotion/styled';
-import { t as theme } from './theme-f18c2351.js';
+import { theme } from './miscTheme.js';
 
 const MONTHS_TRANSLATION = {
     'vi-VN': [

package/build/esm/{index-38f50764.js → index-d9555b0b.js}

@@ -1,267 +1,24 @@
-import React__default, { useState, useRef, useEffect, createContext, useContext } from 'react';
-import { u as useScrollbarSize } from './useScrollbarSize-84bb5b47.js';
-import { createPortal } from 'react-dom';
-import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-f8761b9d.js';
-import { s as setDefaultClass } from './defaultClassWrapper-31caf23b.js';
-import { t as theme } from './theme-f18c2351.js';
-import { _ as __rest } from './tslib.es6-761239c7.js';
+import { _ as __rest } from './tslib.es6-2d738692.js';
+import React__default, { createContext, useContext } from 'react';
 import { createStyles, rem, useMantineTheme } from '@mantine/core';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { c as Input } from './index-21eac858.js';
-import { D as DatePicker } from './index-598ab51b.js';
-import { T as Text } from './index-c200bff6.js';
-import './index-2b9213cf.js';
-import { u as useTranslations } from './useTranslations-fbf6a6ab.js';
+import { c as Input } from './index-03d7200e.js';
+import { D as DatePicker } from './index-96a5f239.js';
+import { T as Text } from './index-7a1552e9.js';
+import './index-bdc3bd61.js';
+import { u as useTranslations } from './useTranslations-ba901edf.js';
 import '@mantine/hooks';
-import './index-e3787b20.js';
-import './index-78255d6c.js';
-import './useMantineLocale-4fb67342.js';
-import './index-bef3c9bd.js';
-import { H as HealthToolFormWrapper, I as INPUT_RANGE } from './constants-6bdb97a8.js';
-import { G as GenderOptionControl } from './index-f27edf45.js';
+import './index-38ced379.js';
+import './index-b9c4dfcb.js';
+import './utils-40533779.js';
+import './useMantineLocale-faa72172.js';
+import './index-39aa0c9f.js';
+import './other-9b439f19.js';
+import { I as INPUT_RANGE } from './constants-a5d70cf5.js';
+import { H as HealthToolFormWrapper } from './index-a1d2c38b.js';
+import { G as GenderOptionControl } from './index-3e2f70fe.js';
 import { CalendarMB } from '@hhgtech/icons/other';
 
-const StyledModal = setDefaultClass(styled.div `
-    position: relative;
-    z-index: 200;
-    background-color: ${theme.colors.white};
-    border-radius: ${theme.borderRadius};
-    box-shadow: 0px 8px 40px 0px #0000001a;
-    &[data-site-type='marryBaby'] {
-      border-radius: 16px;
-      .hhg-modal__content {
-        position: relative;
-        z-index: 111;
-        height: 100%;
-        padding: 24px;
-      }
-    }
-    .hhg-modal__content {
-      position: relative;
-      z-index: 111;
-      height: 100%;
-      padding: 16px;
-    }
-    .hhg-modal__video {
-      position: relative;
-      z-index: 111;
-      height: 100%;
-      background-color: none;
-      box-shadow: none;
-    }
-  `, 'hhgcomp-modal-modal');
-const StyledModalWrapper = styled.div `
-  position: fixed;
-  top: 0;
-  left: 0;
-  z-index: 201;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 100%;
-  height: 100%;
-  overflow-x: hidden;
-  overflow-y: auto;
-  outline: 0;
-  visibility: hidden;
-  opacity: 0;
-  background-color: rgba(0, 0, 0, 0.6);
-  transition: opacity 0.3s ease-in-out;
-
-  .hhg-modal__close {
-    position: absolute;
-    top: 16px;
-    right: 16px;
-    cursor: pointer;
-    img {
-      width: 100%;
-      height: 100%;
-      border-radius: 50%;
-    }
-  }
-  &[data-type='video'] {
-    z-index: 1001;
-  }
-  &[data-open='true'] {
-    opacity: 1;
-    visibility: visible;
-  }
-
-  ${StyledModal.classSelector} {
-    transition: transform 0.3s ease-in-out;
-  }
-  &.slideTop {
-    ${StyledModal.classSelector} {
-      transform: translate(0, -100vh);
-    }
-
-    &[data-open='true'] {
-      ${StyledModal.classSelector} {
-        transform: translate(0);
-      }
-    }
-  }
-
-  &.scaleUp {
-    ${StyledModal.classSelector} {
-      transform: scale(0.9);
-    }
-
-    &[data-open='true'] {
-      ${StyledModal.classSelector} {
-        transform: scale(1);
-      }
-    }
-  }
-
-  &[data-type='tail'] {
-    justify-content: flex-end;
-    ${StyledModal.classSelector} {
-      width: 420px;
-      height: 100%;
-      border-radius: 0;
-      overflow: hidden auto;
-    }
-  }
-  &[data-type='form'] {
-    ${StyledModal.classSelector} {
-      width: 496px;
-      height: 548px;
-      max-height: 100%;
-      overflow-y: auto;
-      ${MediaQueries.mbDown} {
-        width: 340px;
-      }
-    }
-  }
-  &[data-type='video'] {
-    ${StyledModal.classSelector} {
-      height: 100%;
-      max-height: 539px;
-      ${MediaQueries.mbDown} {
-        height: 192px;
-        width: 100%;
-        height: 100%;
-        border-radius: ${theme.borderRadius};
-        max-height: 192px;
-      }
-    }
-  }
-  &[data-type='confirm'] {
-    ${StyledModal.classSelector} {
-      width: 100%;
-      max-width: 407px;
-      ${MediaQueries.mbDown} {
-        width: calc(100% - 32px);
-        max-width: calc(100% - 32px);
-      }
-    }
-  }
-`;
-const StyledModalMask = styled.div `
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100vw;
-  height: 100vh;
-  align-items: center;
-
-  &[data-open='false'] {
-    display: none;
-  }
-  &[data-type='video'] {
-    background-color: ${theme.colors.secondaryDark};
-  }
-`;
-
-const MODAL_ROOT_ID = 'hhg-modals';
-const getModalsRoot = () => {
-    let el = document.getElementById(MODAL_ROOT_ID);
-    if (!el) {
-        el = document.createElement('div');
-        el.setAttribute('id', MODAL_ROOT_ID);
-        document.body.append(el);
-    }
-    return el;
-};
-const cleanUpModalShow = () => {
-    const selector = '.hhg-modal[data-open="true"]';
-    const remainingPopupOpened = document.querySelectorAll(selector);
-    // Remove the opening class if there are only 1 popup is shown
-    if (remainingPopupOpened.length < 1) {
-        document.body.classList.remove('hhc-modal-show');
-    }
-};
-const cleanUpDisabledScroll = () => {
-    // Clear the overflow if there are only 1 popup is shown. useEffect runs after so the count number becomes zero
-    const selector = '.hhg-modal[data-open="true"]';
-    const remainingPopupOpened = document.querySelectorAll(selector);
-    if (remainingPopupOpened.length < 1) {
-        document.body.style.overflow = '';
-        document.body.style.paddingRight = '';
-        document.body.classList.remove('hhc-disabled-scroll');
-    }
-};
-/**
- * @deprecated Consider to use at '@hhgtech/hhg-components/mantine'
- */
-const Modal = ({ type = 'lead', closeIcon, isOpen = true, onClose, children, className = '', animationType = 'scaleUp', isStaticBackdrop = false, siteType, }) => {
-    const [mounted, setMounted] = useState(false);
-    const elRef = useRef(null);
-    const { width: scrollBarWidth } = useScrollbarSize();
-    if (!elRef.current && mounted) {
-        elRef.current = document.createElement('div');
-    }
-    useEffect(() => {
-        setMounted(true);
-        return () => {
-            setMounted(false);
-            cleanUpModalShow();
-            cleanUpDisabledScroll();
-        };
-    }, []);
-    useEffect(() => {
-        if (mounted) {
-            const modalsRoot = getModalsRoot();
-            modalsRoot.appendChild(elRef.current);
-            return () => {
-                modalsRoot.removeChild(elRef.current);
-            };
-        }
-    }, [mounted]);
-    useEffect(() => {
-        if (isOpen) {
-            document.body.classList.add('hhc-modal-show');
-        }
-        else {
-            cleanUpModalShow();
-        }
-    }, [isOpen]);
-    useEffect(() => {
-        if (isOpen) {
-            document.body.style.overflow = 'hidden';
-            document.body.style.paddingRight = scrollBarWidth + 'px';
-            document.body.classList.add('hhc-disabled-scroll');
-        }
-        else {
-            cleanUpDisabledScroll();
-        }
-    }, [isOpen, scrollBarWidth]);
-    if (!mounted)
-        return null;
-    const classes = ['hhg-modal__wrapper', className, animationType]
-        .filter((s) => s)
-        .join(' ');
-    return createPortal(React__default.createElement(StyledModalWrapper, { className: classes, "data-open": isOpen, "data-type": type },
-        !isStaticBackdrop && (React__default.createElement(StyledModalMask, { "data-open": isOpen, onClick: onClose, "data-type": type })),
-        !isStaticBackdrop && type === 'video' && !!closeIcon && (React__default.createElement("div", { className: "hhg-modal__close", onClick: onClose }, closeIcon)),
-        React__default.createElement(StyledModal, { className: "hhg-modal", "data-open": isOpen, "data-site-type": siteType },
-            React__default.createElement("div", { className: type === 'video' ? 'hhg-modal__video' : 'hhg-modal__content' },
-                !!closeIcon && type !== 'video' && (React__default.createElement("div", { className: "hhg-modal__close", onClick: onClose }, closeIcon)),
-                children))), elRef.current);
-};
-
 const BabyGrowthFormContext = createContext({});
 
 var useStyles$1 = createStyles((theme) => {
@@ -554,4 +311,4 @@ const BabyGrowthForm = (_a) => {
         } }, formLayout === 'default' ? (theme.other.template === 'mb' ? (React__default.createElement(MbLayout, Object.assign({ formLayout: formLayout }, commonProps))) : (React__default.createElement(DefaultForm, Object.assign({}, commonProps)))) : (React__default.createElement(InlineForm, Object.assign({}, commonProps)))));
 };
 
-export { BabyGrowthForm as B, Modal as M };
+export { BabyGrowthForm as B };

package/build/esm/{index-1ecbcf21.js → index-e0f8a206.js}

@@ -1,10 +1,11 @@
 import React__default, { useState, useEffect } from 'react';
-import { L as LOCALE } from './index-e3787b20.js';
-import { C as CommonGAssets } from './index-78255d6c.js';
+import { L as LOCALE } from './Locale-c6a90240.js';
+import { C as CommonGAssets } from './index-b9c4dfcb.js';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-f8761b9d.js';
-import { L as LogoIcon } from './logoIcon-d93bc56e.js';
-import { I as ImageWrap } from './index-21eac858.js';
+import { M as MediaQueries } from './utils-40533779.js';
+import { L as LogoIcon } from './logoIcon-b0ce60d0.js';
+import './index-38ced379.js';
+import { I as ImageWrap } from './index-03d7200e.js';
 
 const StyledLogo = styled.div `
   position: relative;