@hhgtech/hhg-components 1.29.290 → 1.29.291

package/build/esm/togetherOrganisms.js

@@ -1,78 +1,78 @@
-export { C as CardPost, a as CardPostPopoverMore, b as CardReply, c as CardReplyPopover, S as SourceList, V as VerifiedTag } from './index-1e412e37.js';
-export { P as PopoverMenu } from './index-69b0d5ba.js';
-import './tslib.es6-5a1d0995.js';
+export { C as CardPost, a as CardPostPopoverMore, b as CardReply, c as CardReplyPopover, S as SourceList, V as VerifiedTag } from './index-a7bb54f5.js';
+export { P as PopoverMenu } from './index-f49f3309.js';
+import './tslib.es6-07d06ec5.js';
 import 'react';
-import './index-68dd42fe.js';
-import './index-3fad7cb8.js';
+import './index-561e0491.js';
+import './index-24a074f8.js';
 import '@mantine/core';
-import './index-210333c2.js';
-import './index-2f67813c.js';
-import './other-98fde223.js';
-import './index-030e98da.js';
-import './translationsContext-cb35f933.js';
+import './index-825fe8ca.js';
+import './index-585ea7cb.js';
+import './other-e3393e4d.js';
+import './index-abe633f0.js';
+import './translationsContext-3e68e160.js';
 import 'innertext';
-import './index-1f8d576b.js';
-import './utils-f07443ae.js';
+import './index-268fd523.js';
+import './utils-561aa84a.js';
 import 'react-dom';
-import './utils-9d39259f.js';
-import './index-574b63b3.js';
+import './utils-114457ee.js';
+import './index-2819c7ef.js';
 import './miscCookieHelper.js';
 import 'slugify';
 import './constantsIsProduction.js';
 import 'string-format';
 import './togetherApiPaths.js';
-import './constants-fea3c9ba.js';
+import './constants-a0f1a2a1.js';
 import '@emotion/styled';
 import './miscTheme.js';
-import './index-40f5dac9.js';
-import './dataTransform-68c1281a.js';
-import './post-92f2f564.js';
-import './index-0f4c68eb.js';
-import './index-ff6cbf25.js';
+import './index-ddd62b5e.js';
+import './dataTransform-0c5e3c37.js';
+import './post-8a191f90.js';
+import './index-fabc3975.js';
+import './index-fe4514d5.js';
 import '@hhgtech/icons/other';
 import 'dayjs';
 import 'dayjs/plugin/relativeTime';
-import './index-84967269.js';
-import './paths-7753d51a.js';
-import './constants-e9689cb4.js';
-import './index-fe20a583.js';
+import './index-2a50e97b.js';
+import './paths-4b6f7b12.js';
+import './constants-68814b7b.js';
+import './index-cecc349f.js';
 import 'date-fns/locale';
-import './index-7fe88f00.js';
-import './Locale-7613821c.js';
+import './index-5753e5b0.js';
+import './Locale-3ebc4213.js';
 import './constantsSite.js';
 import './constantsDomainLocales.js';
 import './constantsRiskScreener.js';
-import './index-28d5813f.js';
-import './WhatsApp-4b7a8d42.js';
-import './Spinner-4804ca91.js';
-import './index-fa699e4e.js';
-import './useScreenSize-073a85dd.js';
-import './index-6bb56a11.js';
+import './index-8447cd62.js';
+import './WhatsApp-df553766.js';
+import './Spinner-306a17ea.js';
+import './index-3f57e15d.js';
+import './useScreenSize-a393727a.js';
+import './index-a7dffd11.js';
 import '@emotion/react';
-import './index-a0fc9716.js';
-import './index.styles-93459e49.js';
-import './editor-180dbabd.js';
+import './index-418ac413.js';
+import './index.styles-e45ef6d0.js';
+import './editor-11f3c1fe.js';
 import 'lodash/debounce';
