@hhgtech/hhg-components 1.29.44 → 1.29.46

package/build/components/molecules/healthTools/form/dueDateForm/ivfForm/context.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { UseFormReturnType } from '@mantine/form';
+import { IVFFormValue } from "./";
+export type IVFFormContextType = {
+    form: UseFormReturnType<IVFFormValue, (values: IVFFormValue) => IVFFormValue>;
+    transferDateOptions: {
+        label: string;
+        value: string;
+    }[];
+};
+export declare const IVFFormContext: import("react").Context<IVFFormContextType>;

package/build/components/molecules/healthTools/form/dueDateForm/ivfForm/defaultLayout.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const DefaultLayout: () => React.JSX.Element;

package/build/components/molecules/healthTools/form/dueDateForm/ivfForm/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { BoxProps } from '@mantine/core';
+export type IVFFormValue = {
+    IVFDate?: Date;
+    dayTransfer?: string;
+};
+export declare const IVFForm: ({}: BoxProps) => React.JSX.Element;

package/build/components/molecules/healthTools/form/dueDateForm/ivfForm/inlineLayout.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const InlineLayout: () => React.JSX.Element;

package/build/components/molecules/healthTools/form/dueDateForm/lastPeriodForm/context.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { UseFormReturnType } from '@mantine/form';
+import { LastPeriodFormValue } from "./";
+export type LastPeriodFormContextType = {
+    form: UseFormReturnType<LastPeriodFormValue, (values: LastPeriodFormValue) => LastPeriodFormValue>;
+};
+export declare const LastPeriodFormContext: import("react").Context<LastPeriodFormContextType>;

package/build/components/molecules/healthTools/form/dueDateForm/lastPeriodForm/defaultLayout.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const DefaultLayout: () => React.JSX.Element;

package/build/components/molecules/healthTools/form/dueDateForm/lastPeriodForm/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { BoxProps } from '@mantine/core';
+export type LastPeriodFormValue = {
+    lastPeriodDate?: Date;
+    periodLength?: number;
+};
+export declare const LastPeriodForm: ({}: BoxProps) => React.JSX.Element;

package/build/components/molecules/healthTools/form/dueDateForm/lastPeriodForm/inlineLayout.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const InlineLayout: () => React.JSX.Element;

package/build/components/molecules/healthTools/form/dueDateForm/utils.d.ts

@@ -0,0 +1,12 @@
+import { DueDateInfoType } from "../../../embeddedHeathToolCards/due-date/dueDate";
+export declare enum DueDateCalculatorType {
+    lastPeriod = 0,
+    conception = 1,
+    IVF = 2
+}
+export declare const API_DATE_FORMAT = "yyyy-MM-dd";
+export declare const getDueDateLastPeriod: (lastPeriodDate: Date, periodLength: number) => DueDateInfoType;
+export declare const getDueDateConception: (conceptionDate: Date) => DueDateInfoType;
+export declare const getDueDateIVF: (IVFDate: Date, numDayTransfer: number) => DueDateInfoType;
+export declare const DateToInputValue: (date: Date) => string;
+export declare const getDaysDifference: (firstDate: Date, secondDate: Date) => number;

package/build/components/molecules/healthTools/form/ovulationForm/context.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import { ReactElement } from 'react';
 import { UseFormReturnType } from '@mantine/form';
 import { ButtonProps } from "../../../../../mantine";
 import { OvulationFormValue } from "./";
@@ -6,5 +6,11 @@ export type OvulationFormContextType = {
     form: UseFormReturnType<OvulationFormValue, (values: OvulationFormValue) => OvulationFormValue>;
     submitProps?: ButtonProps;
     currentUrl?: string;
+    isMobile?: boolean;
+    calculatingMethods?: {
+        label: string;
+        value: string | number;
+        icon: ReactElement;
+    }[];
 };
 export declare const OvulationFormContext: import("react").Context<OvulationFormContextType>;

package/build/components/molecules/healthTools/form/ovulationForm/index.d.ts

@@ -13,8 +13,9 @@ export type OvulationFormValue = {
     cycleLength?: number;
 };
 export type OvulationFormProps = {
+    isMobile?: boolean;
     onSubmit?: (v: OvulationFormValue) => void;
     submitProps?: ButtonProps;
     currentUrl?: string;
 } & HealthToolFormWrapperProps;
-export declare const OvulationForm: ({ formLayout, submitProps, currentUrl, onSubmit, ...props }: OvulationFormProps) => React.JSX.Element;
+export declare const OvulationForm: ({ formLayout, submitProps, currentUrl, isMobile, onSubmit, ...props }: OvulationFormProps) => React.JSX.Element;

