@hhgtech/hhg-components 1.29.81 → 1.29.83

package/build/esm/{fixedBottomAdBlock-13ed4a34.js → fixedBottomAdBlock-26b94f6b.js}

@@ -1,47 +1,46 @@
-import React__default, { memo, useMemo, useState, useCallback, useEffect, useImperativeHandle, useRef, createContext, useContext, Fragment, forwardRef } from 'react';
+import React__default, { memo, useMemo, useState, useCallback, useEffect, useImperativeHandle, useRef, Fragment, forwardRef } from 'react';
 import { Bookmark } from '@hhgtech/icons/other';
-import { C as CommonGAssets } from './index-78255d6c.js';
-import { T as Text } from './index-c200bff6.js';
-import { H as Heading } from './index-73301602.js';
-import { t as theme } from './theme-f18c2351.js';
-import { _ as __rest, a as __awaiter } from './tslib.es6-761239c7.js';
-import { Card, Group, Box, Flex, createStyles, Stack, getStylesRef, useMantineTheme, rem } from '@mantine/core';
+import { C as CommonGAssets } from './index-b9c4dfcb.js';
+import { T as Text } from './index-7a1552e9.js';
+import { H as Heading } from './index-f0184ea4.js';
+import { theme } from './miscTheme.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-2d738692.js';
+import { Card, Group, Box, Flex, createStyles, Stack, getStylesRef } from '@mantine/core';
 import innertext from 'innertext';
-import { u as useScreenSize, A as Anchor, a as Avatar, b as AspectRatio, R as Radio, t as themeColors } from './index-21eac858.js';
+import { u as useScreenSize, A as Anchor, a as Avatar, b as AspectRatio, R as Radio } from './index-03d7200e.js';
 import '@mantine/dates';
-import { d as domainLocales, L as LOCALE_SPECS, F as FAVICONS } from './index-bef3c9bd.js';
-import { L as LOCALE } from './index-e3787b20.js';
-import './useMantineLocale-4fb67342.js';
-import './index-2b9213cf.js';
-import './translationsContext-f3d1a7bd.js';
+import { L as LOCALE_SPECS, F as FAVICONS } from './index-39aa0c9f.js';
+import './index-38ced379.js';
+import './useMantineLocale-faa72172.js';
+import './index-bdc3bd61.js';
+import './translationsContext-68168ff3.js';
 import 'string-format';
 import '@mantine/hooks';
-import { M as MediaQueries } from './utils-f8761b9d.js';
-import { i as isInternalLink } from './index-996f7caf.js';
+import { M as MediaQueries } from './utils-40533779.js';
+import './other-9b439f19.js';
+import { i as isInternalLink } from './index-a7f10a58.js';
 import styled from '@emotion/styled';
-import { C as Checkbox, P as PureInput } from './index-e26514ee.js';
+import { C as Checkbox, P as PureInput } from './index-7720a710.js';
 import throttle from 'lodash/throttle';
-import { L as Logo } from './index-1ecbcf21.js';
+import { L as Logo } from './index-e0f8a206.js';
 import { keyframes } from '@emotion/react';
 import parse from 'html-react-parser';
-import { i as isProduction } from './isProduction-5684a28c.js';
-import { u as useTranslations } from './useTranslations-fbf6a6ab.js';
-import { D as DueDateForm, B as BmiForm, a as BabyPoopForm, T as ThrForm, O as OvulationForm, b as BabyVaccineForm, P as PWGForm } from './index-6ac73f00.js';
-import { B as BabyGrowthForm } from './index-38f50764.js';
-import { f as formatUserProfileUrl } from './dataTransform-3e8e25ba.js';
-import { s as setDefaultClass } from './defaultClassWrapper-31caf23b.js';
+import { domainLocales } from './constantsDomainLocales.js';
+import { isProduction } from './constantsIsProduction.js';
 import { isBefore, startOfMonth, addMonths, format, subMonths, getDaysInMonth, isToday, isSameDay, isWithinInterval, isAfter, isPast } from 'date-fns';
-import { a as useOutsideClick } from './useOutsideClick-7451aa57.js';
+import { a as useOutsideClick } from './useOutsideClick-fd3849ea.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 { B as Button } from './index-1da2ca0b.js';
-import { D as Dropdown } from './index-cdac57da.js';
-import { g as getSocialList } from './getSocialList-e8142513.js';
-import { I as Input } from './index-16514f4d.js';
-import { D as Drawer } from './index-8952ceac.js';
+import { B as Button } from './index-f93799fc.js';
+import { u as useTranslations } from './useTranslations-ba901edf.js';
+import { D as Dropdown } from './index-03050142.js';
+import { getSocialList } from './miscGetSocialList.js';
+import { I as Input } from './index-288b564e.js';
+import { D as Drawer } from './index-40b6555d.js';
 import { v4 } from 'uuid';
+import { L as LOCALE } from './Locale-c6a90240.js';
 
 var styles$1 = {"expertName":"PiqKaXk","anchor":"HgbW6-m","card":"_6lkfLYy","author":"j7c-onH","pointer":"wwI1--d"};
 
@@ -171,7 +170,7 @@ const _Horizontal = (_a) => {
 
 // MyComponent.styles.ts
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
-var useStyles$4 = createStyles((_theme, {}) => ({
+var useStyles$1 = createStyles((_theme, {}) => ({
     // add all styles as usual
     root: {},
     image: {},
@@ -191,7 +190,7 @@ const _Vertical = (_a) => {
     // size = 'lg',
     classNames, styles, unstyled, className } = _a, rest = __rest(_a, ["article", "author", "authorAvatar", "badge", "bannerImageWrapProps", "hideDescription", "isBookmarked", "onBookmark", "time", "tracking", "classNames", "styles", "unstyled", "className"]);
     const { isMobile } = useScreenSize();
-    const { classes, cx } = useStyles$4(
+    const { classes, cx } = useStyles$1(
     // First argument of useStyles is styles params
     {}, 
     // Second argument is responsible for styles api integration
@@ -1397,7 +1396,7 @@ const StyledTableBody = styled.tbody `
     }
   }
 `;
-const Body$1 = ({ children, className, style, isHoverable, isStriped, }) => {
+const Body = ({ children, className, style, isHoverable, isStriped, }) => {
     return (React__default.createElement(StyledTableBody, { className: className, style: style, "data-is-striped": isStriped || undefined, "data-is-hoverable": isHoverable || undefined }, children));
 };
 
@@ -1407,10 +1406,10 @@ var index = /*#__PURE__*/Object.freeze({
   Cell: Cell,
   Head: Head,
   Row: Row,
-  Body: Body$1
+  Body: Body
 });
 
-var useStyles$3 = createStyles((theme) => {
+var useStyles = createStyles((theme) => {
     const itemLabelRef = getStylesRef('itemLabel');
     return {
         root: {
@@ -1459,7 +1458,7 @@ var useStyles$3 = createStyles((theme) => {
  * @deprecated Consider to use mantine
  */
 const Tabs = ({ style, initialTab, tabContent, onChange, className, dataEventCategory, dataEventAction, dataEventLabel, id, styles, }) => {
-    const { classes, cx, theme } = useStyles$3(undefined, { name: 'Tabs', styles });
+    const { classes, cx, theme } = useStyles(undefined, { name: 'Tabs', styles });
     const [activeTab, setActiveTab] = useState(initialTab || 0);
     useEffect(() => {
         setActiveTab(initialTab);
@@ -2248,380 +2247,6 @@ const SeoHead = ({ SEOData = {}, locale = 'vi-VN', routerPathname: pathname, rou
             } })) : null));
 };
 
-const StyledIconContainerClass = 'hhgcomp-toolbanner-iconcontainer';
-const StyledInnerClass = 'hhgcomp-toolbanner-inner';
-const StyledWrapper$1 = setDefaultClass(styled.div `
-    position: relative;
-    width: 100%;
-    height: 100%;
-  `, 'hhgcomp-toolbanner-wrapper');
-const StyledContainer = styled.div `
-  width: 100%;
-  a {
-    text-decoration: none;
-    color: inherit;
-  }
-
-  background-color: ${(props) => props['data-banner-color'] || themeColors.blue[1]};
-
-  &[data-site='marryBaby'] {
-    a {
-      text-decoration: underline;
-    }
-    ${MediaQueries.mbDown} {
-      padding-bottom: 0;
-    }
-  }
-
-  ${MediaQueries.tdDown} {
-    height: auto;
-    ${StyledWrapper$1.classSelector} {
-      .${StyledInnerClass} {
-        display: flex;
-        align-items: center;
-        ${MediaQueries.mbDown} {
-          justify-content: space-between;
-        }
-        .${StyledIconContainerClass} {
-          position: relative;
-          right: -50px;
-          bottom: -20px;
-          width: 110px;
-          min-width: 0;
-          height: auto;
-          min-height: 0;
-          align-self: flex-end;
-          margin-bottom: -20px;
-          ${MediaQueries.mbDown} {
-            right: unset;
-          }
-        }
-      }
-    }
-  }
-`;
-
-const ToolsBannerCard = ({ className, heading, bannerColor, medicalReview = {
-    link: '#',
-    reviewer: '',
-    date: '',
-}, icon, style, isPregTool, }) => {
-    const { t } = useTranslations();
-    const theme = useMantineTheme();
-    const isMarryBaby = theme.other.template === 'mb';
-    const siteType = isMarryBaby ? 'marryBaby' : 'helloSites';
-    const headingAs = 'h2';
-    const medicalReviewEle = (medicalReview === null || medicalReview === void 0 ? void 0 : medicalReview.reviewer) ? (React__default.createElement(Text, { size: "label2", as: "div", className: "embedded-review", sx: {
-            a: {
-                textUnderlineOffset: '2px',
-                textDecoration: 'underline',
-            },
-        } },
-        React__default.createElement("div", { dangerouslySetInnerHTML: {
-                __html: t('toolPage.toolReviewer', {
-                    expert_name: `<a href="${medicalReview.link}">${medicalReview.reviewer.trim()}</a>`,
-                    date: medicalReview.date,
-                }),
-            } }))) : null;
-    return (React__default.createElement(StyledContainer, { className: className, style: style, "data-site": siteType, "data-banner-color": bannerColor ||
-            (isMarryBaby
-                ? theme.colors.mb[1]
-                : isPregTool
-                    ? theme.colors.pink[1]
-                    : theme.colors.blue[1]) },
-        React__default.createElement(StyledWrapper$1, null,
-            React__default.createElement(Flex, { gap: rem(24), align: 'center', justify: 'space-between', sx: { padding: rem(16), gap: rem(24), '.heading': {} } },
-                React__default.createElement(Box, null,
-                    React__default.createElement(Text, { size: isMarryBaby ? 'h4' : 'h3', as: headingAs, className: 'heading' }, heading),
-                    medicalReview && (React__default.createElement(Text, { size: "n1", as: "div" }, medicalReviewEle))),
-                React__default.createElement(Flex, { justify: 'center', align: 'center', sx: (theme) => ({
-                        width: rem(80),
-                        height: rem(80),
-                        borderRadius: isMarryBaby ? '24px' : '50%',
-                        backgroundColor: '#fff',
-                        flexShrink: 0,
-                        img: {
-                            maxWidth: rem(48),
-                            maxHeight: rem(48),
-                        },
-                        [theme.fn.smallerThan('sm')]: {
-                            width: rem(64),
-                            height: rem(64),
-                            img: {
-                                maxWidth: rem(40),
-                                maxHeight: rem(40),
-                            },
-                        },
-                    }) }, icon)))));
-};
-
-var useStyles$2 = createStyles(() => {
-    return {
-        root: {
-            borderTopLeftRadius: 'inherit',
-            borderTopRightRadius: 'inherit',
-        },
-    };
-});
-
-const CardWrapperContext = createContext({});
-
-const Banner = (_a) => {
-    var { styles, classNames, className } = _a, rest = __rest(_a, ["styles", "classNames", "className"]);
-    const { classes, cx } = useStyles$2(undefined, {
-        name: 'HealthToolCardWrapper__Banner',
-        styles,
-        classNames,
-    });
-    const { isPregTool } = useContext(CardWrapperContext);
-    return (React__default.createElement(ToolsBannerCard, Object.assign({ isPregTool: isPregTool, className: cx(className, classes.root) }, rest)));
-};
-
-var useStyles$1 = createStyles(() => {
-    return {
-        root: {
-            padding: rem(16),
-        },
-    };
-});
-
-const Body = (_a) => {
-    var { children, styles, classNames, className } = _a, rest = __rest(_a, ["children", "styles", "classNames", "className"]);
-    const { classes, cx } = useStyles$1(undefined, {
-        name: 'HealthToolCardWrapper',
-        styles,
-        classNames,
-    });
-    return (React__default.createElement(Box, Object.assign({ className: cx(className, classes.root) }, rest), children));
-};
-
-var useStyles = createStyles((theme, { isPregTool }) => {
-    const isMarryBaby = theme.other.template === 'mb';
-    return {
-        root: {
-            display: 'flex',
-            flexDirection: 'column',
-            borderRadius: rem(isMarryBaby ? 16 : 8),
-            backgroundColor: '#fff',
-            border: `1px solid ${isMarryBaby
-                ? theme.colors.mb[2]
-                : isPregTool
-                    ? theme.colors.pink[1]
-                    : theme.colors.blue[2]}`,
-        },
-        row: {
-            display: 'flex',
-            alignItems: 'stretch',
-            justifyContent: 'space-between',
-            gap: rem(16),
-        },
-        labelWrapper: {
-            flex: '1 1 0px',
-            display: 'flex',
-            alignItems: 'center',
-            borderBottom: `1px solid ${theme.colors.neutral[1]}`,
-        },
-        label: {
-            fontSize: rem(14),
-            color: theme.colors.gray[6],
-        },
-        control: {
-            width: rem(180),
-            flexShrink: 1,
-            '&.error': {
-                'button, input': {
-                    borderColor: theme.colors.red[7],
-                },
-            },
-        },
-        radioLabel: {
-            fontSize: rem(16),
-        },
-        radioRoot: {
-            padding: `${rem(10)} 0`,
-            margin: 0,
-        },
-        bmiVal: {
-            display: 'inline-block',
-        },
-        inputWithUnit__wrapper: {
-            position: 'relative',
-        },
-        inputWithUnit__unit: {
-            position: 'absolute',
-            top: 0,
-            right: 0,
-            bottom: 0,
-            paddingRight: rem(10),
-            display: 'flex',
-            alignItems: 'center',
-        },
-        inputWithUnit__unitText: {
-            color: theme.colors.gray[6],
-        },
-        inputWithUnit__input: {
-            input: {
-                paddingRight: rem(30),
-                '::-webkit-inner-spin-button': { '-webkit-appearance': 'none' },
-            },
-        },
-        submitBtn: {},
-        switchRoot: {
-            padding: '16px 0',
-        },
-    };
-});
-
-const _HealthToolCardWrapper = (_a) => {
-    var { children, styles, classNames, className, isPregTool } = _a, rest = __rest(_a, ["children", "styles", "classNames", "className", "isPregTool"]);
-    const { classes, cx } = useStyles({ isPregTool }, {
-        name: 'HealthToolCardWrapper',
-        styles,
-        classNames,
-    });
-    return (React__default.createElement(CardWrapperContext.Provider, { value: {
-            isPregTool,
-        } },
-        React__default.createElement(Box, Object.assign({ className: cx(className, classes.root) }, rest), children)));
-};
-const HealthToolCardWrapper = _HealthToolCardWrapper;
-HealthToolCardWrapper.Body = Body;
-HealthToolCardWrapper.Banner = Banner;
-
-const DueDateCardEmbed = (_a) => {
-    var _b;
-    var { dueDatePageInfo, expertUrl, formProps } = _a, props = __rest(_a, ["dueDatePageInfo", "expertUrl", "formProps"]);
-    const { t } = useTranslations();
-    return (React__default.createElement(HealthToolCardWrapper, Object.assign({ isPregTool: true }, props),
-        React__default.createElement(HealthToolCardWrapper.Banner, { color: "pink", icon: React__default.createElement("img", { alt: "health-tool-icon", src: (dueDatePageInfo === null || dueDatePageInfo === void 0 ? void 0 : dueDatePageInfo.featured_image) ||
-                    CommonGAssets.getAssetPath('health-tools/due-date-icon.svg'), loading: "lazy" }), heading: t('healthTools.dueDateCalculator'), medicalReview: {
-                link: expertUrl,
-                reviewer: (_b = dueDatePageInfo === null || dueDatePageInfo === void 0 ? void 0 : dueDatePageInfo.reviewed_by) === null || _b === void 0 ? void 0 : _b.display_name,
-                date: dueDatePageInfo === null || dueDatePageInfo === void 0 ? void 0 : dueDatePageInfo.reviewed_date,
-            } }),
-        React__default.createElement(HealthToolCardWrapper.Body, null,
-            React__default.createElement(DueDateForm, Object.assign({}, formProps)))));
-};
-
-const BMICardEmbed = (_a) => {
-    var _b, _c, _d;
-    var { bmiContent, bmiGenerated, bmiUnit, formProps } = _a, props = __rest(_a, ["bmiContent", "bmiGenerated", "bmiUnit", "formProps"]);
-    const { t } = useTranslations();
-    return (React__default.createElement(HealthToolCardWrapper, Object.assign({}, props),
-        React__default.createElement(HealthToolCardWrapper.Banner, { 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: (_b = bmiContent === null || bmiContent === void 0 ? void 0 : bmiContent.reviewBy) === null || _b === void 0 ? void 0 : _b.link,
-                reviewer: (_c = bmiContent === null || bmiContent === void 0 ? void 0 : bmiContent.reviewBy) === null || _c === void 0 ? void 0 : _c.reviewer,
-                date: (_d = bmiContent === null || bmiContent === void 0 ? void 0 : bmiContent.reviewBy) === null || _d === void 0 ? void 0 : _d.date,
-            } }),
-        React__default.createElement(HealthToolCardWrapper.Body, null,
-            React__default.createElement(BmiForm, Object.assign({ bmiGenerated: bmiGenerated, bmiUnit: bmiUnit }, formProps)))));
-};
-
-const BabyGrowthCardEmbed = (_a) => {
-    var _b, _c, _d;
-    var { babyGrowthContent, formProps } = _a, props = __rest(_a, ["babyGrowthContent", "formProps"]);
-    return (React__default.createElement(HealthToolCardWrapper, Object.assign({}, props),
-        React__default.createElement(HealthToolCardWrapper.Banner, { icon: React__default.createElement("img", { className: "embedded-icon", alt: "health-tool-icon", src: (babyGrowthContent === null || babyGrowthContent === void 0 ? void 0 : babyGrowthContent.featuredImage) ||
-                    CommonGAssets.getAssetPath('health-tools/toolsIconBabyGrowth.svg'), loading: "lazy" }), heading: (babyGrowthContent === null || babyGrowthContent === void 0 ? void 0 : babyGrowthContent.title) || '', medicalReview: {
-                link: (_b = babyGrowthContent === null || babyGrowthContent === void 0 ? void 0 : babyGrowthContent.reviewBy) === null || _b === void 0 ? void 0 : _b.link,
-                reviewer: (_c = babyGrowthContent === null || babyGrowthContent === void 0 ? void 0 : babyGrowthContent.reviewBy) === null || _c === void 0 ? void 0 : _c.reviewer.trim(),
-                date: (_d = babyGrowthContent === null || babyGrowthContent === void 0 ? void 0 : babyGrowthContent.reviewBy) === null || _d === void 0 ? void 0 : _d.date,
-            } }),
-        React__default.createElement(HealthToolCardWrapper.Body, null,
-            React__default.createElement(BabyGrowthForm, Object.assign({}, formProps)))));
-};
-
-const BabyPoopEmbed = (_a) => {
-    var { babyPoopPage, formProps } = _a, props = __rest(_a, ["babyPoopPage", "formProps"]);
-    const { reviewedBy, reviewedDate } = babyPoopPage || {};
-    return (React__default.createElement(HealthToolCardWrapper, Object.assign({}, props),
-        React__default.createElement(HealthToolCardWrapper.Banner, { icon: React__default.createElement("img", { alt: "health-tool-icon", src: babyPoopPage === null || babyPoopPage === void 0 ? void 0 : babyPoopPage.featuredImage, loading: "lazy" }), heading: babyPoopPage.title, medicalReview: {
-                link: reviewedBy === null || reviewedBy === void 0 ? void 0 : reviewedBy.profileUrl,
-                reviewer: reviewedBy === null || reviewedBy === void 0 ? void 0 : reviewedBy.displayName,
-                date: reviewedDate,
-            } }),
-        React__default.createElement(HealthToolCardWrapper.Body, null,
-            React__default.createElement(BabyPoopForm, Object.assign({ babyPoopPage: babyPoopPage }, formProps)))));
-};
-
-const THRCardEmbed = (_a) => {
-    var _b, _c;
-    var { thrContent, formProps } = _a, props = __rest(_a, ["thrContent", "formProps"]);
-    const { t } = useTranslations();
-    return (React__default.createElement(HealthToolCardWrapper, Object.assign({}, props),
-        React__default.createElement(HealthToolCardWrapper.Banner, { icon: React__default.createElement("img", { alt: "health-tool-icon", src: (thrContent === null || thrContent === void 0 ? void 0 : thrContent.featured_image) ||
-                    CommonGAssets.getAssetPath('health-tools/target-heart-rate-icon.svg'), loading: "lazy" }), heading: t('targetHearRate.heading'), medicalReview: ((_b = thrContent === null || thrContent === void 0 ? void 0 : thrContent.reviewedBy) === null || _b === void 0 ? void 0 : _b.display_name)
-                ? {
-                    link: formatUserProfileUrl(thrContent === null || thrContent === void 0 ? void 0 : thrContent.reviewedBy),
-                    reviewer: (_c = thrContent === null || thrContent === void 0 ? void 0 : thrContent.reviewedBy) === null || _c === void 0 ? void 0 : _c.display_name,
-                    date: thrContent === null || thrContent === void 0 ? void 0 : thrContent.reviewedDate,
-                }
-                : undefined }),
-        React__default.createElement(HealthToolCardWrapper.Body, null,
-            React__default.createElement(ThrForm, Object.assign({}, formProps)))));
-};
-
-const BMRCardEmbed = (_a) => {
-    var _b, _c, _d;
-    var { bmrContent, bmiGenerated, bmiUnit, formProps } = _a, props = __rest(_a, ["bmrContent", "bmiGenerated", "bmiUnit", "formProps"]);
-    const { t } = useTranslations();
-    return (React__default.createElement(HealthToolCardWrapper, Object.assign({}, props),
-        React__default.createElement(HealthToolCardWrapper.Banner, { icon: React__default.createElement("img", { alt: "health-tool-icon", src: (bmrContent === null || bmrContent === void 0 ? void 0 : bmrContent.featured_image) ||
-                    CommonGAssets.getAssetPath('health-tools/bmr.svg'), loading: "lazy" }), heading: t('bmr.heading'), medicalReview: {
-                link: (_b = bmrContent === null || bmrContent === void 0 ? void 0 : bmrContent.reviewBy) === null || _b === void 0 ? void 0 : _b.link,
-                reviewer: (_c = bmrContent === null || bmrContent === void 0 ? void 0 : bmrContent.reviewBy) === null || _c === void 0 ? void 0 : _c.reviewer,
-                date: (_d = bmrContent === null || bmrContent === void 0 ? void 0 : bmrContent.reviewBy) === null || _d === void 0 ? void 0 : _d.date,
-            } }),
-        React__default.createElement(HealthToolCardWrapper.Body, null,
-            React__default.createElement(BmiForm, Object.assign({ bmiGenerated: bmiGenerated, bmiUnit: bmiUnit }, formProps, { submitProps: Object.assign(Object.assign({}, formProps === null || formProps === void 0 ? void 0 : formProps.submitProps), { dataEventAction: 'BMR' }) })))));
-};
-
-const OvulationCardEmbed = (_a) => {
-    var _b;
-    var { ovulationPageInfo, expertUrl, formProps, isMobile } = _a, props = __rest(_a, ["ovulationPageInfo", "expertUrl", "formProps", "isMobile"]);
-    const { t } = useTranslations();
-    return (React__default.createElement(HealthToolCardWrapper, Object.assign({ isPregTool: true }, props),
-        React__default.createElement(HealthToolCardWrapper.Banner, { icon: React__default.createElement("img", { alt: "health-tool-icon", src: (ovulationPageInfo === null || ovulationPageInfo === void 0 ? void 0 : ovulationPageInfo.featured_image) ||
-                    CommonGAssets.getAssetPath('health-tools/ovulation-icon.svg'), loading: "lazy" }), heading: t('healthTools.ovulationCalculator'), medicalReview: {
-                link: expertUrl,
-                reviewer: (_b = ovulationPageInfo === null || ovulationPageInfo === void 0 ? void 0 : ovulationPageInfo.reviewed_by) === null || _b === void 0 ? void 0 : _b.display_name,
-                date: ovulationPageInfo === null || ovulationPageInfo === void 0 ? void 0 : ovulationPageInfo.reviewed_date,
-            } }),
-        React__default.createElement(HealthToolCardWrapper.Body, null,
-            React__default.createElement(OvulationForm, Object.assign({ isMobile: isMobile }, formProps)))));
-};
-
-const BabyVaccineCardEmbed = (_a) => {
-    var _b, _c, _d;
-    var { babyVaccineContent, formProps } = _a, props = __rest(_a, ["babyVaccineContent", "formProps"]);
-    const { t } = useTranslations();
-    return (React__default.createElement(HealthToolCardWrapper, Object.assign({}, props),
-        React__default.createElement(HealthToolCardWrapper.Banner, { icon: React__default.createElement("img", { alt: "health-tool-icon", src: (babyVaccineContent === null || babyVaccineContent === void 0 ? void 0 : babyVaccineContent.featuredImage) ||
-                    CommonGAssets.getAssetPath('health-tools/baby-vaccine-icon.svg'), loading: "lazy" }), heading: t('babyVaccineTool.heading'), medicalReview: {
-                link: ((_b = babyVaccineContent === null || babyVaccineContent === void 0 ? void 0 : babyVaccineContent.reviewBy) === null || _b === void 0 ? void 0 : _b.link) || '',
-                reviewer: ((_c = babyVaccineContent === null || babyVaccineContent === void 0 ? void 0 : babyVaccineContent.reviewBy) === null || _c === void 0 ? void 0 : _c.reviewer) || '',
-                date: ((_d = babyVaccineContent === null || babyVaccineContent === void 0 ? void 0 : babyVaccineContent.reviewBy) === null || _d === void 0 ? void 0 : _d.date) || '',
-            } }),
-        React__default.createElement(HealthToolCardWrapper.Body, null,
-            React__default.createElement(BabyVaccineForm, Object.assign({}, formProps)))));
-};
-
-const PWGCardEmbed = (_a) => {
-    var _b;
-    var { pwgContent, formProps } = _a, props = __rest(_a, ["pwgContent", "formProps"]);
-    const { t } = useTranslations();
-    return (React__default.createElement(HealthToolCardWrapper, Object.assign({ isPregTool: true }, props),
-        React__default.createElement(HealthToolCardWrapper.Banner, { icon: React__default.createElement("img", { alt: "health-tool-icon", src: (pwgContent === null || pwgContent === void 0 ? void 0 : pwgContent.featuredImage) ||
-                    CommonGAssets.getAssetPath('health-tools/pwg-icon.svg'), loading: "lazy" }), heading: t('pregnancyWeightGain.heading'), medicalReview: {
-                link: formatUserProfileUrl(pwgContent === null || pwgContent === void 0 ? void 0 : pwgContent.reviewedBy),
-                reviewer: (_b = pwgContent === null || pwgContent === void 0 ? void 0 : pwgContent.reviewedBy) === null || _b === void 0 ? void 0 : _b.display_name,
-                date: pwgContent === null || pwgContent === void 0 ? void 0 : pwgContent.reviewedDate,
-            } }),
-        React__default.createElement(HealthToolCardWrapper.Body, null,
-            React__default.createElement(PWGForm, Object.assign({}, formProps)))));
-};
-
 const StyledCalendarWrapper$1 = styled.div `
   flex: 1;
 `;
@@ -3471,4 +3096,4 @@ const FixedBottomAdBlock = ({ className, adUnitPath, divId, isMobile, contentId,
             String(mountRandRef.current), pos: ['Sticky'], contentId: contentId, hideIfHasSubot: isMobile, customTargetings: customTargetings, adDefaultSize: isMobile ? [320, 50] : [728, 90], showCloseBtn: true, onCloseAd: () => setUserHideAd(true), refreshInterval: 60, locale: locale, isMarryBaby: isMarryBaby }))));
 };
 
-export { ArticleCard$1 as A, BMICardEmbed as B, CategoryCard as C, DoctorInfo as D, FloatButtonGroup as F, IconText as I, MobileBottomNavigation as M, OvulationCardEmbed as O, ProgressBar as P, RadioGroup as R, ScrollList as S, Tabs as T, ArticleCard as a, CheckboxGroup as b, StatisticCard as c, index as d, CookieAcceptConfirm as e, MobileBottomNavigationIcon as f, SeoHead as g, ToolsBannerCard as h, index$1 as i, DueDateCardEmbed as j, BabyGrowthCardEmbed as k, BabyPoopEmbed as l, THRCardEmbed as m, BMRCardEmbed as n, BabyVaccineCardEmbed as o, PWGCardEmbed as p, DateRangePicker as q, Breadcrumbs as r, ShareContainer as s, ShareDrawer as t, AdBlock as u, FixedBottomAdBlock as v };
+export { ArticleCard$1 as A, Breadcrumbs as B, CategoryCard as C, DoctorInfo as D, FloatButtonGroup as F, IconText as I, MobileBottomNavigation as M, ProgressBar as P, RadioGroup as R, ScrollList as S, Tabs as T, ArticleCard as a, CheckboxGroup as b, StatisticCard as c, index as d, CookieAcceptConfirm as e, MobileBottomNavigationIcon as f, SeoHead as g, DateRangePicker as h, index$1 as i, ShareContainer as j, ShareDrawer as k, AdBlock as l, FixedBottomAdBlock as m };

package/build/esm/footer.js

@@ -1,30 +1,35 @@
-export { F as Footer } from './index-c1af3a8e.js';
+export { F as Footer } from './index-5369d2e2.js';
 import 'react';
-import './index-782fed08.js';
+import './index-77dc8ed1.js';
 import 'dayjs';
-import './index-bef3c9bd.js';
+import './index-39aa0c9f.js';
 import 'date-fns/locale';
-import './index-e3787b20.js';
-import './isProduction-5684a28c.js';
-import './index-21eac858.js';
-import './tslib.es6-761239c7.js';
+import './index-38ced379.js';
+import './Locale-c6a90240.js';
+import './constantsIsProduction.js';
+import './constantsSite.js';
+import './constantsDomainLocales.js';
+import './constantsRiskScreener.js';
+import './index-03d7200e.js';
+import './tslib.es6-2d738692.js';
 import '@hhgtech/icons/other';
 import '@mantine/core';
 import '@mantine/hooks';
-import './index-78255d6c.js';
-import './utils-f8761b9d.js';
+import './index-b9c4dfcb.js';
+import './utils-40533779.js';
 import '@emotion/styled';
 import '@mantine/carousel';
-import './index-c200bff6.js';
-import './theme-f18c2351.js';
-import './useMantineLocale-4fb67342.js';
-import './index-2b9213cf.js';
+import './index-7a1552e9.js';
+import './other-9b439f19.js';
+import './miscTheme.js';
+import './useMantineLocale-faa72172.js';
+import './index-bdc3bd61.js';
 import 'classnames';
-import './useUniqueId-c23213b6.js';
+import './useUniqueId-e84c90ce.js';
 import '@hhgtech/icons/core';
 import '@mantine/dates';
-import './translationsContext-f3d1a7bd.js';
+import './translationsContext-68168ff3.js';
 import 'string-format';
-import './index-1ecbcf21.js';
-import './logoIcon-d93bc56e.js';
-import './index-87a2ea8c.js';
+import './index-e0f8a206.js';
+import './logoIcon-b0ce60d0.js';
+import './index-fa83ce20.js';

package/build/esm/gAssets.js

@@ -1,5 +1,4 @@
-export { C as CommonGAssets, G as GAssets } from './index-78255d6c.js';
-import './index-bef3c9bd.js';
-import 'date-fns/locale';
-import './index-e3787b20.js';
-import './isProduction-5684a28c.js';
+export { C as CommonGAssets, G as GAssets } from './index-b9c4dfcb.js';
+import './constantsDomainLocales.js';
+import './Locale-c6a90240.js';
+import './constantsIsProduction.js';

package/build/esm/healthToolsCardWrapper.js

@@ -0,0 +1,33 @@
+import './tslib.es6-2d738692.js';
+import 'react';
+import '@mantine/core';
+export { H as HealthToolCardWrapper } from './index-7c678785.js';
+import './index-03d7200e.js';
+import '@hhgtech/icons/other';
+import '@mantine/hooks';
+import './index-b9c4dfcb.js';
+import './constantsDomainLocales.js';
+import './Locale-c6a90240.js';
+import './constantsIsProduction.js';
+import './utils-40533779.js';
+import '@emotion/styled';
+import '@mantine/carousel';
+import './index-7a1552e9.js';
+import './other-9b439f19.js';
+import './index-38ced379.js';
+import './miscTheme.js';
+import './useMantineLocale-faa72172.js';
+import 'dayjs';
+import './index-39aa0c9f.js';
+import 'date-fns/locale';
+import './constantsSite.js';
+import './constantsRiskScreener.js';
+import './index-bdc3bd61.js';
+import 'classnames';
+import './useUniqueId-e84c90ce.js';
+import '@hhgtech/icons/core';
+import '@mantine/dates';
+import './useTranslations-ba901edf.js';
+import './translationsContext-68168ff3.js';
+import 'string-format';
+import './miscDefaultClassWrapper.js';