-import './useUniqueId-0a89596b.js';
-import './index-123f7cda.js';
-import './index-afc1eb8b.js';
+import './useUniqueId-fcaf1c9b.js';
+import './index-74488242.js';
+import './index-f1347fb4.js';
 import './miscDefaultClassWrapper.js';
 import './togetherShareBox.js';
 import './useTogetherAuthRequiredAction.js';
-import './store-2b066265.js';
+import './store-860f4ecd.js';
 import 'zustand';
-import './normalizeLink-f1f80c50.js';
-import './treePopoverMenu-e0604c60.js';
-import './index-3dd5168c.js';
+import './normalizeLink-7c921414.js';
+import './treePopoverMenu-be0e3f9c.js';
+import './index-b403c38f.js';
 import '@mantine/hooks';
 import '@mantine/carousel';
-import './useMantineLocale-b56b86fb.js';
+import './useMantineLocale-b93a39d2.js';
 import '@mantine/notifications';
 import 'classnames';
 import '@hhgtech/icons/core';
 import '@mantine/dates';
-import './index-72935c46.js';
+import './index-1b9dbee5.js';
 import 'date-fns';
-import './index-e6364e6d.js';
-import './index-a1af57d6.js';
-import './index-52cc9448.js';
+import './index-e2576524.js';
+import './index-590b925b.js';
+import './index-f645f4b1.js';

package/build/esm/togetherRichTextEditor.js

@@ -1,27 +1,27 @@
-import './tslib.es6-5a1d0995.js';
+import './tslib.es6-07d06ec5.js';
 import 'react';
-import './index-68dd42fe.js';
-import './index-40f5dac9.js';
-import './index-2f67813c.js';
-import './index-030e98da.js';
+import './index-561e0491.js';
+import './index-ddd62b5e.js';
+import './index-585ea7cb.js';
+import './index-abe633f0.js';
 import 'lodash/debounce';
 import './miscCookieHelper.js';
-import './useUniqueId-0a89596b.js';
-import './utils-9d39259f.js';
-export { R as RichTextEditor, R as default } from './editor-180dbabd.js';
+import './useUniqueId-fcaf1c9b.js';
+import './utils-114457ee.js';
+export { R as RichTextEditor, R as default } from './editor-11f3c1fe.js';
 import './togetherApiPaths.js';
-import './constants-fea3c9ba.js';
-import './post-92f2f564.js';
-import './index-fa699e4e.js';
-import './index-69b0d5ba.js';
-import './index-3fad7cb8.js';
+import './constants-a0f1a2a1.js';
+import './post-8a191f90.js';
+import './index-3f57e15d.js';
+import './index-f49f3309.js';
+import './index-24a074f8.js';
 import '@mantine/core';
 import '@emotion/styled';
 import './miscTheme.js';
-import './utils-f07443ae.js';
-import './other-98fde223.js';
-import './translationsContext-cb35f933.js';
-import './index-574b63b3.js';
+import './utils-561aa84a.js';
+import './other-e3393e4d.js';
+import './translationsContext-3e68e160.js';
+import './index-2819c7ef.js';
 import 'slugify';
 import './constantsIsProduction.js';
 import 'string-format';

package/build/esm/togetherShareBox.js

@@ -1,23 +1,23 @@
 import React__default, { useContext, useRef, useState, useEffect } from 'react';
-import { T as Text } from './index-2f67813c.js';
-import { u as useTranslations } from './index-030e98da.js';
+import { T as Text } from './index-585ea7cb.js';
+import { u as useTranslations } from './index-abe633f0.js';
 import { theme } from './miscTheme.js';
-import { u as useScreenSize, I as ImageWrap } from './useScreenSize-073a85dd.js';
-import { T as TogetherComponentGlobalContext } from './utils-9d39259f.js';
+import { u as useScreenSize, I as ImageWrap } from './useScreenSize-a393727a.js';
+import { T as TogetherComponentGlobalContext } from './utils-114457ee.js';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-f07443ae.js';
+import { M as MediaQueries } from './utils-561aa84a.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
-import './tslib.es6-5a1d0995.js';
+import './tslib.es6-07d06ec5.js';
 import '@mantine/core';
-import './other-98fde223.js';
-import './translationsContext-cb35f933.js';
-import './index-574b63b3.js';
+import './other-e3393e4d.js';
+import './translationsContext-3e68e160.js';
+import './index-2819c7ef.js';
 import './miscCookieHelper.js';
 import 'slugify';
 import './constantsIsProduction.js';
 import 'string-format';
 import './togetherApiPaths.js';
-import './constants-fea3c9ba.js';
+import './constants-a0f1a2a1.js';
 
 const StyledItemWrapper = setDefaultClass(styled.a `
     * {

package/build/esm/{treePopoverMenu-e0604c60.js → treePopoverMenu-be0e3f9c.js}

@@ -1,29 +1,29 @@
-import { _ as __rest } from './tslib.es6-5a1d0995.js';
+import { _ as __rest } from './tslib.es6-07d06ec5.js';
 import React__default, { createContext, useContext, useMemo, useCallback, useState } from 'react';
-import { u as useTranslations } from './index-030e98da.js';
-import { I as Icon } from './index-28d5813f.js';
-import './index-3dd5168c.js';
+import { u as useTranslations } from './index-abe633f0.js';
+import { I as Icon } from './index-8447cd62.js';
+import './index-b403c38f.js';
 import { Box, createStyles } from '@mantine/core';
 import '@mantine/dates';
-import { c as DATE_FNS_LOCALE } from './index-fe20a583.js';
-import './index-7fe88f00.js';
-import './index-6bb56a11.js';
-import './useMantineLocale-b56b86fb.js';
-import { T as Text } from './index-2f67813c.js';
-import './index-3fad7cb8.js';
+import { c as DATE_FNS_LOCALE } from './index-cecc349f.js';
+import './index-5753e5b0.js';
+import './index-a7dffd11.js';
+import './useMantineLocale-b93a39d2.js';
+import { T as Text } from './index-585ea7cb.js';
+import './index-24a074f8.js';
 import { theme } from './miscTheme.js';
-import './index.styles-93459e49.js';
+import './index.styles-e45ef6d0.js';
 import '@mantine/hooks';
-import { M as MediaQueries } from './utils-f07443ae.js';
-import './other-98fde223.js';
-import './index-72935c46.js';
-import { u as useScreenSize } from './useScreenSize-073a85dd.js';
-import { T as TogetherComponentGlobalContext, k as getCurrentBaseUrl } from './utils-9d39259f.js';
+import { M as MediaQueries } from './utils-561aa84a.js';
+import './other-e3393e4d.js';
+import './index-1b9dbee5.js';
+import { u as useScreenSize } from './useScreenSize-a393727a.js';
+import { T as TogetherComponentGlobalContext, k as getCurrentBaseUrl } from './utils-114457ee.js';
 import { format } from 'date-fns';
-import { L as LOCALE } from './Locale-7613821c.js';
+import { L as LOCALE } from './Locale-3ebc4213.js';
 import styled from '@emotion/styled';
-import { H as Heading } from './index-210333c2.js';
-import { P as PopoverMenu, S as StyledTree } from './index-69b0d5ba.js';
+import { H as Heading } from './index-825fe8ca.js';
+import { P as PopoverMenu, S as StyledTree } from './index-f49f3309.js';
 
 const CardReactionsContext = createContext({});
 

package/build/esm/{types-0ed0cbd1.js → types-0036d998.js}

@@ -1,7 +1,7 @@
 import React__default from 'react';
 import styled from '@emotion/styled';
-import { C as Container } from './index-25905680.js';
-import { T as Text } from './index-2f67813c.js';
+import { C as Container } from './index-52cd7df8.js';
+import { T as Text } from './index-585ea7cb.js';
 
 const StyledTextDivider = styled.div `
   background-color: var(--neutral50);

package/build/esm/types.js

@@ -1,2 +1,2 @@
-export { a as BabyGrowthChartDuration, B as BabyGrowthChartType, b as BabyGrowthResultTab, E as ELEMENT_CONTROL_INPUT_TYPE, F as FULL_KEY_ADDRESS, G as Gender, f as NodeActionType, e as NodeFinalTypes, N as NodeIntentType, g as NodeMultipleOptions, c as NodePosition, d as NodeType, O as OnboardingStep, S as SocialType, h as SubotType } from './index-7fe88f00.js';
-export { L as LOCALE } from './Locale-7613821c.js';
+export { a as BabyGrowthChartDuration, B as BabyGrowthChartType, b as BabyGrowthResultTab, E as ELEMENT_CONTROL_INPUT_TYPE, F as FULL_KEY_ADDRESS, G as Gender, f as NodeActionType, e as NodeFinalTypes, N as NodeIntentType, g as NodeMultipleOptions, c as NodePosition, d as NodeType, O as OnboardingStep, S as SocialType, h as SubotType } from './index-5753e5b0.js';
+export { L as LOCALE } from './Locale-3ebc4213.js';

package/build/esm/{useCategory-f475e151.js → useCategory-5075f42c.js}

@@ -1,10 +1,10 @@
-import { a as __awaiter } from './tslib.es6-5a1d0995.js';
+import { a as __awaiter } from './tslib.es6-07d06ec5.js';
 import { useRef, useEffect, useState, useCallback, useMemo } from 'react';
 import { getCookie } from './miscCookieHelper.js';
-import { u as useInitialMount } from './useUniqueId-0a89596b.js';
-import './index-7fe88f00.js';
-import { u as useTranslations } from './index-030e98da.js';
-import { L as LOCALE } from './Locale-7613821c.js';
+import { u as useInitialMount } from './useUniqueId-fcaf1c9b.js';
+import './index-5753e5b0.js';
+import { u as useTranslations } from './index-abe633f0.js';
+import { L as LOCALE } from './Locale-3ebc4213.js';
 
 function normalizeAndHash(string) {
     const utf8 = new TextEncoder().encode(string.trim().toLowerCase());

package/build/esm/{useHealthToolCache-26570c31.js → useHealthToolCache-587d22cd.js}

@@ -1,4 +1,4 @@
-import { a as __awaiter } from './tslib.es6-5a1d0995.js';
+import { a as __awaiter } from './tslib.es6-07d06ec5.js';
 import { useState, useEffect, useCallback } from 'react';
 import { getDynamicHealthToolWithCache } from './miscGetDynamicHealthTool.js';
 

package/build/esm/{useMantineLocale-b56b86fb.js → useMantineLocale-b93a39d2.js}

@@ -1,13 +1,13 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-5a1d0995.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-07d06ec5.js';
 import React__default, { useState, useEffect } from 'react';
 import { notifications, Notifications } from '@mantine/notifications';
-import { Z as ZINDEX_SSO } from './index-fe20a583.js';
+import { Z as ZINDEX_SSO } from './index-cecc349f.js';
 import { em } from '@mantine/core';
-import { S as Screens, M as MediaQueries } from './utils-f07443ae.js';
-import { O as OTHER_THEME_CONFIG } from './other-98fde223.js';
+import { S as Screens, M as MediaQueries } from './utils-561aa84a.js';
+import { O as OTHER_THEME_CONFIG } from './other-e3393e4d.js';
 import dayjs from 'dayjs';
-import './index-7fe88f00.js';
-import { L as LOCALE } from './Locale-7613821c.js';
+import './index-5753e5b0.js';
+import { L as LOCALE } from './Locale-3ebc4213.js';
 
 const DangerIcon = () => (React__default.createElement("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
     React__default.createElement("path", { d: "M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10", fill: "#262626" }),

package/build/esm/{usePlacesAutocomplete-54a9324d.js → usePlacesAutocomplete-a84cd541.js}

@@ -1,4 +1,4 @@
-import { a as __awaiter } from './tslib.es6-5a1d0995.js';
+import { a as __awaiter } from './tslib.es6-07d06ec5.js';
 import { useState, useEffect } from 'react';
 
 const formatAutoCompleteAddress = (addresses) => {

package/build/esm/{useScreenSize-073a85dd.js → useScreenSize-a393727a.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-5a1d0995.js';
+import { _ as __rest } from './tslib.es6-07d06ec5.js';
 import React__default, { useState, useEffect } from 'react';
 import styled from '@emotion/styled';
-import { B as Breakpoints } from './utils-f07443ae.js';
+import { B as Breakpoints } from './utils-561aa84a.js';
 
 const ImageWrap = (_a) => {
     var { alt, backupSrc, src, placeholderSrc, style, ref } = _a, props = __rest(_a, ["alt", "backupSrc", "src", "placeholderSrc", "style", "ref"]);

package/build/esm/useTogetherAuthRequiredAction.js

@@ -1,20 +1,20 @@
 import React__default, { createContext, useContext, useRef } from 'react';
 import { deleteCookie } from './miscCookieHelper.js';
-import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-2b066265.js';
-import { T as TogetherComponentGlobalContext, j as getUrlToSignUp } from './utils-9d39259f.js';
-import { B as BEARER_TOKEN_COOKIE } from './constants-fea3c9ba.js';
-import './tslib.es6-5a1d0995.js';
+import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-860f4ecd.js';
+import { T as TogetherComponentGlobalContext, j as getUrlToSignUp } from './utils-114457ee.js';
+import { B as BEARER_TOKEN_COOKIE } from './constants-a0f1a2a1.js';
+import './tslib.es6-07d06ec5.js';
 import 'zustand';
 import './constantsIsProduction.js';
-import './normalizeLink-f1f80c50.js';
+import './normalizeLink-7c921414.js';
 import './constantsDomainLocales.js';
-import './Locale-7613821c.js';
-import './index-fe20a583.js';
+import './Locale-3ebc4213.js';
+import './index-cecc349f.js';
 import 'date-fns/locale';
-import './index-7fe88f00.js';
+import './index-5753e5b0.js';
 import './constantsSite.js';
 import './constantsRiskScreener.js';
-import './index-574b63b3.js';
+import './index-2819c7ef.js';
 import 'slugify';
 import 'string-format';
 import './togetherApiPaths.js';

package/build/esm/{utils-9d39259f.js → utils-114457ee.js}

@@ -1,12 +1,12 @@
-import { a as __awaiter } from './tslib.es6-5a1d0995.js';
-import { c as cookie } from './index-574b63b3.js';
+import { a as __awaiter } from './tslib.es6-07d06ec5.js';
+import { c as cookie } from './index-2819c7ef.js';
 import { getCookie } from './miscCookieHelper.js';
 import slugify from 'slugify';
 import { isProduction } from './constantsIsProduction.js';
 import formatString from 'string-format';
 import React__default, { createContext, useState, useEffect } from 'react';
 import { PATHS } from './togetherApiPaths.js';
-import { B as BEARER_TOKEN_COOKIE, b as BEARER_ADMIN_TOKEN_COOKIE, L as LOCALISED_SLUGS } from './constants-fea3c9ba.js';
+import { B as BEARER_TOKEN_COOKIE, b as BEARER_ADMIN_TOKEN_COOKIE, L as LOCALISED_SLUGS } from './constants-a0f1a2a1.js';
 
 const DefaultComponentGlobalContextData = {
     locale: 'vi-VN',

package/build/esm/{utils-fd966889.js → utils-13182fa1.js}

@@ -1,5 +1,5 @@
-import './index-7fe88f00.js';
-import { L as LOCALE } from './Locale-7613821c.js';
+import './index-5753e5b0.js';
+import { L as LOCALE } from './Locale-3ebc4213.js';
 
 // https://en.wikipedia.org/wiki/ISO_3166-1_alpha-2
 const MAPPED_LOCALE = {

package/build/esm/{utils-aec19454.js → utils-862fe60a.js}

@@ -1,9 +1,9 @@
 import React__default, { useState, useCallback, useMemo } from 'react';
-import { U as USER_GEOLOCATION_COORDINATES_COOKIE } from './index-fe20a583.js';
+import { U as USER_GEOLOCATION_COORDINATES_COOKIE } from './index-cecc349f.js';
 import { getCookie, setCookie, deleteCookie } from './miscCookieHelper.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { M as MediaQueries } from './utils-f07443ae.js';
+import { M as MediaQueries } from './utils-561aa84a.js';
 import Skeleton from 'react-loading-skeleton';
 import formatString from 'string-format';
 import { domainLocales } from './constantsDomainLocales.js';

package/build/esm/vaccination.js

@@ -1,36 +1,36 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-5a1d0995.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-3dd5168c.js';
+import { t as themeColors, b as AspectRatio } from './index-b403c38f.js';
 import '@mantine/dates';
-import './index-fe20a583.js';
-import { G as Gender } from './index-7fe88f00.js';
-import './index-6bb56a11.js';
-import './useMantineLocale-b56b86fb.js';
-import { T as Text } from './index-2f67813c.js';
-import { B as Button } from './index-3fad7cb8.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-93459e49.js';
-import { u as useTranslations } from './index-030e98da.js';
+import './index.styles-e45ef6d0.js';
+import { u as useTranslations } from './index-abe633f0.js';
 import { useDisclosure } from '@mantine/hooks';
-import './other-98fde223.js';
-import './index-72935c46.js';
+import './other-e3393e4d.js';
+import './index-1b9dbee5.js';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-f07443ae.js';
-import { S as Switch } from './index-cbf7fced.js';
-import './translationsContext-cb35f933.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-073a85dd.js';
-import { M as Modal } from './index-a0fc9716.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-4b85aeb1.js';
-import { H as Heading } from './index-210333c2.js';
+import { D as DatePicker } from './index-7bca1558.js';
+import { H as Heading } from './index-825fe8ca.js';
 import '@mantine/carousel';
-import './Locale-7613821c.js';
+import './Locale-3ebc4213.js';
 import 'classnames';
-import './useUniqueId-0a89596b.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-face652a.js → fixedBottomAdBlock-1583e5f5.js}

@@ -1,46 +1,46 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-46c65d46.js');
+var tslib_es6 = require('./tslib.es6-c0950eba.js');
 var React = require('react');
-var index$5 = require('./index-50b19076.js');
+var index$5 = require('./index-f9a3c8fe.js');
 var core = require('@mantine/core');
 require('@mantine/dates');
-var index$7 = require('./index-f1cfa40f.js');
-require('./index-581761c9.js');
-var index$a = require('./index-5ab0c111.js');
-require('./useMantineLocale-4a9fef51.js');
-var index$3 = require('./index-13f855e3.js');
-require('./index-92b29402.js');
-require('./index.styles-6ca2dbb0.js');
-require('./translationsContext-a6dd3981.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-6163e7d5.js');
-require('./other-381c9471.js');
-require('./index-3a0fa10a.js');
-var index$2 = require('./index-758ee503.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-4f0a1014.js');
-var index$6 = require('./index-df6b4b7e.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-97aab6d5.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-04616fae.js');
-var useScreenSize = require('./useScreenSize-b5cd3e99.js');
-var index$8 = require('./index-133f2e17.js');
-var index$b = require('./index-c4d5eed9.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-e965b732.js');
-var index$c = require('./index-e42a6fe0.js');
+var index$d = require('./index-836b11de.js');
+var index$c = require('./index-1c7dbe00.js');
 var uuid = require('uuid');
-var Locale = require('./Locale-85f35c36.js');
+var Locale = require('./Locale-8d70bf6a.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }