@hhgtech/hhg-components 1.29.289 → 1.29.291

package/build/esm/vaccination.js

@@ -1,36 +1,36 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-9780e477.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-07d06ec5.js';
 import React__default, { useMemo, useState, useEffect, Fragment } from 'react';
 import { Stack, Flex, Badge, Grid, Box, Input, Container, AspectRatio as AspectRatio$1, Tabs, ScrollArea, Divider, SimpleGrid } from '@mantine/core';
-import { t as themeColors, b as AspectRatio } from './index-100640d3.js';
+import { t as themeColors, b as AspectRatio } from './index-b403c38f.js';
 import '@mantine/dates';
-import './index-da303127.js';
-import { G as Gender } from './index-d42996cc.js';
-import './index-1dd6da12.js';
-import './useMantineLocale-785dac99.js';
-import { T as Text } from './index-d5c79be9.js';
-import { B as Button } from './index-49dc61c6.js';
+import './index-cecc349f.js';
+import { G as Gender } from './index-5753e5b0.js';
+import './index-a7dffd11.js';
+import './useMantineLocale-b93a39d2.js';
+import { T as Text } from './index-585ea7cb.js';
+import { B as Button } from './index-24a074f8.js';
 import { theme } from './miscTheme.js';
-import './index.styles-9bf2ae18.js';
-import { u as useTranslations } from './index-234a8aef.js';
+import './index.styles-e45ef6d0.js';
+import { u as useTranslations } from './index-abe633f0.js';
 import { useDisclosure } from '@mantine/hooks';
-import './other-200f5f97.js';
-import './index-52f4bf4d.js';
+import './other-e3393e4d.js';
+import './index-1b9dbee5.js';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-d046887b.js';
-import { S as Switch } from './index-05d43c4b.js';
-import './translationsContext-66456dbb.js';
+import { M as MediaQueries } from './utils-561aa84a.js';
+import { S as Switch } from './index-a86d9041.js';
+import './translationsContext-3e68e160.js';
 import { Current, Upcoming, Missed, Vaccinated, ArrowRight } from '@hhgtech/icons/other';
-import { u as useScreenSize } from './useScreenSize-fb58da8d.js';
-import { M as Modal } from './index-67bd4acb.js';
+import { u as useScreenSize } from './useScreenSize-a393727a.js';
+import { M as Modal } from './index-418ac413.js';
 import { useForm } from '@mantine/form';
 import dayjs from 'dayjs';
 import customParseFormat from 'dayjs/plugin/customParseFormat';
-import { D as DatePicker } from './index-cff8658a.js';
-import { H as Heading } from './index-2920bd68.js';
+import { D as DatePicker } from './index-7bca1558.js';
+import { H as Heading } from './index-825fe8ca.js';
 import '@mantine/carousel';
-import './Locale-66896cda.js';
+import './Locale-3ebc4213.js';
 import 'classnames';
-import './useUniqueId-089e727d.js';
+import './useUniqueId-fcaf1c9b.js';
 import './constantsSite.js';
 import '@hhgtech/icons/core';
 import 'date-fns/locale';
