@hhgtech/hhg-components 1.29.134 → 1.29.135

package/build/{index-7c4ec07a.js → index-5706fc32.js}

@@ -1,27 +1,27 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-6cf152d6.js');
+var tslib_es6 = require('./tslib.es6-47d67e4a.js');
 var React = require('react');
-var LastPeriod = require('./LastPeriod-fd95f762.js');
+var LastPeriod = require('./LastPeriod-03679801.js');
 var dateFns = require('date-fns');
 var core = require('@mantine/core');
 var form = require('@mantine/form');
 var dayjs = require('dayjs');
-var index$3 = require('./index-3e801e33.js');
-var index = require('./index-d919834a.js');
-require('./index-7f563129.js');
-require('./index-a0a2321b.js');
-require('./index.styles-b57afab1.js');
-var useTranslations = require('./useTranslations-928d4ace.js');
+var index$4 = require('./index-1e469a64.js');
+var index$1 = require('./index-b60821c5.js');
+require('./index-ce9a0d0b.js');
+require('./index-f5b2b3bf.js');
+require('./index.styles-575a2293.js');
+var index = require('./index-53b9a5ed.js');
 require('@mantine/hooks');
-require('./useMantineLocale-d59fa63b.js');
-require('./index-291e6f28.js');
-require('./index-e6bdfb93.js');
-require('./utils-54857ab8.js');
-var index$2 = require('./index-920ebbb7.js');
-require('./other-427e38dc.js');
-require('./index-41f6c400.js');
-var index$1 = require('./index-d5a32dfb.js');
+require('./useMantineLocale-b6730670.js');
+require('./index-4a39b1e7.js');
+require('./index-76e88882.js');
+require('./utils-3e457c21.js');
+var index$3 = require('./index-f49e8023.js');
+require('./other-06d775ca.js');
+require('./index-f47b3df8.js');
+var index$2 = require('./index-81150842.js');
 var other = require('@hhgtech/icons/other');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
