@hhgtech/hhg-components 1.29.324 → 1.29.325-beta-1

package/build/esm/{index-b69df43f.js → index-4afd9bdc.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-f8ce0fc1.js';
+import { _ as __rest } from './tslib.es6-3ebd80b6.js';
 import React__default, { useMemo } from 'react';
 import { useMantineTheme } from '@mantine/core';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { M as MediaQueries } from './utils-0239db60.js';
+import { M as MediaQueries } from './utils-e0bc0dab.js';
 
 const StyledInput = styled.div `
   position: relative;

package/build/esm/{index-d135625a.js → index-504cea78.js}

@@ -1,4 +1,4 @@
-import { L as LOCALE } from './Locale-6bd2362c.js';
+import { L as LOCALE } from './Locale-74277441.js';
 
 var Gender;
 (function (Gender) {

package/build/esm/{index-28290403.js → index-526ad97c.js}

@@ -1,8 +1,8 @@
-import { _ as __rest } from './tslib.es6-f8ce0fc1.js';
+import { _ as __rest } from './tslib.es6-3ebd80b6.js';
 import React__default, { useMemo } from 'react';
 import { Spoiler as Spoiler$1 } from '@mantine/core';
-import { T as Text } from './index-df3892d5.js';
-import { u as useTranslations } from './index-c66052c0.js';
+import { T as Text } from './index-679a5140.js';
+import { u as useTranslations } from './index-6793836a.js';
 import { theme } from './miscTheme.js';
 
 const Spoiler = (_a) => {

package/build/esm/{index-d4b154c3.js → index-587050cc.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-0239db60.js';
+import { M as MediaQueries } from './utils-e0bc0dab.js';
 import { theme } from './miscTheme.js';
 
 const StyledPopup = styled.div `

package/build/esm/{index-f0f90e78.js → index-5e9e598e.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-c66052c0.js';
-import { M as MediaQueries, t as toggleNoScroll } from './utils-0239db60.js';
-import { A as AuthorBadge, B as BookingBtn } from './index-72632ae3.js';
-import { I as Icon } from './index-278ce80f.js';
-import { _ as __rest } from './tslib.es6-f8ce0fc1.js';
-import { U as UserAvatar } from './index-b06b33b2.js';
-import { I as ImageWrap, u as useScreenSize } from './useScreenSize-c786c369.js';
-import './index-ae944c84.js';
-import { C as CommonGAssets } from './index-2d6d2176.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-47770666.js';
-import { B as Button } from './index-b07dadce.js';
-import { T as Text } from './index-df3892d5.js';
+import { u as useTranslations } from './index-6793836a.js';
+import { M as MediaQueries, t as toggleNoScroll } from './utils-e0bc0dab.js';
+import { A as AuthorBadge, B as BookingBtn } from './index-e46815fe.js';
+import { I as Icon } from './index-2202574b.js';
+import { _ as __rest } from './tslib.es6-3ebd80b6.js';
+import { U as UserAvatar } from './index-8a82e911.js';
+import { I as ImageWrap, u as useScreenSize } from './useScreenSize-19f348a8.js';
+import './index-a83fb673.js';
+import { C as CommonGAssets } from './index-4c47e2fe.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-535edbcc.js';
+import { B as Button } from './index-612b5074.js';
+import { T as Text } from './index-679a5140.js';
 import { theme } from './miscTheme.js';
 import styled from '@emotion/styled';
 import { CARE_PATHS, DISCOVER_PATHS } from './togetherApiPaths.js';
 import { keyframes } from '@emotion/react';
-import { H as Heading } from './index-c0002e01.js';
-import { M as Modal } from './index-89b3edc5.js';
+import { H as Heading } from './index-73899a8b.js';
+import { M as Modal } from './index-8de27e41.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"};
@@ -957,7 +957,7 @@ const _CardAuthor = (props) => {
     useEffect(() => {
         if (open && !ProfileDetail) {
             if (userType === 'chatbot') {
-                import('./index-69fbd596.js').then((module) => {
+                import('./index-bf239278.js').then((module) => {
                     setProfileDetail(() => module.ProfileChatbot);
                 });
             }

package/build/esm/{index-b07dadce.js → index-612b5074.js}

@@ -1,6 +1,6 @@
-import { _ as __rest } from './tslib.es6-f8ce0fc1.js';
+import { _ as __rest } from './tslib.es6-3ebd80b6.js';
 import React__default from 'react';
-import { B as Button$1 } from './index-cbcdddd6.js';
+import { B as Button$1 } from './index-217fdc34.js';
 
 /**
  * @deprecated Consider to use at '@hhgtech/hhg-components/mantine'

package/build/esm/{index-c66052c0.js → index-6793836a.js}

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

package/build/esm/{index-df3892d5.js → index-679a5140.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-f8ce0fc1.js';
+import { _ as __rest } from './tslib.es6-3ebd80b6.js';
 import React__default from 'react';
 import { createStyles, Text as Text$1 } from '@mantine/core';
-import { O as OTHER_THEME_CONFIG, F as FontWeight } from './other-bb024ce2.js';
+import { O as OTHER_THEME_CONFIG, F as FontWeight } from './other-1fa342cf.js';
 
 var useStyles = createStyles((theme, _params) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;

package/build/esm/{index-aa8cca2c.js → index-6c346629.js}

@@ -1,20 +1,20 @@
-import { _ as __rest } from './tslib.es6-f8ce0fc1.js';
+import { _ as __rest } from './tslib.es6-3ebd80b6.js';
 import React__default, { createContext, useContext } from 'react';
 import { useMantineTheme, Flex, rem, Box, createStyles } from '@mantine/core';
-import { t as themeColors } from './index-8e7b2806.js';
+import { t as themeColors } from './index-e8c319cb.js';
 import '@mantine/dates';
-import './index-ae944c84.js';
-import './index-d135625a.js';
-import './index-2d6d2176.js';
-import './useMantineLocale-539ec79d.js';
-import { T as Text } from './index-df3892d5.js';
-import './index-cbcdddd6.js';
-import './index.styles-cc5ad958.js';
-import { u as useTranslations } from './index-c66052c0.js';
+import './index-a83fb673.js';
+import './index-504cea78.js';
+import './index-4c47e2fe.js';
+import './useMantineLocale-68a640a7.js';
+import { T as Text } from './index-679a5140.js';
+import './index-217fdc34.js';
+import './index.styles-552755cf.js';
+import { u as useTranslations } from './index-6793836a.js';
 import '@mantine/hooks';
-import { M as MediaQueries } from './utils-0239db60.js';
-import './other-bb024ce2.js';
-import './index-b9dad284.js';
+import { M as MediaQueries } from './utils-e0bc0dab.js';
+import './other-1fa342cf.js';
+import './index-6e8ace09.js';
 import styled from '@emotion/styled';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 

package/build/esm/{index-b9dad284.js → index-6e8ace09.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-f8ce0fc1.js';
+import { _ as __rest } from './tslib.es6-3ebd80b6.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-cbcdddd6.js';
-import { T as Text } from './index-df3892d5.js';
+import { B as Button } from './index-217fdc34.js';
+import { T as Text } from './index-679a5140.js';
 
 var useStyles = createStyles((theme, params) => {
     const { variant } = params;

package/build/esm/{index-76c18fa3.js → index-7058939f.js}

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

package/build/esm/{index-d7a7320f.js → index-709a9f89.js}

@@ -1,20 +1,20 @@
-import { a as __awaiter } from './tslib.es6-f8ce0fc1.js';
+import { a as __awaiter } from './tslib.es6-3ebd80b6.js';
 import React__default, { useRef, useState, useMemo } from 'react';
 import { User } from '@hhgtech/icons/core';
-import { S as Spinner } from './Spinner-fc9e5d38.js';
-import { a as Avatar } from './index-8e7b2806.js';
-import { B as Button } from './index-cbcdddd6.js';
-import { T as Text } from './index-df3892d5.js';
-import { u as useTranslations } from './index-c66052c0.js';
-import './index-d135625a.js';
-import { C as CommonGAssets } from './index-2d6d2176.js';
+import { S as Spinner } from './Spinner-8aa7ae88.js';
+import { a as Avatar } from './index-e8c319cb.js';
+import { B as Button } from './index-217fdc34.js';
+import { T as Text } from './index-679a5140.js';
+import { u as useTranslations } from './index-6793836a.js';
+import './index-504cea78.js';
+import { C as CommonGAssets } from './index-4c47e2fe.js';
 import { theme } from './miscTheme.js';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-0239db60.js';
+import { M as MediaQueries } from './utils-e0bc0dab.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 import { ProfileNavigation } from './profileNavigation.js';
 import { NavigationLogoutPopup } from './navigationLogoutPopup.js';
-import { L as LOCALE } from './Locale-6bd2362c.js';
+import { L as LOCALE } from './Locale-74277441.js';
 
 const useCSSFocusPopupHelper = (configs) => {
     const { allowBgScroll } = configs || {};

package/build/esm/{index-c0002e01.js → index-73899a8b.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-f8ce0fc1.js';
+import { _ as __rest } from './tslib.es6-3ebd80b6.js';
 import React__default from 'react';
 import { useMantineTheme } from '@mantine/core';
-import { T as Text } from './index-df3892d5.js';
+import { T as Text } from './index-679a5140.js';
 
 /**
  * @deprecated Consider to use import { Title } from '@mantine/core'

package/build/esm/{index-37bb2daa.js → index-773168de.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-f8ce0fc1.js';
+import { _ as __rest } from './tslib.es6-3ebd80b6.js';
 import React__default, { useState } from 'react';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-0239db60.js';
+import { M as MediaQueries } from './utils-e0bc0dab.js';
 import { theme } from './miscTheme.js';
-import { L as Label, S as StyledDisplayIcon, a as StyledActionIcon, b as StyledErrorLabel } from './index-b69df43f.js';
+import { L as Label, S as StyledDisplayIcon, a as StyledActionIcon, b as StyledErrorLabel } from './index-4afd9bdc.js';
 
 const StyledInput = styled.div `
   position: relative;

package/build/esm/{index-0bd66008.js → index-7ce06463.js}

@@ -1,12 +1,12 @@
-import { _ as __rest } from './tslib.es6-f8ce0fc1.js';
+import { _ as __rest } from './tslib.es6-3ebd80b6.js';
 import React__default from 'react';
 import { useMantineTheme, Image } from '@mantine/core';
 import { DatePickerInput } from '@mantine/dates';
-import { I as ISO_FORMAT } from './index-ae944c84.js';
-import './index-d135625a.js';
-import { C as CommonGAssets } from './index-2d6d2176.js';
-import { M as MAPPED_LOCALE } from './useMantineLocale-539ec79d.js';
-import { L as LOCALE } from './Locale-6bd2362c.js';
+import { I as ISO_FORMAT } from './index-a83fb673.js';
+import './index-504cea78.js';
+import { C as CommonGAssets } from './index-4c47e2fe.js';
+import { M as MAPPED_LOCALE } from './useMantineLocale-68a640a7.js';
+import { L as LOCALE } from './Locale-74277441.js';
 
 // Omit<MantineDatePickerInputProps, 'value'>
 const DatePicker = (_a) => {

package/build/esm/{index-6d83fa5e.js → index-837f8d85.js}

@@ -1,8 +1,8 @@
 import React__default, { useState } from 'react';
 import { theme } from './miscTheme.js';
 import styled from '@emotion/styled';
-import { M as MarryBabyText } from './index-510ab6e3.js';
-import { T as Text } from './index-2a15f1cd.js';
+import { M as MarryBabyText } from './index-c8d31e06.js';
+import { T as Text } from './index-f8733000.js';
 
 const StyledRadioImageGroup = styled.div `
   display: flex;

package/build/esm/{index-b06b33b2.js → index-8a82e911.js}

@@ -1,6 +1,6 @@
-import { _ as __rest } from './tslib.es6-f8ce0fc1.js';
+import { _ as __rest } from './tslib.es6-3ebd80b6.js';
 import React__default, { useContext, useState } from 'react';
-import { T as TogetherComponentGlobalContext } from './utils-47770666.js';
+import { T as TogetherComponentGlobalContext } from './utils-535edbcc.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
 

package/build/esm/{index-89b3edc5.js → index-8de27e41.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-f8ce0fc1.js';
+import { _ as __rest } from './tslib.es6-3ebd80b6.js';
 import React__default from 'react';
 import { Modal as Modal$1 } from '@mantine/core';
-import { u as useStyles } from './index.styles-cc5ad958.js';
+import { u as useStyles } from './index.styles-552755cf.js';
 
 const Modal = (_a) => {
     var { styles, classNames, transitionProps } = _a, rest = __rest(_a, ["styles", "classNames", "transitionProps"]);

package/build/esm/{index-712abab0.js → index-9bc617e8.js}

@@ -1,12 +1,12 @@
 import React__default, { useState, useRef, useMemo, useEffect, Fragment, createContext } from 'react';
-import { T as Text } from './index-df3892d5.js';
+import { T as Text } from './index-679a5140.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { M as MediaQueries, f as formatUrlWithPageParam } from './utils-0239db60.js';
-import { R as Radio$1 } from './index-8e7b2806.js';
-import { T as Text$1 } from './index-2a15f1cd.js';
+import { M as MediaQueries, f as formatUrlWithPageParam } from './utils-e0bc0dab.js';
+import { R as Radio$1 } from './index-e8c319cb.js';
+import { T as Text$1 } from './index-f8733000.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
-import { _ as __rest } from './tslib.es6-f8ce0fc1.js';
+import { _ as __rest } from './tslib.es6-3ebd80b6.js';
 import flattenChildren from 'react-keyed-flatten-children';
 
 var styles = {"alert":"CHw-fZZ","content":"_03U6VRS","close":"EO828Vv"};

package/build/esm/{index-ae944c84.js → index-a83fb673.js}

@@ -1,10 +1,10 @@
 import { enUS, vi, km, hi, id, ms, th, zhTW } from 'date-fns/locale';
-import './index-d135625a.js';
+import './index-504cea78.js';
 import { siteHost, siteOptions } from './constantsSite.js';
 import { domainLocales, MAP_DOMAIN_BY_LOCALE } from './constantsDomainLocales.js';
 import { RISK_SCREENER_NAME, RISK_SCREENER_SLUG } from './constantsRiskScreener.js';
 import { isProduction } from './constantsIsProduction.js';
-import { L as LOCALE } from './Locale-6bd2362c.js';
+import { L as LOCALE } from './Locale-74277441.js';
 
 const basePath = process.env.NEXT_PUBLIC_DEPLOY_LOCALE === 'tl-PH' ? '/fil' : '';
 const SSO_URL = process.env.NEXT_PUBLIC_SSO;

package/build/esm/{index-65b842de.js → index-a8ed513c.js}

@@ -1,6 +1,6 @@
 import React__default, { useContext, useState, useRef, useEffect } from 'react';
-import { B as Button } from './index-b07dadce.js';
-import { T as TogetherComponentGlobalContext } from './utils-47770666.js';
+import { B as Button } from './index-612b5074.js';
+import { T as TogetherComponentGlobalContext } from './utils-535edbcc.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
 

package/build/esm/{index-ccc20207.js → index-afbf0751.js}

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

package/build/esm/{index-65c777a2.js → index-b05f49de.js}

@@ -1,26 +1,26 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-f8ce0fc1.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-3ebd80b6.js';
 import React__default, { createContext, useContext, useState, useMemo, useEffect } from 'react';
 import { Controller, useForm } from 'react-hook-form';
-import { u as useHealthToolsCache } from './useHealthToolCache-6885f287.js';
-import { H as HEALTH_TOOL_TYPE } from './constants-c9aad58c.js';
-import { G as GenderOptionControl } from './index-1d444a35.js';
-import { I as Input } from './index-8e7b2806.js';
+import { u as useHealthToolsCache } from './useHealthToolCache-0878924e.js';
+import { H as HEALTH_TOOL_TYPE } from './constants-94dedd28.js';
+import { G as GenderOptionControl } from './index-dc490950.js';
+import { I as Input } from './index-e8c319cb.js';
 import '@mantine/core';
 import '@mantine/dates';
-import './index-ae944c84.js';
-import './index-d135625a.js';
-import './index-2d6d2176.js';
-import './useMantineLocale-539ec79d.js';
-import { T as Text } from './index-df3892d5.js';
-import './index-cbcdddd6.js';
+import './index-a83fb673.js';
+import './index-504cea78.js';
+import './index-4c47e2fe.js';
+import './useMantineLocale-68a640a7.js';
+import { T as Text } from './index-679a5140.js';
+import './index-217fdc34.js';
 import { theme } from './miscTheme.js';
-import './index.styles-cc5ad958.js';
-import { u as useTranslations } from './index-c66052c0.js';
+import './index.styles-552755cf.js';
+import { u as useTranslations } from './index-6793836a.js';
 import '@mantine/hooks';
-import './utils-0239db60.js';
-import './other-bb024ce2.js';
-import './index-b9dad284.js';
-import { H as HealthToolFormWrapper } from './index-5cbfd1e7.js';
+import './utils-e0bc0dab.js';
+import './other-1fa342cf.js';
+import './index-6e8ace09.js';
+import { H as HealthToolFormWrapper } from './index-3d096814.js';
 import { domainLocales } from './constantsDomainLocales.js';
 import { getBmi } from './embeddedHeathToolCards_helpers.js';
 

package/build/esm/{index-27bfca24.js → index-b11d147d.js}

@@ -1,13 +1,13 @@
-import { _ as __rest } from './tslib.es6-f8ce0fc1.js';
+import { _ as __rest } from './tslib.es6-3ebd80b6.js';
 import React__default, { useMemo, useState, useEffect } from 'react';
-import './index-d135625a.js';
+import './index-504cea78.js';
 import styled from '@emotion/styled';
-import { C as CommonGAssets } from './index-2d6d2176.js';
+import { C as CommonGAssets } from './index-4c47e2fe.js';
 import { theme } from './miscTheme.js';
-import { I as ImageWrap } from './useScreenSize-c786c369.js';
-import { T as Text } from './index-2a15f1cd.js';
-import { L as LOCALE } from './Locale-6bd2362c.js';
-import { c as CentralCarousel } from './index-8e7b2806.js';
+import { I as ImageWrap } from './useScreenSize-19f348a8.js';
+import { T as Text } from './index-f8733000.js';
+import { L as LOCALE } from './Locale-74277441.js';
+import { c as CentralCarousel } from './index-e8c319cb.js';
 
 const StyledIconContainer = styled.div `
   display: inline-flex;

package/build/esm/{index-45a72870.js → index-b5752da5.js}

@@ -1,29 +1,29 @@
 import React__default, { useState, useMemo, useContext, useEffect, createContext, useRef } from 'react';
-import { B as Button } from './index-b07dadce.js';
-import { H as Heading } from './index-c0002e01.js';
-import { T as Text } from './index-df3892d5.js';
-import { c as safeEncodeURI, M as MediaQueries, t as toggleNoScroll, a as getPopupWrapperDom } from './utils-0239db60.js';
+import { B as Button } from './index-612b5074.js';
+import { H as Heading } from './index-73899a8b.js';
+import { T as Text } from './index-679a5140.js';
+import { c as safeEncodeURI, M as MediaQueries, t as toggleNoScroll, a as getPopupWrapperDom } from './utils-e0bc0dab.js';
 import * as ReactDOM from 'react-dom';
-import { b as callApiWithAuth, d as getApiPath, T as TogetherComponentGlobalContext, c as callApi } from './utils-47770666.js';
+import { b as callApiWithAuth, d as getApiPath, T as TogetherComponentGlobalContext, c as callApi } from './utils-535edbcc.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { a as __awaiter } from './tslib.es6-f8ce0fc1.js';
-import { I as Input } from './index-b69df43f.js';
-import { u as useTranslations } from './index-c66052c0.js';
-import { e as formatComment } from './dataTransform-fc949fb8.js';
-import { M as MAX_IMAGE_UPLOADS, a as DEFAULT_AVATAR_IMG, D as DEFAULT_IMG } from './constants-c9aad58c.js';
+import { a as __awaiter } from './tslib.es6-3ebd80b6.js';
+import { I as Input } from './index-4afd9bdc.js';
+import { u as useTranslations } from './index-6793836a.js';
+import { e as formatComment } from './dataTransform-ec28e78c.js';
+import { M as MAX_IMAGE_UPLOADS, a as DEFAULT_AVATAR_IMG, D as DEFAULT_IMG } from './constants-94dedd28.js';
 import { PATHS } from './togetherApiPaths.js';
-import { c as removeBannedWordWrapper, i as getMentionIdsFromString, j as encodePostContent, u as uploadAndGetSrc, y as youtubeVidIdGetter } from './post-6a212044.js';
-import { C as CardLink } from './index-26d48407.js';
-import { L as Loading } from './index-f0f90e78.js';
-import { U as UserAvatar } from './index-b06b33b2.js';
-import { R as RichTextEditor } from './editor-2470a306.js';
+import { c as removeBannedWordWrapper, i as getMentionIdsFromString, j as encodePostContent, u as uploadAndGetSrc, y as youtubeVidIdGetter } from './post-157ba1b5.js';
+import { C as CardLink } from './index-ed42fac7.js';
+import { L as Loading } from './index-5e9e598e.js';
+import { U as UserAvatar } from './index-8a82e911.js';
+import { R as RichTextEditor } from './editor-a4bec7f3.js';
 import { Portal, Box, useMantineTheme } from '@mantine/core';
 import { FullScreen } from '@hhgtech/icons/other';
-import { P as Popup } from './index-d4b154c3.js';
-import { C as CloseIcon } from './index-a49ee3bd.js';
+import { P as Popup } from './index-587050cc.js';
+import { C as CloseIcon } from './index-08b4cf65.js';
 import { ShareBox } from './togetherShareBox.js';
-import { I as ImageWrap } from './useScreenSize-c786c369.js';
+import { I as ImageWrap } from './useScreenSize-19f348a8.js';
 
 const useImagePicker = (imageFilesProp, onImageFilesChange) => {
     const [imageFiles, setImageFiles] = useState(imageFilesProp || []);
@@ -1159,34 +1159,60 @@ const StyledSocialLinkPreview = styled.div `
   }
 `;
 
+const useExternalScript = ({ url, onLoad, onError }) => {
+    const [state, setState] = useState(url ? 'loading' : 'idle');
+    useEffect(() => {
+        if (!url) {
+            setState('idle');
+            return;
+        }
+        let script = document.querySelector(`script[src="${url}"]`);
+        const handleLoadScript = () => {
+            setState('ready');
+            onLoad === null || onLoad === void 0 ? void 0 : onLoad();
+        };
+        const handleErrorScript = () => {
+            setState('error');
+            onError === null || onError === void 0 ? void 0 : onError();
+        };
+        if (!script) {
+            script = document.createElement('script');
+            script.type = 'application/javascript';
+            script.src = url;
+            script.async = true;
+            document.body.appendChild(script);
+            script.addEventListener('load', handleLoadScript);
+            script.addEventListener('error', handleErrorScript);
+        }
+        script.addEventListener('load', handleLoadScript);
+        script.addEventListener('error', handleErrorScript);
+        return () => {
+            script.removeEventListener('load', handleLoadScript);
+            script.removeEventListener('error', handleErrorScript);
+        };
+    }, [url]);
+    return state;
+};
+
 const YoutubePlyr = ({ id, autoplay }) => {
     const ref = useRef(null);
+    const state = useExternalScript({ url: 'https://cdn.plyr.io/3.6.7/plyr.js' });
     useEffect(() => {
         if (!document.getElementById('hhg-plyr-player')) {
             const link = document.createElement('link');
             link.rel = 'stylesheet';
             link.type = 'text/css';
             link.href = 'https://cdn.plyr.io/3.6.7/plyr.css';
+            link.id = 'hhg-plyr-player';
             document.head.appendChild(link);
-            const script = document.createElement('script');
-            script.src = 'https://cdn.plyr.io/3.6.7/plyr.js';
-            script.async = true;
-            script.id = 'hhg-plyr-player';
-            script.onload = function () {
-                new Plyr(ref.current.querySelector('[data-id="player"]'), {
-                    autoplay,
-                    muted: true,
-                });
-            };
-            document.body.appendChild(script);
         }
-        else {
+        if (state === 'ready') {
             new Plyr(ref.current.querySelector('[data-id="player"]'), {
                 autoplay,
                 muted: true,
             });
         }
-    }, []);
+    }, [state]);
     return (React__default.createElement(React__default.Fragment, null,
         React__default.createElement(Box, { ref: ref },
             React__default.createElement("div", { "data-id": "player" },

package/build/esm/{index-d8f29b38.js → index-bad8279d.js}

@@ -1,12 +1,12 @@
 import React__default, { useMemo, useState, useEffect } from 'react';
-import { u as useTranslations } from './index-c66052c0.js';
+import { u as useTranslations } from './index-6793836a.js';
 import { getCookie } from './miscCookieHelper.js';
-import { C as CommonGAssets } from './index-2d6d2176.js';
-import { e as normalizeLinkSlash, n as normalizeLink } from './normalizeLink-2274fb4e.js';
+import { C as CommonGAssets } from './index-4c47e2fe.js';
+import { e as normalizeLinkSlash, n as normalizeLink } from './normalizeLink-4d2fc8b1.js';
 import { theme } from './miscTheme.js';
-import { A as Avatar } from './index-c77a75ed.js';
-import { b as getTogetherUserPostsApiPath } from './index-5ce1ad35.js';
-import { B as Button } from './index-b07dadce.js';
+import { A as Avatar } from './index-26ef5156.js';
+import { b as getTogetherUserPostsApiPath } from './index-e5077992.js';
+import { B as Button } from './index-612b5074.js';
 
 const INTERNAL_CARD_URLS = {
     myBooking: 'booking',