@@ -744,14 +744,24 @@ const _DefaultForm = (_a) => {
             React__default.createElement(Stack, { spacing: 20 },
                 React__default.createElement(VaccineCardModal, { vaccineRecord: Object.assign(Object.assign({}, record), { status }), onToggle: (status) => form.setFieldValue('injected', status) }),
                 React__default.createElement(DatePicker, Object.assign({ label: React__default.createElement(Text, { size: "s4", weight: "semiBold", color: theme.colors.gray600 }, t('babyVaccine.popup.checkbox.suggestedDate')), disabled: record.status === 'vaccinated', excludeDate: (date) => dayjs(date).isAfter(dayjs().add(7, 'D')) ||
-                        dayjs(date).isBefore(dayjs(birthday, 'YYYY-MM-DD', true), 'D') }, form.getInputProps('date'))),
+                        dayjs(date).isBefore(dayjs(birthday, 'YYYY-MM-DD', true), 'D') }, form.getInputProps('date'), { dropdownType: "modal", modalProps: {
+                        centered: true,
+                        styles: {
+                            inner: {
+                                zIndex: 1000,
+                            },
+                            overlay: {
+                                zIndex: 1000,
+                            },
+                        },
+                    } })),
                 doses.length > 0 && (React__default.createElement(Input.Wrapper, null,
                     React__default.createElement(Input.Label, null,
                         React__default.createElement(Text, { size: "s5", weight: "semiBold", color: theme.colors.gray600 }, t('babyVaccine.popup.label.doses'))),
                     React__default.createElement(Flex, { gap: 4 }, doses.map((item, index) => (React__default.createElement(Dose, { key: index, status: item.status, idx: index + 1, onClick: noop, disabled: Number(record.doseNumber) !== Number(item.doseNumber), template: 'default' })))))),
                 React__default.createElement(Flex, { gap: 8, sx: {
                         position: 'absolute',
-                        bottom: 76,
+                        bottom: 24,
                         left: 16,
                         right: 16,
                         width: 'unset',
@@ -759,7 +769,7 @@ const _DefaultForm = (_a) => {
                             flexDirection: 'column-reverse',
                             bottom: 16,
                         },
-                    } },
+                    }, className: "wrapper-action-btn" },
                     React__default.createElement(Button, { variant: "tertiary", size: "lg", type: "button", fullWidth: true, onClick: closeModal }, t('actionPopover.leaveCommunity.cancel')),
                     shouldShowSaveButton && (React__default.createElement(Button, { size: "lg", type: "submit", fullWidth: true, disabled: !form.values.injected }, t('babyVaccine.popup.button.submit'))))))));
 };
@@ -810,18 +820,19 @@ const _Section = (_a) => {
 };
 const _Detail = (_a) => {
     var { details } = _a, rest = __rest(_a, ["details"]);
+    const { t } = useTranslations();
     return (React__default.createElement(Container, Object.assign({ p: 0 }, rest),
         React__default.createElement(Stack, { spacing: 24 },
-            details.detail && (React__default.createElement(_Section, { type: "definition", title: "Definition" },
+            details.detail && (React__default.createElement(_Section, { type: "definition", title: t('babyVaccine.detail.definition') },
                 React__default.createElement(Text, { size: "p2" },
                     React__default.createElement("span", { dangerouslySetInnerHTML: { __html: details.detail } })))),
-            details.benefits && (React__default.createElement(_Section, { type: "benefit", title: "Benefits" },
+            details.benefits && (React__default.createElement(_Section, { type: "benefit", title: t('babyVaccine.detail.benifit') },
                 React__default.createElement(Text, { size: "p2" },
                     React__default.createElement("span", { dangerouslySetInnerHTML: { __html: details.benefits } })))),
-            details.contraindications && (React__default.createElement(_Section, { type: "contraindications", title: "Contraindications" },
+            details.contraindications && (React__default.createElement(_Section, { type: "contraindications", title: t('babyVaccine.detail.contraindication') },
                 React__default.createElement(Text, { size: "p2" },
                     React__default.createElement("span", { dangerouslySetInnerHTML: { __html: details.contraindications } })))),
-            details.link && (React__default.createElement(_Section, { type: "related_articles", title: "Related Articles" },
+            details.link && (React__default.createElement(_Section, { type: "related_articles", title: t('babyVaccine.detail.relatedArticles') },
                 React__default.createElement(Text, { size: "p2" },
                     React__default.createElement("span", { dangerouslySetInnerHTML: { __html: details.link } })))))));
 };
@@ -882,12 +893,12 @@ const VaccineDetailPopup = (_a) => {
                 React__default.createElement(Flex, { justify: 'space-between' },
                     React__default.createElement(Tabs.List, { grow: true }, options.map((opt) => (React__default.createElement(Tabs.Tab, { key: opt.id, value: opt.id },
                         React__default.createElement(Text, { size: "s3", weight: "semiBold", color: "inherit" }, opt.name)))))),
-                React__default.createElement(Tabs.Panel, { value: "1", pt: 20 }, vaccineDetail &&
+                React__default.createElement(Tabs.Panel, { value: "1", pt: 20, className: "vaccine-form-tab" }, vaccineDetail &&
                     (template === 'default' ? (React__default.createElement(_DefaultForm, { autoInjected: shouldAutoInjected &&
                             currentRecord.status !== 'vaccinated' &&
                             !isDetail, record: currentRecord, onSubmit: onSubmit, doses: (vaccineDetail === null || vaccineDetail === void 0 ? void 0 : vaccineDetail.records) || [], closeModal: rest.onClose, birthday: birthday })) : (React__default.createElement(_ImmunizationForm, { vaccineDetail: vaccineDetail, doses: vaccineDetail === null || vaccineDetail === void 0 ? void 0 : vaccineDetail.records, onDoseClick: (dose) => onSubmit(dose) })))),
-                React__default.createElement(Tabs.Panel, { value: "2", pt: 20 },
-                    React__default.createElement(ScrollArea, { h: 400 },
+                React__default.createElement(Tabs.Panel, { value: "2", pt: 20, className: "vaccine-detail-tab" },
+                    React__default.createElement(ScrollArea, { type: "auto" },
                         React__default.createElement(_Detail, { details: vaccineDetail })))))));
 };
 

package/build/{fixedBottomAdBlock-569c62a4.js → fixedBottomAdBlock-1583e5f5.js}

@@ -1,46 +1,46 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-ab9ff4ec.js');
+var tslib_es6 = require('./tslib.es6-c0950eba.js');
 var React = require('react');
-var index$5 = require('./index-9eda5d12.js');
+var index$5 = require('./index-f9a3c8fe.js');
 var core = require('@mantine/core');
 require('@mantine/dates');
-var index$7 = require('./index-0d92f6d6.js');
-require('./index-f9309e37.js');
-var index$a = require('./index-094165f0.js');
-require('./useMantineLocale-b1d46a62.js');
-var index$3 = require('./index-f64ed760.js');
-require('./index-64526c69.js');
-require('./index.styles-0e657abb.js');
-require('./translationsContext-4c46af00.js');
+var index$7 = require('./index-6743e1fd.js');
+require('./index-c856eed2.js');
+var index$a = require('./index-4961d36a.js');
+require('./useMantineLocale-d6b93204.js');
+var index$3 = require('./index-8ad358f3.js');
+require('./index-a77aad80.js');
+require('./index.styles-d4c6c8e7.js');
+require('./translationsContext-d88f5e4d.js');
 require('@mantine/hooks');
-var utils = require('./utils-7bd6d07a.js');
-require('./other-04f18a4a.js');
-require('./index-79738539.js');
-var index$2 = require('./index-53e01d1b.js');
+var utils = require('./utils-cf43ea77.js');
+require('./other-e78de48e.js');
+require('./index-0b36444c.js');
+var index$2 = require('./index-20c3f6c7.js');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var index$4 = require('./index-c1b9da83.js');
-var index$6 = require('./index-ff38c3be.js');
+var index$4 = require('./index-0a95bd76.js');
+var index$6 = require('./index-afc4c8a9.js');
 var throttle = require('lodash/throttle');
 var parse = require('html-react-parser');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 var constantsIsProduction = require('./constantsIsProduction.js');
 var dateFns = require('date-fns');
-var useOutsideClick = require('./useOutsideClick-13927de1.js');
+var useOutsideClick = require('./useOutsideClick-acce8e56.js');
 var enUS = require('date-fns/locale/en-US');
 var id = require('date-fns/locale/id');
 var vi = require('date-fns/locale/vi');
 var zhTW = require('date-fns/locale/zh-TW');
-var index$9 = require('./index-a333cd1b.js');
-var useScreenSize = require('./useScreenSize-72207549.js');
-var index$8 = require('./index-44216173.js');
-var index$b = require('./index-3e3cdb3d.js');
+var index$9 = require('./index-92f975e5.js');
+var useScreenSize = require('./useScreenSize-ebae6dcc.js');
+var index$8 = require('./index-ab5d040a.js');
+var index$b = require('./index-83597f3a.js');
 var miscGetSocialList = require('./miscGetSocialList.js');
-var index$d = require('./index-e20b5ddf.js');
-var index$c = require('./index-3b16c435.js');
+var index$d = require('./index-836b11de.js');
+var index$c = require('./index-1c7dbe00.js');
 var uuid = require('uuid');
-var Locale = require('./Locale-eb43927d.js');
+var Locale = require('./Locale-8d70bf6a.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/footer.js

@@ -2,44 +2,44 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index = require('./index-908d4539.js');
+var index = require('./index-c165b883.js');
 require('react');
-require('./index-b5d9d5ec.js');
+require('./index-2ae6b6eb.js');
 require('dayjs');
-require('./index-0d92f6d6.js');
+require('./index-6743e1fd.js');
 require('date-fns/locale');
-require('./index-f9309e37.js');
-require('./Locale-eb43927d.js');
+require('./index-c856eed2.js');
+require('./Locale-8d70bf6a.js');
 require('./constantsSite.js');
 require('./constantsDomainLocales.js');
 require('./constantsRiskScreener.js');
 require('./constantsIsProduction.js');
-require('./index-9eda5d12.js');
-require('./tslib.es6-ab9ff4ec.js');
+require('./index-f9a3c8fe.js');
+require('./tslib.es6-c0950eba.js');
 require('@hhgtech/icons/other');
 require('@mantine/core');
 require('@mantine/hooks');
-require('./index-094165f0.js');
-require('./useScreenSize-72207549.js');
+require('./index-4961d36a.js');
+require('./useScreenSize-ebae6dcc.js');
 require('@emotion/styled');
-require('./utils-7bd6d07a.js');
+require('./utils-cf43ea77.js');
 require('@mantine/carousel');
-require('./index-f64ed760.js');
-require('./other-04f18a4a.js');
+require('./index-8ad358f3.js');
+require('./other-e78de48e.js');
 require('./miscTheme.js');
-require('./useMantineLocale-b1d46a62.js');
+require('./useMantineLocale-d6b93204.js');
 require('@mantine/notifications');
-require('./index-64526c69.js');
+require('./index-a77aad80.js');
 require('classnames');
-require('./useUniqueId-c4fb52ab.js');
+require('./useUniqueId-cc33a824.js');
 require('@hhgtech/icons/core');
 require('@mantine/dates');
-require('./index.styles-0e657abb.js');
-require('./translationsContext-4c46af00.js');
-require('./index-79738539.js');
-require('./index-ff38c3be.js');
-require('./logoIcon-ce99dc47.js');
-require('./index-8ab07bfa.js');
+require('./index.styles-d4c6c8e7.js');
+require('./translationsContext-d88f5e4d.js');
+require('./index-0b36444c.js');
+require('./index-afc4c8a9.js');
+require('./logoIcon-cb828001.js');
+require('./index-bacebbf4.js');
 
 
 

package/build/gAssets.js

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index = require('./index-094165f0.js');
+var index = require('./index-4961d36a.js');
 require('./constantsDomainLocales.js');
-require('./Locale-eb43927d.js');
+require('./Locale-8d70bf6a.js');
 require('./constantsIsProduction.js');
 
 

package/build/healthToolsCardWrapper.js

@@ -2,41 +2,41 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./tslib.es6-ab9ff4ec.js');
+require('./tslib.es6-c0950eba.js');
 require('react');
 require('@mantine/core');
-var healthToolsCardWrapper = require('./index-490f067f.js');
-require('./index-9eda5d12.js');
+var healthToolsCardWrapper = require('./index-b426eb1d.js');
+require('./index-f9a3c8fe.js');
 require('@hhgtech/icons/other');
 require('@mantine/hooks');
-require('./index-094165f0.js');
+require('./index-4961d36a.js');
 require('./constantsDomainLocales.js');
-require('./Locale-eb43927d.js');
+require('./Locale-8d70bf6a.js');
 require('./constantsIsProduction.js');
-require('./useScreenSize-72207549.js');
+require('./useScreenSize-ebae6dcc.js');
 require('@emotion/styled');
-require('./utils-7bd6d07a.js');
+require('./utils-cf43ea77.js');
 require('@mantine/carousel');
-require('./index-f64ed760.js');
-require('./other-04f18a4a.js');
-require('./index-f9309e37.js');
+require('./index-8ad358f3.js');
+require('./other-e78de48e.js');
+require('./index-c856eed2.js');
 require('./miscTheme.js');
-require('./useMantineLocale-b1d46a62.js');
+require('./useMantineLocale-d6b93204.js');
 require('@mantine/notifications');
-require('./index-0d92f6d6.js');
+require('./index-6743e1fd.js');
 require('date-fns/locale');
 require('./constantsSite.js');
 require('./constantsRiskScreener.js');
 require('dayjs');
-require('./index-64526c69.js');
+require('./index-a77aad80.js');
 require('classnames');
-require('./useUniqueId-c4fb52ab.js');
+require('./useUniqueId-cc33a824.js');
 require('@hhgtech/icons/core');
 require('@mantine/dates');
-require('./index.styles-0e657abb.js');
-require('./index-44216173.js');
-require('./translationsContext-4c46af00.js');
-require('./index-79738539.js');
+require('./index.styles-d4c6c8e7.js');
+require('./index-ab5d040a.js');
+require('./translationsContext-d88f5e4d.js');
+require('./index-0b36444c.js');
 require('./miscDefaultClassWrapper.js');
 
 

package/build/healthToolsForm.js

@@ -2,62 +2,62 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index = require('./index-3c009e58.js');
-var index$1 = require('./index-b204f949.js');
-var index$2 = require('./index-c468d248.js');
-var index$3 = require('./index-3c03e6e9.js');
-var index$4 = require('./index-3bcb1fcb.js');
-var index$5 = require('./index-42c32cfb.js');
-var index$6 = require('./index-167596fa.js');
-require('./tslib.es6-ab9ff4ec.js');
+var index = require('./index-b8e59d9c.js');
+var index$1 = require('./index-4629908a.js');
+var index$2 = require('./index-d03b3362.js');
+var index$3 = require('./index-650b972a.js');
+var index$4 = require('./index-8669548f.js');
+var index$5 = require('./index-4c862ee7.js');
+var index$6 = require('./index-9c18c1cd.js');
+require('./tslib.es6-c0950eba.js');
 require('react');
-require('./LastPeriod-00e16ffc.js');
+require('./LastPeriod-7877aa71.js');
 require('date-fns');
 require('@mantine/core');
 require('@mantine/form');
 require('dayjs');
-require('./index-9eda5d12.js');
+require('./index-f9a3c8fe.js');
 require('@hhgtech/icons/other');
 require('@mantine/hooks');
-require('./index-094165f0.js');
+require('./index-4961d36a.js');
 require('./constantsDomainLocales.js');
-require('./Locale-eb43927d.js');
+require('./Locale-8d70bf6a.js');
 require('./constantsIsProduction.js');
-require('./useScreenSize-72207549.js');
+require('./useScreenSize-ebae6dcc.js');
 require('@emotion/styled');
-require('./utils-7bd6d07a.js');
+require('./utils-cf43ea77.js');
 require('@mantine/carousel');
-require('./index-f64ed760.js');
-require('./other-04f18a4a.js');
-require('./index-f9309e37.js');
+require('./index-8ad358f3.js');
+require('./other-e78de48e.js');
+require('./index-c856eed2.js');
 require('./miscTheme.js');
-require('./useMantineLocale-b1d46a62.js');
+require('./useMantineLocale-d6b93204.js');
 require('@mantine/notifications');
-require('./index-0d92f6d6.js');
+require('./index-6743e1fd.js');
 require('date-fns/locale');
 require('./constantsSite.js');
 require('./constantsRiskScreener.js');
-require('./index-64526c69.js');
+require('./index-a77aad80.js');
 require('classnames');
-require('./useUniqueId-c4fb52ab.js');
+require('./useUniqueId-cc33a824.js');
 require('@hhgtech/icons/core');
-require('./index-81473e7a.js');
+require('./index-c9da41c1.js');
 require('@mantine/dates');
-require('./index.styles-0e657abb.js');
-require('./index-44216173.js');
-require('./translationsContext-4c46af00.js');
-require('./index-79738539.js');
-require('./index-11a800eb.js');
+require('./index.styles-d4c6c8e7.js');
+require('./index-ab5d040a.js');
+require('./translationsContext-d88f5e4d.js');
+require('./index-0b36444c.js');
+require('./index-64416d2e.js');
 require('react-keyed-flatten-children');
 require('react-hook-form');
-require('./useHealthToolCache-3307d90f.js');
+require('./useHealthToolCache-cce6aacc.js');
 require('./miscGetDynamicHealthTool.js');
-require('./normalizeLink-efc18066.js');
-require('./core-974241eb.js');
-require('./constants-1e209178.js');
-require('./index-ac894df8.js');
+require('./normalizeLink-00fa22ec.js');
+require('./core-6fa28e46.js');
+require('./constants-f64a9f1a.js');
+require('./index-b18bed72.js');
 require('./embeddedHeathToolCards_helpers.js');
-require('./constants-017769b6.js');
+require('./constants-d69f20e2.js');
 
 
 

package/build/hooks.js

@@ -2,25 +2,25 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index = require('./index-44216173.js');
-var useScrollbarSize = require('./useScrollbarSize-4cc3596c.js');
-var useCategory = require('./useCategory-b79c53e5.js');
-var useHealthToolCache = require('./useHealthToolCache-3307d90f.js');
-var useIsInit = require('./useIsInit-6579b562.js');
-var useOutsideClick = require('./useOutsideClick-13927de1.js');
-var useUniqueId = require('./useUniqueId-c4fb52ab.js');
+var index = require('./index-ab5d040a.js');
+var useScrollbarSize = require('./useScrollbarSize-0abf7056.js');
+var useCategory = require('./useCategory-c046e156.js');
+var useHealthToolCache = require('./useHealthToolCache-cce6aacc.js');
+var useIsInit = require('./useIsInit-99f1986b.js');
+var useOutsideClick = require('./useOutsideClick-acce8e56.js');
+var useUniqueId = require('./useUniqueId-cc33a824.js');
 require('react');
-require('./translationsContext-4c46af00.js');
+require('./translationsContext-d88f5e4d.js');
 require('lodash/debounce');
-require('./tslib.es6-ab9ff4ec.js');
+require('./tslib.es6-c0950eba.js');
 require('./miscCookieHelper.js');
-require('./index-f9309e37.js');
-require('./Locale-eb43927d.js');
+require('./index-c856eed2.js');
+require('./Locale-8d70bf6a.js');
 require('./miscGetDynamicHealthTool.js');
-require('./normalizeLink-efc18066.js');
+require('./normalizeLink-00fa22ec.js');
 require('./constantsDomainLocales.js');
 require('./constantsIsProduction.js');
-require('./core-974241eb.js');
+require('./core-6fa28e46.js');