@@ -75,30 +75,30 @@ const DueDateFormContext = React.createContext({});
 const ConceptionFormContext = React.createContext({});
 
 const DefaultLayout$2 = () => {
-    const { t } = useTranslations.useTranslations();
+    const { t } = index.useTranslations();
     const { form } = React.useContext(ConceptionFormContext);
     return (React__default["default"].createElement(React__default["default"].Fragment, null,
-        React__default["default"].createElement(index.DatePicker, Object.assign({ label: t('dueDatePage.lastPeriod.lastPeriodLabel') }, form.getInputProps('lastPeriodDate'), { placeholder: 'DD/MM/YYYY', popoverProps: {
+        React__default["default"].createElement(index$1.DatePicker, Object.assign({ label: t('dueDatePage.lastPeriod.lastPeriodLabel') }, form.getInputProps('lastPeriodDate'), { placeholder: 'DD/MM/YYYY', popoverProps: {
                 withinPortal: true,
             }, maxDate: new Date() }))));
 };
 
 const InlineLayout$2 = () => {
-    const { t } = useTranslations.useTranslations();
+    const { t } = index.useTranslations();
     const { form } = React.useContext(ConceptionFormContext);
-    return (React__default["default"].createElement(index$1.HealthToolFormWrapper.FormRow, null,
-        React__default["default"].createElement(index$1.HealthToolFormWrapper.BorderInlineControl, { label: t('dueDatePage.lastPeriod.lastPeriodLabel') },
-            React__default["default"].createElement(index.DatePicker, Object.assign({}, form.getInputProps('lastPeriodDate'), { placeholder: 'DD/MM/YYYY', popoverProps: {
+    return (React__default["default"].createElement(index$2.HealthToolFormWrapper.FormRow, null,
+        React__default["default"].createElement(index$2.HealthToolFormWrapper.BorderInlineControl, { label: t('dueDatePage.lastPeriod.lastPeriodLabel') },
+            React__default["default"].createElement(index$1.DatePicker, Object.assign({}, form.getInputProps('lastPeriodDate'), { placeholder: 'DD/MM/YYYY', popoverProps: {
                     withinPortal: true,
                 }, maxDate: new Date(), error: null }))),
-        form.errors.lastPeriodDate && (React__default["default"].createElement(index$1.HealthToolFormWrapper.Error, null, form.errors.lastPeriodDate))));
+        form.errors.lastPeriodDate && (React__default["default"].createElement(index$2.HealthToolFormWrapper.Error, null, form.errors.lastPeriodDate))));
 };
 
 const MbLayout$2 = () => {
-    const { t } = useTranslations.useTranslations();
+    const { t } = index.useTranslations();
     const { form } = React.useContext(ConceptionFormContext);
-    return (React__default["default"].createElement(index$1.HealthToolFormWrapper.BorderBoxControl, { label: t('dueDatePage.lastPeriod.lastPeriodLabel'), rightSection: React__default["default"].createElement(other.CalendarMB, null) },
-        React__default["default"].createElement(index.DatePicker, Object.assign({}, form.getInputProps('lastPeriodDate'), { placeholder: 'DD/MM/YYYY', popoverProps: {
+    return (React__default["default"].createElement(index$2.HealthToolFormWrapper.BorderBoxControl, { label: t('dueDatePage.lastPeriod.lastPeriodLabel'), rightSection: React__default["default"].createElement(other.CalendarMB, null) },
+        React__default["default"].createElement(index$1.DatePicker, Object.assign({}, form.getInputProps('lastPeriodDate'), { placeholder: 'DD/MM/YYYY', popoverProps: {
                 withinPortal: true,
             }, rightSection: null, maxDate: new Date() }))));
 };
@@ -163,7 +163,7 @@ const getDueDateIVF = (IVFDate, numDayTransfer) => {
 const ConceptionForm = ({}) => {
     const { formLayout, onSubmit, currentUrl, submitProps } = React.useContext(DueDateFormContext);
     const theme = core.useMantineTheme();
-    const { t } = useTranslations.useTranslations();
+    const { t } = index.useTranslations();
     const form$1 = form.useForm({
         initialValues: {
             lastPeriodDate: new Date(),
@@ -172,57 +172,57 @@ const ConceptionForm = ({}) => {
     const formProps = {
         onSubmit: form$1.onSubmit((values) => {
             const { lastPeriodDate } = values;
-            onSubmit(getDueDateConception(lastPeriodDate), `${index$2.QUERY_HEALTH_TOOL.type}=1&sd=${dayjs__default["default"](lastPeriodDate).format(index$2.API_DATE_FORMAT)}&${index$2.QUERY_HEALTH_TOOL.additional}= `);
+            onSubmit(getDueDateConception(lastPeriodDate), `${index$3.QUERY_HEALTH_TOOL.type}=1&sd=${dayjs__default["default"](lastPeriodDate).format(index$3.API_DATE_FORMAT)}&${index$3.QUERY_HEALTH_TOOL.additional}= `);
         }),
     };
     return (React__default["default"].createElement(ConceptionFormContext.Provider, { value: { form: form$1 } },
-        React__default["default"].createElement(index$1.HealthToolFormWrapper, Object.assign({ formLayout: formLayout }, formProps),
+        React__default["default"].createElement(index$2.HealthToolFormWrapper, Object.assign({ formLayout: formLayout }, formProps),
             formLayout === 'inline' ? (React__default["default"].createElement(InlineLayout$2, null)) : theme.other.template === 'mb' ? (React__default["default"].createElement(MbLayout$2, null)) : (React__default["default"].createElement(DefaultLayout$2, null)),
-            React__default["default"].createElement(index$1.HealthToolFormWrapper.Submit, Object.assign({ dataEventCategory: "Health Tool", dataEventAction: "Due Date", dataEventLabel: currentUrl, className: "due-date-calculate-button", type: "submit" }, submitProps), t('dueDatePage.lastPeriod.calculate')))));
+            React__default["default"].createElement(index$2.HealthToolFormWrapper.Submit, Object.assign({ dataEventCategory: "Health Tool", dataEventAction: "Due Date", dataEventLabel: currentUrl, className: "due-date-calculate-button", type: "submit" }, submitProps), t('dueDatePage.lastPeriod.calculate')))));
 };
 
 const IVFFormContext = React.createContext({});
 
 const DefaultLayout$1 = () => {
-    const { t } = useTranslations.useTranslations();
+    const { t } = index.useTranslations();
     const { form, transferDateOptions } = React.useContext(IVFFormContext);
     return (React__default["default"].createElement(React__default["default"].Fragment, null,
-        React__default["default"].createElement(index.DatePicker, Object.assign({ label: t('dueDatePage.ivf.transferDate') }, form.getInputProps('IVFDate'), { placeholder: 'DD/MM/YYYY', popoverProps: {
+        React__default["default"].createElement(index$1.DatePicker, Object.assign({ label: t('dueDatePage.ivf.transferDate') }, form.getInputProps('IVFDate'), { placeholder: 'DD/MM/YYYY', popoverProps: {
                 withinPortal: true,
             }, maxDate: new Date() })),
-        React__default["default"].createElement(index$3.Radio.Group, Object.assign({}, form.getInputProps('dayTransfer')),
-            React__default["default"].createElement(core.Group, null, transferDateOptions.map((i, idx) => (React__default["default"].createElement(index$3.Radio, { key: idx, value: i.value, label: i.label })))))));
+        React__default["default"].createElement(index$4.Radio.Group, Object.assign({}, form.getInputProps('dayTransfer')),
+            React__default["default"].createElement(core.Group, null, transferDateOptions.map((i, idx) => (React__default["default"].createElement(index$4.Radio, { key: idx, value: i.value, label: i.label })))))));
 };
 
 const InlineLayout$1 = () => {
-    const { t } = useTranslations.useTranslations();
+    const { t } = index.useTranslations();
     const { form, transferDateOptions } = React.useContext(IVFFormContext);
     return (React__default["default"].createElement(React__default["default"].Fragment, null,
-        React__default["default"].createElement(index$1.HealthToolFormWrapper.BorderInlineControl, { label: t('dueDatePage.ivf.transferDate') },
-            React__default["default"].createElement(index.DatePicker, Object.assign({}, form.getInputProps('IVFDate'), { placeholder: 'DD/MM/YYYY', popoverProps: {
+        React__default["default"].createElement(index$2.HealthToolFormWrapper.BorderInlineControl, { label: t('dueDatePage.ivf.transferDate') },
+            React__default["default"].createElement(index$1.DatePicker, Object.assign({}, form.getInputProps('IVFDate'), { placeholder: 'DD/MM/YYYY', popoverProps: {
                     withinPortal: true,
                 }, maxDate: new Date() }))),
-        React__default["default"].createElement(index$1.HealthToolFormWrapper.BorderInlineControl, { width: 'none' },
-            React__default["default"].createElement(index$3.Radio.Group, Object.assign({}, form.getInputProps('dayTransfer')),
-                React__default["default"].createElement(core.Group, null, transferDateOptions.map((i, idx) => (React__default["default"].createElement(index$3.Radio, { key: idx, value: i.value, label: i.label }))))))));
+        React__default["default"].createElement(index$2.HealthToolFormWrapper.BorderInlineControl, { width: 'none' },
+            React__default["default"].createElement(index$4.Radio.Group, Object.assign({}, form.getInputProps('dayTransfer')),
+                React__default["default"].createElement(core.Group, null, transferDateOptions.map((i, idx) => (React__default["default"].createElement(index$4.Radio, { key: idx, value: i.value, label: i.label }))))))));
 };
 
 const MbLayout$1 = () => {
-    const { t } = useTranslations.useTranslations();
+    const { t } = index.useTranslations();
     const { form, transferDateOptions } = React.useContext(IVFFormContext);
     return (React__default["default"].createElement(React__default["default"].Fragment, null,
-        React__default["default"].createElement(index$1.HealthToolFormWrapper.BorderBoxControl, { label: t('dueDatePage.ivf.transferDate'), rightSection: React__default["default"].createElement(other.CalendarMB, null) },
-            React__default["default"].createElement(index.DatePicker, Object.assign({}, form.getInputProps('IVFDate'), { placeholder: 'DD/MM/YYYY', popoverProps: {
+        React__default["default"].createElement(index$2.HealthToolFormWrapper.BorderBoxControl, { label: t('dueDatePage.ivf.transferDate'), rightSection: React__default["default"].createElement(other.CalendarMB, null) },
+            React__default["default"].createElement(index$1.DatePicker, Object.assign({}, form.getInputProps('IVFDate'), { placeholder: 'DD/MM/YYYY', popoverProps: {
                     withinPortal: true,
                 }, maxDate: new Date(), rightSection: null }))),
-        React__default["default"].createElement(index$3.Radio.Group, Object.assign({}, form.getInputProps('dayTransfer')),
-            React__default["default"].createElement(core.Group, null, transferDateOptions.map((i, idx) => (React__default["default"].createElement(index$3.Radio, { key: idx, value: i.value, label: i.label })))))));
+        React__default["default"].createElement(index$4.Radio.Group, Object.assign({}, form.getInputProps('dayTransfer')),
+            React__default["default"].createElement(core.Group, null, transferDateOptions.map((i, idx) => (React__default["default"].createElement(index$4.Radio, { key: idx, value: i.value, label: i.label })))))));
 };
 
 const IVFForm = ({}) => {
     var _a;
     const { formLayout, onSubmit, currentUrl, submitProps } = React.useContext(DueDateFormContext);
-    const { t } = useTranslations.useTranslations();
+    const { t } = index.useTranslations();
     const theme = core.useMantineTheme();
     const transferDateOptions = [
         {
@@ -248,63 +248,63 @@ const IVFForm = ({}) => {
         onSubmit: form$1.onSubmit((values) => {
             const { IVFDate } = values;
             const dayTransfer = Number(values.dayTransfer);
-            onSubmit(getDueDateIVF(IVFDate, Number(dayTransfer)), `${index$2.QUERY_HEALTH_TOOL.type}=2&${index$2.QUERY_HEALTH_TOOL.startDate}=${dayjs__default["default"](IVFDate).format(index$2.API_DATE_FORMAT)}&${index$2.QUERY_HEALTH_TOOL.additional}=${dayTransfer}`);
+            onSubmit(getDueDateIVF(IVFDate, Number(dayTransfer)), `${index$3.QUERY_HEALTH_TOOL.type}=2&${index$3.QUERY_HEALTH_TOOL.startDate}=${dayjs__default["default"](IVFDate).format(index$3.API_DATE_FORMAT)}&${index$3.QUERY_HEALTH_TOOL.additional}=${dayTransfer}`);
         }),
     };
     return (React__default["default"].createElement(IVFFormContext.Provider, { value: { form: form$1, transferDateOptions } },
-        React__default["default"].createElement(index$1.HealthToolFormWrapper, Object.assign({ formLayout: formLayout }, formProps),
+        React__default["default"].createElement(index$2.HealthToolFormWrapper, Object.assign({ formLayout: formLayout }, formProps),
             formLayout === 'inline' ? (React__default["default"].createElement(InlineLayout$1, null)) : theme.other.template === 'mb' ? (React__default["default"].createElement(MbLayout$1, null)) : (React__default["default"].createElement(DefaultLayout$1, null)),
-            React__default["default"].createElement(index$1.HealthToolFormWrapper.Submit, Object.assign({ dataEventCategory: "Health Tool", dataEventAction: "Due Date", dataEventLabel: currentUrl, className: "due-date-calculate-button", type: "submit" }, submitProps), t('dueDatePage.lastPeriod.calculate')))));
+            React__default["default"].createElement(index$2.HealthToolFormWrapper.Submit, Object.assign({ dataEventCategory: "Health Tool", dataEventAction: "Due Date", dataEventLabel: currentUrl, className: "due-date-calculate-button", type: "submit" }, submitProps), t('dueDatePage.lastPeriod.calculate')))));
 };
 
 const LastPeriodFormContext = React.createContext({});
 
 const DefaultLayout = () => {
-    const { t } = useTranslations.useTranslations();
+    const { t } = index.useTranslations();
     const { form } = React.useContext(LastPeriodFormContext);
     return (React__default["default"].createElement(React__default["default"].Fragment, null,
-        React__default["default"].createElement(index.DatePicker, Object.assign({ label: t('dueDatePage.lastPeriod.lastPeriodLabel') }, form.getInputProps('lastPeriodDate'), { placeholder: 'DD/MM/YYYY', popoverProps: {
+        React__default["default"].createElement(index$1.DatePicker, Object.assign({ label: t('dueDatePage.lastPeriod.lastPeriodLabel') }, form.getInputProps('lastPeriodDate'), { placeholder: 'DD/MM/YYYY', popoverProps: {
                 withinPortal: true,
             }, maxDate: new Date() })),
-        React__default["default"].createElement(index$3.Input.Wrapper, { label: t('dueDatePage.lastPeriod.periodLengthLabel') },
-            React__default["default"].createElement(index$3.Input.Number, Object.assign({ min: 20, max: 40, placeholder: t('tools.inputPlaceholder', {
+        React__default["default"].createElement(index$4.Input.Wrapper, { label: t('dueDatePage.lastPeriod.periodLengthLabel') },
+            React__default["default"].createElement(index$4.Input.Number, Object.assign({ min: 20, max: 40, placeholder: t('tools.inputPlaceholder', {
                     content: '30',
                 }) }, form.getInputProps('periodLength'))))));
 };
 
 const InlineLayout = () => {
-    const { t } = useTranslations.useTranslations();
+    const { t } = index.useTranslations();
     const { form } = React.useContext(LastPeriodFormContext);
     return (React__default["default"].createElement(React__default["default"].Fragment, null,
-        React__default["default"].createElement(index$1.HealthToolFormWrapper.BorderInlineControl, { label: t('dueDatePage.lastPeriod.lastPeriodLabel') },
-            React__default["default"].createElement(index.DatePicker, Object.assign({}, form.getInputProps('lastPeriodDate'), { placeholder: 'DD/MM/YYYY', popoverProps: {
+        React__default["default"].createElement(index$2.HealthToolFormWrapper.BorderInlineControl, { label: t('dueDatePage.lastPeriod.lastPeriodLabel') },
+            React__default["default"].createElement(index$1.DatePicker, Object.assign({}, form.getInputProps('lastPeriodDate'), { placeholder: 'DD/MM/YYYY', popoverProps: {
                     withinPortal: true,
                 }, maxDate: new Date() }))),
-        React__default["default"].createElement(index$1.HealthToolFormWrapper.BorderInlineControl, { label: t('dueDatePage.lastPeriod.periodLengthLabel') },
-            React__default["default"].createElement(index$3.Input.Number, Object.assign({ min: 20, max: 40, placeholder: t('tools.inputPlaceholder', {
+        React__default["default"].createElement(index$2.HealthToolFormWrapper.BorderInlineControl, { label: t('dueDatePage.lastPeriod.periodLengthLabel') },
+            React__default["default"].createElement(index$4.Input.Number, Object.assign({ min: 20, max: 40, placeholder: t('tools.inputPlaceholder', {
                     content: '30',
                 }) }, form.getInputProps('periodLength'), { error: null }))),
-        form.errors.periodLength && (React__default["default"].createElement(index$1.HealthToolFormWrapper.Error, null, form.errors.periodLength))));
+        form.errors.periodLength && (React__default["default"].createElement(index$2.HealthToolFormWrapper.Error, null, form.errors.periodLength))));
 };
 
 const MbLayout = () => {
-    const { t } = useTranslations.useTranslations();
+    const { t } = index.useTranslations();
     const { form } = React.useContext(LastPeriodFormContext);
     return (React__default["default"].createElement(React__default["default"].Fragment, null,
-        React__default["default"].createElement(index$1.HealthToolFormWrapper.BorderBoxControl, { label: t('dueDatePage.lastPeriod.lastPeriodLabel'), rightSection: React__default["default"].createElement(other.CalendarMB, null) },
-            React__default["default"].createElement(index.DatePicker, Object.assign({ rightSection: null }, form.getInputProps('lastPeriodDate'), { placeholder: 'DD/MM/YYYY', popoverProps: {
+        React__default["default"].createElement(index$2.HealthToolFormWrapper.BorderBoxControl, { label: t('dueDatePage.lastPeriod.lastPeriodLabel'), rightSection: React__default["default"].createElement(other.CalendarMB, null) },
+            React__default["default"].createElement(index$1.DatePicker, Object.assign({ rightSection: null }, form.getInputProps('lastPeriodDate'), { placeholder: 'DD/MM/YYYY', popoverProps: {
                     withinPortal: true,
                 }, maxDate: new Date() }))),
-        React__default["default"].createElement(index$1.HealthToolFormWrapper.BorderBoxControl, { label: t('dueDatePage.lastPeriod.periodLengthLabel'), rightSection: t('ovulationPage.dayUnit') },
-            React__default["default"].createElement(index$3.Input.Number, Object.assign({ min: 20, max: 40, placeholder: t('tools.inputPlaceholder', {
+        React__default["default"].createElement(index$2.HealthToolFormWrapper.BorderBoxControl, { label: t('dueDatePage.lastPeriod.periodLengthLabel'), rightSection: t('ovulationPage.dayUnit') },
+            React__default["default"].createElement(index$4.Input.Number, Object.assign({ min: 20, max: 40, placeholder: t('tools.inputPlaceholder', {
                     content: '30',
                 }) }, form.getInputProps('periodLength')))),
-        form.errors.periodLength && (React__default["default"].createElement(index$1.HealthToolFormWrapper.Error, null, form.errors.periodLength))));
+        form.errors.periodLength && (React__default["default"].createElement(index$2.HealthToolFormWrapper.Error, null, form.errors.periodLength))));
 };
 
 const LastPeriodForm = ({}) => {
     const { formLayout, onSubmit, currentUrl, submitProps } = React.useContext(DueDateFormContext);
-    const { t } = useTranslations.useTranslations();
+    const { t } = index.useTranslations();
     const theme = core.useMantineTheme();
     const isMarryBaby = theme.other.template === 'mb';
     const form$1 = form.useForm({
@@ -318,13 +318,13 @@ const LastPeriodForm = ({}) => {
     const formProps = {
         onSubmit: form$1.onSubmit((values) => {
             const { periodLength, lastPeriodDate } = values;
-            onSubmit(getDueDateLastPeriod(lastPeriodDate, periodLength), `${index$2.QUERY_HEALTH_TOOL.type}=0&${index$2.QUERY_HEALTH_TOOL.startDate}=${dayjs__default["default"](lastPeriodDate).format(index$2.API_DATE_FORMAT)}&${index$2.QUERY_HEALTH_TOOL.additional}=${periodLength}`);
+            onSubmit(getDueDateLastPeriod(lastPeriodDate, periodLength), `${index$3.QUERY_HEALTH_TOOL.type}=0&${index$3.QUERY_HEALTH_TOOL.startDate}=${dayjs__default["default"](lastPeriodDate).format(index$3.API_DATE_FORMAT)}&${index$3.QUERY_HEALTH_TOOL.additional}=${periodLength}`);
         }),
     };
     return (React__default["default"].createElement(LastPeriodFormContext.Provider, { value: { form: form$1 } },
-        React__default["default"].createElement(index$1.HealthToolFormWrapper, Object.assign({ formLayout: formLayout }, formProps),
+        React__default["default"].createElement(index$2.HealthToolFormWrapper, Object.assign({ formLayout: formLayout }, formProps),
             formLayout === 'inline' ? (React__default["default"].createElement(InlineLayout, null)) : isMarryBaby ? (React__default["default"].createElement(MbLayout, null)) : (React__default["default"].createElement(DefaultLayout, null)),
-            React__default["default"].createElement(index$1.HealthToolFormWrapper.Submit, Object.assign({ dataEventCategory: "Health Tool", dataEventAction: "Due Date", dataEventLabel: currentUrl, className: "due-date-calculate-button", type: "submit" }, submitProps), t('dueDatePage.lastPeriod.calculate')))));
+            React__default["default"].createElement(index$2.HealthToolFormWrapper.Submit, Object.assign({ dataEventCategory: "Health Tool", dataEventAction: "Due Date", dataEventLabel: currentUrl, className: "due-date-calculate-button", type: "submit" }, submitProps), t('dueDatePage.lastPeriod.calculate')))));
 };
 
 const FormSwitcher = () => {
@@ -340,7 +340,7 @@ var OvulationCalculatorType;
 })(OvulationCalculatorType || (OvulationCalculatorType = {}));
 const DueDateForm = (_a) => {
     var { formLayout = 'default', submitProps, currentUrl, isMobile, onSubmit } = _a, props = tslib_es6.__rest(_a, ["formLayout", "submitProps", "currentUrl", "isMobile", "onSubmit"]);
-    const { t } = useTranslations.useTranslations();
+    const { t } = index.useTranslations();
     const [calculatorType, setCalculatorType] = React.useState(DueDateCalculatorType$1.lastPeriod);
     const calculatingMethods = [
         {
@@ -369,10 +369,10 @@ const DueDateForm = (_a) => {
             calculatorType,
             setCalculatorType,
         } },
-        React__default["default"].createElement(index$1.HealthToolFormWrapper, Object.assign({ component: "div", formLayout: "default" }, props),
-            React__default["default"].createElement(index$1.HealthToolFormWrapper.Control, null,
-                React__default["default"].createElement(index$3.Input.Wrapper, { label: t('dueDatePage.calculationMethod') },
-                    React__default["default"].createElement(index$1.HealthToolFormWrapper.ChipGroup, { isMobile: isMobile, data: calculatingMethods, defaultValue: String(DueDateCalculatorType$1.lastPeriod), onChange: (v) => setCalculatorType(Number(v)) }))),
+        React__default["default"].createElement(index$2.HealthToolFormWrapper, Object.assign({ component: "div", formLayout: "default" }, props),
+            React__default["default"].createElement(index$2.HealthToolFormWrapper.Control, null,
+                React__default["default"].createElement(index$4.Input.Wrapper, { label: t('dueDatePage.calculationMethod') },
+                    React__default["default"].createElement(index$2.HealthToolFormWrapper.ChipGroup, { isMobile: isMobile, data: calculatingMethods, defaultValue: String(DueDateCalculatorType$1.lastPeriod), onChange: (v) => setCalculatorType(Number(v)) }))),
             React__default["default"].createElement(FormSwitcher, null))));
 };
 

package/build/{index-fd4a4adf.js → index-6a4d9576.js}

@@ -1,10 +1,10 @@
 'use strict';
 
 var React = require('react');
-var useScrollbarSize = require('./useScrollbarSize-1e81f31d.js');
+var useScrollbarSize = require('./useScrollbarSize-a5988d7e.js');
 var ReactDOM = require('react-dom');
 var styled = require('@emotion/styled');
-var utils = require('./utils-54857ab8.js');
+var utils = require('./utils-3e457c21.js');
 var miscDefaultClassWrapper = require('./miscDefaultClassWrapper.js');
 var miscTheme = require('./miscTheme.js');
 

package/build/{index-2744c22d.js → index-72efdce5.js}

@@ -1,23 +1,23 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-6cf152d6.js');
+var tslib_es6 = require('./tslib.es6-47d67e4a.js');
 var React = require('react');
 var other = require('@hhgtech/icons/other');
 var core = require('@mantine/core');
-var index$1 = require('./index-3e801e33.js');
+var index$2 = require('./index-1e469a64.js');
 require('@mantine/dates');
-require('./index-920ebbb7.js');
-require('./index-291e6f28.js');
-var index = require('./index-e6bdfb93.js');
-require('./useMantineLocale-d59fa63b.js');
-var index$2 = require('./index-7f563129.js');
-require('./index-a0a2321b.js');
-require('./index.styles-b57afab1.js');
-var useTranslations = require('./useTranslations-928d4ace.js');
+require('./index-f49e8023.js');
+require('./index-4a39b1e7.js');
+var index$1 = require('./index-76e88882.js');
+require('./useMantineLocale-b6730670.js');
+var index$3 = require('./index-ce9a0d0b.js');
+require('./index-f5b2b3bf.js');
+require('./index.styles-575a2293.js');
+var index = require('./index-53b9a5ed.js');
 require('@mantine/hooks');
-require('./utils-54857ab8.js');
-require('./other-427e38dc.js');
-require('./index-41f6c400.js');
+require('./utils-3e457c21.js');
+require('./other-06d775ca.js');
+require('./index-f47b3df8.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -88,7 +88,7 @@ const GenderOptionControl = (_a) => {
         male: 'male',
         female: 'female',
     }, type = 'button', hideLabel } = _a, radioProps = tslib_es6.__rest(_a, ["label", "availableValue", "styles", "isBaby", "genderValue", "type", "hideLabel"]);
-    const { t } = useTranslations.useTranslations();
+    const { t } = index.useTranslations();
     const { classes, cx, theme } = useStyles({ type }, {
         name: 'GenderOptionControl',
         styles,
@@ -100,19 +100,19 @@ const GenderOptionControl = (_a) => {
         {
             value: genderValue.male,
             label: isBaby ? t('gender.boy') : t('gender.male'),
-            icon: isBaby ? (isMarryBaby ? (React__default["default"].createElement(other.BabyBoyMB, null)) : (index.CommonGAssets.getAssetPath('health-tools/boy-icon.svg'))) : (index.CommonGAssets.getAssetPath('health-tools/male-icon.svg')),
+            icon: isBaby ? (isMarryBaby ? (React__default["default"].createElement(other.BabyBoyMB, null)) : (index$1.CommonGAssets.getAssetPath('health-tools/boy-icon.svg'))) : (index$1.CommonGAssets.getAssetPath('health-tools/male-icon.svg')),
         },
         {
             value: genderValue.female,
             label: isBaby ? t('gender.girl') : t('gender.female'),
-            icon: isBaby ? (isMarryBaby ? (React__default["default"].createElement(other.BabyGirlMB, null)) : (index.CommonGAssets.getAssetPath('health-tools/girl-icon.svg'))) : (index.CommonGAssets.getAssetPath('health-tools/female-icon.svg')),
+            icon: isBaby ? (isMarryBaby ? (React__default["default"].createElement(other.BabyGirlMB, null)) : (index$1.CommonGAssets.getAssetPath('health-tools/girl-icon.svg'))) : (index$1.CommonGAssets.getAssetPath('health-tools/female-icon.svg')),
         },
     ], []);
     React.useEffect(() => {
         setAvailableValue(availableValueInit);
     }, [availableValueInit]);
     return (React__default["default"].createElement(core.Box, { ref: ref, className: classes.root },
-        React__default["default"].createElement(index$1.Radio.Group, Object.assign({ className: "radio-group", label: !hideLabel ? (React__default["default"].createElement(index$2.Text, { as: "label", size: "s4", weight: "semiBold" }, label ||
+        React__default["default"].createElement(index$2.Radio.Group, Object.assign({ className: "radio-group", label: !hideLabel ? (React__default["default"].createElement(index$3.Text, { as: "label", size: "s4", weight: "semiBold" }, label ||
                 (isBaby
                     ? t('tools.selectBabyGender')
                     : t('tools.selectGender')))) : undefined, size: "lg" }, radioProps, { classNames: {
@@ -120,7 +120,7 @@ const GenderOptionControl = (_a) => {
             } }, (type === 'radio' && {
             error: null,
         })),
-            React__default["default"].createElement(core.Flex, { className: cx(classes.wrapper) }, genderOptions.map((i) => (React__default["default"].createElement(index$1.Radio, Object.assign({ className: "gender-item", size: "sm", classNames: {
+            React__default["default"].createElement(core.Flex, { className: cx(classes.wrapper) }, genderOptions.map((i) => (React__default["default"].createElement(index$2.Radio, Object.assign({ className: "gender-item", size: "sm", classNames: {
                     root: classes.itemRoot,
                     labelWrapper: classes.itemLabelWrapper,
                     label: classes.itemLabel,
@@ -132,7 +132,7 @@ const GenderOptionControl = (_a) => {
             }), { label: React__default["default"].createElement(core.Flex, { gap: core.rem(8), align: 'center', justify: 'center', sx: { zIndex: 0 } },
                     type === 'button' &&
                         (typeof i.icon === 'string' ? (React__default["default"].createElement("img", { src: i.icon, className: "gender-image", alt: "female", loading: "lazy" })) : (i.icon)),
-                    React__default["default"].createElement(index$2.Text, { size: "p3" }, i.label)) }))))))));
+                    React__default["default"].createElement(index$3.Text, { size: "p3" }, i.label)) }))))))));
 };
 
 exports.GenderOptionControl = GenderOptionControl;

package/build/{index-ebdb21c5.js → index-74aa8b2e.js}

@@ -1,10 +1,10 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-6cf152d6.js');
+var tslib_es6 = require('./tslib.es6-47d67e4a.js');
 var React = require('react');
 var miscTheme = require('./miscTheme.js');
-var WhatsApp = require('./WhatsApp-3d2e2ad8.js');
-var Spinner = require('./Spinner-5a811540.js');
+var WhatsApp = require('./WhatsApp-d729dea8.js');
+var Spinner = require('./Spinner-ab7caad0.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-7a6d47a3.js → index-774d9d96.js}

@@ -1,14 +1,14 @@
 'use strict';
 
 var React = require('react');
-var index$1 = require('./index-418c000b.js');
-var utils = require('./utils-54857ab8.js');
-var useTranslations = require('./useTranslations-928d4ace.js');
-var togetherComponentGlobalContext = require('./utils-6cc86c17.js');
+var index$2 = require('./index-ab0d64aa.js');
+var utils = require('./utils-3e457c21.js');
+var index = require('./index-53b9a5ed.js');
+var togetherComponentGlobalContext = require('./utils-362e4f85.js');
 var core = require('@mantine/core');
-var index = require('./index-7f563129.js');
+var index$1 = require('./index-ce9a0d0b.js');
 var styled = require('@emotion/styled');
-var tslib_es6 = require('./tslib.es6-6cf152d6.js');
+var tslib_es6 = require('./tslib.es6-47d67e4a.js');
 var miscTheme = require('./miscTheme.js');
 var miscDefaultClassWrapper = require('./miscDefaultClassWrapper.js');
 
@@ -218,7 +218,7 @@ var img$1 = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width=
 var IconArrowLeft = img$1;
 
 const ImagePreviewPopup = ({ className, style, authorName, images, onClose, onOpenSingleView, alt, }) => {
-    const { t } = useTranslations.useTranslations();
+    const { t } = index.useTranslations();
     const [isOpen, setIsOpen] = React.useState(false);
     React.useEffect(() => {
         setTimeout(() => {
@@ -229,7 +229,7 @@ const ImagePreviewPopup = ({ className, style, authorName, images, onClose, onOp
         React__default["default"].createElement(StyledImagePreviewPopup, { className: className, style: style, "data-open": isOpen },
             React__default["default"].createElement("div", { className: "top-bar" },
                 React__default["default"].createElement("img", { className: "icon-arrow-left", src: IconArrowLeft, onClick: onClose, alt: "go back", loading: "lazy" }),
-                React__default["default"].createElement(index.Text, { size: "p2", weight: "bold", style: {
+                React__default["default"].createElement(index$1.Text, { size: "p2", weight: "bold", style: {
                         textAlign: 'center',
                     } }, t('previewPhotos.title', {
                     name: authorName,
@@ -425,7 +425,7 @@ const SensitiveMask = ({ image, showIcon = true }) => {
 
 const PostImagePreview = ({ className, images = [], style, authorName, isSensitive = false, alt, }) => {
     const { data: { env: { isMarryBaby }, }, } = React.useContext(togetherComponentGlobalContext.TogetherComponentGlobalContext);
-    const { t } = useTranslations.useTranslations();
+    const { t } = index.useTranslations();
     const moreImageCount = `+ ${(images.length || 0) - 4}`;
     const [isOpenImagePreview, setIsOpenImagePreview] = React.useState(false);
     const [singleImageViewIndex, setSingleImageViewIndex] = React.useState(-1);
@@ -466,7 +466,7 @@ const PostImagePreview = ({ className, images = [], style, authorName, isSensiti
                 !isMarryBaby && (React__default["default"].createElement("img", { loading: "lazy", className: "img-preview-blur", src: image, alt: alt })),
                 React__default["default"].createElement("img", { loading: "lazy", className: "img-preview", src: image, alt: alt }),
                 isMore && (React__default["default"].createElement("div", { className: "img-more-overlay" },
-                    React__default["default"].createElement(index$1.Heading, { tag: "h1", as: "h2", color: "white" }, moreImageCount)))));
+                    React__default["default"].createElement(index$2.Heading, { tag: "h1", as: "h2", color: "white" }, moreImageCount)))));
         })),
         isOpenImagePreview && (React__default["default"].createElement(ImagePreviewPopup, { authorName: authorName || '', images: images, onClose: () => setIsOpenImagePreview(false), onOpenSingleView: setSingleImageViewIndex, alt: alt })),
         singleImageViewIndex >= 0 && (React__default["default"].createElement(PostSingleImageViewPopup, { images: images, initialViewIndex: singleImageViewIndex, onClose: () => setSingleImageViewIndex(-1), alt: alt }))));

package/build/{index-45cce8ea.js → index-7f9363d5.js}

@@ -2,12 +2,12 @@
 
 var React = require('react');
 var core = require('@mantine/core');
-var utils = require('./utils-54857ab8.js');
+var utils = require('./utils-3e457c21.js');
 var react = require('@emotion/react');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var animation = require('./animation-7f28c73e.js');
-var index = require('./index-7f563129.js');
+var animation = require('./animation-def71a91.js');
+var index = require('./index-ce9a0d0b.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-d5a32dfb.js → index-81150842.js}

@@ -1,11 +1,11 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-6cf152d6.js');
+var tslib_es6 = require('./tslib.es6-47d67e4a.js');
 var React = require('react');
 var core = require('@mantine/core');
-var index = require('./index-7f563129.js');
-var index$1 = require('./index-a0a2321b.js');
-var useTranslations = require('./useTranslations-928d4ace.js');
+var index = require('./index-ce9a0d0b.js');
+var index$1 = require('./index-f5b2b3bf.js');
+var index$2 = require('./index-53b9a5ed.js');
 var flattenChildren = require('react-keyed-flatten-children');
 var miscTheme = require('./miscTheme.js');
 
@@ -167,7 +167,7 @@ const SubmitBtn = (_a) => {
 
 const Switching = (_a) => {
     var { label } = _a, props = tslib_es6.__rest(_a, ["label"]);
-    const { t } = useTranslations.useTranslations();
+    const { t } = index$2.useTranslations();
     const theme = core.useMantineTheme();
     const isMarryBaby = theme.other.template === 'mb';
     return (React__default["default"].createElement(core.Flex, { gap: core.rem(4), sx: () => ({

package/build/{index-a768a27b.js → index-82755d0a.js}

@@ -3,8 +3,8 @@
 var React = require('react');
 var miscTheme = require('./miscTheme.js');
 var styled = require('@emotion/styled');
-var index = require('./index-b3edb3e4.js');
-var index$1 = require('./index-cf8df3df.js');
+var index = require('./index-1ea508ff.js');
+var index$1 = require('./index-cf6516fa.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }