@hhgtech/hhg-components 1.29.501 → 1.29.503

package/build/esm/{index-375d6767.js → index-93650625.js}

@@ -1,21 +1,21 @@
-import { _ as __rest } from './tslib.es6-3951d926.js';
+import { _ as __rest } from './tslib.es6-0726ca1f.js';
 import React__default, { createContext, useContext } from 'react';
 import { clsx, useMantineTheme } from '@mantine/core';
 import { useForm, isNotEmpty } from '@mantine/form';
-import './index-0b05de86.js';
-import { D as DatePicker } from './index-540df940.js';
-import { T as Text } from './index-096e6319.js';
-import './index-54b75124.js';
-import './index-94bafefe.js';
-import './index.styles-aec3504c.js';
-import { u as useTranslations } from './index-dfa05053.js';
+import './index-73316752.js';
+import { D as DatePicker } from './index-c4950314.js';
+import { T as Text } from './index-087f90b3.js';
+import './index-3d3ce577.js';
+import './index-2857df98.js';
+import './index.styles-99022525.js';
+import { u as useTranslations } from './index-ffde4953.js';
 import '@mantine/hooks';
-import './index-5b8fe088.js';
-import './utils-1666f74c.js';
-import './index-e97a9574.js';
-import { C as CardWrapperContext } from './context-79c904a5.js';
-import { H as HealthToolFormWrapper } from './index-0a592a5d.js';
-import { G as GenderOptionControl } from './index-aeee6382.js';
+import './index-cf966b54.js';
+import './utils-5ade66c1.js';
+import './index-e8d0a800.js';
+import { C as CardWrapperContext } from './context-1082fa45.js';
+import { H as HealthToolFormWrapper } from './index-204943a4.js';
+import { G as GenderOptionControl } from './index-7234d6a7.js';
 import { CalendarMB } from '@hhgtech/icons/other';
 
 const BabyVaccineFormContext = createContext({});

package/build/esm/{index-24a93abf.js → index-95280963.js}

@@ -1,23 +1,23 @@
-import { _ as __rest } from './tslib.es6-3951d926.js';
+import { _ as __rest } from './tslib.es6-0726ca1f.js';
 import React__default, { useContext } from 'react';
 import { createStyles, rem, useMantineTheme, Box, Flex, ScrollArea } from '@mantine/core';
 import { Warning } from '@hhgtech/icons/core';
 import { RedCross } from '@hhgtech/icons/other';
-import './index-0b05de86.js';
+import './index-73316752.js';
 import '@mantine/dates';
-import './index-d7e91e70.js';
-import './index-10e886ab.js';
-import './index-de7197f0.js';
-import './index-5b8fe088.js';
-import { T as Text } from './index-096e6319.js';
-import './index-54b75124.js';
-import { F as FontWeight, T as TemplateProvider, C as CustomStylesType } from './index-94bafefe.js';
-import './index.styles-aec3504c.js';
-import { u as useTranslations } from './index-dfa05053.js';
+import './index-677cf9e3.js';
+import './index-b061f549.js';
+import './index-23aa7283.js';
+import './index-cf966b54.js';
+import { T as Text } from './index-087f90b3.js';
+import './index-3d3ce577.js';
+import { F as FontWeight, T as TemplateProvider, C as CustomStylesType } from './index-2857df98.js';
+import './index.styles-99022525.js';
+import { u as useTranslations } from './index-ffde4953.js';
 import '@mantine/hooks';
-import { M as MediaQueries } from './utils-1666f74c.js';
-import './index-e97a9574.js';
-import { C as CardWrapperContext } from './context-79c904a5.js';
+import { M as MediaQueries } from './utils-5ade66c1.js';
+import './index-e8d0a800.js';
+import { C as CardWrapperContext } from './context-1082fa45.js';
 
 const StyledIconContainerClass = 'hhgcomp-toolbanner-iconcontainer';
 const StyledInnerClass = 'hhgcomp-toolbanner-inner';

package/build/esm/{index-6e2b7b40.js → index-9aeb79d0.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
-import { u as useTranslations } from './index-dfa05053.js';
-import { B as Button } from './index-8ac2f866.js';
+import { u as useTranslations } from './index-ffde4953.js';
+import { B as Button } from './index-b350a213.js';
 
 var styles = {"loading":"PD6nRZX"};
 

package/build/esm/{index-053864dc.js → index-9e4e8834.js}

@@ -1,12 +1,12 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-3951d926.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-0726ca1f.js';
 import React__default, { useState, useMemo, useCallback } from 'react';
-import { u as useTranslations } from './index-dfa05053.js';
+import { u as useTranslations } from './index-ffde4953.js';
 import { createStyles } from '@mantine/core';
-import { P as PATHS } from './paths-d7cb9447.js';
-import { L as LOCALIZED_SLUGS } from './constants-cd76ca09.js';
-import { B as Button } from './index-54b75124.js';
-import './index-d7e91e70.js';
-import { c as callApi, g as getCarePath } from './utils-c910d8a5.js';
+import { P as PATHS } from './paths-91e9c426.js';
+import { L as LOCALIZED_SLUGS } from './constants-a221241f.js';
+import { B as Button } from './index-3d3ce577.js';
+import './index-677cf9e3.js';
+import { c as callApi, g as getCarePath } from './utils-c768acf4.js';
 import { domainLocales } from './constantsDomainLocales.js';
 import { isProduction } from './constantsIsProduction.js';
 

package/build/esm/{index-155bfe60.js → index-9e7a8068.js}

@@ -1,55 +1,55 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-3951d926.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-0726ca1f.js';
 import * as React from 'react';
 import React__default, { useRef, useState, useEffect, useImperativeHandle, useMemo, Fragment, useCallback, forwardRef, memo, createContext, useContext } from 'react';
-import { R as Radio, a as Carousel } from './index-0b05de86.js';
+import { R as Radio, a as Carousel } from './index-73316752.js';
 import { Stack, Group, createStyles, getStylesRef, Box, Badge, rem, Divider, clsx, Button as Button$2, AspectRatio, Modal, Grid } from '@mantine/core';
 import '@mantine/dates';
-import { L as LOCALE_SPECS, F as FAVICONS, Z as ZINDEX_SSO } from './index-d7e91e70.js';
-import './index-10e886ab.js';
-import { C as CommonGAssets } from './index-de7197f0.js';
-import './index-5b8fe088.js';
-import { T as Text } from './index-096e6319.js';
-import { B as Button$1 } from './index-54b75124.js';
-import './index-94bafefe.js';
-import './index.styles-aec3504c.js';
-import './translationsContext-8d12d201.js';
+import { L as LOCALE_SPECS, F as FAVICONS, Z as ZINDEX_SSO } from './index-677cf9e3.js';
+import './index-b061f549.js';
+import { C as CommonGAssets } from './index-23aa7283.js';
+import './index-cf966b54.js';
+import { T as Text } from './index-087f90b3.js';
+import { B as Button$1 } from './index-3d3ce577.js';
+import './index-2857df98.js';
+import './index.styles-99022525.js';
+import './translationsContext-7109197b.js';
 import '@mantine/hooks';
-import { M as MediaQueries } from './utils-1666f74c.js';
-import './index-e97a9574.js';
-import { i as isInternalLink } from './index-3c674a3d.js';
+import { M as MediaQueries } from './utils-5ade66c1.js';
+import './index-e8d0a800.js';
+import { i as isInternalLink } from './index-3dd0ea1e.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { C as Checkbox, a as PureInput, P as Pagination$1, b as SearchInput, I as ImageWrapV2 } from './index-935abc48.js';
+import { C as Checkbox, a as PureInput, P as Pagination$1, b as SearchInput, I as ImageWrapV2 } from './index-baa3e62e.js';
 import { format, isBefore, startOfMonth, addMonths, subMonths, getDaysInMonth, isToday, isSameDay, isWithinInterval, isAfter, isPast } from 'date-fns';
 import DayPickerInput from 'react-day-picker/DayPickerInput';
-import { L as Logo } from './index-526270bc.js';
+import { L as Logo } from './index-6b4e4591.js';
 import throttle from 'lodash/throttle';
 import parse from 'html-react-parser';
 import { domainLocales } from './constantsDomainLocales.js';
 import { isProduction } from './constantsIsProduction.js';
-import { a as useOutsideClick } from './useOutsideClick-414faeb9.js';
+import { a as useOutsideClick } from './useOutsideClick-2505677f.js';
 import enUS from 'date-fns/locale/en-US';
 import id from 'date-fns/locale/id';
 import vi from 'date-fns/locale/vi';
 import zhTW from 'date-fns/locale/zh-TW';
-import { B as Button } from './index-8ac2f866.js';
-import { u as useScreenSize, I as ImageWrap } from './index-9bce48f0.js';
-import { u as useTranslations } from './index-dfa05053.js';
+import { B as Button } from './index-b350a213.js';
+import { u as useScreenSize, I as ImageWrap } from './index-58539fd0.js';
+import { u as useTranslations } from './index-ffde4953.js';
 import classNames from 'classnames';
-import { D as Dropdown } from './index-bae14b22.js';
+import { D as Dropdown } from './index-f79c5daa.js';
 import { getSocialList } from './miscGetSocialList.js';
-import { I as Input } from './index-254048e4.js';
-import { D as Drawer } from './index-1ce8a64d.js';
+import { I as Input } from './index-cd726087.js';
+import { D as Drawer } from './index-a2527c53.js';
 import { v4 } from 'uuid';
-import { L as LOCALE } from './Locale-0ff0c442.js';
+import { L as LOCALE } from './Locale-5fa7d8c0.js';
 import { ArrowRight } from '@hhgtech/icons/arrow';
 import { MultiStar, Question } from '@hhgtech/icons/other';
 import Lottie from 'lottie-light-react';
-import { A as ArrowRightBlue } from './index-6d684a3f.js';
-import { L as Loading } from './index-8ba06146.js';
+import { A as ArrowRightBlue } from './index-07bdba58.js';
+import { L as Loading } from './index-b87e0152.js';
 import get from 'lodash/get';
 import debounce from 'lodash/debounce';
-import { C as Close } from './Close-c2c60fd5.js';
+import { C as Close } from './Close-e42dfbe2.js';
 import { useAnimationOffsetEffect } from '@mantine/carousel';
 
 const StarFull = (_a) => {
@@ -5933,7 +5933,7 @@ const Center = styled.div `
 `;
 
 const VoucherItem = ({ image, title, description, onClick, className, dataTracking = {}, }) => {
-    return (React__default.createElement(StyledContainer$2, Object.assign({}, dataTracking, { className: className, onClick: onClick }),
+    return (React__default.createElement(StyledContainer$2, Object.assign({}, dataTracking, { className: classNames('voucher-item', className), onClick: onClick }),
         React__default.createElement(Grid, { gutter: "8px" },
             React__default.createElement(Grid.Col, { span: "content" },
                 React__default.createElement(Center, null,
@@ -5945,8 +5945,8 @@ const VoucherItem = ({ image, title, description, onClick, className, dataTracki
                         } }))),
             React__default.createElement(Grid.Col, { span: "auto" },
                 React__default.createElement(StyledFlex, null,
-                    React__default.createElement(StyledTitle, { size: "p3", weight: "halfBold", color: "#111111" }, title),
-                    React__default.createElement(StyledDescription, { size: "c2", weight: "halfBold" }, description))))));
+                    typeof title === 'string' ? (React__default.createElement(StyledTitle, { size: "p3", weight: "halfBold", color: "#111111" }, title)) : (title),
+                    typeof description === 'string' ? (React__default.createElement(StyledDescription, { size: "c2", weight: "halfBold" }, description)) : (description))))));
 };
 
 const StyledContainer$1 = styled.div `

package/build/esm/{index-1ce8a64d.js → index-a2527c53.js}

@@ -1,11 +1,11 @@
 import React__default, { useRef, useEffect } from 'react';
 import { Portal } from '@mantine/core';
-import { t as toggleNoScroll } from './utils-1666f74c.js';
+import { t as toggleNoScroll } from './utils-5ade66c1.js';
 import { css } from '@emotion/react';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { s as slideInUp, e as slideOutDown, b as slideInLeft, f as slideOutLeft, c as slideInRight, g as slideOutRight, a as slideInDown, d as slideOutUp } from './animation-c7681a8a.js';
-import { T as Text } from './index-096e6319.js';
+import { s as slideInUp, e as slideOutDown, b as slideInLeft, f as slideOutLeft, c as slideInRight, g as slideOutRight, a as slideInDown, d as slideOutUp } from './animation-56f23c84.js';
+import { T as Text } from './index-087f90b3.js';
 
 const DURATION = '600ms';
 const generateStyleBasedOnPlacement = (placement, open) => {

package/build/esm/{index-0783d1e6.js → index-a3b033dd.js}

@@ -1,27 +1,27 @@
 import React__default, { useState, useMemo, useContext, useEffect, createContext, useRef } from 'react';
-import { B as Button } from './index-8ac2f866.js';
-import { H as Heading } from './index-258f0325.js';
-import { T as Text } from './index-096e6319.js';
-import { c as safeEncodeURI, M as MediaQueries, t as toggleNoScroll, a as getPopupWrapperDom } from './utils-1666f74c.js';
+import { B as Button } from './index-b350a213.js';
+import { H as Heading } from './index-7be5c11a.js';
+import { T as Text } from './index-087f90b3.js';
+import { c as safeEncodeURI, M as MediaQueries, t as toggleNoScroll, a as getPopupWrapperDom } from './utils-5ade66c1.js';
 import * as ReactDOM from 'react-dom';
-import { b as callApiWithAuth, e as getApiPath, T as TogetherComponentGlobalContext } from './utils-c910d8a5.js';
+import { b as callApiWithAuth, e as getApiPath, T as TogetherComponentGlobalContext } from './utils-c768acf4.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { a as __awaiter } from './tslib.es6-3951d926.js';
-import { I as Input } from './index-254048e4.js';
-import { u as useTranslations } from './index-dfa05053.js';
-import { e as formatComment } from './dataTransform-cfcef1a0.js';
-import { M as MAX_IMAGE_UPLOADS, a as DEFAULT_AVATAR_IMG } from './constants-1ed05d9f.js';
+import { a as __awaiter } from './tslib.es6-0726ca1f.js';
+import { I as Input } from './index-cd726087.js';
+import { u as useTranslations } from './index-ffde4953.js';
+import { e as formatComment } from './dataTransform-e9cbaca0.js';
+import { M as MAX_IMAGE_UPLOADS, a as DEFAULT_AVATAR_IMG } from './constants-775f5d95.js';
 import { PATHS } from './togetherApiPaths.js';
-import { j as removeBannedWordWrapper, i as getMentionIdsFromString, k as encodePostContent, u as uploadAndGetSrc } from './post-ea9f662b.js';
-import { C as CardLink } from './index-d06736db.js';
-import { L as Loading } from './index-f0fd3243.js';
-import { U as UserAvatar } from './index-6ef87d4a.js';
-import { R as RichTextEditor } from './editor-b88faf81.js';
+import { j as removeBannedWordWrapper, i as getMentionIdsFromString, k as encodePostContent, u as uploadAndGetSrc } from './post-e3dc913c.js';
+import { C as CardLink } from './index-89a7c94f.js';
+import { L as Loading } from './index-09624611.js';
+import { U as UserAvatar } from './index-e7fc2d2b.js';
+import { R as RichTextEditor } from './editor-60ccbb90.js';
 import { Portal } from '@mantine/core';
 import { FullScreen } from '@hhgtech/icons/other';
-import { P as Popup } from './index-16bfc963.js';
-import { C as CloseIcon } from './index-7df8063e.js';
+import { P as Popup } from './index-ade8fcbf.js';
+import { C as CloseIcon } from './index-2d6ce1ca.js';
 import { ShareBox } from './togetherShareBox.js';
 
 const useImagePicker = (imageFilesProp, onImageFilesChange) => {

package/build/esm/{index-f38fbade.js → index-a5dfb4f9.js}

@@ -1,8 +1,8 @@
-import { _ as __rest } from './tslib.es6-3951d926.js';
+import { _ as __rest } from './tslib.es6-0726ca1f.js';
 import React__default from 'react';
 import { Textarea } from '@mantine/core';
-import { u as useStyles } from './index-0b05de86.js';
-import { u as useTemplateVariant } from './index-94bafefe.js';
+import { u as useStyles } from './index-73316752.js';
+import { u as useTemplateVariant } from './index-2857df98.js';
 
 const TextArea = (_a) => {
     var { styles } = _a, props = __rest(_a, ["styles"]);

package/build/esm/{index-5e717db0.js → index-a675f315.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
 import styled from '@emotion/styled';
-import { L as Label } from './index-254048e4.js';
+import { L as Label } from './index-cd726087.js';
 import { theme } from './miscTheme.js';
 
 const StyledTextArea = styled.div `

package/build/esm/{index-1333f992.js → index-a9610cc9.js}

@@ -1,8 +1,8 @@
-import { _ as __rest } from './tslib.es6-3951d926.js';
+import { _ as __rest } from './tslib.es6-0726ca1f.js';
 import React__default from 'react';
 import { MantineProvider as MantineProvider$1 } from '@mantine/core';
-import { u as useMantineLocale, g as getMantineThemeOverride, N as NotificationsHandler } from './index-5b8fe088.js';
-import { C as CustomStylesType, T as TemplateProvider } from './index-94bafefe.js';
+import { u as useMantineLocale, g as getMantineThemeOverride, N as NotificationsHandler } from './index-cf966b54.js';
+import { C as CustomStylesType, T as TemplateProvider } from './index-2857df98.js';
 
 const MantineProvider = (_a) => {
     var { children, locale, template = 'hb', isNotifications = true, customStyleType = CustomStylesType.NONE } = _a, props = __rest(_a, ["children", "locale", "template", "isNotifications", "customStyleType"]);