package/build/components/molecules/healthTools/formWrapper/chipGroup/index.d.ts

@@ -0,0 +1,13 @@
+import React, { ReactElement } from 'react';
+import { BoxProps, ChipGroupProps as ChipGroupMantineProps } from '@mantine/core';
+export type ChipGroupProps = {
+    label?: string;
+    data?: {
+        label: string;
+        value: string | number;
+        icon: ReactElement;
+    }[];
+    layout?: 'vertical' | 'horizonal';
+    isMobile?: boolean;
+} & ChipGroupMantineProps & BoxProps;
+export declare const ChipGroup: ({ data, label, isMobile, layout, classNames, styles, ...props }: ChipGroupProps) => React.JSX.Element;

package/build/{esm/components/molecules/healthTools/form/ovulationForm/calculatorType → components/molecules/healthTools/formWrapper/chipGroup}/index.styles.d.ts

@@ -3,6 +3,7 @@ declare const _default: (params: void, options?: import("@mantine/core").UseStyl
         root: string;
         group: string;
         item: string;
+        icon: string;
     };
     cx: (...args: any) => string;
     theme: import("@mantine/core").MantineTheme;

package/build/components/molecules/healthTools/formWrapper/index.d.ts

@@ -1,5 +1,6 @@
 import { ForwardRefExoticComponent } from 'react';
 import { BoxProps } from '@mantine/core';
+import { ChipGroup } from "./chipGroup";
 import { FormLayoutContextType } from "./context";
 import { FormRow } from "./formRow";
 import { SubmitBtn } from "./submitBtn";
@@ -9,7 +10,9 @@ import { BorderBoxControl } from "../components/borderBoxControl";
 import { BorderInlineControl } from "../components/borderInlineControl";
 import { Error } from "../components/borderInlineControl/error";
 import { Control } from "../components/control";
-export type HealthToolFormWrapperProps = FormLayoutContextType & BoxProps;
+export type HealthToolFormWrapperProps = {
+    component?: 'form' | 'div';
+} & FormLayoutContextType & BoxProps;
 export interface CompoundedComponent extends ForwardRefExoticComponent<HealthToolFormWrapperProps> {
     BorderInlineControl: typeof BorderInlineControl;
     BorderBoxControl: typeof BorderBoxControl;
@@ -19,6 +22,7 @@ export interface CompoundedComponent extends ForwardRefExoticComponent<HealthToo
     Submit: typeof SubmitBtn;
     Unit: typeof Unit;
     Switching: typeof Switching;
+    ChipGroup: typeof ChipGroup;
 }
 declare const HealthToolFormWrapper: CompoundedComponent;
 export { HealthToolFormWrapper };

package/build/components/molecules/index.d.ts

@@ -28,6 +28,7 @@ export { MobileBottomNavigationIcon } from "./mobileBottomNavigation/MobileBotto
 export type { MobileBottomNavigationIconProps } from "./mobileBottomNavigation/MobileBottomNavigationIcon";
 export { SeoHead } from "./seoHead";
 export { ToolsBannerCard } from "./toolBannerCard";
+export { DueDateForm, DueDateFormProps, DueDateFormValue, } from "./healthTools/form/dueDateForm";
 export { DueDateCardEmbed } from "./embeddedHeathToolCards/due-date/dueDate";
 export { BMICardEmbed } from "./embeddedHeathToolCards/bmi/bmi";
 export { BmiForm } from "./healthTools/form/bmiForm";
@@ -42,6 +43,8 @@ export type { DueDateCardEmbedProps } from "./embeddedHeathToolCards/due-date/du
 export { OvulationCardEmbed } from "./embeddedHeathToolCards/ovulation/ovulation";
 export type { Props as OvulationCardEmbedProps } from "./embeddedHeathToolCards/ovulation/ovulation";
 export { OvulationForm, OvulationFormProps, OvulationFormValue, } from "./healthTools/form/ovulationForm";
+export { BabyVaccineForm, BabyVaccineFormProps, BabyVaccineFormValue, } from "./healthTools/form/babyVaccineForm";
+export { BabyVaccineCardEmbed } from "./embeddedHeathToolCards/babyVaccine";
 export { PWGCardEmbed } from "./embeddedHeathToolCards/pwg/pwg";
 export { PWGForm, PWGFormProps, PWGFormValue } from "./healthTools/form/pwgForm";
 export type { Props as PWGCardEmbedProps } from "./embeddedHeathToolCards/ovulation/ovulation";

