@hhgtech/hhg-components 1.29.399 → 1.29.401-beta-1

package/build/esm/footer.js

@@ -1,38 +1,38 @@
-export { F as Footer } from './index-44b53c88.js';
+export { F as Footer } from './index-fd38b1ce.js';
 import 'react';
-import './index-69fa49f6.js';
+import './index-bb0d1199.js';
 import 'dayjs';
-import './index-9679da60.js';
+import './index-3df6ea0f.js';
 import 'date-fns/locale';
-import './index-1260bcc1.js';
-import './Locale-479bfffb.js';
+import './index-96012c2c.js';
+import './Locale-6007532a.js';
 import './constantsSite.js';
 import './constantsDomainLocales.js';
 import './constantsRiskScreener.js';
 import './constantsIsProduction.js';
-import './index-ab9884fa.js';
-import './tslib.es6-3f6feedd.js';
+import './index-7747920f.js';
+import './tslib.es6-4d8dfa7a.js';
 import '@hhgtech/icons/other';
 import '@mantine/core';
 import '@mantine/hooks';
-import './index-cde682f2.js';
-import './useScreenSize-295dfaec.js';
+import './index-cfa9c212.js';
+import './useScreenSize-1a19f75d.js';
 import '@emotion/styled';
-import './utils-04dca4ff.js';
+import './utils-9906d84a.js';
 import '@mantine/carousel';
-import './index-aa372a43.js';
-import './other-c8b82fea.js';
+import './index-12e9b0de.js';
+import './other-0f8d99bd.js';
 import './miscTheme.js';
-import './useMantineLocale-41a239fd.js';
+import './useMantineLocale-97e0f352.js';
 import '@mantine/notifications';
-import './index-851d5fdb.js';
+import './index-5c90ee5e.js';
 import 'classnames';
-import './useUniqueId-b7c5f565.js';
+import './useUniqueId-2ba11b28.js';
 import '@hhgtech/icons/core';
 import '@mantine/dates';
-import './index.styles-aa0066cb.js';
-import './translationsContext-dcc3b55f.js';
-import './index-72018f40.js';
-import './index-bb236861.js';
-import './logoIcon-5d8634ed.js';
-import './index-d7b72dbf.js';
+import './index.styles-951cad28.js';
+import './translationsContext-2be18421.js';
+import './index-0ccf48c4.js';
+import './index-1ca2d7bc.js';
+import './logoIcon-bf569ada.js';
+import './index-e50ebf00.js';

package/build/esm/gAssets.js

@@ -1,4 +1,4 @@
-export { C as CommonGAssets, G as GAssets } from './index-cde682f2.js';
+export { C as CommonGAssets, G as GAssets } from './index-cfa9c212.js';
 import './constantsDomainLocales.js';
-import './Locale-479bfffb.js';
+import './Locale-6007532a.js';
 import './constantsIsProduction.js';

package/build/esm/{healthTools-070c9ebe.js → healthTools-0e0182d5.js}

@@ -1,4 +1,4 @@
-import { C as CommonGAssets } from './index-cde682f2.js';
+import { C as CommonGAssets } from './index-cfa9c212.js';
 
 var HEALTH_TOOL_NAME;
 (function (HEALTH_TOOL_NAME) {

package/build/esm/healthToolsCardWrapper.js

@@ -1,36 +1,36 @@
-import './tslib.es6-3f6feedd.js';
+import './tslib.es6-4d8dfa7a.js';
 import 'react';
 import '@mantine/core';
-export { H as HealthToolCardWrapper } from './index-c7b5bde5.js';
+export { H as HealthToolCardWrapper } from './index-59dea43e.js';
 import '@hhgtech/icons/other';
-import './index-ab9884fa.js';
+import './index-7747920f.js';
 import '@mantine/hooks';
-import './index-cde682f2.js';
+import './index-cfa9c212.js';
 import './constantsDomainLocales.js';
-import './Locale-479bfffb.js';
+import './Locale-6007532a.js';
 import './constantsIsProduction.js';
-import './useScreenSize-295dfaec.js';
+import './useScreenSize-1a19f75d.js';
 import '@emotion/styled';
-import './utils-04dca4ff.js';
+import './utils-9906d84a.js';
 import '@mantine/carousel';
-import './index-aa372a43.js';
-import './other-c8b82fea.js';
-import './index-1260bcc1.js';
+import './index-12e9b0de.js';
+import './other-0f8d99bd.js';
+import './index-96012c2c.js';
 import './miscTheme.js';
-import './useMantineLocale-41a239fd.js';
+import './useMantineLocale-97e0f352.js';
 import '@mantine/notifications';
-import './index-9679da60.js';
+import './index-3df6ea0f.js';
 import 'date-fns/locale';
 import './constantsSite.js';
 import './constantsRiskScreener.js';
 import 'dayjs';
-import './index-851d5fdb.js';
+import './index-5c90ee5e.js';
 import 'classnames';
-import './useUniqueId-b7c5f565.js';
+import './useUniqueId-2ba11b28.js';
 import '@hhgtech/icons/core';
 import '@mantine/dates';
-import './index.styles-aa0066cb.js';
-import './index-0539d1af.js';
-import './translationsContext-dcc3b55f.js';
-import './index-72018f40.js';
+import './index.styles-951cad28.js';
+import './index-a2fcb2ec.js';
+import './translationsContext-2be18421.js';
+import './index-0ccf48c4.js';
 import './miscDefaultClassWrapper.js';

package/build/esm/healthToolsForm.js

@@ -1,56 +1,56 @@
-export { D as DueDateForm } from './index-d8a3245f.js';
-export { B as BmiForm } from './index-c148b9c5.js';
-export { B as BabyPoopForm } from './index-27b37586.js';
-export { T as ThrForm } from './index-3cb863f7.js';
-export { O as OvulationForm } from './index-8a39941e.js';
-export { B as BabyVaccineForm } from './index-96f12cbd.js';
-export { P as PWGForm } from './index-4ff92569.js';
-import './tslib.es6-3f6feedd.js';
+export { D as DueDateForm } from './index-16f5bc82.js';
+export { B as BmiForm } from './index-ff12f794.js';
+export { B as BabyPoopForm } from './index-6ada8778.js';
+export { T as ThrForm } from './index-8b16030a.js';
+export { O as OvulationForm } from './index-d32855f1.js';
+export { B as BabyVaccineForm } from './index-015ff534.js';
+export { P as PWGForm } from './index-7d52fb15.js';
+import './tslib.es6-4d8dfa7a.js';
 import 'react';
 import '@mantine/core';
-import './LastPeriod-11dd6768.js';
 import 'date-fns';
+import './LastPeriod-09a6b6d1.js';
+import './Locale-6007532a.js';
 import '@mantine/form';
 import 'dayjs';
-import './index-ab9884fa.js';
+import './index-7747920f.js';
 import '@hhgtech/icons/other';
 import '@mantine/hooks';
-import './index-cde682f2.js';
+import './index-cfa9c212.js';
 import './constantsDomainLocales.js';
-import './Locale-479bfffb.js';
 import './constantsIsProduction.js';
-import './useScreenSize-295dfaec.js';
+import './useScreenSize-1a19f75d.js';
 import '@emotion/styled';
-import './utils-04dca4ff.js';
+import './utils-9906d84a.js';
 import '@mantine/carousel';
-import './index-aa372a43.js';
-import './other-c8b82fea.js';
-import './index-1260bcc1.js';
+import './index-12e9b0de.js';
+import './other-0f8d99bd.js';
+import './index-96012c2c.js';
 import './miscTheme.js';
-import './useMantineLocale-41a239fd.js';
+import './useMantineLocale-97e0f352.js';
 import '@mantine/notifications';
-import './index-9679da60.js';
+import './index-3df6ea0f.js';
 import 'date-fns/locale';
 import './constantsSite.js';
 import './constantsRiskScreener.js';
-import './index-851d5fdb.js';
+import './index-5c90ee5e.js';
 import 'classnames';
-import './useUniqueId-b7c5f565.js';
+import './useUniqueId-2ba11b28.js';
 import '@hhgtech/icons/core';
-import './index-611b11cc.js';
+import './index-16a17556.js';
 import '@mantine/dates';
-import './index.styles-aa0066cb.js';
-import './index-0539d1af.js';
-import './translationsContext-dcc3b55f.js';
-import './index-72018f40.js';
-import './index-7e1eb112.js';
+import './index.styles-951cad28.js';
+import './index-a2fcb2ec.js';
+import './translationsContext-2be18421.js';
+import './index-0ccf48c4.js';
+import './index-f49c373e.js';
 import 'react-keyed-flatten-children';
 import 'react-hook-form';
-import './useHealthToolCache-57184b6e.js';
+import './useHealthToolCache-dabf68d5.js';
 import './miscGetDynamicHealthTool.js';
-import './normalizeLink-4df716c3.js';
-import './core-8e17653b.js';
-import './constants-99119247.js';
-import './index-50742205.js';
+import './normalizeLink-6781771c.js';
+import './core-c8197582.js';
+import './constants-1efd3ba5.js';
+import './index-63d39f6c.js';
 import './embeddedHeathToolCards_helpers.js';
-import './constants-df114bdd.js';
+import './constants-91a96318.js';

package/build/esm/hooks.js

@@ -1,19 +1,19 @@
-export { u as useTranslations } from './index-0539d1af.js';
-export { M as MEASURE_ELEMENT_CLASS, u as useScrollbarSize } from './useScrollbarSize-c19f1d8e.js';
-export { M as MAPPED_CATEGORY_SLUGS, P as PREGNANCY_SLUG, c as useCategory, u as useFbDataLayer, a as usePrevious, b as useRafState } from './useCategory-9dd57de6.js';
-export { u as useHealthToolsCache } from './useHealthToolCache-57184b6e.js';
-export { u as useIsInit } from './useIsInit-e483b69d.js';
-export { i as initSharedOutSideClickListener, a as useOutsideClick, u as useSharedOutsideClick } from './useOutsideClick-936fc3fc.js';
-export { u as useInitialMount, a as useUniqueId } from './useUniqueId-b7c5f565.js';
+export { u as useTranslations } from './index-a2fcb2ec.js';
+export { M as MEASURE_ELEMENT_CLASS, u as useScrollbarSize } from './useScrollbarSize-be597980.js';
+export { M as MAPPED_CATEGORY_SLUGS, P as PREGNANCY_SLUG, c as useCategory, u as useFbDataLayer, a as usePrevious, b as useRafState } from './useCategory-70680d18.js';
+export { u as useHealthToolsCache } from './useHealthToolCache-dabf68d5.js';
+export { u as useIsInit } from './useIsInit-a882df3f.js';
+export { i as initSharedOutSideClickListener, a as useOutsideClick, u as useSharedOutsideClick } from './useOutsideClick-0df6b3e9.js';
+export { u as useInitialMount, a as useUniqueId } from './useUniqueId-2ba11b28.js';
 import 'react';
-import './translationsContext-dcc3b55f.js';
+import './translationsContext-2be18421.js';
 import 'lodash/debounce';
-import './tslib.es6-3f6feedd.js';
+import './tslib.es6-4d8dfa7a.js';
 import './miscCookieHelper.js';
-import './index-1260bcc1.js';
-import './Locale-479bfffb.js';
+import './index-96012c2c.js';
+import './Locale-6007532a.js';
 import './miscGetDynamicHealthTool.js';
-import './normalizeLink-4df716c3.js';
+import './normalizeLink-6781771c.js';
 import './constantsDomainLocales.js';
 import './constantsIsProduction.js';
-import './core-8e17653b.js';
+import './core-c8197582.js';

package/build/esm/i18n-values/id-ID.js

@@ -296,7 +296,7 @@ var idTranslations = {
 	"dueDatePage.lastPeriod.calculate": "Hitung",
 	"dueDatePage.lastPeriod.lastPeriodLabel": "Hari Pertama dari Haid Terakhir Anda",
 	"dueDatePage.lastPeriod.periodLengthLabel": "Durasi siklus haid",
-	"dueDatePage.ultrasound": "Ultrasound",
+	"dueDatePage.ultrasound": "USG",
 	"dueDatePage.ultrasound.tooltip": "Mean sac Diameter (MSD) is less accurate than Crown-Rump Length (CRL) for dating a pregnancy. It is only used in very early pregnancy, between 4 and 6 weeks.",
 	"dueDatePage.validation.crl": "The MSD value is invalid. Please enter the CRL metric to continue.",
 	"dueDatePage.validation.one_is_required": "Setidaknya satu harus diisi",

package/build/esm/i18n.js

@@ -1,5 +1,5 @@
-export { T as TranslationsContext } from './translationsContext-dcc3b55f.js';
-export { T as TranslationsProvider, t as translationsMap } from './translationsProvider-9b945cb6.js';
+export { T as TranslationsContext } from './translationsContext-2be18421.js';
+export { T as TranslationsProvider, t as translationsMap } from './translationsProvider-6b570137.js';
 import 'react';
 import './i18n-values/en-PH.js';
 import './i18n-values/hi-IN.js';

package/build/esm/i18nV2.js

@@ -1,5 +1,5 @@
-import { T as TranslationsContext } from './translationsContext-dcc3b55f.js';
-export { T as TranslationsContext } from './translationsContext-dcc3b55f.js';
+import { T as TranslationsContext } from './translationsContext-2be18421.js';
+export { T as TranslationsContext } from './translationsContext-2be18421.js';
 import React__default, { useMemo } from 'react';
 
 const TranslationsProvider = ({ locale = 'en-PH', values, children, }) => {

package/build/esm/{index-96f12cbd.js → index-015ff534.js}

@@ -1,23 +1,23 @@
-import { _ as __rest } from './tslib.es6-3f6feedd.js';
+import { _ as __rest } from './tslib.es6-4d8dfa7a.js';
 import React__default, { createContext, useContext } from 'react';
 import { useMantineTheme } from '@mantine/core';
 import { useForm, isNotEmpty } from '@mantine/form';
-import './index-ab9884fa.js';
-import { D as DatePicker } from './index-611b11cc.js';
-import './index-aa372a43.js';
-import './index-851d5fdb.js';
-import './index.styles-aa0066cb.js';
-import { u as useTranslations } from './index-0539d1af.js';
+import './index-7747920f.js';
+import { D as DatePicker } from './index-16a17556.js';
+import './index-12e9b0de.js';
+import './index-5c90ee5e.js';
+import './index.styles-951cad28.js';
+import { u as useTranslations } from './index-a2fcb2ec.js';
 import '@mantine/hooks';
-import './useMantineLocale-41a239fd.js';
-import './index-1260bcc1.js';
-import './index-cde682f2.js';
-import './utils-04dca4ff.js';
-import './index-9679da60.js';
-import './other-c8b82fea.js';
-import './index-72018f40.js';
-import { H as HealthToolFormWrapper } from './index-7e1eb112.js';
-import { G as GenderOptionControl } from './index-50742205.js';
+import './useMantineLocale-97e0f352.js';
+import './index-96012c2c.js';
+import './index-cfa9c212.js';
+import './utils-9906d84a.js';
+import './index-3df6ea0f.js';
+import './other-0f8d99bd.js';
+import './index-0ccf48c4.js';
+import { H as HealthToolFormWrapper } from './index-f49c373e.js';
+import { G as GenderOptionControl } from './index-63d39f6c.js';
 import { CalendarMB } from '@hhgtech/icons/other';
 
 const BabyVaccineFormContext = createContext({});

package/build/esm/{index-de4a4c5c.js → index-07cec1e3.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-04dca4ff.js';
+import { M as MediaQueries } from './utils-9906d84a.js';
 import { theme } from './miscTheme.js';
 
 const StyledPopup = styled.div `

package/build/esm/{index-7c28b5b7.js → index-09915acd.js}

@@ -1,18 +1,18 @@
 import React__default, { useState, useMemo } from 'react';
-import { F as Flag } from './index-ab9884fa.js';
+import { F as Flag } from './index-7747920f.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { T as Text } from './index-aa372a43.js';
-import { C as CommonGAssets } from './index-cde682f2.js';
-import { _ as __rest } from './tslib.es6-3f6feedd.js';
-import { V as VIDEO_DETAIL_TEMP_STORAGE } from './index-9679da60.js';
-import { V as VideoType } from './index-1260bcc1.js';
+import { T as Text } from './index-12e9b0de.js';
+import { C as CommonGAssets } from './index-cfa9c212.js';
+import { _ as __rest } from './tslib.es6-4d8dfa7a.js';
+import { V as VIDEO_DETAIL_TEMP_STORAGE } from './index-3df6ea0f.js';
+import { V as VideoType } from './index-96012c2c.js';
 import { createStyles, Stack, Box, AspectRatio, getStylesRef, rem, Flex } from '@mantine/core';
-import { a as abbreviateNumber } from './number-30872042.js';
-import { u as useTranslations } from './index-0539d1af.js';
+import { a as abbreviateNumber } from './number-6f455c56.js';
+import { u as useTranslations } from './index-a2fcb2ec.js';
 import { useOs } from '@mantine/hooks';
-import { M as Modal } from './index-8f392ac0.js';
-import { S as SocialLinkPreview } from './index-13ff69e9.js';
+import { M as Modal } from './index-8dfd3348.js';
+import { S as SocialLinkPreview } from './index-f4a90703.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
 const ALLOW_DOMAIN_URL = [

package/build/esm/{index-72018f40.js → index-0ccf48c4.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-3f6feedd.js';
+import { _ as __rest } from './tslib.es6-4d8dfa7a.js';
 import React__default, { useRef, useState, useEffect } from 'react';
 import { ArrowLeft, ArrowRight } from '@hhgtech/icons/other';
 import { createStyles, rem, Tabs as Tabs$1, ScrollArea } from '@mantine/core';
-import { B as Button } from './index-851d5fdb.js';
-import { T as Text } from './index-aa372a43.js';
+import { B as Button } from './index-5c90ee5e.js';
+import { T as Text } from './index-12e9b0de.js';
 
 var useStyles = createStyles((theme, params) => {
     const { variant } = params;

package/build/esm/{index-03afa5ac.js → index-0dacebbc.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
-import { B as Button } from './index-8fce7775.js';
-import { u as useTranslations } from './index-0539d1af.js';
+import { B as Button } from './index-23fdc335.js';
+import { u as useTranslations } from './index-a2fcb2ec.js';
 import { keyframes } from '@emotion/react';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';

package/build/esm/{index-d06bab1e.js → index-11e12776.js}

@@ -1,6 +1,6 @@
-import { c as cookie } from './index-84e01cee.js';
-import { B as BEARER_TOKEN_COOKIE } from './index-9679da60.js';
-import { N as NodeIntentType } from './index-1260bcc1.js';
+import { c as cookie } from './index-7ba64f64.js';
+import { B as BEARER_TOKEN_COOKIE } from './index-3df6ea0f.js';
+import { N as NodeIntentType } from './index-96012c2c.js';
 import Cookies from 'js-cookie';
 import { v4 } from 'uuid';
 import { isProduction } from './constantsIsProduction.js';

package/build/esm/{index-aa372a43.js → index-12e9b0de.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-3f6feedd.js';
+import { _ as __rest } from './tslib.es6-4d8dfa7a.js';
 import React__default from 'react';
 import { createStyles, Text as Text$1 } from '@mantine/core';
-import { O as OTHER_THEME_CONFIG, F as FontWeight } from './other-c8b82fea.js';
+import { O as OTHER_THEME_CONFIG, F as FontWeight } from './other-0f8d99bd.js';
 
 var useStyles = createStyles((theme, _params) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;

package/build/esm/{index-611b11cc.js → index-16a17556.js}

@@ -1,12 +1,12 @@
-import { _ as __rest } from './tslib.es6-3f6feedd.js';
+import { _ as __rest } from './tslib.es6-4d8dfa7a.js';
 import React__default from 'react';
 import { useMantineTheme, Image } from '@mantine/core';
 import { DatePickerInput } from '@mantine/dates';
-import { I as ISO_FORMAT } from './index-9679da60.js';
-import './index-1260bcc1.js';
-import { C as CommonGAssets } from './index-cde682f2.js';
-import { M as MAPPED_LOCALE } from './useMantineLocale-41a239fd.js';
-import { L as LOCALE } from './Locale-479bfffb.js';
+import { I as ISO_FORMAT } from './index-3df6ea0f.js';
+import './index-96012c2c.js';
+import { C as CommonGAssets } from './index-cfa9c212.js';
+import { M as MAPPED_LOCALE } from './useMantineLocale-97e0f352.js';
+import { L as LOCALE } from './Locale-6007532a.js';
 
 // Omit<MantineDatePickerInputProps, 'value'>
 const DatePicker = (_a) => {

package/build/esm/{index-d8a3245f.js → index-16f5bc82.js}

@@ -1,28 +1,28 @@
-import { _ as __rest } from './tslib.es6-3f6feedd.js';
+import { _ as __rest } from './tslib.es6-4d8dfa7a.js';
 import React__default, { createContext, useContext, useMemo, forwardRef, useState } from 'react';
 import { useMantineTheme, Group, Box, Flex, Tooltip } from '@mantine/core';
-import { L as LastPeriod } from './LastPeriod-11dd6768.js';
 import { format } from 'date-fns';
+import { L as LastPeriod } from './LastPeriod-09a6b6d1.js';
+import { L as LOCALE } from './Locale-6007532a.js';
 import { useForm, isNotEmpty } from '@mantine/form';
 import dayjs from 'dayjs';
-import { R as Radio, I as Input, S as Select } from './index-ab9884fa.js';
-import { D as DatePicker } from './index-611b11cc.js';
-import { T as Text } from './index-aa372a43.js';
-import './index-851d5fdb.js';
-import './index.styles-aa0066cb.js';
-import { u as useTranslations } from './index-0539d1af.js';
+import { R as Radio, I as Input, S as Select } from './index-7747920f.js';
+import { D as DatePicker } from './index-16a17556.js';
+import { T as Text } from './index-12e9b0de.js';
+import './index-5c90ee5e.js';
+import './index.styles-951cad28.js';
+import { u as useTranslations } from './index-a2fcb2ec.js';
 import '@mantine/hooks';
-import './useMantineLocale-41a239fd.js';
-import './index-1260bcc1.js';
-import './index-cde682f2.js';
-import './utils-04dca4ff.js';
-import { Q as QUERY_HEALTH_TOOL, A as API_DATE_FORMAT$1 } from './index-9679da60.js';
-import './other-c8b82fea.js';
-import './index-72018f40.js';
-import { H as HealthToolFormWrapper } from './index-7e1eb112.js';
+import './useMantineLocale-97e0f352.js';
+import './index-96012c2c.js';
+import './index-cfa9c212.js';
+import './utils-9906d84a.js';
+import { Q as QUERY_HEALTH_TOOL, A as API_DATE_FORMAT$1 } from './index-3df6ea0f.js';
+import './other-0f8d99bd.js';
+import './index-0ccf48c4.js';
+import { H as HealthToolFormWrapper } from './index-f49c373e.js';
 import { CalendarMB } from '@hhgtech/icons/other';
 import { theme } from './miscTheme.js';
-import { L as LOCALE } from './Locale-479bfffb.js';
 
 const ConceptionDate = (_a) => {
     var { isMarryBaby, size = 24 } = _a, rest = __rest(_a, ["isMarryBaby", "size"]);
@@ -110,6 +110,61 @@ var DueDateCalculatorType;
     DueDateCalculatorType[DueDateCalculatorType["IUI"] = 3] = "IUI";
     DueDateCalculatorType[DueDateCalculatorType["ultrasound"] = 4] = "ultrasound";
 })(DueDateCalculatorType || (DueDateCalculatorType = {}));
+const DUE_DATE_CONFIG = {
+    [String(DueDateCalculatorType.lastPeriod)]: {
+        value: String(DueDateCalculatorType.lastPeriod),
+        icon: LastPeriod,
+        label: 'dueDatePage.lastPeriod',
+    },
+    [String(DueDateCalculatorType.IVF)]: {
+        value: String(DueDateCalculatorType.IVF),
+        icon: IVF,
+        label: 'dueDatePage.ivf',
+    },
+    [String(DueDateCalculatorType.conception)]: {
+        value: String(DueDateCalculatorType.conception),
+        icon: ConceptionDate,
+        label: 'dueDatePage.conceptionDate',
+    },
+    [String(DueDateCalculatorType.IUI)]: {
+        value: String(DueDateCalculatorType.IUI),
+        icon: IUI,
+        label: 'dueDatePage.IUI',
+    },
+    [String(DueDateCalculatorType.ultrasound)]: {
+        value: String(DueDateCalculatorType.ultrasound),
+        icon: Ultrasound,
+        label: 'dueDatePage.ultrasound',
+    },
+};
+const DUE_DATE_METHOD_DEFAULT = [
+    String(DueDateCalculatorType.lastPeriod),
+    String(DueDateCalculatorType.IVF),
+    String(DueDateCalculatorType.conception),
+];
+const DUE_DATE_METHOD = {
+    [LOCALE.Cambodia]: DUE_DATE_METHOD_DEFAULT,
+    [LOCALE.China]: DUE_DATE_METHOD_DEFAULT,
+    [LOCALE.India]: DUE_DATE_METHOD_DEFAULT,
+    [LOCALE.Indonesia]: [
+        String(DueDateCalculatorType.lastPeriod),
+        String(DueDateCalculatorType.IUI),
+        String(DueDateCalculatorType.IVF),
+        String(DueDateCalculatorType.ultrasound),
+    ],
+    [LOCALE.Malaysia]: DUE_DATE_METHOD_DEFAULT,
+    [LOCALE.Myanmar]: DUE_DATE_METHOD_DEFAULT,
+    [LOCALE.PhilippinesEnglish]: DUE_DATE_METHOD_DEFAULT,
+    [LOCALE.PhilippinesTagalog]: DUE_DATE_METHOD_DEFAULT,
+    [LOCALE.Taiwan]: DUE_DATE_METHOD_DEFAULT,
+    [LOCALE.Thailand]: DUE_DATE_METHOD_DEFAULT,
+    [LOCALE.Vietnam]: [
+        String(DueDateCalculatorType.lastPeriod),
+        String(DueDateCalculatorType.IVF),
+        String(DueDateCalculatorType.IUI),
+        String(DueDateCalculatorType.ultrasound),
+    ],
+};
 const API_DATE_FORMAT = 'yyyy-MM-dd';
 const getDueDateLastPeriod = (lastPeriodDate, periodLength) => {
     return {
@@ -627,42 +682,12 @@ const DueDateForm = (_a) => {
     const { t } = useTranslations();
     const [calculatorType, setCalculatorType] = useState(DueDateCalculatorType.lastPeriod);
     const calculatingMethods = useMemo(() => {
-        const commonMethods = [
-            {
-                value: String(DueDateCalculatorType.lastPeriod),
-                label: t('dueDatePage.lastPeriod'),
-                icon: React__default.createElement(LastPeriod, { size: 20 }),
-            },
-            {
-                value: String(DueDateCalculatorType.IVF),
-                label: t('dueDatePage.ivf'),
-                icon: React__default.createElement(IVF, { size: 20 }),
-            },
-        ];
-        if (locale !== LOCALE.Vietnam) {
-            return [
-                ...commonMethods,
-                {
-                    value: String(DueDateCalculatorType.conception),
-                    label: t('dueDatePage.conceptionDate'),
-                    icon: React__default.createElement(ConceptionDate, { size: 20 }),
-                },
-            ];
-        }
-        return [
-            ...commonMethods,
-            {
-                value: String(DueDateCalculatorType.IUI),
-                label: t('dueDatePage.IUI'),
-                icon: React__default.createElement(IUI, { size: 20 }),
-            },
-            {
-                value: String(DueDateCalculatorType.ultrasound),
-                label: t('dueDatePage.ultrasound'),
-                icon: React__default.createElement(Ultrasound, { size: 20 }),
-            },
-        ];
-    }, []);
+        return ((DUE_DATE_METHOD === null || DUE_DATE_METHOD === void 0 ? void 0 : DUE_DATE_METHOD[locale].map((method) => {
+            const config = DUE_DATE_CONFIG[method];
+            const Icon = config.icon;
+            return Object.assign(Object.assign({}, config), { label: t(config.label), icon: React__default.createElement(Icon, { size: 20 }) });
+        })) || []);
+    }, [locale, t]);
     const selectedMethod = useMemo(() => {
         return calculatingMethods.find((m) => m.value === String(calculatorType));
     }, [calculatorType, calculatingMethods]);
@@ -684,4 +709,4 @@ const DueDateForm = (_a) => {
             React__default.createElement(FormSwitcher, null))));
 };
 
-export { DueDateForm as D };
+export { DueDateForm as D, DUE_DATE_METHOD as a };

package/build/esm/{index-5a3a57df.js → index-1a058261.js}

@@ -1,7 +1,7 @@
 import React__default, { useState, useEffect } from 'react';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { I as ImageWrap } from './useScreenSize-295dfaec.js';
+import { I as ImageWrap } from './useScreenSize-1a19f75d.js';
 
 const StyledAvatar = styled.div `
   background-color: var(--background-color, transparent);

package/build/esm/{index-bb236861.js → index-1ca2d7bc.js}

@@ -1,11 +1,11 @@
 import React__default, { useState, useEffect } from 'react';
-import { L as LOCALE } from './Locale-479bfffb.js';
-import { C as CommonGAssets } from './index-cde682f2.js';
+import { L as LOCALE } from './Locale-6007532a.js';
+import { C as CommonGAssets } from './index-cfa9c212.js';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-04dca4ff.js';
-import { L as LogoIcon } from './logoIcon-5d8634ed.js';
-import './index-1260bcc1.js';
-import { I as ImageWrap } from './useScreenSize-295dfaec.js';
+import { M as MediaQueries } from './utils-9906d84a.js';
+import { L as LogoIcon } from './logoIcon-bf569ada.js';
+import './index-96012c2c.js';
+import { I as ImageWrap } from './useScreenSize-1a19f75d.js';
 
 const StyledLogo = styled.div `
   position: relative;