@hhgtech/hhg-components 1.29.561 → 1.29.562-beta-2

package/build/{index-568f385e.js → index-7a3b666b.js}

@@ -1,28 +1,28 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-35cbaf72.js');
+var tslib_es6 = require('./tslib.es6-fec013e0.js');
 var React = require('react');
 var core = require('@mantine/core');
 var dateFns = require('date-fns');
-var LastPeriod = require('./LastPeriod-5e01b5a7.js');
-var Locale = require('./Locale-a27b0002.js');
+var LastPeriod = require('./LastPeriod-59546ff2.js');
+var index = require('./index-c889e1da.js');
 var form = require('@mantine/form');
 var dayjs = require('dayjs');
-var index$5 = require('./index-5fa6653c.js');
-var index$2 = require('./index-8a68e49d.js');
-var index$3 = require('./index-daaa9230.js');
-require('./index-a20ebc96.js');
-require('./index-f62b3094.js');
-require('./index.styles-87eb3fe8.js');
-var index = require('./index-eca83676.js');
+var index$6 = require('./index-7cbcc809.js');
+var index$3 = require('./index-b4a15a12.js');
+var index$4 = require('./index-ccd48f47.js');
+require('./index-911c4edc.js');
+require('./index-8da4fe47.js');
+require('./index.styles-bb4594b2.js');
+var index$1 = require('./index-3e4aa2d0.js');
 require('@mantine/hooks');
-require('./index-ff5944e0.js');
-require('./utils-359b81fc.js');
-require('./index-6658bec9.js');
-var index$1 = require('./index-aafced4a.js');
+require('./index-0553edfc.js');
+require('./utils-8b08a9b7.js');
+require('./index-36845fc5.js');
+var index$2 = require('./index-d632e04c.js');
 var other = require('@hhgtech/icons/other');
-var context = require('./context-397441fe.js');
-var index$4 = require('./index-101fb594.js');
+var context = require('./context-4ebd1c11.js');
+var index$5 = require('./index-3cecaff4.js');
 var miscTheme = require('./miscTheme.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
@@ -149,22 +149,22 @@ const DUE_DATE_METHOD_DEFAULT = [
     String(DueDateCalculatorType.conception),
 ];
 const DUE_DATE_METHOD = {
-    [Locale.LOCALE.Cambodia]: DUE_DATE_METHOD_DEFAULT,
-    [Locale.LOCALE.Singapore]: DUE_DATE_METHOD_DEFAULT,
-    [Locale.LOCALE.India]: DUE_DATE_METHOD_DEFAULT,
-    [Locale.LOCALE.Indonesia]: [
+    [index.LOCALE.Cambodia]: DUE_DATE_METHOD_DEFAULT,
+    [index.LOCALE.Singapore]: DUE_DATE_METHOD_DEFAULT,
+    [index.LOCALE.India]: DUE_DATE_METHOD_DEFAULT,
+    [index.LOCALE.Indonesia]: [
         String(DueDateCalculatorType.lastPeriod),
         String(DueDateCalculatorType.IUI),
         String(DueDateCalculatorType.IVF),
         String(DueDateCalculatorType.ultrasound),
     ],
-    [Locale.LOCALE.Malaysia]: DUE_DATE_METHOD_DEFAULT,
-    [Locale.LOCALE.Myanmar]: DUE_DATE_METHOD_DEFAULT,
-    [Locale.LOCALE.PhilippinesEnglish]: DUE_DATE_METHOD_DEFAULT,
-    [Locale.LOCALE.PhilippinesTagalog]: DUE_DATE_METHOD_DEFAULT,
-    [Locale.LOCALE.Taiwan]: DUE_DATE_METHOD_DEFAULT,
-    [Locale.LOCALE.Thailand]: DUE_DATE_METHOD_DEFAULT,
-    [Locale.LOCALE.Vietnam]: [
+    [index.LOCALE.Malaysia]: DUE_DATE_METHOD_DEFAULT,
+    [index.LOCALE.Myanmar]: DUE_DATE_METHOD_DEFAULT,
+    [index.LOCALE.PhilippinesEnglish]: DUE_DATE_METHOD_DEFAULT,
+    [index.LOCALE.PhilippinesTagalog]: DUE_DATE_METHOD_DEFAULT,
+    [index.LOCALE.Taiwan]: DUE_DATE_METHOD_DEFAULT,
+    [index.LOCALE.Thailand]: DUE_DATE_METHOD_DEFAULT,
+    [index.LOCALE.Vietnam]: [
         String(DueDateCalculatorType.lastPeriod),
         String(DueDateCalculatorType.IVF),
         String(DueDateCalculatorType.IUI),
@@ -252,30 +252,30 @@ const DueDateFormContext = React.createContext({});
 const ConceptionFormContext = React.createContext({});
 
 const DefaultLayout$4 = () => {
-    const { t } = index.useTranslations();
+    const { t } = index$1.useTranslations();
     const { form } = React.useContext(ConceptionFormContext);
-    return (React__default["default"].createElement(index$1.HealthToolFormWrapper.FormRow, null,
-        React__default["default"].createElement(index$2.DatePicker, Object.assign({ label: React__default["default"].createElement(index$3.Text, { size: "p2", weight: "semiBold" }, t('dueDatePage.lastPeriod.lastPeriodLabel')) }, form.getInputProps('lastPeriodDate'), { popoverProps: {
+    return (React__default["default"].createElement(index$2.HealthToolFormWrapper.FormRow, null,
+        React__default["default"].createElement(index$3.DatePicker, Object.assign({ label: React__default["default"].createElement(index$4.Text, { size: "p2", weight: "semiBold" }, t('dueDatePage.lastPeriod.lastPeriodLabel')) }, form.getInputProps('lastPeriodDate'), { popoverProps: {
                 withinPortal: true,
             }, maxDate: new Date() }))));
 };
 
 const InlineLayout$4 = () => {
-    const { t } = index.useTranslations();
+    const { t } = index$1.useTranslations();
     const { form } = React.useContext(ConceptionFormContext);
-    return (React__default["default"].createElement(index$1.HealthToolFormWrapper.FormRow, null,
-        React__default["default"].createElement(index$1.HealthToolFormWrapper.BorderInlineControl, { width: 300, label: t('dueDatePage.lastPeriod.lastPeriodLabel') },
-            React__default["default"].createElement(index$2.DatePicker, Object.assign({}, form.getInputProps('lastPeriodDate'), { popoverProps: {
+    return (React__default["default"].createElement(index$2.HealthToolFormWrapper.FormRow, null,
+        React__default["default"].createElement(index$2.HealthToolFormWrapper.BorderInlineControl, { width: 300, label: t('dueDatePage.lastPeriod.lastPeriodLabel') },
+            React__default["default"].createElement(index$3.DatePicker, Object.assign({}, form.getInputProps('lastPeriodDate'), { 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$4 = () => {
-    const { t } = index.useTranslations();
+    const { t } = index$1.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$2.DatePicker, Object.assign({}, form.getInputProps('lastPeriodDate'), { 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$3.DatePicker, Object.assign({}, form.getInputProps('lastPeriodDate'), { popoverProps: {
                 withinPortal: true,
             }, rightSection: null, maxDate: new Date() }))));
 };
@@ -284,7 +284,7 @@ const ConceptionForm = ({}) => {
     const { classes: wrapperClasses = {} } = React.useContext(context.CardWrapperContext);
     const { formLayout, onSubmit, currentUrl, submitProps } = React.useContext(DueDateFormContext);
     const theme = core.useMantineTheme();
-    const { t } = index.useTranslations();
+    const { t } = index$1.useTranslations();
     const form$1 = form.useForm({
         initialValues: {
             lastPeriodDate: new Date(),
@@ -294,46 +294,46 @@ const ConceptionForm = ({}) => {
         onSubmit: form$1.onSubmit((values) => {
             const { lastPeriodDate } = values;
             const redirectLink = [
-                `${index$4.QUERY_HEALTH_TOOL.type}=${DueDateCalculatorType.conception}`,
-                `${index$4.QUERY_HEALTH_TOOL.startDate}=${dayjs__default["default"](lastPeriodDate).format(index$4.API_DATE_FORMAT)}`,
-                `${index$4.QUERY_HEALTH_TOOL.additional}= `,
+                `${index$5.QUERY_HEALTH_TOOL.type}=${DueDateCalculatorType.conception}`,
+                `${index$5.QUERY_HEALTH_TOOL.startDate}=${dayjs__default["default"](lastPeriodDate).format(index$5.API_DATE_FORMAT)}`,
+                `${index$5.QUERY_HEALTH_TOOL.additional}= `,
             ].join('&');
             onSubmit(getDueDateConception(lastPeriodDate), redirectLink);
         }),
     };
     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$4, null)) : theme.other.template === 'mb' ? (React__default["default"].createElement(MbLayout$4, null)) : (React__default["default"].createElement(DefaultLayout$4, null)),
-            React__default["default"].createElement(index$1.HealthToolFormWrapper.FormRow, { className: wrapperClasses.submitWrapper },
-                React__default["default"].createElement(index$1.HealthToolFormWrapper.Submit, Object.assign({ dataEventCategory: "Health Tool", dataEventAction: "Due Date", dataEventLabel: currentUrl, className: core.clsx('due-date-calculate-button', wrapperClasses.submitBtn), type: "submit" }, submitProps), t('dueDatePage.lastPeriod.calculate'))))));
+            React__default["default"].createElement(index$2.HealthToolFormWrapper.FormRow, { className: wrapperClasses.submitWrapper },
+                React__default["default"].createElement(index$2.HealthToolFormWrapper.Submit, Object.assign({ dataEventCategory: "Health Tool", dataEventAction: "Due Date", dataEventLabel: currentUrl, className: core.clsx('due-date-calculate-button', wrapperClasses.submitBtn), type: "submit" }, submitProps), t('dueDatePage.lastPeriod.calculate'))))));
 };
 
 const IUIFormContext = React.createContext({});
 
 const DefaultLayout$3 = () => {
-    const { t } = index.useTranslations();
+    const { t } = index$1.useTranslations();
     const { form } = React.useContext(IUIFormContext);
-    return (React__default["default"].createElement(index$1.HealthToolFormWrapper.FormRow, null,
-        React__default["default"].createElement(index$2.DatePicker, Object.assign({ label: React__default["default"].createElement(index$3.Text, { size: "p2", weight: "semiBold" }, t('dueDatePage.date_of_IUI_procedure')) }, form.getInputProps('dateOfIUIProcedure'), { popoverProps: {
+    return (React__default["default"].createElement(index$2.HealthToolFormWrapper.FormRow, null,
+        React__default["default"].createElement(index$3.DatePicker, Object.assign({ label: React__default["default"].createElement(index$4.Text, { size: "p2", weight: "semiBold" }, t('dueDatePage.date_of_IUI_procedure')) }, form.getInputProps('dateOfIUIProcedure'), { popoverProps: {
                 withinPortal: true,
             }, maxDate: new Date() }))));
 };
 
 const InlineLayout$3 = () => {
-    const { t } = index.useTranslations();
+    const { t } = index$1.useTranslations();
     const { form } = React.useContext(IUIFormContext);
-    return (React__default["default"].createElement(index$1.HealthToolFormWrapper.FormRow, null,
-        React__default["default"].createElement(index$1.HealthToolFormWrapper.BorderInlineControl, { width: 300, label: t('dueDatePage.date_of_IUI_procedure') },
-            React__default["default"].createElement(index$2.DatePicker, Object.assign({}, form.getInputProps('dateOfIUIProcedure'), { popoverProps: {
+    return (React__default["default"].createElement(index$2.HealthToolFormWrapper.FormRow, null,
+        React__default["default"].createElement(index$2.HealthToolFormWrapper.BorderInlineControl, { width: 300, label: t('dueDatePage.date_of_IUI_procedure') },
+            React__default["default"].createElement(index$3.DatePicker, Object.assign({}, form.getInputProps('dateOfIUIProcedure'), { popoverProps: {
                     withinPortal: true,
                 }, maxDate: new Date(), error: null })))));
 };
 
 const MbLayout$3 = () => {
-    const { t } = index.useTranslations();
+    const { t } = index$1.useTranslations();
     const { form } = React.useContext(IUIFormContext);
-    return (React__default["default"].createElement(index$1.HealthToolFormWrapper.BorderBoxControl, { label: t('dueDatePage.date_of_IUI_procedure'), rightSection: React__default["default"].createElement(other.CalendarMB, null) },
-        React__default["default"].createElement(index$2.DatePicker, Object.assign({}, form.getInputProps('dateOfIUIProcedure'), { popoverProps: {
+    return (React__default["default"].createElement(index$2.HealthToolFormWrapper.BorderBoxControl, { label: t('dueDatePage.date_of_IUI_procedure'), rightSection: React__default["default"].createElement(other.CalendarMB, null) },
+        React__default["default"].createElement(index$3.DatePicker, Object.assign({}, form.getInputProps('dateOfIUIProcedure'), { popoverProps: {
                 withinPortal: true,
             }, rightSection: null, maxDate: new Date() }))));
 };
@@ -342,7 +342,7 @@ const IUIForm = ({}) => {
     const { formLayout, onSubmit, currentUrl, submitProps } = React.useContext(DueDateFormContext);
     const { classes: wrapperClasses = {} } = React.useContext(context.CardWrapperContext);
     const theme = core.useMantineTheme();
-    const { t } = index.useTranslations();
+    const { t } = index$1.useTranslations();
     const form$1 = form.useForm({
         initialValues: {
             dateOfIUIProcedure: new Date(),
@@ -352,67 +352,67 @@ const IUIForm = ({}) => {
         onSubmit: form$1.onSubmit((values) => {
             const { dateOfIUIProcedure } = values;
             const redirectLink = [
-                `${index$4.QUERY_HEALTH_TOOL.type}=${DueDateCalculatorType.IUI}`,
-                `${index$4.QUERY_HEALTH_TOOL.startDate}=${dayjs__default["default"](dateOfIUIProcedure).format(index$4.API_DATE_FORMAT)}`,
-                `${index$4.QUERY_HEALTH_TOOL.additional}= `,
+                `${index$5.QUERY_HEALTH_TOOL.type}=${DueDateCalculatorType.IUI}`,
+                `${index$5.QUERY_HEALTH_TOOL.startDate}=${dayjs__default["default"](dateOfIUIProcedure).format(index$5.API_DATE_FORMAT)}`,
+                `${index$5.QUERY_HEALTH_TOOL.additional}= `,
             ].join('&');
             onSubmit(getDueDateIUI(dateOfIUIProcedure), redirectLink);
         }),
     };
     return (React__default["default"].createElement(IUIFormContext.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$3, null)) : theme.other.template === 'mb' ? (React__default["default"].createElement(MbLayout$3, null)) : (React__default["default"].createElement(DefaultLayout$3, null)),
-            React__default["default"].createElement(index$1.HealthToolFormWrapper.FormRow, { className: wrapperClasses.submitWrapper },
-                React__default["default"].createElement(index$1.HealthToolFormWrapper.Submit, Object.assign({ dataEventCategory: "Health Tool", dataEventAction: "Due Date", dataEventLabel: currentUrl, className: core.clsx('due-date-calculate-button', wrapperClasses.submitBtn), type: "submit" }, submitProps), t('dueDatePage.lastPeriod.calculate'))))));
+            React__default["default"].createElement(index$2.HealthToolFormWrapper.FormRow, { className: wrapperClasses.submitWrapper },
+                React__default["default"].createElement(index$2.HealthToolFormWrapper.Submit, Object.assign({ dataEventCategory: "Health Tool", dataEventAction: "Due Date", dataEventLabel: currentUrl, className: core.clsx('due-date-calculate-button', wrapperClasses.submitBtn), type: "submit" }, submitProps), t('dueDatePage.lastPeriod.calculate'))))));
 };
 
 const IVFFormContext = React.createContext({});
 
 const DefaultLayout$2 = () => {
-    const { t } = index.useTranslations();
+    const { t } = index$1.useTranslations();
     const { form, transferDateOptions } = React.useContext(IVFFormContext);
     return (React__default["default"].createElement(React__default["default"].Fragment, null,
-        React__default["default"].createElement(index$1.HealthToolFormWrapper.FormRow, null,
-            React__default["default"].createElement(index$2.DatePicker, Object.assign({ label: React__default["default"].createElement(index$3.Text, { size: "p2", weight: "semiBold" }, t('dueDatePage.ivf.transferDate')) }, form.getInputProps('IVFDate'), { popoverProps: {
+        React__default["default"].createElement(index$2.HealthToolFormWrapper.FormRow, null,
+            React__default["default"].createElement(index$3.DatePicker, Object.assign({ label: React__default["default"].createElement(index$4.Text, { size: "p2", weight: "semiBold" }, t('dueDatePage.ivf.transferDate')) }, form.getInputProps('IVFDate'), { popoverProps: {
                     withinPortal: true,
                 }, maxDate: new Date() }))),
-        React__default["default"].createElement(index$1.HealthToolFormWrapper.FormRow, null,
-            React__default["default"].createElement(index$5.Radio.Group, Object.assign({}, form.getInputProps('dayTransfer')),
-                React__default["default"].createElement(core.Group, null, transferDateOptions.map((i, idx) => (React__default["default"].createElement(index$5.Radio, { key: idx, value: i.value, label: i.label }))))))));
+        React__default["default"].createElement(index$2.HealthToolFormWrapper.FormRow, null,
+            React__default["default"].createElement(index$6.Radio.Group, Object.assign({}, form.getInputProps('dayTransfer')),
+                React__default["default"].createElement(core.Group, null, transferDateOptions.map((i, idx) => (React__default["default"].createElement(index$6.Radio, { key: idx, value: i.value, label: i.label }))))))));
 };
 
 const InlineLayout$2 = () => {
-    const { t } = index.useTranslations();
+    const { t } = index$1.useTranslations();
     const { form, transferDateOptions } = React.useContext(IVFFormContext);
     return (React__default["default"].createElement(React__default["default"].Fragment, null,
-        React__default["default"].createElement(index$1.HealthToolFormWrapper.FormRow, null,
-            React__default["default"].createElement(index$1.HealthToolFormWrapper.BorderInlineControl, { width: 300, label: t('dueDatePage.ivf.transferDate') },
-                React__default["default"].createElement(index$2.DatePicker, Object.assign({}, form.getInputProps('IVFDate'), { popoverProps: {
+        React__default["default"].createElement(index$2.HealthToolFormWrapper.FormRow, null,
+            React__default["default"].createElement(index$2.HealthToolFormWrapper.BorderInlineControl, { width: 300, label: t('dueDatePage.ivf.transferDate') },
+                React__default["default"].createElement(index$3.DatePicker, Object.assign({}, form.getInputProps('IVFDate'), { popoverProps: {
                         withinPortal: true,
                     }, maxDate: new Date() })))),
-        React__default["default"].createElement(index$1.HealthToolFormWrapper.FormRow, null,
-            React__default["default"].createElement(index$1.HealthToolFormWrapper.BorderInlineControl, { width: 'none' },
-                React__default["default"].createElement(index$5.Radio.Group, Object.assign({}, form.getInputProps('dayTransfer')),
-                    React__default["default"].createElement(core.Group, null, transferDateOptions.map((i, idx) => (React__default["default"].createElement(index$5.Radio, { key: idx, value: i.value, label: i.label })))))))));
+        React__default["default"].createElement(index$2.HealthToolFormWrapper.FormRow, null,
+            React__default["default"].createElement(index$2.HealthToolFormWrapper.BorderInlineControl, { width: 'none' },
+                React__default["default"].createElement(index$6.Radio.Group, Object.assign({}, form.getInputProps('dayTransfer')),
+                    React__default["default"].createElement(core.Group, null, transferDateOptions.map((i, idx) => (React__default["default"].createElement(index$6.Radio, { key: idx, value: i.value, label: i.label })))))))));
 };
 
 const MbLayout$2 = () => {
-    const { t } = index.useTranslations();
+    const { t } = index$1.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$2.DatePicker, Object.assign({}, form.getInputProps('IVFDate'), { 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$3.DatePicker, Object.assign({}, form.getInputProps('IVFDate'), { popoverProps: {
                     withinPortal: true,
                 }, maxDate: new Date(), rightSection: null }))),
-        React__default["default"].createElement(index$5.Radio.Group, Object.assign({}, form.getInputProps('dayTransfer')),
-            React__default["default"].createElement(core.Group, null, transferDateOptions.map((i, idx) => (React__default["default"].createElement(index$5.Radio, { key: idx, value: i.value, label: i.label })))))));
+        React__default["default"].createElement(index$6.Radio.Group, Object.assign({}, form.getInputProps('dayTransfer')),
+            React__default["default"].createElement(core.Group, null, transferDateOptions.map((i, idx) => (React__default["default"].createElement(index$6.Radio, { key: idx, value: i.value, label: i.label })))))));
 };
 
 const IVFForm = ({}) => {
     var _a;
     const { classes: wrapperClasses = {} } = React.useContext(context.CardWrapperContext);
     const { formLayout, onSubmit, currentUrl, submitProps } = React.useContext(DueDateFormContext);
-    const { t } = index.useTranslations();
+    const { t } = index$1.useTranslations();
     const theme = core.useMantineTheme();
     const transferDateOptions = [
         {
@@ -439,82 +439,82 @@ const IVFForm = ({}) => {
             const { IVFDate } = values;
             const dayTransfer = Number(values.dayTransfer);
             const redirectLink = [
-                `${index$4.QUERY_HEALTH_TOOL.type}=${DueDateCalculatorType.IVF}`,
-                `${index$4.QUERY_HEALTH_TOOL.startDate}=${dayjs__default["default"](IVFDate).format(index$4.API_DATE_FORMAT)}`,
-                `${index$4.QUERY_HEALTH_TOOL.additional}=${dayTransfer}`,
+                `${index$5.QUERY_HEALTH_TOOL.type}=${DueDateCalculatorType.IVF}`,
+                `${index$5.QUERY_HEALTH_TOOL.startDate}=${dayjs__default["default"](IVFDate).format(index$5.API_DATE_FORMAT)}`,
+                `${index$5.QUERY_HEALTH_TOOL.additional}=${dayTransfer}`,
             ].join('&');
             onSubmit(getDueDateIVF(IVFDate, Number(dayTransfer)), redirectLink);
         }),
     };
     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$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.FormRow, { className: wrapperClasses.submitWrapper },
-                React__default["default"].createElement(index$1.HealthToolFormWrapper.Submit, Object.assign({ dataEventCategory: "Health Tool", dataEventAction: "Due Date", dataEventLabel: currentUrl, className: core.clsx('due-date-calculate-button', wrapperClasses.submitBtn), type: "submit" }, submitProps), t('dueDatePage.lastPeriod.calculate'))))));
+            React__default["default"].createElement(index$2.HealthToolFormWrapper.FormRow, { className: wrapperClasses.submitWrapper },
+                React__default["default"].createElement(index$2.HealthToolFormWrapper.Submit, Object.assign({ dataEventCategory: "Health Tool", dataEventAction: "Due Date", dataEventLabel: currentUrl, className: core.clsx('due-date-calculate-button', wrapperClasses.submitBtn), type: "submit" }, submitProps), t('dueDatePage.lastPeriod.calculate'))))));
 };
 
 const LastPeriodFormContext = React.createContext({});
 
 const DefaultLayout$1 = () => {
-    const { t } = index.useTranslations();
+    const { t } = index$1.useTranslations();
     const { form } = React.useContext(LastPeriodFormContext);
     const periodLengthDropDownOptions = React.useMemo(() => [...Array(21)].map((_, index) => ({
         label: t('dueDatePage.daysText', { number: index + 20 }),
         value: `${index + 20}`,
     })), []);
     return (React__default["default"].createElement(React__default["default"].Fragment, null,
-        React__default["default"].createElement(index$1.HealthToolFormWrapper.FormRow, null,
-            React__default["default"].createElement(index$2.DatePicker, Object.assign({ label: React__default["default"].createElement(index$3.Text, { size: "p2", weight: "semiBold" }, t('dueDatePage.lastPeriod.lastPeriodLabel')) }, form.getInputProps('lastPeriodDate'), { popoverProps: {
+        React__default["default"].createElement(index$2.HealthToolFormWrapper.FormRow, null,
+            React__default["default"].createElement(index$3.DatePicker, Object.assign({ label: React__default["default"].createElement(index$4.Text, { size: "p2", weight: "semiBold" }, t('dueDatePage.lastPeriod.lastPeriodLabel')) }, form.getInputProps('lastPeriodDate'), { popoverProps: {
                     withinPortal: true,
                 }, maxDate: new Date() }))),
-        React__default["default"].createElement(index$1.HealthToolFormWrapper.FormRow, null,
-            React__default["default"].createElement(index$5.Input.Wrapper, { label: React__default["default"].createElement(index$3.Text, { size: "p2", weight: "semiBold" }, t('dueDatePage.lastPeriod.periodLengthLabel')) },
-                React__default["default"].createElement(index$5.Select, Object.assign({ placeholder: t('tools.inputPlaceholder', {
+        React__default["default"].createElement(index$2.HealthToolFormWrapper.FormRow, null,
+            React__default["default"].createElement(index$6.Input.Wrapper, { label: React__default["default"].createElement(index$4.Text, { size: "p2", weight: "semiBold" }, t('dueDatePage.lastPeriod.periodLengthLabel')) },
+                React__default["default"].createElement(index$6.Select, Object.assign({ placeholder: t('tools.inputPlaceholder', {
                         content: t('dueDatePage.daysText', { number: 30 }),
                     }), data: periodLengthDropDownOptions, withinPortal: true }, form.getInputProps('periodLength')))))));
 };
 
 const InlineLayout$1 = () => {
-    const { t } = index.useTranslations();
+    const { t } = index$1.useTranslations();
     const { form } = React.useContext(LastPeriodFormContext);
     const periodLengthDropDownOptions = React.useMemo(() => [...Array(21)].map((_, index) => ({
         label: t('dueDatePage.daysText', { number: index + 20 }),
         value: `${index + 20}`,
     })), []);
     return (React__default["default"].createElement(React__default["default"].Fragment, null,
-        React__default["default"].createElement(index$1.HealthToolFormWrapper.FormRow, null,
-            React__default["default"].createElement(index$1.HealthToolFormWrapper.BorderInlineControl, { label: t('dueDatePage.lastPeriod.lastPeriodLabel'), width: 300 },
-                React__default["default"].createElement(index$2.DatePicker, Object.assign({}, form.getInputProps('lastPeriodDate'), { popoverProps: {
+        React__default["default"].createElement(index$2.HealthToolFormWrapper.FormRow, null,
+            React__default["default"].createElement(index$2.HealthToolFormWrapper.BorderInlineControl, { label: t('dueDatePage.lastPeriod.lastPeriodLabel'), width: 300 },
+                React__default["default"].createElement(index$3.DatePicker, Object.assign({}, form.getInputProps('lastPeriodDate'), { popoverProps: {
                         withinPortal: true,
                     }, maxDate: new Date() })))),
-        React__default["default"].createElement(index$1.HealthToolFormWrapper.FormRow, null,
-            React__default["default"].createElement(index$1.HealthToolFormWrapper.BorderInlineControl, { label: t('dueDatePage.lastPeriod.periodLengthLabel'), width: 300 },
-                React__default["default"].createElement(index$5.Select, Object.assign({ placeholder: t('tools.inputPlaceholder', {
+        React__default["default"].createElement(index$2.HealthToolFormWrapper.FormRow, null,
+            React__default["default"].createElement(index$2.HealthToolFormWrapper.BorderInlineControl, { label: t('dueDatePage.lastPeriod.periodLengthLabel'), width: 300 },
+                React__default["default"].createElement(index$6.Select, Object.assign({ placeholder: t('tools.inputPlaceholder', {
                         content: t('dueDatePage.daysText', { number: 30 }),
                     }), data: periodLengthDropDownOptions }, form.getInputProps('periodLength'), { error: null, withinPortal: true })))),
-        form.errors.periodLength && (React__default["default"].createElement(index$1.HealthToolFormWrapper.FormRow, null,
-            React__default["default"].createElement(index$1.HealthToolFormWrapper.Error, null, form.errors.periodLength)))));
+        form.errors.periodLength && (React__default["default"].createElement(index$2.HealthToolFormWrapper.FormRow, null,
+            React__default["default"].createElement(index$2.HealthToolFormWrapper.Error, null, form.errors.periodLength)))));
 };
 
 const MbLayout$1 = () => {
-    const { t } = index.useTranslations();
+    const { t } = index$1.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$2.DatePicker, Object.assign({ rightSection: null }, form.getInputProps('lastPeriodDate'), { 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$3.DatePicker, Object.assign({ rightSection: null }, form.getInputProps('lastPeriodDate'), { 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$5.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$6.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 { classes: wrapperClasses = {} } = React.useContext(context.CardWrapperContext);
-    const { t } = index.useTranslations();
+    const { t } = index$1.useTranslations();
     const theme = core.useMantineTheme();
     const isMarryBaby = theme.other.template === 'mb';
     const form$1 = form.useForm({
@@ -529,18 +529,18 @@ const LastPeriodForm = ({}) => {
         onSubmit: form$1.onSubmit((values) => {
             const { periodLength, lastPeriodDate } = values;
             const redirectLink = [
-                `${index$4.QUERY_HEALTH_TOOL.type}=${DueDateCalculatorType.lastPeriod}`,
-                `${index$4.QUERY_HEALTH_TOOL.startDate}=${dayjs__default["default"](lastPeriodDate).format(index$4.API_DATE_FORMAT)}`,
-                `${index$4.QUERY_HEALTH_TOOL.additional}=${periodLength}`,
+                `${index$5.QUERY_HEALTH_TOOL.type}=${DueDateCalculatorType.lastPeriod}`,
+                `${index$5.QUERY_HEALTH_TOOL.startDate}=${dayjs__default["default"](lastPeriodDate).format(index$5.API_DATE_FORMAT)}`,
+                `${index$5.QUERY_HEALTH_TOOL.additional}=${periodLength}`,
             ].join('&');
             onSubmit(getDueDateLastPeriod(lastPeriodDate, periodLength), redirectLink);
         }),
     };
     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$1, null)) : isMarryBaby ? (React__default["default"].createElement(MbLayout$1, null)) : (React__default["default"].createElement(DefaultLayout$1, null)),
-            React__default["default"].createElement(index$1.HealthToolFormWrapper.FormRow, { className: wrapperClasses.submitWrapper },
-                React__default["default"].createElement(index$1.HealthToolFormWrapper.Submit, Object.assign({ dataEventCategory: "Health Tool", dataEventAction: "Due Date", dataEventLabel: currentUrl, className: core.clsx('due-date-calculate-button', wrapperClasses.submitBtn), type: "submit" }, submitProps), t('dueDatePage.lastPeriod.calculate'))))));
+            React__default["default"].createElement(index$2.HealthToolFormWrapper.FormRow, { className: wrapperClasses.submitWrapper },
+                React__default["default"].createElement(index$2.HealthToolFormWrapper.Submit, Object.assign({ dataEventCategory: "Health Tool", dataEventAction: "Due Date", dataEventLabel: currentUrl, className: core.clsx('due-date-calculate-button', wrapperClasses.submitBtn), type: "submit" }, submitProps), t('dueDatePage.lastPeriod.calculate'))))));
 };
 
 const UltrasoundFormContext = React.createContext({});
@@ -553,58 +553,58 @@ const Info = (_a) => {
 };
 
 const DefaultLayout = () => {
-    const { t } = index.useTranslations();
+    const { t } = index$1.useTranslations();
     const { form } = React.useContext(UltrasoundFormContext);
-    const rightSection = (React__default["default"].createElement(index$3.Text, { size: "p4", color: miscTheme.theme.colors.gray400 }, "mm"));
+    const rightSection = (React__default["default"].createElement(index$4.Text, { size: "p4", color: miscTheme.theme.colors.gray400 }, "mm"));
     const inputPropsCRL = form.getInputProps('ultrasoundCRL');
     const inputPropsMSD = form.getInputProps('ultrasoundMSD');
     return (React__default["default"].createElement(React__default["default"].Fragment, null,
-        React__default["default"].createElement(index$1.HealthToolFormWrapper.FormRow, null,
-            React__default["default"].createElement(index$2.DatePicker, Object.assign({ label: React__default["default"].createElement(index$3.Text, { size: "p2", weight: "semiBold" }, t('dueDatePage.date_of_ultrasound')) }, form.getInputProps('dateOfUltrasound'), { popoverProps: {
+        React__default["default"].createElement(index$2.HealthToolFormWrapper.FormRow, null,
+            React__default["default"].createElement(index$3.DatePicker, Object.assign({ label: React__default["default"].createElement(index$4.Text, { size: "p2", weight: "semiBold" }, t('dueDatePage.date_of_ultrasound')) }, form.getInputProps('dateOfUltrasound'), { popoverProps: {
                     withinPortal: true,
                 }, maxDate: new Date() }))),
-        React__default["default"].createElement(index$1.HealthToolFormWrapper.FormRow, null,
+        React__default["default"].createElement(index$2.HealthToolFormWrapper.FormRow, null,
             React__default["default"].createElement(core.Flex, { align: "center", gap: 4, mb: 4 },
-                React__default["default"].createElement(index$3.Text, { size: "p2", weight: "semiBold" }, t('dueDatePage.validation.one_is_required')),
+                React__default["default"].createElement(index$4.Text, { size: "p2", weight: "semiBold" }, t('dueDatePage.validation.one_is_required')),
                 React__default["default"].createElement(core.Tooltip, { withinPortal: true, withArrow: true, width: 300, multiline: true, label: t('dueDatePage.ultrasound.tooltip') },
                     React__default["default"].createElement(core.Flex, null,
                         React__default["default"].createElement(Info, { size: 16 })))),
             React__default["default"].createElement(core.Flex, { gap: 8 },
-                React__default["default"].createElement(index$5.Input, Object.assign({ placeholder: "CRL", sx: { flex: 1 }, rightSection: rightSection, type: "number", min: 0, step: 0.01 }, inputPropsCRL, { errorProps: { sx: { display: 'none' } } })),
-                React__default["default"].createElement(index$5.Input, Object.assign({ placeholder: "MSD", sx: { flex: 1 }, rightSection: rightSection, type: "number", min: 0, step: 0.01 }, inputPropsMSD, { errorProps: { sx: { display: 'none' } } }))),
-            (form.errors.ultrasoundCRL || form.errors.ultrasoundMSD) && (React__default["default"].createElement(index$3.Text, { size: "p4", color: miscTheme.theme.colors.red500 }, form.errors.ultrasoundCRL || form.errors.ultrasoundMSD)))));
+                React__default["default"].createElement(index$6.Input, Object.assign({ placeholder: "CRL", sx: { flex: 1 }, rightSection: rightSection, type: "number", min: 0, step: 0.01 }, inputPropsCRL, { errorProps: { sx: { display: 'none' } } })),
+                React__default["default"].createElement(index$6.Input, Object.assign({ placeholder: "MSD", sx: { flex: 1 }, rightSection: rightSection, type: "number", min: 0, step: 0.01 }, inputPropsMSD, { errorProps: { sx: { display: 'none' } } }))),
+            (form.errors.ultrasoundCRL || form.errors.ultrasoundMSD) && (React__default["default"].createElement(index$4.Text, { size: "p4", color: miscTheme.theme.colors.red500 }, form.errors.ultrasoundCRL || form.errors.ultrasoundMSD)))));
 };
 
 const InlineLayout = () => {
-    const { t } = index.useTranslations();
+    const { t } = index$1.useTranslations();
     const { form } = React.useContext(UltrasoundFormContext);
-    const rightSection = (React__default["default"].createElement(index$3.Text, { size: "p4", color: miscTheme.theme.colors.gray400 }, "mm"));
+    const rightSection = (React__default["default"].createElement(index$4.Text, { size: "p4", color: miscTheme.theme.colors.gray400 }, "mm"));
     const inputPropsCRL = form.getInputProps('ultrasoundCRL');
     const inputPropsMSD = form.getInputProps('ultrasoundMSD');
     return (React__default["default"].createElement(React__default["default"].Fragment, null,
-        React__default["default"].createElement(index$1.HealthToolFormWrapper.FormRow, null,
-            React__default["default"].createElement(index$1.HealthToolFormWrapper.BorderInlineControl, { width: 300, label: t('dueDatePage.date_of_ultrasound') },
-                React__default["default"].createElement(index$2.DatePicker, Object.assign({}, form.getInputProps('dateOfUltrasound'), { popoverProps: {
+        React__default["default"].createElement(index$2.HealthToolFormWrapper.FormRow, null,
+            React__default["default"].createElement(index$2.HealthToolFormWrapper.BorderInlineControl, { width: 300, label: t('dueDatePage.date_of_ultrasound') },
+                React__default["default"].createElement(index$3.DatePicker, Object.assign({}, form.getInputProps('dateOfUltrasound'), { popoverProps: {
                         withinPortal: true,
                     }, maxDate: new Date(), error: null })))),
-        React__default["default"].createElement(index$1.HealthToolFormWrapper.FormRow, null,
-            React__default["default"].createElement(index$1.HealthToolFormWrapper.BorderInlineControl, { width: 300, label: React__default["default"].createElement(core.Flex, { align: "center", gap: 4 },
+        React__default["default"].createElement(index$2.HealthToolFormWrapper.FormRow, null,
+            React__default["default"].createElement(index$2.HealthToolFormWrapper.BorderInlineControl, { width: 300, label: React__default["default"].createElement(core.Flex, { align: "center", gap: 4 },
                     React__default["default"].createElement("span", null, t('dueDatePage.validation.one_is_required')),
                     React__default["default"].createElement(core.Tooltip, { withinPortal: true, withArrow: true, width: 300, multiline: true, label: t('dueDatePage.ultrasound.tooltip') },
                         React__default["default"].createElement(core.Flex, null,
                             React__default["default"].createElement(Info, { size: 16 })))) },
                 React__default["default"].createElement(core.Box, null,
                     React__default["default"].createElement(core.Flex, { gap: 8 },
-                        React__default["default"].createElement(index$5.Input, Object.assign({ placeholder: "CRL", sx: { flex: 1 }, rightSection: rightSection, type: "number", min: 0, step: 0.01 }, inputPropsCRL, { errorProps: { sx: { display: 'none' } } })),
-                        React__default["default"].createElement(index$5.Input, Object.assign({ placeholder: "MSD", sx: { flex: 1 }, rightSection: rightSection, type: "number", min: 0, step: 0.01 }, inputPropsMSD, { errorProps: { sx: { display: 'none' } } }))))),
-            (form.errors.ultrasoundCRL || form.errors.ultrasoundMSD) && (React__default["default"].createElement(index$1.HealthToolFormWrapper.Error, null, form.errors.ultrasoundCRL || form.errors.ultrasoundMSD)))));
+                        React__default["default"].createElement(index$6.Input, Object.assign({ placeholder: "CRL", sx: { flex: 1 }, rightSection: rightSection, type: "number", min: 0, step: 0.01 }, inputPropsCRL, { errorProps: { sx: { display: 'none' } } })),
+                        React__default["default"].createElement(index$6.Input, Object.assign({ placeholder: "MSD", sx: { flex: 1 }, rightSection: rightSection, type: "number", min: 0, step: 0.01 }, inputPropsMSD, { errorProps: { sx: { display: 'none' } } }))))),
+            (form.errors.ultrasoundCRL || form.errors.ultrasoundMSD) && (React__default["default"].createElement(index$2.HealthToolFormWrapper.Error, null, form.errors.ultrasoundCRL || form.errors.ultrasoundMSD)))));
 };
 
 const MbLayout = () => {
-    const { t } = index.useTranslations();
+    const { t } = index$1.useTranslations();
     const { form } = React.useContext(UltrasoundFormContext);
-    return (React__default["default"].createElement(index$1.HealthToolFormWrapper.BorderBoxControl, { label: t('dueDatePage.date_of_ultrasound'), rightSection: React__default["default"].createElement(other.CalendarMB, null) },
-        React__default["default"].createElement(index$2.DatePicker, Object.assign({}, form.getInputProps('dateOfUltrasound'), { popoverProps: {
+    return (React__default["default"].createElement(index$2.HealthToolFormWrapper.BorderBoxControl, { label: t('dueDatePage.date_of_ultrasound'), rightSection: React__default["default"].createElement(other.CalendarMB, null) },
+        React__default["default"].createElement(index$3.DatePicker, Object.assign({}, form.getInputProps('dateOfUltrasound'), { popoverProps: {
                 withinPortal: true,
             }, rightSection: null, maxDate: new Date() }))));
 };
@@ -613,7 +613,7 @@ const UltrasoundForm = ({}) => {
     const { classes: wrapperClasses = {} } = React.useContext(context.CardWrapperContext);
     const { formLayout, onSubmit, currentUrl, submitProps } = React.useContext(DueDateFormContext);
     const theme = core.useMantineTheme();
-    const { t } = index.useTranslations();
+    const { t } = index$1.useTranslations();
     const form$1 = form.useForm({
         initialValues: {
             dateOfUltrasound: new Date(),
@@ -647,18 +647,18 @@ const UltrasoundForm = ({}) => {
             const { dateOfUltrasound, ultrasoundCRL, ultrasoundMSD } = values;
             const additionalInfo = `${ultrasoundCRL}|${ultrasoundMSD}`;
             const redirectLink = [
-                `${index$4.QUERY_HEALTH_TOOL.type}=${DueDateCalculatorType.ultrasound}`,
-                `${index$4.QUERY_HEALTH_TOOL.startDate}=${dayjs__default["default"](dateOfUltrasound).format(index$4.API_DATE_FORMAT)}`,
-                `${index$4.QUERY_HEALTH_TOOL.additional}=${additionalInfo}`,
+                `${index$5.QUERY_HEALTH_TOOL.type}=${DueDateCalculatorType.ultrasound}`,
+                `${index$5.QUERY_HEALTH_TOOL.startDate}=${dayjs__default["default"](dateOfUltrasound).format(index$5.API_DATE_FORMAT)}`,
+                `${index$5.QUERY_HEALTH_TOOL.additional}=${additionalInfo}`,
             ].join('&');
             onSubmit(getDueDateUltrasound(dateOfUltrasound, additionalInfo), redirectLink);
         }),
     };
     return (React__default["default"].createElement(UltrasoundFormContext.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)) : theme.other.template === 'mb' ? (React__default["default"].createElement(MbLayout, null)) : (React__default["default"].createElement(DefaultLayout, null)),
-            React__default["default"].createElement(index$1.HealthToolFormWrapper.FormRow, { className: wrapperClasses.submitWrapper },
-                React__default["default"].createElement(index$1.HealthToolFormWrapper.Submit, Object.assign({ dataEventCategory: "Health Tool", dataEventAction: "Due Date", dataEventLabel: currentUrl, className: core.clsx('due-date-calculate-button', wrapperClasses.submitBtn), type: "submit" }, submitProps), t('dueDatePage.lastPeriod.calculate'))))));
+            React__default["default"].createElement(index$2.HealthToolFormWrapper.FormRow, { className: wrapperClasses.submitWrapper },
+                React__default["default"].createElement(index$2.HealthToolFormWrapper.Submit, Object.assign({ dataEventCategory: "Health Tool", dataEventAction: "Due Date", dataEventLabel: currentUrl, className: core.clsx('due-date-calculate-button', wrapperClasses.submitBtn), type: "submit" }, submitProps), t('dueDatePage.lastPeriod.calculate'))))));
 };
 
 const FormSwitcher = () => {
@@ -703,11 +703,11 @@ const SelectMethodItem = React.forwardRef((_a, ref) => {
             },
         }, className: "" }, rest),
         icon,
-        React__default["default"].createElement(index$3.Text, { size: "p4" }, label)));
+        React__default["default"].createElement(index$4.Text, { size: "p4" }, label)));
 });
 const DueDateForm = (_a) => {
     var { locale, formLayout = 'default', submitProps, currentUrl, isMobile, onSubmit } = _a, props = tslib_es6.__rest(_a, ["locale", "formLayout", "submitProps", "currentUrl", "isMobile", "onSubmit"]);
-    const { t } = index.useTranslations();
+    const { t } = index$1.useTranslations();
     const [calculatorType, setCalculatorType] = React.useState(DueDateCalculatorType.lastPeriod);
     const calculatingMethods = React.useMemo(() => {
         return ((DUE_DATE_METHOD === null || DUE_DATE_METHOD === void 0 ? void 0 : DUE_DATE_METHOD[locale].map((method) => {
@@ -729,12 +729,12 @@ const DueDateForm = (_a) => {
             calculatorType,
             setCalculatorType,
         } },
-        React__default["default"].createElement(index$1.HealthToolFormWrapper, Object.assign({ component: "div", formLayout: formLayout }, props),
-            formLayout === 'default' ? (React__default["default"].createElement(index$1.HealthToolFormWrapper.FormRow, null,
-                React__default["default"].createElement(index$1.HealthToolFormWrapper.Control, null,
-                    React__default["default"].createElement(index$5.Select, { label: React__default["default"].createElement(index$3.Text, { size: "p2", weight: "semiBold" }, t('dueDatePage.calculationMethod')), value: String(calculatorType), data: calculatingMethods, itemComponent: SelectMethodItem, onChange: (v) => setCalculatorType(Number(v)), icon: selectedMethod === null || selectedMethod === void 0 ? void 0 : selectedMethod.icon })))) : (React__default["default"].createElement(index$1.HealthToolFormWrapper.FormRow, null,
-                React__default["default"].createElement(index$1.HealthToolFormWrapper.BorderInlineControl, { label: React__default["default"].createElement(index$3.Text, { size: "p2", weight: "semiBold" }, t('dueDatePage.calculationMethod')), width: 300 },
-                    React__default["default"].createElement(index$5.Select, { value: String(calculatorType), data: calculatingMethods, itemComponent: SelectMethodItem, onChange: (v) => setCalculatorType(Number(v)) })))),
+        React__default["default"].createElement(index$2.HealthToolFormWrapper, Object.assign({ component: "div", formLayout: formLayout }, props),
+            formLayout === 'default' ? (React__default["default"].createElement(index$2.HealthToolFormWrapper.FormRow, null,
+                React__default["default"].createElement(index$2.HealthToolFormWrapper.Control, null,
+                    React__default["default"].createElement(index$6.Select, { label: React__default["default"].createElement(index$4.Text, { size: "p2", weight: "semiBold" }, t('dueDatePage.calculationMethod')), value: String(calculatorType), data: calculatingMethods, itemComponent: SelectMethodItem, onChange: (v) => setCalculatorType(Number(v)), icon: selectedMethod === null || selectedMethod === void 0 ? void 0 : selectedMethod.icon })))) : (React__default["default"].createElement(index$2.HealthToolFormWrapper.FormRow, null,
+                React__default["default"].createElement(index$2.HealthToolFormWrapper.BorderInlineControl, { label: React__default["default"].createElement(index$4.Text, { size: "p2", weight: "semiBold" }, t('dueDatePage.calculationMethod')), width: 300 },
+                    React__default["default"].createElement(index$6.Select, { value: String(calculatorType), data: calculatingMethods, itemComponent: SelectMethodItem, onChange: (v) => setCalculatorType(Number(v)) })))),
             React__default["default"].createElement(FormSwitcher, null))));
 };