package/build/components.js

@@ -2,98 +2,96 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index = require('./index-5cf94c14.js');
-var index$1 = require('./index-0ac8dfc2.js');
-var index$2 = require('./index-df3a7b3f.js');
-var index$3 = require('./index-1b816464.js');
-var index$4 = require('./index-c66838fb.js');
-var index$5 = require('./index-cba1387f.js');
-var constants = require('./constants-07a9e6cb.js');
-var index$6 = require('./index-915a13a1.js');
-var index_styles = require('./index.styles-e8260d43.js');
-var index$7 = require('./index-f7e4c060.js');
-var index$8 = require('./index-6e65f064.js');
-var index$9 = require('./index-7f262dce.js');
-var index$a = require('./index-700708e8.js');
-var index$b = require('./index-d2b208bb.js');
-var utils = require('./utils-6fd64172.js');
-var index$c = require('./index-4a3a9242.js');
-var index$d = require('./index-a6b3d160.js');
-var index$e = require('./index-acee5b80.js');
-var index$f = require('./index-738cd2f1.js');
-var index$g = require('./index-3950786c.js');
-var index$h = require('./index-9c2050b5.js');
-var index$i = require('./index-f84d349e.js');
+var index = require('./index-b6163fc1.js');
+var index$1 = require('./index-d737b1fb.js');
+var index$2 = require('./index-377ec4b5.js');
+var index$3 = require('./index-c698c565.js');
+var index$4 = require('./index-65a70d84.js');
+var index$5 = require('./index-59a03ee5.js');
+var constants = require('./constants-113796d0.js');
+var index$6 = require('./index-d8d1a000.js');
+var index_styles = require('./index.styles-dccb467a.js');
+var index$7 = require('./index-7fdcece5.js');
+var index$8 = require('./index-e124055f.js');
+var index$9 = require('./index-5abdda03.js');
+var index$a = require('./index-862b85ee.js');
+var index$b = require('./index-eef67236.js');
+var utils = require('./utils-a06b2158.js');
+var index$c = require('./index-839fc4d7.js');
+var index$d = require('./index-a1c28eba.js');
+var index$e = require('./index-c715aa7e.js');
+var index$f = require('./index-dfbd3e9f.js');
+var index$g = require('./index-cef9f4c3.js');
+var index$h = require('./index-a8450c08.js');
+var index$i = require('./index-8fde4d03.js');
 require('react');
-require('./index-c2ac4561.js');
-require('./tslib.es6-a3b945ae.js');
+require('./index-5dd6ca2b.js');
+require('./tslib.es6-e9ceb687.js');
 require('@mantine/core');
-require('./utils-c6a0ba99.js');
+require('./utils-19821978.js');
 require('@hhgtech/icons/other');
-require('./index-c10c6d1e.js');
-require('./index-ed90d9b2.js');
+require('./index-28e41405.js');
+require('./index-5f79500b.js');
 require('date-fns/locale');
-require('./index-896edc0e.js');
-require('./isProduction-6c46b850.js');
-require('./theme-de064836.js');
+require('./index-a42fdce3.js');
+require('./isProduction-e5d35ff7.js');
+require('./theme-3d64c4bb.js');
 require('innertext');
 require('@mantine/dates');
-require('./useMantineLocale-531aaed6.js');
+require('./useMantineLocale-36d8cc0e.js');
 require('dayjs');
-require('./translationsContext-073aabc8.js');
+require('./translationsContext-c38c15c8.js');
 require('string-format');
 require('@mantine/hooks');
 require('@emotion/styled');
 require('lodash/throttle');
 require('@emotion/react');
 require('html-react-parser');
-require('./utils-48e7d57a.js');
-require('./cookieHelper-9a3f8df6.js');
-require('slugify');
-require('./useTranslations-3a6844ce.js');
-require('date-fns');
-require('./types-db558dfc.js');
-require('./index-124b40db.js');
-require('./index.styled-944d0268.js');
-require('./index-d74282a1.js');
+require('./useTranslations-88508475.js');
 require('@mantine/form');
-require('./useHealthToolCache-2046236a.js');
-require('./getDynamicHealthTool-d88a5e5c.js');
-require('./normalizeLink-05857ba2.js');
-require('./routing-d5905665.js');
-require('./core-e503fa42.js');
-require('./index-997a78d5.js');
+require('./index-0ef5fb7b.js');
+require('date-fns');
+require('./useHealthToolCache-b077e564.js');
+require('./getDynamicHealthTool-b52ab59e.js');
+require('./normalizeLink-ec8d5cd0.js');
+require('./routing-89950c42.js');
+require('./core-57328e8c.js');
+require('./utils-c0969c6d.js');
+require('./cookieHelper-e52ef565.js');
+require('slugify');
 require('react-hook-form');
-require('./useOutsideClick-03608b1c.js');
+require('./WhatsApp-4bf1be49.js');
+require('./index.styled-3d074d06.js');
+require('./useOutsideClick-18d6bbd9.js');
 require('date-fns/locale/en-US');
 require('date-fns/locale/id');
 require('date-fns/locale/vi');
 require('date-fns/locale/zh-TW');
-require('./getSocialList-473ff63e.js');
-require('./WhatsApp-e8724620.js');
+require('./getSocialList-1196e062.js');
 require('uuid');
 require('@hhgtech/icons/core');
-require('./index-fe3c222e.js');
+require('./index-3ea447ec.js');
 require('js-cookie');
 require('lodash/flatten');
 require('lodash/uniqBy');
-require('./paths-d1a45b42.js');
+require('./paths-ecacd73d.js');
 require('@mantine/carousel');
 require('classnames');
-require('./useUniqueId-d3ce4826.js');
-require('./animation-1d1642c9.js');
+require('./useUniqueId-fa63e86f.js');
+require('./animation-6f30cb05.js');
 require('react-keyed-flatten-children');
-require('./useScrollbarSize-709e0dea.js');
+require('./index-3164239a.js');
+require('./useScrollbarSize-d5111bfe.js');
 require('lodash/debounce');
 require('react-dom');
 require('@hookform/resolvers/yup');
 require('react-day-picker/DayPickerInput');
-require('./constants-9478163a.js');
-require('./ChevronDown-978d063e.js');
-require('./index-cbb000d2.js');
-require('./useIsInit-24b144df.js');
+require('./constants-317df919.js');
+require('./ChevronDown-88afe3da.js');
+require('./index-7344f1c2.js');
+require('./useIsInit-02f88206.js');
 require('dayjs/plugin/relativeTime');
-require('./utils-d237afdc.js');
+require('./utils-5fb09c5a.js');
 
 
 
@@ -107,6 +105,8 @@ exports.BMRCardEmbed = index.BMRCardEmbed;
 exports.BabyGrowthCardEmbed = index.BabyGrowthCardEmbed;
 exports.BabyPoopEmbed = index.BabyPoopEmbed;
 exports.BabyPoopForm = index.BabyPoopForm;
+exports.BabyVaccineCardEmbed = index.BabyVaccineCardEmbed;
+exports.BabyVaccineForm = index.BabyVaccineForm;
 exports.Badge = index.Badge;
 exports.BmiForm = index.BmiForm;
 exports.BorderHeading = index.BorderHeading;
@@ -118,6 +118,7 @@ exports.CookieAcceptConfirm = index.CookieAcceptConfirm;
 exports.DateRangePicker = index.DateRangePicker;
 exports.DoctorInfo = index.DoctorInfo;
 exports.DueDateCardEmbed = index.DueDateCardEmbed;
+exports.DueDateForm = index.DueDateForm;
 exports.FileDropdown = index.FileDropdown;
 exports.FixedBottomAdBlock = index.FixedBottomAdBlock;
 exports.FloatButtonGroup = index.FloatButtonGroup;

package/build/{constants-07a9e6cb.js → constants-113796d0.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 var styled = require('@emotion/styled');
-var theme = require('./theme-de064836.js');
-var utils = require('./utils-c6a0ba99.js');
+var theme = require('./theme-3d64c4bb.js');
+var utils = require('./utils-19821978.js');
 var React = require('react');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{constants-9478163a.js → constants-317df919.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-require('./index-ed90d9b2.js');
-var isProduction = require('./isProduction-6c46b850.js');
+require('./index-5f79500b.js');
+var isProduction = require('./isProduction-e5d35ff7.js');
 
 const isDevelopment = process.env.NEXT_PUBLIC_DEPLOY_ENV === 'development';
 const IS_SSR = typeof window === 'undefined';

package/build/constants.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index = require('./index-ed90d9b2.js');
-var isProduction = require('./isProduction-6c46b850.js');
+var index = require('./index-5f79500b.js');
+var isProduction = require('./isProduction-e5d35ff7.js');
 require('date-fns/locale');
-require('./index-896edc0e.js');
+require('./index-a42fdce3.js');
 
 
 

package/build/{core-e503fa42.js → core-57328e8c.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-a3b945ae.js');
-var isProduction = require('./isProduction-6c46b850.js');
+var tslib_es6 = require('./tslib.es6-e9ceb687.js');
+var isProduction = require('./isProduction-e5d35ff7.js');
 
 const ServerCache = {};
 const getCachedItem = (key) => {

package/build/{dataTransform-2f6ca87c.js → dataTransform-66d88eaa.js}

@@ -2,7 +2,7 @@
 
 var React = require('react');
 var throttle = require('lodash/throttle');
-var utils = require('./utils-c6a0ba99.js');
+var utils = require('./utils-19821978.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/ecom.js

@@ -2,13 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var theme = require('./theme-de064836.js');
-var constants = require('./constants-9478163a.js');
-var types = require('./types-db558dfc.js');
-require('./index-ed90d9b2.js');
+var theme = require('./theme-3d64c4bb.js');
+var constants = require('./constants-317df919.js');
+require('./index-5f79500b.js');
 require('date-fns/locale');
-require('./index-896edc0e.js');
-require('./isProduction-6c46b850.js');
+require('./index-a42fdce3.js');
+require('./isProduction-e5d35ff7.js');
 
 // ===== CART END =====
 
@@ -738,8 +737,28 @@ var index = /*#__PURE__*/Object.freeze({
   dataFormatter: dataFormatter
 });
 
+// You can include shared interfaces/types in a separate file
+// and then use them in any component by importing them. For
+// example, to import the interface below do:
+//
+var GenderLabel;
+(function (GenderLabel) {
+    GenderLabel["MALE"] = "gender.male";
+    GenderLabel["FEMALE"] = "gender.female";
+    GenderLabel["OTHER"] = "gender.other";
+})(GenderLabel || (GenderLabel = {}));
+const DATE_FORMAT_API = 'yyyy-MM-dd';
+const DATE_FORMAT = 'dd-MM-yyyy';
+
+var types = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  get GenderLabel () { return GenderLabel; },
+  DATE_FORMAT_API: DATE_FORMAT_API,
+  DATE_FORMAT: DATE_FORMAT
+});
+
 exports.Constants = constants.constants;
-exports.Types = types.types;
 exports.ApiTypes = apiTypes;
 exports.DataFormatter = index;
 exports.DataTypes = dataTypes;
+exports.Types = types;

package/build/esm/{WhatsApp-9dbce6f2.js → WhatsApp-9c19ab07.js}

@@ -1,4 +1,4 @@
-import { _ as __rest } from './tslib.es6-2c23b4a0.js';
+import { _ as __rest } from './tslib.es6-059585f8.js';
 import React__default from 'react';
 
 const Instagram = (_a) => {

package/build/esm/adapters.js

@@ -1,27 +1,27 @@
-export { B as Button } from './index-4a001eda.js';
-export { T as Text } from './index-52e1cb2b.js';
-export { H as Heading } from './index-f55cc5a7.js';
-import './tslib.es6-2c23b4a0.js';
+export { B as Button } from './index-746c355d.js';
+export { T as Text } from './index-7872ac55.js';
+export { H as Heading } from './index-b0e0fbe0.js';
+import './tslib.es6-059585f8.js';
 import 'react';
-import './index-f0ac2d9c.js';
+import './index-0d6c85cf.js';
 import '@hhgtech/icons/other';
 import '@mantine/core';
 import '@mantine/hooks';
-import './index-a2cdc317.js';
-import './index-d73390b2.js';
+import './index-ff8c9d5e.js';
+import './index-604a2f74.js';
 import 'date-fns/locale';
-import './index-3e04178f.js';
-import './isProduction-8ddd1c09.js';
-import './utils-72d20560.js';
+import './index-893ee6c2.js';
+import './isProduction-8b94b2e8.js';
+import './utils-36a2e88c.js';
 import '@emotion/styled';
 import '@mantine/carousel';
-import './index-7aff3435.js';
-import './theme-7c208c30.js';
-import './useMantineLocale-6a509174.js';
+import './index-0b997c18.js';
+import './theme-4a099635.js';
+import './useMantineLocale-0143b7da.js';
 import 'dayjs';
 import 'classnames';
-import './useUniqueId-ce0a21e6.js';
+import './useUniqueId-19a128f0.js';
 import '@hhgtech/icons/core';
 import '@mantine/dates';
-import './translationsContext-9021710e.js';
+import './translationsContext-d6309014.js';
 import 'string-format';