@hhgtech/hhg-components 1.29.459 → 1.29.460-beta-1

package/build/esm/{index-37234859.js → index-80a9d8ec.js}

@@ -1,18 +1,18 @@
 import React__default, { useState, useMemo } from 'react';
-import { F as Flag } from './index-22e82cc3.js';
+import { F as Flag } from './index-e31f9a89.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { T as Text } from './index-b2422d6f.js';
-import { C as CommonGAssets } from './index-feb0867e.js';
-import { _ as __rest } from './tslib.es6-3729547c.js';
-import { a as ZINDEX_HEADER, V as VIDEO_DETAIL_TEMP_STORAGE } from './index-05e60877.js';
-import { V as VideoType } from './index-12d947cf.js';
+import { T as Text } from './index-a236d334.js';
+import { C as CommonGAssets } from './index-ef9f09f2.js';
+import { _ as __rest } from './tslib.es6-9e95700a.js';
+import { a as ZINDEX_HEADER, V as VIDEO_DETAIL_TEMP_STORAGE } from './index-101f5667.js';
+import { V as VideoType } from './index-66ea0d06.js';
 import { createStyles, Stack, Box, AspectRatio, getStylesRef, rem, Flex } from '@mantine/core';
-import { a as abbreviateNumber } from './number-e6a61934.js';
-import { u as useTranslations } from './index-fce3247b.js';
+import { a as abbreviateNumber } from './number-4f216683.js';
+import { u as useTranslations } from './index-178f8dcb.js';
 import { useOs } from '@mantine/hooks';
-import { M as Modal } from './index-452543dc.js';
-import { S as SocialLinkPreview } from './index-0b6583b7.js';
+import { M as Modal } from './index-8f89c774.js';
+import { S as SocialLinkPreview } from './index-b5540234.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
 const ALLOW_DOMAIN_URL = [

package/build/esm/{index-a9dec18c.js → index-84259e1b.js}

@@ -1,26 +1,26 @@
-import { _ as __rest } from './tslib.es6-3729547c.js';
+import { _ as __rest } from './tslib.es6-9e95700a.js';
 import React__default, { createContext, useContext, useMemo, forwardRef, useState } from 'react';
 import { useMantineTheme, clsx, Group, Flex, Tooltip, Box } from '@mantine/core';
 import { format } from 'date-fns';
-import { L as LastPeriod } from './LastPeriod-19170dba.js';
-import { L as LOCALE } from './Locale-0dbefffc.js';
+import { L as LastPeriod } from './LastPeriod-6f526e63.js';
+import { L as LOCALE } from './Locale-a585f90a.js';
 import { useForm, isNotEmpty } from '@mantine/form';
 import dayjs from 'dayjs';
-import { R as Radio, I as Input, S as Select } from './index-22e82cc3.js';
-import { D as DatePicker } from './index-4eac23d6.js';
-import { T as Text } from './index-b2422d6f.js';
-import './index-6dde2fde.js';
-import './index-91829656.js';
-import './index.styles-1709b54d.js';
-import { u as useTranslations } from './index-fce3247b.js';
+import { R as Radio, I as Input, S as Select } from './index-e31f9a89.js';
+import { D as DatePicker } from './index-47ec9372.js';
+import { T as Text } from './index-a236d334.js';
+import './index-2c3ae14d.js';
+import './index-d5a1e5a5.js';
+import './index.styles-48cba1d0.js';
+import { u as useTranslations } from './index-178f8dcb.js';
 import '@mantine/hooks';
-import './index-d95d2740.js';
-import './utils-b7a26665.js';
-import './index-40d26847.js';
-import { H as HealthToolFormWrapper } from './index-68964b51.js';
+import './index-e9488ab3.js';
+import './utils-f7866963.js';
+import './index-c4e0e9fb.js';
+import { H as HealthToolFormWrapper } from './index-c22d018e.js';
 import { CalendarMB } from '@hhgtech/icons/other';
-import { C as CardWrapperContext } from './context-7ed98ae3.js';
-import { Q as QUERY_HEALTH_TOOL, A as API_DATE_FORMAT$1 } from './index-05e60877.js';
+import { C as CardWrapperContext } from './context-717c9596.js';
+import { Q as QUERY_HEALTH_TOOL, A as API_DATE_FORMAT$1 } from './index-101f5667.js';
 import { theme } from './miscTheme.js';
 
 const ConceptionDate = (_a) => {

package/build/esm/{index-455912ff.js → index-8814e781.js}

@@ -3,24 +3,24 @@ import { CrossLogo, ShieldCheck } from '@hhgtech/icons/other';
 import { createStyles, Box, Flex, Button as Button$1, rem } from '@mantine/core';
 import dayjs from 'dayjs';
 import relativeTime from 'dayjs/plugin/relativeTime';
-import { u as useTranslations } from './index-fce3247b.js';
-import { M as MediaQueries, t as toggleNoScroll } from './utils-b7a26665.js';
-import { A as AuthorBadge, B as BookingBtn } from './index-1ac693b8.js';
-import { I as Icon } from './index-e4f92fa2.js';
-import { _ as __rest } from './tslib.es6-3729547c.js';
-import { U as UserAvatar } from './index-acd2a0a7.js';
-import { I as ImageWrap, u as useScreenSize } from './index-d79f98c6.js';
-import './index-05e60877.js';
-import { C as CommonGAssets } from './index-feb0867e.js';
-import { c as callApi, g as getCarePath, l as domainLocales, m as getCareHospitalUrl, n as getCareDoctorUrl, k as getCurrentBaseUrl, o as getDiscoverApiPath, T as TogetherComponentGlobalContext } from './utils-1ec86eda.js';
-import { B as Button } from './index-86067be7.js';
-import { T as Text } from './index-b2422d6f.js';
+import { u as useTranslations } from './index-178f8dcb.js';
+import { M as MediaQueries, t as toggleNoScroll } from './utils-f7866963.js';
+import { A as AuthorBadge, B as BookingBtn } from './index-bfe24b30.js';
+import { I as Icon } from './index-7e5e1123.js';
+import { _ as __rest } from './tslib.es6-9e95700a.js';
+import { U as UserAvatar } from './index-516efd99.js';
+import { I as ImageWrap, u as useScreenSize } from './index-74d7771e.js';
+import './index-101f5667.js';
+import { C as CommonGAssets } from './index-ef9f09f2.js';
+import { c as callApi, g as getCarePath, l as domainLocales, m as getCareHospitalUrl, n as getCareDoctorUrl, k as getCurrentBaseUrl, o as getDiscoverApiPath, T as TogetherComponentGlobalContext } from './utils-f4fa6672.js';
+import { B as Button } from './index-8970d0ca.js';
+import { T as Text } from './index-a236d334.js';
 import { theme } from './miscTheme.js';
 import styled from '@emotion/styled';
 import { CARE_PATHS, DISCOVER_PATHS } from './togetherApiPaths.js';
-import { L as Loading } from './index-8beb0fcb.js';
-import { H as Heading } from './index-76a912c8.js';
-import { M as Modal } from './index-452543dc.js';
+import { L as Loading } from './index-ba842cd3.js';
+import { H as Heading } from './index-a94527ef.js';
+import { M as Modal } from './index-8f89c774.js';
 import { domainLocales as domainLocales$1 } from './constantsDomainLocales.js';
 
 var styles$2 = {"row":"dZWeHns","flex":"_8z2nszB","mainTxt":"tMiOKib","subTxt":"uDcqD-2","subTxtRow":"pDlsows","subDivider":"m-HVXw1"};
@@ -911,7 +911,7 @@ const _CardAuthor = (props) => {
     useEffect(() => {
         if (open && !ProfileDetail) {
             if (userType === 'chatbot') {
-                import('./index-2ad179e6.js').then((module) => {
+                import('./index-6069046f.js').then((module) => {
                     setProfileDetail(() => module.ProfileChatbot);
                 });
             }

package/build/esm/{index-86067be7.js → index-8970d0ca.js}

@@ -1,6 +1,6 @@
-import { _ as __rest } from './tslib.es6-3729547c.js';
+import { _ as __rest } from './tslib.es6-9e95700a.js';
 import React__default from 'react';
-import { B as Button$1 } from './index-6dde2fde.js';
+import { B as Button$1 } from './index-2c3ae14d.js';
 
 /**
  * @deprecated Consider to use at '@hhgtech/hhg-components/mantine'

package/build/esm/{index-37e63e6e.js → index-8bfa9ef2.js}

@@ -1,6 +1,6 @@
-import { c as cookie } from './index-203785c2.js';
-import { B as BEARER_TOKEN_COOKIE } from './index-05e60877.js';
-import { N as NodeIntentType } from './index-12d947cf.js';
+import { c as cookie } from './index-731a6b9d.js';
+import { B as BEARER_TOKEN_COOKIE } from './index-101f5667.js';
+import { N as NodeIntentType } from './index-66ea0d06.js';
 import Cookies from 'js-cookie';
 import { v4 } from 'uuid';
 import { isProduction } from './constantsIsProduction.js';

package/build/esm/{index-452543dc.js → index-8f89c774.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-3729547c.js';
+import { _ as __rest } from './tslib.es6-9e95700a.js';
 import React__default from 'react';
 import { Modal as Modal$1 } from '@mantine/core';
-import { u as useStyles } from './index.styles-1709b54d.js';
+import { u as useStyles } from './index.styles-48cba1d0.js';
 
 const Modal = (_a) => {
     var { styles, classNames, transitionProps } = _a, rest = __rest(_a, ["styles", "classNames", "transitionProps"]);

package/build/esm/{index-720d4fb1.js → index-9139c473.js}

@@ -1,41 +1,41 @@
 import React__default, { createContext, useContext, useMemo, useCallback, useState, useEffect, forwardRef, useRef } from 'react';
 import { rem, Container, createStyles, Box, Stack, Flex, AspectRatio, ScrollArea, Chip, Group, Badge, MultiSelect, Stepper } from '@mantine/core';
-import { C as CommonGAssets } from './index-feb0867e.js';
-import { b as callApiWithAuth, d as getApiPath, T as TogetherComponentGlobalContext, e as getPremiumApiPath, f as getWebsiteUrlApi, h as getSsoApiPath } from './utils-1ec86eda.js';
-import { G as GA_TOKEN_COOKIE } from './index-05e60877.js';
-import { H as HEALTH_TOOL_TYPE, a as HEALTH_TOOL_DEFAULT_IMG } from './healthTools-2f57e422.js';
+import { C as CommonGAssets } from './index-ef9f09f2.js';
+import { b as callApiWithAuth, d as getApiPath, T as TogetherComponentGlobalContext, e as getPremiumApiPath, f as getWebsiteUrlApi, h as getSsoApiPath } from './utils-f4fa6672.js';
+import { G as GA_TOKEN_COOKIE } from './index-101f5667.js';
+import { H as HEALTH_TOOL_TYPE, a as HEALTH_TOOL_DEFAULT_IMG } from './healthTools-0e1c8cbf.js';
 import { RISK_SCREENER_NAME, RISK_SCREENER_SLUG } from './constantsRiskScreener.js';
-import { _ as __rest, a as __awaiter } from './tslib.es6-3729547c.js';
-import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-c6c01a47.js';
-import { I as ImageWrap } from './index-d79f98c6.js';
-import { g as getCurrentBaseUrl, a as getCurrentSsoUrl } from './normalizeLink-fe262db9.js';
-import { u as useTranslations } from './index-fce3247b.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-9e95700a.js';
+import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-babc7b11.js';
+import { I as ImageWrap } from './index-74d7771e.js';
+import { g as getCurrentBaseUrl, a as getCurrentSsoUrl } from './normalizeLink-5ebb38ec.js';
+import { u as useTranslations } from './index-178f8dcb.js';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { d as Checkbox, f as ChipButton, I as Input, b as AspectRatio$1 } from './index-22e82cc3.js';
+import { d as Checkbox, f as ChipButton, I as Input, b as AspectRatio$1 } from './index-e31f9a89.js';
 import '@mantine/dates';
-import './index-12d947cf.js';
-import { t as themeColors } from './index-d95d2740.js';
-import { T as Text } from './index-b2422d6f.js';
-import { B as Button } from './index-6dde2fde.js';
-import './index-91829656.js';
-import './index.styles-1709b54d.js';
+import './index-66ea0d06.js';
+import { t as themeColors } from './index-e9488ab3.js';
+import { T as Text } from './index-a236d334.js';
+import { B as Button } from './index-2c3ae14d.js';
+import './index-d5a1e5a5.js';
+import './index.styles-48cba1d0.js';
 import { useViewportSize } from '@mantine/hooks';
-import './utils-b7a26665.js';
-import './index-40d26847.js';
+import './utils-f7866963.js';
+import './index-c4e0e9fb.js';
 import { PATHS as PATHS$2 } from './togetherApiPaths.js';
-import './translationsContext-4a2c0912.js';
-import { H as Heading } from './index-76a912c8.js';
-import { u as useHealthToolsCache } from './useHealthToolCache-c42f1f31.js';
-import { I as Icon } from './index-e4f92fa2.js';
+import './translationsContext-746ea2e7.js';
+import { H as Heading } from './index-a94527ef.js';
+import { u as useHealthToolsCache } from './useHealthToolCache-a8cbb224.js';
+import { I as Icon } from './index-7e5e1123.js';
 import { domainLocales } from './constantsDomainLocales.js';
 import { isProduction } from './constantsIsProduction.js';
 import { Close, Plus } from '@hhgtech/icons/core';
-import { i as isVideo } from './index-6b2cc989.js';
-import { M as Modal } from './index-452543dc.js';
+import { i as isVideo } from './index-f0c09df5.js';
+import { M as Modal } from './index-8f89c774.js';
 import Cookies from 'js-cookie';
 import flatten from 'lodash/flatten';
 import uniqBy from 'lodash/uniqBy';
-import { L as LOCALE } from './Locale-0dbefffc.js';
+import { L as LOCALE } from './Locale-a585f90a.js';
 
 const PREFER_TOPICS = [
     {

package/build/esm/{index-1a451f03.js → index-96a402a5.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
-import { I as Icon } from './index-e4f92fa2.js';
-import { u as useTranslations } from './index-fce3247b.js';
+import { I as Icon } from './index-7e5e1123.js';
+import { u as useTranslations } from './index-178f8dcb.js';
 
 var styles = {"loading":"tliWyii"};
 

package/build/esm/{index-61d496c9.js → index-98418093.js}

@@ -1,5 +1,5 @@
 import React__default, { useState, useEffect } from 'react';
-import { B as Button } from './index-6dde2fde.js';
+import { B as Button } from './index-2c3ae14d.js';
 import styled from '@emotion/styled';
 
 const StyledContainer = styled.div `

package/build/esm/{index-5534e24d.js → index-99e99ed7.js}

@@ -1,11 +1,11 @@
 import React__default, { useRef, useEffect } from 'react';
 import { Portal } from '@mantine/core';
-import { t as toggleNoScroll } from './utils-b7a26665.js';
+import { t as toggleNoScroll } from './utils-f7866963.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-2ff9316e.js';
-import { T as Text } from './index-b2422d6f.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-c8efa179.js';
+import { T as Text } from './index-a236d334.js';
 
 const DURATION = '600ms';
 const generateStyleBasedOnPlacement = (placement, open) => {

package/build/esm/{index-120d53fa.js → index-9d34ffd1.js}

@@ -1,8 +1,8 @@
 import React__default, { useState, useRef, useEffect } from 'react';
-import { u as useScrollbarSize } from './useScrollbarSize-c104e8be.js';
+import { u as useScrollbarSize } from './useScrollbarSize-06af56a5.js';
 import { createPortal } from 'react-dom';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-b7a26665.js';
+import { M as MediaQueries } from './utils-f7866963.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 import { theme } from './miscTheme.js';
 

package/build/esm/{index-b2422d6f.js → index-a236d334.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-3729547c.js';
+import { _ as __rest } from './tslib.es6-9e95700a.js';
 import React__default, { forwardRef } from 'react';
 import { createStyles, useMantineTheme, Text as Text$1 } from '@mantine/core';
-import { a as GlobalTextStyle, C as CustomStylesType, F as FontWeight, u as useTemplateVariant } from './index-91829656.js';
+import { a as GlobalTextStyle, C as CustomStylesType, F as FontWeight, u as useTemplateVariant } from './index-d5a1e5a5.js';
 
 var useStyles = createStyles((theme, _params) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;

package/build/esm/{index-f388786b.js → index-a3a8d2ee.js}

@@ -1,34 +1,34 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-3729547c.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-9e95700a.js';
 import React__default, { useContext, useState, useEffect, useMemo } from 'react';
-import { B as Button } from './index-86067be7.js';
-import { H as Heading } from './index-76a912c8.js';
-import { u as useTranslations } from './index-fce3247b.js';
+import { B as Button } from './index-8970d0ca.js';
+import { H as Heading } from './index-a94527ef.js';
+import { u as useTranslations } from './index-178f8dcb.js';
 import innertext from 'innertext';
-import { S as SharePopup, P as PopupDanger, h as deletePost, i as IconAlertCircle, b as SubmitReportForm, j as deleteComment, k as decodeCommentBody, l as likeUnlikeComment, I as InputCommentBar, m as likeUnlikePost, g as getDefaultFailNoti } from './index-1cb5fb7e.js';
-import { C as CommonGAssets } from './index-feb0867e.js';
-import { R as REPORT_REASON_MAP, D as DEFAULT_IMG } from './constants-cb3be107.js';
+import { S as SharePopup, P as PopupDanger, h as deletePost, i as IconAlertCircle, b as SubmitReportForm, j as deleteComment, k as decodeCommentBody, l as likeUnlikeComment, I as InputCommentBar, m as likeUnlikePost, g as getDefaultFailNoti } from './index-5fdee5d6.js';
+import { C as CommonGAssets } from './index-ef9f09f2.js';
+import { R as REPORT_REASON_MAP, D as DEFAULT_IMG } from './constants-bfb240db.js';
 import { useTogetherAuthRequiredAction, TogetherAuthConfigContextProvider } from './useTogetherAuthRequiredAction.js';
-import { T as TogetherComponentGlobalContext, c as callApi, s as getMarryBabyApiPath, o as getDiscoverApiPath, g as getCarePath, k as getCurrentBaseUrl$1, b as callApiWithAuth, d as getApiPath, t as callApiWithOptionalAuth, l as domainLocales$1 } from './utils-1ec86eda.js';
-import { b as TreePopoverMenu, C as CardReactions, c as CardReactionType, a as LabelPin, T as TagTopic } from './treePopoverMenu-24b908ca.js';
+import { T as TogetherComponentGlobalContext, c as callApi, s as getMarryBabyApiPath, o as getDiscoverApiPath, g as getCarePath, k as getCurrentBaseUrl$1, b as callApiWithAuth, d as getApiPath, t as callApiWithOptionalAuth, l as domainLocales$1 } from './utils-f4fa6672.js';
+import { b as TreePopoverMenu, C as CardReactions, c as CardReactionType, a as LabelPin, T as TagTopic } from './treePopoverMenu-c11a5181.js';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-b7a26665.js';
+import { M as MediaQueries } from './utils-f7866963.js';
 import { theme } from './miscTheme.js';
-import { g as formatArticle, h as formatCategory, e as formatComment } from './dataTransform-8004b7ec.js';
+import { g as formatArticle, h as formatCategory, e as formatComment } from './dataTransform-c98a24ef.js';
 import { DISCOVER_PATHS, CARE_PATHS, PATHS } from './togetherApiPaths.js';
-import { C as CardLink } from './index-13bee747.js';
-import { C as CardAuthor, c as ProfileDetailModal } from './index-455912ff.js';
-import { a as ProfileDetail, P as PostContent } from './index-04a986db.js';
-import { a as PostImagePreview } from './index-c0e3e088.js';
-import { S as SocialLinkPreview } from './index-0b6583b7.js';
-import { D as Divider } from './index-0b1f7af6.js';
-import './index-05e60877.js';
+import { C as CardLink } from './index-b12d124f.js';
+import { C as CardAuthor, c as ProfileDetailModal } from './index-8814e781.js';
+import { a as ProfileDetail, P as PostContent } from './index-bcf9a3fb.js';
+import { a as PostImagePreview } from './index-3decdaf2.js';
+import { S as SocialLinkPreview } from './index-b5540234.js';
+import { D as Divider } from './index-bfee35c9.js';
+import './index-101f5667.js';
 import { Plus } from '@hhgtech/icons/core';
 import { ArrowRight, ArrowDown, Trash, Endorse } from '@hhgtech/icons/other';
 import { Accordion } from '@mantine/core';
-import { I as Input } from './index-8b42a7ee.js';
-import { T as Text } from './index-b2422d6f.js';
-import { L as Loading } from './index-8beb0fcb.js';
-import { g as getCurrentBaseUrl } from './normalizeLink-fe262db9.js';
+import { I as Input } from './index-682fb0b4.js';
+import { T as Text } from './index-a236d334.js';
+import { L as Loading } from './index-ba842cd3.js';
+import { g as getCurrentBaseUrl } from './normalizeLink-5ebb38ec.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
 var img$7 = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3e%3cpath fill='%233E3F58' d='M5 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2M19 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2M12 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2'/%3e%3c/svg%3e";

package/build/esm/{index-26813360.js → index-a5aba3b1.js}

@@ -2,10 +2,10 @@ import * as React from 'react';
 import React__default from 'react';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { T as Text } from './index-3a6eedf0.js';
+import { T as Text } from './index-c998dc49.js';
 import cn from 'classnames';
-import { I as ImageWrap } from './index-d79f98c6.js';
-import { T as Text$1 } from './index-b2422d6f.js';
+import { I as ImageWrap } from './index-74d7771e.js';
+import { T as Text$1 } from './index-a236d334.js';
 
 /* eslint-disable prettier/prettier */
 const ArrowRightBlue = (props) => (React.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 6 10", fill: "none" }, props),
@@ -41,7 +41,7 @@ const StyledInsuranceItem = styled.li `
 const InsuranceList = ({ insurances, className, isName = true, }) => {
     if (!insurances.length)
         return null;
-    return (React__default.createElement(StyledInsuranceList, { className: className }, insurances.map((insurance) => (React__default.createElement(StyledInsuranceItem, { className: "insuranceItem", key: insurance.id },
+    return (React__default.createElement(StyledInsuranceList, { id: "insurance-list", className: className }, insurances.map((insurance) => (React__default.createElement(StyledInsuranceItem, { className: "insuranceItem", key: insurance.id },
         React__default.createElement("div", { className: "insuranceLogo" },
             React__default.createElement("img", { src: insurance.logo, alt: `Logo of ${insurance.name}` })),
         isName && (React__default.createElement(Text, { size: "base", color: theme.colors.gray500, type: "bold" }, insurance.name)))))));
@@ -69,7 +69,7 @@ const StyledPaymentItem = styled.div `
   align-items: center;
   text-align: center;
 
-  &.payment-item {
+  &.payment-item-mobile {
     width: 100%;
   }
 
@@ -90,10 +90,10 @@ const StyledPaymentItem = styled.div `
 const PaymentList = ({ payments, className, isName = true, isMobile = false, }) => {
     if (!payments.length)
         return null;
-    return (React__default.createElement(StyledPaymentList, { className: cn(className, {
+    return (React__default.createElement(StyledPaymentList, { id: "payment-container", className: cn(className, {
             paymentList: isMobile && payments.length >= 4,
-        }) }, payments.map((payment) => (React__default.createElement(StyledPaymentItem, { className: cn({
-            'payment-item': isMobile && payments.length >= 4,
+        }) }, payments.map((payment) => (React__default.createElement(StyledPaymentItem, { className: cn('payment-item', {
+            'payment-item-mobile': isMobile && payments.length >= 4,
         }), key: payment.id },
         React__default.createElement(ImageWrap, { className: "logo", src: payment.logo, alt: `${payment.name} Logo` }),
         isName && React__default.createElement("div", { className: "txt-caption-1" }, payment.name))))));

package/build/esm/{index-76a912c8.js → index-a94527ef.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-3729547c.js';
+import { _ as __rest } from './tslib.es6-9e95700a.js';
 import React__default from 'react';
 import { useMantineTheme } from '@mantine/core';
-import { T as Text } from './index-b2422d6f.js';
+import { T as Text } from './index-a236d334.js';
 
 /**
  * @deprecated Consider to use import { Title } from '@mantine/core'

package/build/esm/{index-13bee747.js → index-b12d124f.js}

@@ -1,12 +1,12 @@
-import { a as __awaiter } from './tslib.es6-3729547c.js';
+import { a as __awaiter } from './tslib.es6-9e95700a.js';
 import React__default, { useContext, useState, useRef, useEffect } from 'react';
 import { useMantineTheme } from '@mantine/core';
-import { H as Heading } from './index-76a912c8.js';
-import { T as Text } from './index-b2422d6f.js';
-import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-1ec86eda.js';
+import { H as Heading } from './index-a94527ef.js';
+import { T as Text } from './index-a236d334.js';
+import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-f4fa6672.js';
 import styled from '@emotion/styled';
 import { PATHS } from './togetherApiPaths.js';
-import { D as DEFAULT_IMG } from './constants-cb3be107.js';
+import { D as DEFAULT_IMG } from './constants-bfb240db.js';
 
 const StyledCardLink = styled.div `
   .link-info-container {

package/build/esm/{index-c969205e.js → index-b1dd9015.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
-import { u as useTranslations } from './index-fce3247b.js';
-import { B as Button } from './index-86067be7.js';
+import { u as useTranslations } from './index-178f8dcb.js';
+import { B as Button } from './index-8970d0ca.js';
 
 var styles = {"loading":"PD6nRZX"};
 

package/build/esm/{index-1d56e4c0.js → index-b2c8d872.js}

@@ -1,23 +1,23 @@
-import { _ as __rest } from './tslib.es6-3729547c.js';
+import { _ as __rest } from './tslib.es6-9e95700a.js';
 import React__default, { createContext, useContext } from 'react';
 import { createStyles, rem, useMantineTheme, clsx } from '@mantine/core';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { I as Input } from './index-22e82cc3.js';
-import { D as DatePicker } from './index-4eac23d6.js';
-import { T as Text } from './index-b2422d6f.js';
-import './index-6dde2fde.js';
-import './index-91829656.js';
-import './index.styles-1709b54d.js';
-import { u as useTranslations } from './index-fce3247b.js';
+import { I as Input } from './index-e31f9a89.js';
+import { D as DatePicker } from './index-47ec9372.js';
+import { T as Text } from './index-a236d334.js';
+import './index-2c3ae14d.js';
+import './index-d5a1e5a5.js';
+import './index.styles-48cba1d0.js';
+import { u as useTranslations } from './index-178f8dcb.js';
 import '@mantine/hooks';
-import './index-d95d2740.js';
-import './utils-b7a26665.js';
-import './index-40d26847.js';
-import { C as CardWrapperContext } from './context-7ed98ae3.js';
-import { I as INPUT_RANGE } from './constants-18ba69ee.js';
-import { H as HealthToolFormWrapper } from './index-68964b51.js';
-import { G as GenderOptionControl } from './index-e8966fcd.js';
-import { L as LOCALE } from './Locale-0dbefffc.js';
+import './index-e9488ab3.js';
+import './utils-f7866963.js';
+import './index-c4e0e9fb.js';
+import { C as CardWrapperContext } from './context-717c9596.js';
+import { I as INPUT_RANGE } from './constants-b5aa87d9.js';
+import { H as HealthToolFormWrapper } from './index-c22d018e.js';
+import { G as GenderOptionControl } from './index-cd55fcee.js';
+import { L as LOCALE } from './Locale-a585f90a.js';
 import { CalendarMB } from '@hhgtech/icons/other';
 
 const BabyGrowthFormContext = createContext({});

package/build/esm/{index-0b6583b7.js → index-b5540234.js}

@@ -1,13 +1,13 @@
-import { a as __awaiter } from './tslib.es6-3729547c.js';
+import { a as __awaiter } from './tslib.es6-9e95700a.js';
 import React__default, { useState, useEffect, useRef, useContext, useMemo } from 'react';
 import { Box, useMantineTheme } from '@mantine/core';
-import { I as ImageWrap } from './index-d79f98c6.js';
-import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-1ec86eda.js';
+import { I as ImageWrap } from './index-74d7771e.js';
+import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-f4fa6672.js';
 import styled from '@emotion/styled';
 import { PATHS } from './togetherApiPaths.js';
-import { D as DEFAULT_IMG } from './constants-cb3be107.js';
-import { y as youtubeVidIdGetter } from './post-9c1d28fd.js';
-import { L as Loading } from './index-8beb0fcb.js';
+import { D as DEFAULT_IMG } from './constants-bfb240db.js';
+import { y as youtubeVidIdGetter } from './post-4d8073af.js';
+import { L as Loading } from './index-ba842cd3.js';
 
 const StyledSocialLinkPreview = styled.div `
   .link-info-container {

package/build/esm/{index-9d7c2e34.js → index-b6601687.js}

@@ -1,48 +1,48 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-3729547c.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-9e95700a.js';
 import React__default, { useState, useRef, useEffect, useCallback, useContext, useMemo } from 'react';
 import { Info, Ask } from '@hhgtech/icons/other';
-import { D as Dropdown } from './index-f0ca6d40.js';
-import { u as useTranslations } from './index-fce3247b.js';
+import { D as Dropdown } from './index-1ffa2080.js';
+import { u as useTranslations } from './index-178f8dcb.js';
 import innertext from 'innertext';
 import { theme } from './miscTheme.js';
-import { I as Input$1 } from './index-22e82cc3.js';
+import { I as Input$1 } from './index-e31f9a89.js';
 import { useMantineTheme, SegmentedControl, Popover } from '@mantine/core';
 import '@mantine/dates';
-import './index-05e60877.js';
-import './index-12d947cf.js';
-import './index-feb0867e.js';
-import './index-d95d2740.js';
-import { T as Text } from './index-b2422d6f.js';
-import { B as Button } from './index-6dde2fde.js';
-import './index-91829656.js';
-import './index.styles-1709b54d.js';
+import './index-101f5667.js';
+import './index-66ea0d06.js';
+import './index-ef9f09f2.js';
+import './index-e9488ab3.js';
+import { T as Text } from './index-a236d334.js';
+import { B as Button } from './index-2c3ae14d.js';
+import './index-d5a1e5a5.js';
+import './index.styles-48cba1d0.js';
 import '@mantine/hooks';
-import { M as MediaQueries } from './utils-b7a26665.js';
-import './index-40d26847.js';
-import { u as useImagePicker, a as PopupFrame, c as IconCloseCircle, g as getDefaultFailNoti, d as getPostFormData, e as editPost, f as createPost } from './index-1cb5fb7e.js';
-import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath, p as getCurrentHref, b as callApiWithAuth, q as callApiWithAdminAuth, r as getChatbotAiApiPath } from './utils-1ec86eda.js';
+import { M as MediaQueries } from './utils-f7866963.js';
+import './index-c4e0e9fb.js';
+import { u as useImagePicker, a as PopupFrame, c as IconCloseCircle, g as getDefaultFailNoti, d as getPostFormData, e as editPost, f as createPost } from './index-5fdee5d6.js';
+import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath, p as getCurrentHref, b as callApiWithAuth, q as callApiWithAdminAuth, r as getChatbotAiApiPath } from './utils-f4fa6672.js';
 import styled from '@emotion/styled';
-import { b as formatPost, a as formatCommunity, c as formatTopic } from './dataTransform-8004b7ec.js';
-import { M as MAX_IMAGE_UPLOADS, B as BEARER_TOKEN_COOKIE } from './constants-cb3be107.js';
-import { h as highlightBadWords, f as fixMalformedMention, r as removeFontFormat, a as removeEdittedBannedWord, w as wrapAnchorAroundUrls, g as getUrlsFromEditorString, A as ALLOW_DOMAIN_URL, e as escapeRegExp, d as decodeMention, b as decodePostUrl, c as reformatUrl, i as getMentionIdsFromString, L as LIMIT_MENTION } from './post-9c1d28fd.js';
-import { C as CardAuthor } from './index-455912ff.js';
-import { S as StyledCreatePostDescription$1, R as RichTextEditor$1, I as IconLink } from './editor-80f2e425.js';
-import { I as Input } from './index-8b42a7ee.js';
+import { b as formatPost, a as formatCommunity, c as formatTopic } from './dataTransform-c98a24ef.js';
+import { M as MAX_IMAGE_UPLOADS, B as BEARER_TOKEN_COOKIE } from './constants-bfb240db.js';
+import { h as highlightBadWords, f as fixMalformedMention, r as removeFontFormat, a as removeEdittedBannedWord, w as wrapAnchorAroundUrls, g as getUrlsFromEditorString, A as ALLOW_DOMAIN_URL, e as escapeRegExp, d as decodeMention, b as decodePostUrl, c as reformatUrl, i as getMentionIdsFromString, L as LIMIT_MENTION } from './post-4d8073af.js';
+import { C as CardAuthor } from './index-8814e781.js';
+import { S as StyledCreatePostDescription$1, R as RichTextEditor$1, I as IconLink } from './editor-8f2cf40c.js';
+import { I as Input } from './index-682fb0b4.js';
 import debounce from 'lodash/debounce';
 import ContentEditable from 'react-contenteditable';
 import { PATHS, ADMIN_PATHS } from './togetherApiPaths.js';
-import { L as Loading } from './index-1a451f03.js';
-import { C as CardLink } from './index-13bee747.js';
-import { B as BtnChoice } from './index-61d496c9.js';
-import { L as LOCALE } from './Locale-0dbefffc.js';
+import { L as Loading } from './index-96a402a5.js';
+import { C as CardLink } from './index-b12d124f.js';
+import { B as BtnChoice } from './index-98418093.js';
+import { L as LOCALE } from './Locale-a585f90a.js';
 import * as ReactDOM from 'react-dom';
-import { L as Loading$1 } from './index-8beb0fcb.js';
-import { b as IconArrowLeft } from './index-c0e3e088.js';
-import { B as Button$1 } from './index-86067be7.js';
+import { L as Loading$1 } from './index-ba842cd3.js';
+import { b as IconArrowLeft } from './index-3decdaf2.js';
+import { B as Button$1 } from './index-8970d0ca.js';
 import { getCookie } from './miscCookieHelper.js';
-import { a as useUniqueId } from './useUniqueId-e539270f.js';
-import { U as UserAvatar } from './index-acd2a0a7.js';
-import { P as PopoverMenu } from './index-141d2ff1.js';
+import { a as useUniqueId } from './useUniqueId-37ef6b74.js';
+import { U as UserAvatar } from './index-516efd99.js';
+import { P as PopoverMenu } from './index-41447db7.js';
 import { Close, Check } from '@hhgtech/icons/core';
 
 const StyledCreateNewPost$1 = styled.div `

package/build/esm/{index-fd0604f7.js → index-b9eb21e8.js}

@@ -1,7 +1,7 @@
 import React__default from 'react';
 import styled from '@emotion/styled';
-import { C as Container } from './index-c659017e.js';
-import { T as Text } from './index-b2422d6f.js';
+import { C as Container } from './index-e5da6ae4.js';
+import { T as Text } from './index-a236d334.js';
 
 const StyledTextDivider = styled.div `
   background-color: var(--neutral50);

package/build/esm/{index-8beb0fcb.js → index-ba842cd3.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
-import { B as Button } from './index-86067be7.js';
-import { u as useTranslations } from './index-fce3247b.js';
+import { B as Button } from './index-8970d0ca.js';
+import { u as useTranslations } from './index-178f8dcb.js';
 import { keyframes } from '@emotion/react';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';