@hhgtech/hhg-components 1.29.445-beta-8 → 1.29.446

package/build/esm/{index-b754de69.js → index-99bc575e.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-eb1b7e09.js';
-import { M as MediaQueries, t as toggleNoScroll } from './utils-c61baa67.js';
-import { A as AuthorBadge, B as BookingBtn } from './index-6684fcaa.js';
-import { I as Icon } from './index-4e4f6c87.js';
-import { _ as __rest } from './tslib.es6-f13daadc.js';
-import { U as UserAvatar } from './index-c2b6b6bc.js';
-import { I as ImageWrap, u as useScreenSize } from './index-12739ce3.js';
-import './index-32b658e4.js';
-import { C as CommonGAssets } from './index-a7dc705e.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-137292cf.js';
-import { B as Button } from './index-0d2c367c.js';
-import { T as Text } from './index-05ddfbd5.js';
+import { u as useTranslations } from './index-be5a7659.js';
+import { M as MediaQueries, t as toggleNoScroll } from './utils-9ecd77e3.js';
+import { A as AuthorBadge, B as BookingBtn } from './index-df75f887.js';
+import { I as Icon } from './index-6efd8f7a.js';
+import { _ as __rest } from './tslib.es6-d3d6775d.js';
+import { U as UserAvatar } from './index-f66e8ba1.js';
+import { I as ImageWrap, u as useScreenSize } from './index-3079db33.js';
+import './index-8c223288.js';
+import { C as CommonGAssets } from './index-c169de32.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-b8fd4daf.js';
+import { B as Button } from './index-26e83ed6.js';
+import { T as Text } from './index-6a5e3a6f.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-7d959530.js';
-import { H as Heading } from './index-4bdee69c.js';
-import { M as Modal } from './index-0596ffb5.js';
+import { L as Loading } from './index-a39845d4.js';
+import { H as Heading } from './index-500479f6.js';
+import { M as Modal } from './index-b52c7f54.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-758730df.js').then((module) => {
+                import('./index-a0b38a9f.js').then((module) => {
                     setProfileDetail(() => module.ProfileChatbot);
                 });
             }

package/build/esm/{index-ac8f3e23.js → index-9b82dc59.js}

@@ -1,33 +1,33 @@
 import * as React from 'react';
 import React__default, { useMemo, useState, useEffect, useRef, createContext, useContext } from 'react';
-import { u as useTranslations } from './index-eb1b7e09.js';
+import { u as useTranslations } from './index-be5a7659.js';
 import { getCookie } from './miscCookieHelper.js';
-import { C as CommonGAssets } from './index-a7dc705e.js';
-import { n as normalizeLinkSlash, e as normalizeLink } from './normalizeLink-e60f856f.js';
+import { C as CommonGAssets } from './index-c169de32.js';
+import { n as normalizeLinkSlash, e as normalizeLink } from './normalizeLink-cb899a3d.js';
 import { theme } from './miscTheme.js';
-import { A as Avatar, I as IconWrapper, D as DistanceTag, a as DrawerBottom, S as ShapedArrowDown } from './index-9cde31ae.js';
-import { b as getTogetherUserPostsApiPath } from './index-0fe413a7.js';
-import { B as Button } from './index-0d2c367c.js';
-import { w as workingDays } from './types-34e91303.js';
+import { A as Avatar, I as IconWrapper, D as DistanceTag, a as DrawerBottom, S as ShapedArrowDown } from './index-29f80af7.js';
+import { b as getTogetherUserPostsApiPath } from './index-908a22f1.js';
+import { B as Button } from './index-26e83ed6.js';
+import { w as workingDays } from './types-565e1db2.js';
 import styled from '@emotion/styled';
 import { LoadScript, GoogleMap, Marker } from '@react-google-maps/api';
 import cn from 'classnames';
-import { b as basePath, Z as ZINDEX_SSO } from './index-32b658e4.js';
-import { L as LOCALISED_SLUGS } from './constants-cd9b21cc.js';
-import { T as Text } from './index-cfa994b0.js';
-import { f as formatPhoneNumber } from './localizeNumberFormat-8feeb887.js';
-import { a as __awaiter } from './tslib.es6-f13daadc.js';
+import { b as basePath, Z as ZINDEX_SSO } from './index-8c223288.js';
+import { L as LOCALISED_SLUGS } from './constants-e8330298.js';
+import { T as Text } from './index-38e9a9f0.js';
+import { f as formatPhoneNumber } from './localizeNumberFormat-985acf47.js';
+import { a as __awaiter } from './tslib.es6-d3d6775d.js';
 import { useDisclosure } from '@mantine/hooks';
-import { clsx, Flex, Box, rem } from '@mantine/core';
-import { u as useTextStyles, T as TextField } from './index-571f7911.js';
+import { clsx, Flex, Box } from '@mantine/core';
+import { u as useTextStyles, T as TextField } from './index-85409d38.js';
 import { parsePhoneNumber } from 'react-phone-number-input';
-import { P as Phone, I as Input, E as ErrorIcon } from './index-45d9757a.js';
-import { G as GlobalTextStyleNew, C as CustomStylesType, F as FontWeight } from './text-b2dee138.js';
-import { B as Button$1 } from './index-62bca68c.js';
-import { M as MAPPED_LOCALE } from './index-e7081070.js';
-import { T as Text$1 } from './index-05ddfbd5.js';
-import { I as ImageWrap } from './index-12739ce3.js';
-import { I as InsuranceList, P as PaymentList, A as ArrowRightBlue, a as DoctorInfoExpertise, D as DoctorExpertiseItem, C as Clinic } from './index-16275a8e.js';
+import { P as Phone, I as Input, E as ErrorIcon } from './index-fbcce178.js';
+import { G as GlobalTextStyleNew, C as CustomStylesType, F as FontWeight } from './text-eced7441.js';
+import { B as Button$1 } from './index-d5633020.js';
+import { M as MAPPED_LOCALE } from './index-8dfda23b.js';
+import { T as Text$1 } from './index-6a5e3a6f.js';
+import { I as ImageWrap } from './index-3079db33.js';
+import { I as InsuranceList, P as PaymentList, A as ArrowRightBlue, a as DoctorInfoExpertise, D as DoctorExpertiseItem, C as Clinic } from './index-df0b6335.js';
 
 /* eslint-disable prettier/prettier */
 const Check = (props) => (React.createElement("svg", Object.assign({ width: "1em", height: "1em", viewBox: "0 0 81 80", fill: "none" }, props),
@@ -1330,59 +1330,4 @@ DoctorExpertise.OtherHighlights = () => {
     return (React__default.createElement(DoctorExpertiseItem, { doctorInfo: otherHighlights, Icon: Highlight, title: t('common.otherHighlights') }));
 };
 
-const ArticleCardStyled = styled.div `
-  display: flex;
-  flex-direction: column;
-  gap: ${rem(12)};
-`;
-const ArticleCardContentStyled = styled.div `
-  display: flex;
-  flex-direction: column;
-  gap: ${rem(8)};
-`;
-const ArticleCardContentTitleStyled = styled.div `
-  display: flex;
-  flex-direction: column;
-  gap: ${rem(4)};
-`;
-const ArticleDoctorStyled = styled.div `
-  display: flex;
-  gap: ${rem(4)};
-  align-items: center;
-`;
-const TextSpanStyled = styled.span `
-  color: ${theme.colors.gray600};
-`;
-
-const ArticleDetailCard = (props) => {
-    const { article, doctor, className, style, handleClick } = props;
-    const { articleType, articleTitle, articleTypeColor, image, defaultImage } = article || {};
-    const { doctorName, doctorAvatar, defaultDoctorAvatar } = doctor || {};
-    const { t } = useTranslations();
-    return (React__default.createElement(ArticleCardStyled, { className: className, style: style, onClick: handleClick },
-        React__default.createElement(ImageWrap, { alt: 'article-image', src: image || defaultImage, style: {
-                width: '100%',
-                height: rem(143.5),
-                objectFit: 'cover',
-                borderRadius: rem(4),
-            } }),
-        React__default.createElement(ArticleCardContentStyled, null,
-            React__default.createElement(ArticleCardContentTitleStyled, null,
-                React__default.createElement(Text$1, { color: articleTypeColor || theme.colors.green600, size: "c1", weight: "halfBold" }, articleType),
-                React__default.createElement(Text$1, { size: "p2", weight: "semiBold", color: theme.colors.gray800, lineClamp: 2 }, articleTitle)),
-            React__default.createElement(ArticleDoctorStyled, null,
-                React__default.createElement(ImageWrap, { alt: 'doctor-avatar', src: doctorAvatar || defaultDoctorAvatar, style: {
-                        width: rem(20),
-                        height: rem(20),
-                        borderRadius: '50%',
-                    } }),
-                React__default.createElement("div", null,
-                    React__default.createElement(Text$1, { size: "c1", weight: "regular", color: theme.colors.gray800, lineClamp: 1 },
-                        React__default.createElement(TextSpanStyled, null,
-                            t('common.articleCard.reviewedDoctor'),
-                            ":"),
-                        ' ',
-                        doctorName))))));
-};
-
-export { ArticleDetailCard as A, ClinicInfo as C, DoctorExpertise as D, EPopupCollectPhoneStep as E, HospitalInfo as H, Mobile as M, NavHeader as N, PopupCollectPhone as P, UserProfileNavigation as U, UserStats as a, CollectPhoneForm as b, ProductInsuranceInfo as c, Check as d, Clock as e, formPhoneType as f, HelloZalo as g, Ellipse as h, PhoneInactive as i };
+export { ClinicInfo as C, DoctorExpertise as D, EPopupCollectPhoneStep as E, HospitalInfo as H, Mobile as M, NavHeader as N, PopupCollectPhone as P, UserProfileNavigation as U, UserStats as a, CollectPhoneForm as b, ProductInsuranceInfo as c, Check as d, Clock as e, formPhoneType as f, HelloZalo as g, Ellipse as h, PhoneInactive as i };

package/build/esm/{index-758730df.js → index-a0b38a9f.js}

@@ -1,53 +1,53 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-f13daadc.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-d3d6775d.js';
 import React__default, { createContext, useState, useContext, useEffect } from 'react';
-import { T as Tabs } from './index-8c3f7fe6.js';
-import { L as Loading } from './index-62f48848.js';
-import './index-bd5be293.js';
-import { g as formatArticle } from './dataTransform-72190e52.js';
+import { T as Tabs } from './index-c9a58600.js';
+import { L as Loading } from './index-41f9bb30.js';
+import './index-8d856dbb.js';
+import { g as formatArticle } from './dataTransform-76dc08c5.js';
 import { PATHS } from './togetherApiPaths.js';
-import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-137292cf.js';
+import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-b8fd4daf.js';
 import { Minus, Plus } from '@hhgtech/icons/core';
 import { Collapse } from '@mantine/core';
-import { C as CardAuthor } from './index-b754de69.js';
-import { L as LOCALE } from './Locale-04ed3b71.js';
+import { C as CardAuthor } from './index-99bc575e.js';
+import { L as LOCALE } from './Locale-32ee16f4.js';
 import '@hhgtech/icons/other';
-import './index-62bca68c.js';
-import './shared-fbe65d95.js';
-import './text-b2dee138.js';
-import './index-05ddfbd5.js';
-import './index-eb1b7e09.js';
-import './translationsContext-8433386e.js';
-import './index-0d2c367c.js';
-import './index-d7baa11e.js';
+import './index-d5633020.js';
+import './shared-c425d00b.js';
+import './text-eced7441.js';
+import './index-6a5e3a6f.js';
+import './index-be5a7659.js';
+import './translationsContext-75fd6255.js';
+import './index-26e83ed6.js';
+import './index-25c07a74.js';
 import './miscCookieHelper.js';
 import 'slugify';
 import './constantsIsProduction.js';
 import 'string-format';
-import './constants-cd9b21cc.js';
+import './constants-e8330298.js';
 import 'dayjs';
 import 'dayjs/plugin/relativeTime';
-import './utils-c61baa67.js';
-import './index-6684fcaa.js';
-import './paths-9be14ab8.js';
-import './constants-7dd3c497.js';
-import './index-32b658e4.js';
+import './utils-9ecd77e3.js';
+import './index-df75f887.js';
+import './paths-6de429eb.js';
+import './constants-f2cb363e.js';
+import './index-8c223288.js';
 import 'date-fns/locale';
 import './constantsSite.js';
 import './constantsDomainLocales.js';
 import './constantsRiskScreener.js';
-import './index-4e4f6c87.js';
+import './index-6efd8f7a.js';
 import './miscTheme.js';
-import './WhatsApp-ba537bf1.js';
-import './Spinner-c1607339.js';
-import './index-c2b6b6bc.js';
+import './WhatsApp-c768bcd2.js';
+import './Spinner-1701207a.js';
+import './index-f66e8ba1.js';
 import '@emotion/styled';
-import './index-12739ce3.js';
-import './index-a7dc705e.js';
-import './index-7d959530.js';
+import './index-3079db33.js';
+import './index-c169de32.js';
+import './index-a39845d4.js';
 import '@emotion/react';
-import './index-4bdee69c.js';
-import './index-0596ffb5.js';
-import './index.styles-d762acb8.js';
+import './index-500479f6.js';
+import './index-b52c7f54.js';
+import './index.styles-2d06e686.js';
 
 const ProfileDetailContext = createContext({});
 

package/build/esm/{index-20e03dfd.js → index-a177ecbc.js}

@@ -1,27 +1,27 @@
 import React__default, { useState, useMemo, useContext, useEffect, createContext, useRef } from 'react';
-import { B as Button } from './index-0d2c367c.js';
-import { H as Heading } from './index-4bdee69c.js';
-import { T as Text } from './index-05ddfbd5.js';
-import { c as safeEncodeURI, M as MediaQueries, t as toggleNoScroll, a as getPopupWrapperDom } from './utils-c61baa67.js';
+import { B as Button } from './index-26e83ed6.js';
+import { H as Heading } from './index-500479f6.js';
+import { T as Text } from './index-6a5e3a6f.js';
+import { c as safeEncodeURI, M as MediaQueries, t as toggleNoScroll, a as getPopupWrapperDom } from './utils-9ecd77e3.js';
 import * as ReactDOM from 'react-dom';
-import { b as callApiWithAuth, d as getApiPath, T as TogetherComponentGlobalContext } from './utils-137292cf.js';
+import { b as callApiWithAuth, d as getApiPath, T as TogetherComponentGlobalContext } from './utils-b8fd4daf.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { a as __awaiter } from './tslib.es6-f13daadc.js';
-import { I as Input } from './index-28cbffd4.js';
-import { u as useTranslations } from './index-eb1b7e09.js';
-import { e as formatComment } from './dataTransform-72190e52.js';
-import { M as MAX_IMAGE_UPLOADS, a as DEFAULT_AVATAR_IMG } from './constants-cd9b21cc.js';
+import { a as __awaiter } from './tslib.es6-d3d6775d.js';
+import { I as Input } from './index-8542e2a7.js';
+import { u as useTranslations } from './index-be5a7659.js';
+import { e as formatComment } from './dataTransform-76dc08c5.js';
+import { M as MAX_IMAGE_UPLOADS, a as DEFAULT_AVATAR_IMG } from './constants-e8330298.js';
 import { PATHS } from './togetherApiPaths.js';
-import { j as removeBannedWordWrapper, i as getMentionIdsFromString, k as encodePostContent, u as uploadAndGetSrc } from './post-a52b45f1.js';
-import { C as CardLink } from './index-9d55b0ab.js';
-import { L as Loading } from './index-7d959530.js';
-import { U as UserAvatar } from './index-c2b6b6bc.js';
-import { R as RichTextEditor } from './editor-da33aa10.js';
+import { j as removeBannedWordWrapper, i as getMentionIdsFromString, k as encodePostContent, u as uploadAndGetSrc } from './post-d97888e9.js';
+import { C as CardLink } from './index-b8767744.js';
+import { L as Loading } from './index-a39845d4.js';
+import { U as UserAvatar } from './index-f66e8ba1.js';
+import { R as RichTextEditor } from './editor-c0f734d5.js';
 import { Portal } from '@mantine/core';
 import { FullScreen } from '@hhgtech/icons/other';
-import { P as Popup } from './index-3050d5ab.js';
-import { C as CloseIcon } from './index-478fd4fe.js';
+import { P as Popup } from './index-69af4a31.js';
+import { C as CloseIcon } from './index-87a5e8aa.js';
 import { ShareBox } from './togetherShareBox.js';
 
 const useImagePicker = (imageFilesProp, onImageFilesChange) => {

package/build/esm/{index-7d959530.js → index-a39845d4.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
-import { B as Button } from './index-0d2c367c.js';
-import { u as useTranslations } from './index-eb1b7e09.js';
+import { B as Button } from './index-26e83ed6.js';
+import { u as useTranslations } from './index-be5a7659.js';
 import { keyframes } from '@emotion/react';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';

package/build/esm/{index-ad47fdc9.js → index-a44a367f.js}

@@ -1,20 +1,20 @@
-import { _ as __rest } from './tslib.es6-f13daadc.js';
+import { _ as __rest } from './tslib.es6-d3d6775d.js';
 import React__default, { createContext, useContext } from 'react';
 import { useMantineTheme } from '@mantine/core';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { L as LastPeriod } from './LastPeriod-515c6bf1.js';
-import { I as Input } from './index-45d9757a.js';
-import { D as DatePicker } from './index-2f5892dd.js';
-import { T as Text } from './index-05ddfbd5.js';
-import './index-62bca68c.js';
-import './index.styles-d762acb8.js';
-import { u as useTranslations } from './index-eb1b7e09.js';
+import { L as LastPeriod } from './LastPeriod-ee32498c.js';
+import { I as Input } from './index-fbcce178.js';
+import { D as DatePicker } from './index-ff9b19dc.js';
+import { T as Text } from './index-6a5e3a6f.js';
+import './index-d5633020.js';
+import './index.styles-2d06e686.js';
+import { u as useTranslations } from './index-be5a7659.js';
 import '@mantine/hooks';
-import './index-e7081070.js';
-import './text-b2dee138.js';
-import './utils-c61baa67.js';
-import './index-8c3f7fe6.js';
-import { H as HealthToolFormWrapper } from './index-ab8becec.js';
+import './index-8dfda23b.js';
+import './text-eced7441.js';
+import './utils-9ecd77e3.js';
+import './index-c9a58600.js';
+import { H as HealthToolFormWrapper } from './index-236e029e.js';
 import { CalendarMB } from '@hhgtech/icons/other';
 
 const AvoidPregnancy = (_a) => {

package/build/esm/{index-59455174.js → index-b3a565c0.js}

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

package/build/esm/{index-c65bddb8.js → index-b4409ba5.js}

@@ -1,11 +1,11 @@
 import React__default, { useRef, useEffect } from 'react';
 import { Portal } from '@mantine/core';
-import { t as toggleNoScroll } from './utils-c61baa67.js';
+import { t as toggleNoScroll } from './utils-9ecd77e3.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-39993b80.js';
-import { T as Text } from './index-05ddfbd5.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-70dad4d2.js';
+import { T as Text } from './index-6a5e3a6f.js';
 
 const DURATION = '600ms';
 const generateStyleBasedOnPlacement = (placement, open) => {

package/build/esm/{index-eaa0b8ab.js → index-b482fa95.js}

@@ -1,24 +1,24 @@
-import { _ as __rest } from './tslib.es6-f13daadc.js';
+import { _ as __rest } from './tslib.es6-d3d6775d.js';
 import React__default, { createContext, useContext, useRef, useMemo, useState, useEffect } from 'react';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { u as useHealthToolsCache } from './useHealthToolCache-56dcc32c.js';
-import { u as useTranslations } from './index-eb1b7e09.js';
-import { C as CommonGAssets } from './index-a7dc705e.js';
-import { H as HEALTH_TOOL_TYPE } from './constants-cd9b21cc.js';
-import { G as GenderOptionControl } from './index-8fae5f1d.js';
-import { I as Input, S as Select } from './index-45d9757a.js';
-import { D as DatePicker } from './index-2f5892dd.js';
-import './index-05ddfbd5.js';
-import './index-62bca68c.js';
+import { u as useHealthToolsCache } from './useHealthToolCache-6e58aa34.js';
+import { u as useTranslations } from './index-be5a7659.js';
+import { C as CommonGAssets } from './index-c169de32.js';
+import { H as HEALTH_TOOL_TYPE } from './constants-e8330298.js';
+import { G as GenderOptionControl } from './index-878ae459.js';
+import { I as Input, S as Select } from './index-fbcce178.js';
+import { D as DatePicker } from './index-ff9b19dc.js';
+import './index-6a5e3a6f.js';
+import './index-d5633020.js';
 import '@mantine/core';
-import './index.styles-d762acb8.js';
+import './index.styles-2d06e686.js';
 import '@mantine/hooks';
-import './index-e7081070.js';
-import './text-b2dee138.js';
-import './utils-c61baa67.js';
-import './index-8c3f7fe6.js';
-import './index-32b658e4.js';
-import { H as HealthToolFormWrapper } from './index-ab8becec.js';
+import './index-8dfda23b.js';
+import './text-eced7441.js';
+import './utils-9ecd77e3.js';
+import './index-c9a58600.js';
+import './index-8c223288.js';
+import { H as HealthToolFormWrapper } from './index-236e029e.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
 const ThrFormContext = createContext({});

package/build/esm/{index-0596ffb5.js → index-b52c7f54.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-f13daadc.js';
+import { _ as __rest } from './tslib.es6-d3d6775d.js';
 import React__default from 'react';
 import { Modal as Modal$1 } from '@mantine/core';
-import { u as useStyles } from './index.styles-d762acb8.js';
+import { u as useStyles } from './index.styles-2d06e686.js';
 
 const Modal = (_a) => {
     var { styles, classNames, transitionProps } = _a, rest = __rest(_a, ["styles", "classNames", "transitionProps"]);

package/build/esm/{index-9d55b0ab.js → index-b8767744.js}

@@ -1,12 +1,12 @@
-import { a as __awaiter } from './tslib.es6-f13daadc.js';
+import { a as __awaiter } from './tslib.es6-d3d6775d.js';
 import React__default, { useContext, useState, useRef, useEffect } from 'react';
 import { useMantineTheme } from '@mantine/core';
-import { H as Heading } from './index-4bdee69c.js';
-import { T as Text } from './index-05ddfbd5.js';
-import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-137292cf.js';
+import { H as Heading } from './index-500479f6.js';
+import { T as Text } from './index-6a5e3a6f.js';
+import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-b8fd4daf.js';
 import styled from '@emotion/styled';
 import { PATHS } from './togetherApiPaths.js';
-import { D as DEFAULT_IMG } from './constants-cd9b21cc.js';
+import { D as DEFAULT_IMG } from './constants-e8330298.js';
 
 const StyledCardLink = styled.div `
   .link-info-container {

package/build/esm/{index-eb1b7e09.js → index-be5a7659.js}

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { useContext, useMemo } from 'react';
-import { T as TranslationsContext } from './translationsContext-8433386e.js';
+import { T as TranslationsContext } from './translationsContext-75fd6255.js';
 
 // SRC: https://github.com/berezh/react-string-format
 function format(text, params) {

package/build/esm/{index-8c3f7fe6.js → index-c9a58600.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-f13daadc.js';
+import { _ as __rest } from './tslib.es6-d3d6775d.js';
 import React__default, { useRef, useState, useEffect } from 'react';
 import { ArrowLeft, ArrowRight } from '@hhgtech/icons/other';
 import { createStyles, rem, Tabs as Tabs$1, ScrollArea } from '@mantine/core';
-import { B as Button } from './index-62bca68c.js';
-import { T as Text } from './index-05ddfbd5.js';
+import { B as Button } from './index-d5633020.js';
+import { T as Text } from './index-6a5e3a6f.js';
 
 var useStyles = createStyles((theme, params) => {
     const { variant } = params;

package/build/esm/{index-5ef3c50a.js → index-d30a6402.js}

@@ -1,18 +1,18 @@
 import React__default, { useState, useMemo } from 'react';
-import { F as Flag } from './index-45d9757a.js';
+import { F as Flag } from './index-fbcce178.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { T as Text } from './index-05ddfbd5.js';
-import { C as CommonGAssets } from './index-a7dc705e.js';
-import { _ as __rest } from './tslib.es6-f13daadc.js';
-import { V as VIDEO_DETAIL_TEMP_STORAGE } from './index-32b658e4.js';
-import { V as VideoType } from './index-bd5be293.js';
+import { T as Text } from './index-6a5e3a6f.js';
+import { C as CommonGAssets } from './index-c169de32.js';
+import { _ as __rest } from './tslib.es6-d3d6775d.js';
+import { a as ZINDEX_HEADER, V as VIDEO_DETAIL_TEMP_STORAGE } from './index-8c223288.js';
+import { V as VideoType } from './index-8d856dbb.js';
 import { createStyles, Stack, Box, AspectRatio, getStylesRef, rem, Flex } from '@mantine/core';
-import { a as abbreviateNumber } from './number-9700f663.js';
-import { u as useTranslations } from './index-eb1b7e09.js';
+import { a as abbreviateNumber } from './number-9d9254e5.js';
+import { u as useTranslations } from './index-be5a7659.js';
 import { useOs } from '@mantine/hooks';
-import { M as Modal } from './index-0596ffb5.js';
-import { S as SocialLinkPreview } from './index-3cb55be4.js';
+import { M as Modal } from './index-b52c7f54.js';
+import { S as SocialLinkPreview } from './index-134ef8da.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
 const ALLOW_DOMAIN_URL = [
@@ -425,6 +425,7 @@ const VideoPlayerModal = (_a) => {
                 [theme.fn.smallerThan('sm')]: {},
             },
             inner: {
+                zIndex: ZINDEX_HEADER + 2,
                 [theme.fn.smallerThan('sm')]: {
                     padding: 0,
                 },
@@ -449,6 +450,7 @@ const VideoPlayerModal = (_a) => {
                 },
             },
             overlay: {
+                zIndex: ZINDEX_HEADER + 1,
                 [theme.fn.smallerThan('sm')]: {
                     backgroundColor: 'rgba(0, 0, 0, 0.85)',
                 },

package/build/esm/{index-62bca68c.js → index-d5633020.js}

@@ -1,8 +1,8 @@
-import { _ as __rest } from './tslib.es6-f13daadc.js';
+import { _ as __rest } from './tslib.es6-d3d6775d.js';
 import React__default, { forwardRef } from 'react';
 import { createStyles, useMantineTheme, Button as Button$1 } from '@mantine/core';
-import { A as ANIMATION_DURATION } from './shared-fbe65d95.js';
-import { C as CustomStylesType, F as FontWeight } from './text-b2dee138.js';
+import { A as ANIMATION_DURATION } from './shared-c425d00b.js';
+import { C as CustomStylesType, F as FontWeight } from './text-eced7441.js';
 
 var useStyles = createStyles((_theme, _params) => {
     var _a, _b, _c, _d, _e, _f;

package/build/esm/{index-5f38004a.js → index-dd96d14b.js}

@@ -1,20 +1,20 @@
 import * as React from 'react';
 import React__default, { useState, useRef, createContext, useEffect, Fragment, forwardRef, useMemo, useCallback } from 'react';
-import { T as Text } from './index-05ddfbd5.js';
+import { T as Text } from './index-6a5e3a6f.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { M as MediaQueries } from './utils-c61baa67.js';
+import { M as MediaQueries } from './utils-9ecd77e3.js';
 import { Collapse, rem, clsx } from '@mantine/core';
 import { useDisclosure } from '@mantine/hooks';
-import { S as ShapedArrowDown } from './index-9cde31ae.js';
-import { R as Radio$1 } from './index-45d9757a.js';
-import { _ as __rest, a as __awaiter } from './tslib.es6-f13daadc.js';
-import { T as Text$1 } from './index-cfa994b0.js';
+import { S as ShapedArrowDown } from './index-29f80af7.js';
+import { R as Radio$1 } from './index-fbcce178.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-d3d6775d.js';
+import { T as Text$1 } from './index-38e9a9f0.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 import flattenChildren from 'react-keyed-flatten-children';
-import { H as Heading } from './index-4bdee69c.js';
-import { C as Close } from './Close-cfa7ceba.js';
-import { u as useTranslations } from './index-eb1b7e09.js';
+import { H as Heading } from './index-500479f6.js';
+import { C as Close } from './Close-c7a9ee94.js';
+import { u as useTranslations } from './index-be5a7659.js';
 import { Carousel } from '@mantine/carousel';
 
 var styles = {"alert":"CHw-fZZ","content":"_03U6VRS","close":"EO828Vv"};
@@ -228,23 +228,23 @@ const StyledCardCollapse = styled.div `
     line-height: 1.5rem;
     flex-grow: 1;
   }
-  .box-collapse {
-    display: flex;
-    padding: 1.5rem 1rem 1rem 1rem;
-    gap: 0.75rem;
-    align-items: center;
-  }
+`;
+const StyledBox = styled.div `
+  display: flex;
+  padding: 1.5rem 1rem 1rem 1rem;
+  gap: 0.75rem;
+  align-items: center;
 `;
 
-function CardCollapse({ children, title, icon, defaultOpened = true, haveCollapse = true, id, className, }) {
+function CardCollapse({ children, title, icon, defaultOpened = true, haveCollapse = true, id, }) {
     const [opened, { toggle }] = useDisclosure(defaultOpened);
     const handleClick = () => {
         if (haveCollapse) {
             toggle();
         }
     };
-    return (React__default.createElement(StyledCardCollapse, { id: id, className: className },
-        React__default.createElement("div", { className: "box-collapse", onClick: handleClick },
+    return (React__default.createElement(StyledCardCollapse, { id: id },
+        React__default.createElement(StyledBox, { onClick: handleClick },
             haveCollapse && icon,
             React__default.createElement("div", { className: "title-collapse" }, title),
             haveCollapse && React__default.createElement(StyledArrowDownIcon, { "data-is-collapsed": opened })),

package/build/esm/{index-16275a8e.js → index-df0b6335.js}

@@ -2,9 +2,9 @@ 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-cfa994b0.js';
-import { I as ImageWrap } from './index-12739ce3.js';
-import { T as Text$1 } from './index-05ddfbd5.js';
+import { T as Text } from './index-38e9a9f0.js';
+import { I as ImageWrap } from './index-3079db33.js';
+import { T as Text$1 } from './index-6a5e3a6f.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),