@hhgtech/hhg-components 1.29.38 → 1.29.39

package/build/esm/babyGrowth.js

@@ -1,55 +1,111 @@
-import { D as Drawer, M as Modal } from './index-a83b3eb1.js';
-export { B as BabyGrowthGender } from './index-a83b3eb1.js';
 import React__default, { useMemo, useRef, useState, useEffect } from 'react';
-import { L as LOCALE, G as Gender, B as BabyGrowthChartType, a as BabyGrowthChartDuration } from './index-79a8b4ef.js';
-import { t as theme } from './theme-42c08fa1.js';
-import { T as Text } from './index-6e0f2380.js';
+import { BabyBoyMB, GenderChooseBoy, BabyGirlMB, GenderChooseGirl, Boy, Girl, CheckActiveMB, GenderBoy, GenderGirl, CalendarMB, Calendar } from '@hhgtech/icons/other';
+import { u as useTranslations } from './useTranslations-cdea23ca.js';
+import { G as Gender, L as LOCALE, B as BabyGrowthChartType, a as BabyGrowthChartDuration } from './index-56e460c6.js';
+import { a as MarryBabyHeading, M as MarryBabyText } from './index-489dd441.js';
+import { T as Text } from './index-84a52876.js';
+import { t as theme } from './theme-970b90f0.js';
 import styled from '@emotion/styled';
-import { B as Button } from './index-293feeaa.js';
-import { Boy, Girl, CheckActiveMB, BabyBoyMB, BabyGirlMB, GenderBoy, GenderGirl, CalendarMB, Calendar } from '@hhgtech/icons/other';
-import { M as MarryBabyText } from './index-7f868691.js';
+import { M as MediaQueries, s as startCase } from './utils-f7a8a1ca.js';
+import { R as RadioImageGroup, D as Drawer, M as Modal } from './index-eb9b684f.js';
+export { B as BabyGrowthForm } from './index-eb9b684f.js';
+import { B as Button } from './index-c3d30585.js';
 import dayjs from 'dayjs';
-import { a as ageGenerate, l as localizeNumberFormat } from './localizeNumberFormat-dc4e3255.js';
+import { a as ageGenerate, l as localizeNumberFormat } from './localizeNumberFormat-c85786d3.js';
 import { Kebab } from '@hhgtech/icons/core';
-import { u as useTranslations } from './useTranslations-182b98b0.js';
-import { H as Heading } from './index-8448ca14.js';
-import { s as startCase } from './utils-878fd685.js';
-import { _ as __rest, a as __awaiter } from './tslib.es6-85c9ab93.js';
+import { H as Heading } from './index-de4b6341.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-64d6b81e.js';
 import '@mantine/core';
-import './index.styles-6b051705.js';
-import './index-866e1e59.js';
-import './index-5f675e1c.js';
-import './constants-97ddb11b.js';
-import './utils-d6c3851b.js';
-import { T as Text$1 } from './index-ce5fd5ed.js';
-import './utils-6a097926.js';
-import './WhatsApp-9029e044.js';
-import { C as CustomReferenceDot } from './index-1d94ce29.js';
-import './index-1191e333.js';
+import './index.styles-e1757115.js';
+import './index-68fab995.js';
+import './index-cbda4cc1.js';
+import './constants-ac51ae89.js';
+import './utils-e621db45.js';
+import { T as Text$1 } from './index-5a0f027e.js';
+import './utils-e93e4c81.js';
+import './WhatsApp-4464ab6c.js';
+import { C as CustomReferenceDot } from './index-4599e5b0.js';
+import './index-7c16ac20.js';
 import '@mantine/dates';
-import './useMantineLocale-dbec4e01.js';
+import './useMantineLocale-c9152268.js';
 import '@mantine/hooks';
-import { a as useOutsideClick } from './useOutsideClick-eb15471a.js';
-import { I as Input } from './index-8272466a.js';
+import { a as useOutsideClick } from './useOutsideClick-dc7a904e.js';
+import { I as Input } from './index-8625e8d8.js';
 import { ResponsiveContainer, LineChart, CartesianGrid, Tooltip, XAxis, YAxis, Line, ReferenceDot } from 'recharts';
 import chunk from 'lodash/chunk';
-import './useScrollbarSize-98f36cd2.js';
+import './translationsContext-494ae681.js';
+import 'string-format';
+import './index.styled-0bdbe990.js';
+import './useScrollbarSize-c5f52065.js';
 import 'lodash/debounce';
 import 'react-dom';
-import './index.styled-34d5c912.js';
-import './translationsContext-abfd0776.js';
-import 'string-format';
-import '@emotion/react';
-import './animation-8547e091.js';
+import '@hookform/resolvers/yup';
+import 'react-hook-form';
+import './index-f06883d8.js';
+import 'date-fns';
 import 'react-keyed-flatten-children';
+import '@emotion/react';
+import './animation-a85e3de7.js';
 import '@mantine/carousel';
 import 'classnames';
-import './useUniqueId-04125311.js';
-import './isProduction-0e6640c6.js';
-import './cookieHelper-36dd27eb.js';
+import './useUniqueId-c297b004.js';
+import './isProduction-434d302d.js';
+import './cookieHelper-3d07347b.js';
 import 'slugify';
 import 'date-fns/locale';
 
+const StyledBabyGrowthGender = styled.div `
+  & > :not(:last-child) {
+    margin-bottom: 8px;
+  }
+
+  .gender-selector {
+    & > :not(:last-child) {
+      margin-right: 16px;
+    }
+
+    & > div {
+      width: calc(50% - 8px);
+
+      ${MediaQueries.mbUp} {
+        justify-self: left;
+      }
+    }
+  }
+`;
+const StyledBabyGrowthGenderOption = styled(RadioImageGroup) `
+  & > div > div {
+    display: flex;
+    flex-direction: row;
+    justify-content: center;
+    align-content: center;
+    gap: 8px;
+    padding-block: 5px;
+  }
+  .radio-group-item-heading {
+    margin-top: 0;
+  }
+`;
+
+const BabyGrowthGender = ({ value, onChange, siteType, }) => {
+    const { t } = useTranslations();
+    const isMarryBaby = siteType == 'marryBaby';
+    return (React__default.createElement(StyledBabyGrowthGender, { "data-is-marryBaby": isMarryBaby },
+        isMarryBaby ? (React__default.createElement(MarryBabyHeading, { type: "h4", color: theme.mbColors.dark }, t('tools.selectBabyGender'))) : (React__default.createElement(Text, { size: "label2", weight: "bold", style: { marginBottom: '0.5rem' } }, t('tools.selectBabyGender'))),
+        React__default.createElement(StyledBabyGrowthGenderOption, { siteType: siteType, options: [
+                {
+                    value: Gender.Boy,
+                    label: t('gender.male'),
+                    content: isMarryBaby ? React__default.createElement(BabyBoyMB, null) : React__default.createElement(GenderChooseBoy, null),
+                },
+                {
+                    value: Gender.Girl,
+                    label: t('gender.female'),
+                    content: isMarryBaby ? React__default.createElement(BabyGirlMB, null) : React__default.createElement(GenderChooseGirl, null),
+                },
+            ], value: value, onChange: onChange, className: "gender-selector" })));
+};
+
 const StyledBabyGrowthLegend = styled.div `
   display: flex;
   justify-content: center;
@@ -815,92 +871,92 @@ const BabyGrowthChooseProfileDrawer = (_a) => {
 const BabyGrowthChartPercentile = {
     [Gender.Boy]: {
         [BabyGrowthChartType.Height]: {
-            [BabyGrowthChartDuration.Weekly]: () => import('./HEIGHT_BOYS.percentile.weekly-96c96901.js'),
-            [BabyGrowthChartDuration.Monthly]: () => import('./HEIGHT_BOYS.percentile.monthly-53adf68c.js'),
-            [BabyGrowthChartDuration.Yearly]: () => import('./HEIGHT_BOYS.percentile.yearly-92fac142.js'),
+            [BabyGrowthChartDuration.Weekly]: () => import('./HEIGHT_BOYS.percentile.weekly-afa23b20.js'),
+            [BabyGrowthChartDuration.Monthly]: () => import('./HEIGHT_BOYS.percentile.monthly-d165ef46.js'),
+            [BabyGrowthChartDuration.Yearly]: () => import('./HEIGHT_BOYS.percentile.yearly-d10f86c1.js'),
         },
         [BabyGrowthChartType.Weight]: {
-            [BabyGrowthChartDuration.Weekly]: () => import('./WEIGHT_BOYS.percentile.weekly-9c4083bd.js'),
-            [BabyGrowthChartDuration.Monthly]: () => import('./WEIGHT_BOYS.percentile.monthly-4fa8e732.js'),
-            [BabyGrowthChartDuration.Yearly]: () => import('./WEIGHT_BOYS.percentile.yearly-16f24d04.js'),
+            [BabyGrowthChartDuration.Weekly]: () => import('./WEIGHT_BOYS.percentile.weekly-9d34b61c.js'),
+            [BabyGrowthChartDuration.Monthly]: () => import('./WEIGHT_BOYS.percentile.monthly-1dc4d7f8.js'),
+            [BabyGrowthChartDuration.Yearly]: () => import('./WEIGHT_BOYS.percentile.yearly-88c743b3.js'),
         },
         [BabyGrowthChartType.Head]: {
-            [BabyGrowthChartDuration.Weekly]: () => import('./HEAD CIRCUM_BOYS.percentile.weekly-f8f3f13d.js'),
-            [BabyGrowthChartDuration.Monthly]: () => import('./HEAD CIRCUM_BOYS.percentile.monthly-8de688d1.js'),
-            [BabyGrowthChartDuration.Yearly]: () => import('./HEAD CIRCUM_BOYS.percentile.yearly-4c8c407c.js'),
+            [BabyGrowthChartDuration.Weekly]: () => import('./HEAD CIRCUM_BOYS.percentile.weekly-f5554984.js'),
+            [BabyGrowthChartDuration.Monthly]: () => import('./HEAD CIRCUM_BOYS.percentile.monthly-96d66e11.js'),
+            [BabyGrowthChartDuration.Yearly]: () => import('./HEAD CIRCUM_BOYS.percentile.yearly-557fb130.js'),
         },
         [BabyGrowthChartType.BMI]: {
-            [BabyGrowthChartDuration.Weekly]: () => import('./BMI_BOYS.percentile.weekly-591dcd44.js'),
-            [BabyGrowthChartDuration.Monthly]: () => import('./BMI_BOYS.percentile.monthly-d01dee28.js'),
-            [BabyGrowthChartDuration.Yearly]: () => import('./BMI_BOYS.percentile.yearly-84c2ff2c.js'),
+            [BabyGrowthChartDuration.Weekly]: () => import('./BMI_BOYS.percentile.weekly-51c5c77e.js'),
+            [BabyGrowthChartDuration.Monthly]: () => import('./BMI_BOYS.percentile.monthly-42b05262.js'),
+            [BabyGrowthChartDuration.Yearly]: () => import('./BMI_BOYS.percentile.yearly-f496de0a.js'),
         },
     },
     [Gender.Girl]: {
         [BabyGrowthChartType.Height]: {
-            [BabyGrowthChartDuration.Weekly]: () => import('./HEIGHT_GIRLS.percentile.weekly-29c0db88.js'),
-            [BabyGrowthChartDuration.Monthly]: () => import('./HEIGHT_GIRLS.percentile.monthly-34982fd3.js'),
-            [BabyGrowthChartDuration.Yearly]: () => import('./HEIGHT_GIRLS.percentile.yearly-c56a2b85.js'),
+            [BabyGrowthChartDuration.Weekly]: () => import('./HEIGHT_GIRLS.percentile.weekly-7b663bc7.js'),
+            [BabyGrowthChartDuration.Monthly]: () => import('./HEIGHT_GIRLS.percentile.monthly-4658cd2c.js'),
+            [BabyGrowthChartDuration.Yearly]: () => import('./HEIGHT_GIRLS.percentile.yearly-bbabb1a1.js'),
         },
         [BabyGrowthChartType.Weight]: {
-            [BabyGrowthChartDuration.Weekly]: () => import('./WEIGHT_GIRLS.percentile.weekly-bd34beb7.js'),
-            [BabyGrowthChartDuration.Monthly]: () => import('./WEIGHT_GIRLS.percentile.monthly-e37853d5.js'),
-            [BabyGrowthChartDuration.Yearly]: () => import('./WEIGHT_GIRLS.percentile.yearly-e5b561b3.js'),
+            [BabyGrowthChartDuration.Weekly]: () => import('./WEIGHT_GIRLS.percentile.weekly-fd9b6664.js'),
+            [BabyGrowthChartDuration.Monthly]: () => import('./WEIGHT_GIRLS.percentile.monthly-d10b7f03.js'),
+            [BabyGrowthChartDuration.Yearly]: () => import('./WEIGHT_GIRLS.percentile.yearly-a199dcfd.js'),
         },
         [BabyGrowthChartType.Head]: {
-            [BabyGrowthChartDuration.Weekly]: () => import('./HEAD CIRCUM_GIRLS.percentile.weekly-8a83f48b.js'),
-            [BabyGrowthChartDuration.Monthly]: () => import('./HEAD CIRCUM_GIRLS.percentile.monthly-718cc0d3.js'),
-            [BabyGrowthChartDuration.Yearly]: () => import('./HEAD CIRCUM_GIRLS.percentile.yearly-52856089.js'),
+            [BabyGrowthChartDuration.Weekly]: () => import('./HEAD CIRCUM_GIRLS.percentile.weekly-b7fd90a5.js'),
+            [BabyGrowthChartDuration.Monthly]: () => import('./HEAD CIRCUM_GIRLS.percentile.monthly-1ef5b735.js'),
+            [BabyGrowthChartDuration.Yearly]: () => import('./HEAD CIRCUM_GIRLS.percentile.yearly-680b7cff.js'),
         },
         [BabyGrowthChartType.BMI]: {
-            [BabyGrowthChartDuration.Weekly]: () => import('./BMI_GIRLS.percentile.weekly-c9878aec.js'),
-            [BabyGrowthChartDuration.Monthly]: () => import('./BMI_GIRLS.percentile.monthly-a51033e1.js'),
-            [BabyGrowthChartDuration.Yearly]: () => import('./BMI_GIRLS.percentile.yearly-f9440fbc.js'),
+            [BabyGrowthChartDuration.Weekly]: () => import('./BMI_GIRLS.percentile.weekly-575bac9c.js'),
+            [BabyGrowthChartDuration.Monthly]: () => import('./BMI_GIRLS.percentile.monthly-d9a21889.js'),
+            [BabyGrowthChartDuration.Yearly]: () => import('./BMI_GIRLS.percentile.yearly-04508fbe.js'),
         },
     },
 };
 const BabyGrowthChartZScore = {
     [Gender.Boy]: {
         [BabyGrowthChartType.Height]: {
-            [BabyGrowthChartDuration.Weekly]: () => import('./HEIGHT_BOYS.zscore.weekly-fbb0fdc9.js'),
-            [BabyGrowthChartDuration.Monthly]: () => import('./HEIGHT_BOYS.zscore.monthly-a8ae1335.js'),
-            [BabyGrowthChartDuration.Yearly]: () => import('./HEIGHT_BOYS.zscore.yearly-9b483c0e.js'),
+            [BabyGrowthChartDuration.Weekly]: () => import('./HEIGHT_BOYS.zscore.weekly-0695da19.js'),
+            [BabyGrowthChartDuration.Monthly]: () => import('./HEIGHT_BOYS.zscore.monthly-d0e97976.js'),
+            [BabyGrowthChartDuration.Yearly]: () => import('./HEIGHT_BOYS.zscore.yearly-a373542e.js'),
         },
         [BabyGrowthChartType.Weight]: {
-            [BabyGrowthChartDuration.Weekly]: () => import('./WEIGHT_BOYS.zscore.weekly-50cc1af5.js'),
-            [BabyGrowthChartDuration.Monthly]: () => import('./WEIGHT_BOYS.zscore.monthly-2f83fe06.js'),
-            [BabyGrowthChartDuration.Yearly]: () => import('./WEIGHT_BOYS.zscore.yearly-8f90b025.js'),
+            [BabyGrowthChartDuration.Weekly]: () => import('./WEIGHT_BOYS.zscore.weekly-f5d09a10.js'),
+            [BabyGrowthChartDuration.Monthly]: () => import('./WEIGHT_BOYS.zscore.monthly-c56a6907.js'),
+            [BabyGrowthChartDuration.Yearly]: () => import('./WEIGHT_BOYS.zscore.yearly-e4eadd64.js'),
         },
         [BabyGrowthChartType.Head]: {
-            [BabyGrowthChartDuration.Weekly]: () => import('./HEAD CIRCUM_BOYS.zscore.weekly-18a43769.js'),
-            [BabyGrowthChartDuration.Monthly]: () => import('./HEAD CIRCUM_BOYS.zscore.monthly-0b4aa3f6.js'),
-            [BabyGrowthChartDuration.Yearly]: () => import('./HEAD CIRCUM_BOYS.zscore.yearly-9f6b7910.js'),
+            [BabyGrowthChartDuration.Weekly]: () => import('./HEAD CIRCUM_BOYS.zscore.weekly-b3ea066c.js'),
+            [BabyGrowthChartDuration.Monthly]: () => import('./HEAD CIRCUM_BOYS.zscore.monthly-c3fdcb0b.js'),
+            [BabyGrowthChartDuration.Yearly]: () => import('./HEAD CIRCUM_BOYS.zscore.yearly-451d74b9.js'),
         },
         [BabyGrowthChartType.BMI]: {
-            [BabyGrowthChartDuration.Weekly]: () => import('./BMI_BOYS.zscore.weekly-234a53d2.js'),
-            [BabyGrowthChartDuration.Monthly]: () => import('./BMI_BOYS.zscore.monthly-c60f2b8a.js'),
-            [BabyGrowthChartDuration.Yearly]: () => import('./BMI_BOYS.zscore.yearly-a226f2ef.js'),
+            [BabyGrowthChartDuration.Weekly]: () => import('./BMI_BOYS.zscore.weekly-3db6bc0c.js'),
+            [BabyGrowthChartDuration.Monthly]: () => import('./BMI_BOYS.zscore.monthly-14f694fa.js'),
+            [BabyGrowthChartDuration.Yearly]: () => import('./BMI_BOYS.zscore.yearly-8509d0ae.js'),
         },
     },
     [Gender.Girl]: {
         [BabyGrowthChartType.Height]: {
-            [BabyGrowthChartDuration.Weekly]: () => import('./HEIGHT_GIRLS.zscore.weekly-7ee17f47.js'),
-            [BabyGrowthChartDuration.Monthly]: () => import('./HEIGHT_GIRLS.zscore.monthly-54e7c91a.js'),
-            [BabyGrowthChartDuration.Yearly]: () => import('./HEIGHT_GIRLS.zscore.yearly-2703cbc0.js'),
+            [BabyGrowthChartDuration.Weekly]: () => import('./HEIGHT_GIRLS.zscore.weekly-5e6f1243.js'),
+            [BabyGrowthChartDuration.Monthly]: () => import('./HEIGHT_GIRLS.zscore.monthly-f9e44117.js'),
+            [BabyGrowthChartDuration.Yearly]: () => import('./HEIGHT_GIRLS.zscore.yearly-cd2dcc67.js'),
         },
         [BabyGrowthChartType.Weight]: {
-            [BabyGrowthChartDuration.Weekly]: () => import('./WEIGHT_GIRLS.zscore.weekly-393e2b93.js'),
-            [BabyGrowthChartDuration.Monthly]: () => import('./WEIGHT_GIRLS.zscore.monthly-fc495d36.js'),
-            [BabyGrowthChartDuration.Yearly]: () => import('./WEIGHT_GIRLS.zscore.yearly-08062bc8.js'),
+            [BabyGrowthChartDuration.Weekly]: () => import('./WEIGHT_GIRLS.zscore.weekly-82d56465.js'),
+            [BabyGrowthChartDuration.Monthly]: () => import('./WEIGHT_GIRLS.zscore.monthly-88f2ceaa.js'),
+            [BabyGrowthChartDuration.Yearly]: () => import('./WEIGHT_GIRLS.zscore.yearly-7ba197df.js'),
         },
         [BabyGrowthChartType.Head]: {
-            [BabyGrowthChartDuration.Weekly]: () => import('./HEAD CIRCUM_GIRLS.zscore.weekly-79f6f5cb.js'),
-            [BabyGrowthChartDuration.Monthly]: () => import('./HEAD CIRCUM_GIRLS.zscore.monthly-e3600c49.js'),
-            [BabyGrowthChartDuration.Yearly]: () => import('./HEAD CIRCUM_GIRLS.zscore.yearly-af14607e.js'),
+            [BabyGrowthChartDuration.Weekly]: () => import('./HEAD CIRCUM_GIRLS.zscore.weekly-c3c76d7d.js'),
+            [BabyGrowthChartDuration.Monthly]: () => import('./HEAD CIRCUM_GIRLS.zscore.monthly-a21a8585.js'),
+            [BabyGrowthChartDuration.Yearly]: () => import('./HEAD CIRCUM_GIRLS.zscore.yearly-cc7be510.js'),
         },
         [BabyGrowthChartType.BMI]: {
-            [BabyGrowthChartDuration.Weekly]: () => import('./BMI_GIRLS.zscore.weekly-d1705304.js'),
-            [BabyGrowthChartDuration.Monthly]: () => import('./BMI_GIRLS.zscore.monthly-ede0906b.js'),
-            [BabyGrowthChartDuration.Yearly]: () => import('./BMI_GIRLS.zscore.yearly-b16db81c.js'),
+            [BabyGrowthChartDuration.Weekly]: () => import('./BMI_GIRLS.zscore.weekly-e616dee6.js'),
+            [BabyGrowthChartDuration.Monthly]: () => import('./BMI_GIRLS.zscore.monthly-5cdf6175.js'),
+            [BabyGrowthChartDuration.Yearly]: () => import('./BMI_GIRLS.zscore.yearly-f04c1bc5.js'),
         },
     },
 };
@@ -1245,4 +1301,4 @@ const BabyGrowthChart = ({ gender, type, duration, xLabel, x, y, toolTipLabel =
             React__default.createElement(Text, { size: "n1", color: theme.colors.gray500 }, xLabel))));
 };
 
-export { BabyGrowthChart, BabyGrowthChartPercentile, BabyGrowthChartZScore, BabyGrowthChooseProfileDrawer, BabyGrowthLegend, BabyGrowthProfileRadio, BabyGrowthRecord, BabyGrowthSwitch, BabyGrowthSwitchChart, BabyGrowthTooltip, ChildCard, LABELS_PERCENTILE, LABELS_Z_SCORE, divideChartData, generateGrowthChart, generateXAxisTicks, getAxisYDomain, paintAxis, refineDataWithDot, refineDataWithLine, transformDataToChart };
+export { BabyGrowthChart, BabyGrowthChartPercentile, BabyGrowthChartZScore, BabyGrowthChooseProfileDrawer, BabyGrowthGender, BabyGrowthLegend, BabyGrowthProfileRadio, BabyGrowthRecord, BabyGrowthSwitch, BabyGrowthSwitchChart, BabyGrowthTooltip, ChildCard, LABELS_PERCENTILE, LABELS_Z_SCORE, divideChartData, generateGrowthChart, generateXAxisTicks, getAxisYDomain, paintAxis, refineDataWithDot, refineDataWithLine, transformDataToChart };

package/build/esm/cache.js

@@ -1,3 +1,3 @@
-export { a as getCachedItem, g as getDataWithCache, s as setCachedItem } from './core-ce928c66.js';
-import './tslib.es6-85c9ab93.js';
-import './isProduction-0e6640c6.js';
+export { a as getCachedItem, g as getDataWithCache, s as setCachedItem } from './core-f226ac0f.js';
+import './tslib.es6-64d6b81e.js';
+import './isProduction-434d302d.js';

package/build/esm/care.js

@@ -1,27 +1,27 @@
-export { B as BookingSearchBar, a as BookingSearchBarV2, t as CareTypes, T as TextDivider } from './types-0e393278.js';
-export { c as CareConstants } from './constants-97ddb11b.js';
-import './tslib.es6-85c9ab93.js';
+export { B as BookingSearchBar, a as BookingSearchBarV2, t as CareTypes, T as TextDivider } from './types-d1a0466d.js';
+export { c as CareConstants } from './constants-ac51ae89.js';
+import './tslib.es6-64d6b81e.js';
 import 'react';
 import '@emotion/react';
-import './useTranslations-182b98b0.js';
-import './translationsContext-abfd0776.js';
+import './useTranslations-cdea23ca.js';
+import './translationsContext-494ae681.js';
 import 'string-format';
 import 'lodash/debounce';
 import '@emotion/styled';
-import './index-8272466a.js';
+import './index-8625e8d8.js';
 import '@mantine/core';
-import './index-6e0f2380.js';
-import './utils-878fd685.js';
-import './theme-42c08fa1.js';
+import './index-84a52876.js';
+import './utils-f7a8a1ca.js';
+import './theme-970b90f0.js';
 import 'lodash/shuffle';
-import './useOutsideClick-eb15471a.js';
+import './useOutsideClick-dc7a904e.js';
 import 'react-loading-skeleton';
-import './paths-6d282f7b.js';
-import './index-1191e333.js';
+import './paths-56c3587b.js';
+import './index-7c16ac20.js';
 import 'date-fns/locale';
-import './index-79a8b4ef.js';
-import './isProduction-0e6640c6.js';
-import './cookieHelper-36dd27eb.js';
-import './index-219ed8dd.js';
+import './index-56e460c6.js';
+import './isProduction-434d302d.js';
+import './cookieHelper-3d07347b.js';
+import './index-0ed4c22b.js';
 import '@hhgtech/icons/core';
-import './ChevronDown-11483d36.js';
+import './ChevronDown-5de6880b.js';

package/build/esm/components/atoms/genderOptionControl/index.d.ts

@@ -1,10 +1,11 @@
-import React from 'react';
-import { DefaultProps, RadioGroupProps, Selectors } from '@mantine/core';
+import React, { FC } from 'react';
+import { DefaultProps, Selectors, RadioGroupProps } from '@mantine/core';
 import useStyles from "./index.styles";
+import { IconProps } from "../icons";
 export type GenderOptionProps = {
     value: string;
     label: string;
-    icon: string;
+    icon: string | FC<IconProps>;
 };
 export interface Props extends DefaultProps<Selectors<typeof useStyles>> {
     label?: string;
@@ -14,6 +15,9 @@ export interface Props extends DefaultProps<Selectors<typeof useStyles>> {
         male: string;
         female: string;
     };
+    hideLabel?: boolean;
+    type?: 'button' | 'radio';
+    onChange?: (value: string) => void;
 }
-declare const GenderOptionControl: ({ label, availableValue: availableValueInit, styles, isBaby, genderValue, ...radioGroupProps }: Props & Omit<RadioGroupProps, 'children' | 'styles'>) => React.JSX.Element;
+declare const GenderOptionControl: ({ label, availableValue: availableValueInit, styles, isBaby, genderValue, type, hideLabel, ...radioProps }: Props & Omit<RadioGroupProps, 'children' | 'styles'>) => React.JSX.Element;
 export { GenderOptionControl };

package/build/esm/components/atoms/genderOptionControl/index.styles.d.ts

@@ -1,4 +1,7 @@
-declare const _default: (params: void, options?: import("@mantine/core").UseStylesOptions<string>) => {
+type StylesParams = {
+    type?: 'button' | 'radio';
+};
+declare const _default: (params: StylesParams, options?: import("@mantine/core").UseStylesOptions<string>) => {
     classes: {
         root: string;
         wrapper: string;
@@ -7,6 +10,7 @@ declare const _default: (params: void, options?: import("@mantine/core").UseStyl
         itemLabelWrapper: string;
         itemLabel: string;
         itemInner: string;
+        itemBody: string;
     };
     cx: (...args: any) => string;
     theme: import("@mantine/core").MantineTheme;

package/build/esm/components/babyGrowth/babyGrowthForm/context.d.ts

@@ -6,6 +6,5 @@ export type BabyGrowthFormContextType = {
     control: Control<BabyGrowthFormField, any>;
     currentUrl: string;
     isEmptyThreeFields: boolean;
-    isMarryBaby: boolean;
 };
 export declare const BabyGrowthFormContext: import("react").Context<BabyGrowthFormContextType>;

package/build/esm/components/babyGrowth/babyGrowthForm/index.d.ts

@@ -1,13 +1,10 @@
 import React from 'react';
-import { BoxProps } from '@mantine/core';
-import { BabyGrowthFormField, SiteType } from "../../../interfaces/types";
+import { BabyGrowthFormField } from "../../../interfaces/types";
 import { SubmitErrorHandler } from 'react-hook-form';
+import { HealthToolFormWrapperProps } from "../../molecules/healthTools/formWrapper";
 export type BabyGrowthFormProps = {
     onSubmit: (value: BabyGrowthFormField) => void;
     onError: SubmitErrorHandler<BabyGrowthFormField>;
     schema?: any;
-    siteType?: SiteType;
-    layout?: 'vertical' | 'horizonal';
-} & BoxProps;
-declare const BabyGrowthForm: ({ onSubmit, onError, schema, siteType, layout, styles, classNames, }: BabyGrowthFormProps) => React.JSX.Element;
-export default BabyGrowthForm;
+} & HealthToolFormWrapperProps;
+export declare const BabyGrowthForm: ({ onSubmit, onError, schema, formLayout, ...rest }: BabyGrowthFormProps) => React.JSX.Element;

package/build/esm/components/babyGrowth/babyGrowthForm/layout/default/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { HealthToolFormWrapperProps } from "../../../../molecules/healthTools/formWrapper";
+export declare const DefaultForm: (props: HealthToolFormWrapperProps) => React.JSX.Element;

package/build/esm/components/babyGrowth/babyGrowthForm/layout/inline/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { HealthToolFormWrapperProps } from "../../../../molecules/healthTools/formWrapper";
+export declare const InlineForm: ({ styles, classNames, ...props }: HealthToolFormWrapperProps) => React.JSX.Element;

package/build/esm/components/babyGrowth/babyGrowthForm/layout/inline/index.styles.d.ts

@@ -0,0 +1,11 @@
+declare const _default: (params: void, options?: import("@mantine/core").UseStylesOptions<string>) => {
+    classes: {
+        root: string;
+        bmiVal: string;
+        unitText: string;
+        submitBtn: string;
+    };
+    cx: (...args: any) => string;
+    theme: import("@mantine/core").MantineTheme;
+};
+export default _default;

package/build/esm/components/babyGrowth/index.d.ts

@@ -17,3 +17,4 @@ export type { BabyGrowthChooseProfileDrawerProps } from "./babyGrowthChooseProfi
 export { BabyGrowthChart, LABELS_PERCENTILE, LABELS_Z_SCORE, } from "./babyGrowthChart";
 export type { BabyGrowthChartProps, AxisType } from "./babyGrowthChart";
 export * from "./babyGrowthChart/chartConfig";
+export { BabyGrowthForm, BabyGrowthFormProps } from "./babyGrowthForm";

package/build/esm/components/molecules/embeddedHeathToolCards/baby-growth/index.d.ts

@@ -1,18 +1,16 @@
 import React, { ReactNode } from 'react';
+import { SubmitErrorHandler } from 'react-hook-form';
 import { BabyGrowthFormProps } from "../../../babyGrowth/babyGrowthForm";
-import { BabyGrowthContent, BabyVaccinationDetail } from "../../../../types";
-import { BabyGrowthEmbedContextType } from "./context";
-import { Form } from "./form";
+import { BabyGrowthContent, BabyGrowthFormField, BabyVaccinationDetail } from "../../../../types";
 export type BabyGrowthCardEmbedProps = {
     children?: ReactNode;
     className?: string;
     isMobile?: boolean;
     babyLists?: Array<BabyVaccinationDetail['profile']> | null;
     babyGrowthContent: BabyGrowthContent | null;
-    formLayout?: BabyGrowthFormProps['layout'];
-} & BabyGrowthEmbedContextType;
-export interface CompoundedComponent extends React.ForwardRefExoticComponent<BabyGrowthCardEmbedProps> {
-    Form: typeof Form;
-}
-declare const BabyGrowthCardEmbed: CompoundedComponent;
-export { BabyGrowthCardEmbed };
+    onSubmit: (value: BabyGrowthFormField) => void;
+    onError?: SubmitErrorHandler<BabyGrowthFormField>;
+    schema?: any;
+    formLayout?: BabyGrowthFormProps['formLayout'];
+};
+export declare const BabyGrowthCardEmbed: ({ isMobile, onSubmit, onError, schema, babyGrowthContent, formLayout, }: BabyGrowthCardEmbedProps) => React.JSX.Element;

package/build/esm/components/molecules/embeddedHeathToolCards/bmi/bmi.d.ts

@@ -1,13 +1,8 @@
 import React, { ReactNode } from 'react';
 import { ToolContent } from "../../../../together/interfaces/types";
 import { BmiEmbedContextType } from "./context";
-import { Form } from "./form";
 export type Props = {
     bmiContent: ToolContent;
     children?: ReactNode;
 } & BmiEmbedContextType;
-export interface CompoundedComponent extends React.ForwardRefExoticComponent<Props> {
-    Form: typeof Form;
-}
-declare const BMICardEmbed: CompoundedComponent;
-export { BMICardEmbed };
+export declare const BMICardEmbed: ({ isMobile, onSubmit, bmiContent, bmiGenerated, bmiUnit, locale, formLayout, }: Props) => React.JSX.Element;

package/build/esm/components/molecules/embeddedHeathToolCards/bmi/context.d.ts

@@ -1,16 +1,17 @@
 /// <reference types="react" />
 import { LOCALE } from "../../../../types";
+import { HealthToolFormWrapperProps } from "../../healthTools/formWrapper";
 import { BMIUnit, BmiFormValue, Rule } from "../helpers";
 export type BmiEmbedContextType = {
     onSubmit: (data: BmiFormValue) => void;
     isMobile?: boolean;
     locale?: LOCALE;
-    isSide?: boolean;
     bmiGenerated?: Record<keyof BmiFormValue, {
         label: string;
         rule?: Rule;
     }>;
     bmiUnit?: BMIUnit;
     bmiLink?: string;
+    formLayout?: HealthToolFormWrapperProps['formLayout'];
 };
 export declare const BmiEmbedContext: import("react").Context<BmiEmbedContextType>;

package/build/esm/components/molecules/embeddedHeathToolCards/bmr/bmr.d.ts

@@ -1,20 +1,15 @@
 import React from 'react';
 import { LOCALE } from "../../../../interfaces/types/Locale";
-import { BmrInfo, ToolContent } from "../../../../together/interfaces/types";
+import { ToolContent } from "../../../../together/interfaces/types";
+import { BmiEmbedContextType } from "../bmi/context";
 export type InputError = {
     age: string;
     weight: string;
     height: string;
 };
-type Props = {
+export type BMRCardEmbedProps = {
     isMobile?: boolean;
     locale?: LOCALE;
     bmrContent: ToolContent;
-    isSide?: boolean;
-    info: BmrInfo;
-    inputErrorMessage?: InputError;
-    onFormChange?: (o: BmrInfo) => void;
-    onSubmit: (genderInfo: string) => void;
-};
-export declare const BMRCardEmbed: ({ isSide, locale, bmrContent, isMobile, info, inputErrorMessage, onFormChange, onSubmit, }: Props) => React.JSX.Element;
-export {};
+} & BmiEmbedContextType;
+export declare const BMRCardEmbed: ({ bmrContent, isMobile, onSubmit, formLayout, bmiGenerated, bmiUnit, }: BMRCardEmbedProps) => React.JSX.Element;

package/build/esm/components/molecules/embeddedHeathToolCards/helpers.d.ts

@@ -1,5 +1,7 @@
 import { FieldPath, FieldValues, RegisterOptions } from 'react-hook-form';
 import { LOCALE } from "../../../interfaces/types";
+import { ButtonProps } from "../../../mantine";
+import { HealthToolFormWrapperProps } from "../healthTools/formWrapper";
 export type BmiObjective = 'lose-weight' | 'maintain-weight' | 'gain-weight';
 export type BmiFormValue = {
     gender?: 'male' | 'female';
@@ -26,17 +28,15 @@ export type BmiFormProps = {
     onChange?: (value: BmiFormValue) => void;
     onSubmit?: (value: BmiFormValue) => void;
     className?: string;
-    template?: 'page' | 'embed';
-    disabled?: Partial<Record<BmiFormValueKeys, boolean>>;
     locale?: LOCALE;
     bmiGenerated: Record<keyof BmiFormValue, {
         label: string;
         rule?: Rule | undefined;
     }>;
     bmiUnit: BMIUnit;
-    isSide?: boolean;
-};
-export declare function getBmi({ weight: weightProps, height: heightProps }: {
+    submitProps?: ButtonProps;
+} & HealthToolFormWrapperProps;
+export declare function getBmi({ weight: weightProps, height: heightProps, }: {
     weight: number;
     height: number;
 }): number;

package/build/esm/components/molecules/embeddedHeathToolCards/target-heart-rate/index.d.ts

@@ -1,18 +1,11 @@
 import React from 'react';
-import { LOCALE } from "../../../../interfaces/types/Locale";
-import { targetHeartRateInfo, ThrInfo } from "../../../../together/interfaces/types";
+import { ThrInfo } from "../../../../together/interfaces/types";
+import { ThrFormProps } from "../../healthTools/form/thrForm";
+import { HealthToolFormWrapperProps } from "../../healthTools/formWrapper";
 export type Props = {
     isMobile?: boolean;
-    locale?: LOCALE;
     thrContent: ThrInfo;
     isSide?: boolean;
-    info: targetHeartRateInfo;
-    inputErrorMessage?: InputError;
-    onFormChange?: (o: targetHeartRateInfo) => void;
-    onSubmit: (genderValue: string, activeValue: string, heartRate: number[]) => void;
-};
-export type InputError = {
-    age: string;
-    intensity: string;
-};
-export declare const THRCardEmbed: ({ isSide, locale, thrContent, isMobile, info, inputErrorMessage, onFormChange, onSubmit, }: Props) => React.JSX.Element;
+    onSubmit?: ThrFormProps['onSubmit'];
+} & HealthToolFormWrapperProps;
+export declare const THRCardEmbed: ({ thrContent, isMobile, formLayout, onSubmit, }: Props) => React.JSX.Element;

package/build/esm/components/molecules/healthTools/cardWrapper/banner/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { BoxProps } from '@mantine/core';
+import { Props as ToolsBannerCardProps } from "../../../toolBannerCard";
+export declare const Banner: ({ styles, classNames, className, ...rest }: BoxProps & ToolsBannerCardProps) => React.JSX.Element;

package/build/esm/components/molecules/healthTools/cardWrapper/banner/index.styles.d.ts

@@ -0,0 +1,8 @@
+declare const _default: (params: void, options?: import("@mantine/core").UseStylesOptions<string>) => {
+    classes: {
+        root: string;
+    };
+    cx: (...args: any) => string;
+    theme: import("@mantine/core").MantineTheme;
+};
+export default _default;

package/build/esm/components/molecules/healthTools/cardWrapper/body/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { BoxProps } from '@mantine/core';
+export declare const Body: ({ children, styles, classNames, className, ...rest }: BoxProps) => React.JSX.Element;