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

package/build/esm/{index-5ffe0e5c.js → index-477820a1.js}

@@ -1,6 +1,6 @@
 import React__default, { useContext, useState, useRef, useEffect } from 'react';
-import { B as Button } from './index-b6726583.js';
-import { T as TogetherComponentGlobalContext } from './utils-36d66773.js';
+import { B as Button } from './index-aa4109b8.js';
+import { T as TogetherComponentGlobalContext } from './utils-510c0cf4.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
 

package/build/esm/{index-658fb15d.js → index-4b0ab353.js}

@@ -1,12 +1,12 @@
 import React__default, { useState, useRef, useMemo, useEffect, Fragment, createContext } from 'react';
-import { T as Text } from './index-960662a6.js';
+import { T as Text } from './index-d7f6ce62.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { M as MediaQueries, f as formatUrlWithPageParam } from './utils-a4776d6a.js';
-import { R as Radio$1 } from './index-2c8e4e4e.js';
-import { T as Text$1 } from './index-cd12ddc1.js';
+import { M as MediaQueries, f as formatUrlWithPageParam } from './utils-8ed48b8a.js';
+import { R as Radio$1 } from './index-00c950e5.js';
+import { T as Text$1 } from './index-26d39223.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
-import { _ as __rest } from './tslib.es6-acb3fdb8.js';
+import { _ as __rest } from './tslib.es6-8a0f1615.js';
 import flattenChildren from 'react-keyed-flatten-children';
 
 var styles = {"alert":"CHw-fZZ","content":"_03U6VRS","close":"EO828Vv"};

package/build/esm/{index-f4211292.js → index-5251ecdf.js}

@@ -1,10 +1,10 @@
 import { enUS, vi, km, hi, id, ms, th, zhTW } from 'date-fns/locale';
-import './index-37dc78c3.js';
+import './index-53a0625e.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-29224bf4.js';
+import { L as LOCALE } from './Locale-7cc8dd21.js';
 
 const basePath = process.env.NEXT_PUBLIC_DEPLOY_LOCALE === 'tl-PH' ? '/fil' : '';
 const SSO_URL = process.env.NEXT_PUBLIC_SSO;

package/build/esm/{index-e34d9908.js → index-53748687.js}

@@ -1,20 +1,20 @@
-import { _ as __rest } from './tslib.es6-acb3fdb8.js';
+import { _ as __rest } from './tslib.es6-8a0f1615.js';
 import React__default, { createContext, useContext } from 'react';
 import { useMantineTheme, Flex, rem, Box, createStyles } from '@mantine/core';
-import { t as themeColors } from './index-2c8e4e4e.js';
+import { t as themeColors } from './index-00c950e5.js';
 import '@mantine/dates';
-import './index-f4211292.js';
-import './index-37dc78c3.js';
-import './index-6be10278.js';
-import './useMantineLocale-f6cf22e8.js';
-import { T as Text } from './index-960662a6.js';
-import './index-a80a015e.js';
-import './index.styles-b169a36b.js';
-import { u as useTranslations } from './index-6156132d.js';
+import './index-5251ecdf.js';
+import './index-53a0625e.js';
+import './index-b26d616f.js';
+import './useMantineLocale-c1d20e91.js';
+import { T as Text } from './index-d7f6ce62.js';
+import './index-744236d3.js';
+import './index.styles-c0784044.js';
+import { u as useTranslations } from './index-0aa9b1a1.js';
 import '@mantine/hooks';
-import { M as MediaQueries } from './utils-a4776d6a.js';
-import './other-246c6723.js';
-import './index-5b1b47fa.js';
+import { M as MediaQueries } from './utils-8ed48b8a.js';
+import './other-dda25773.js';
+import './index-e5532489.js';
 import styled from '@emotion/styled';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 

package/build/esm/{index-37dc78c3.js → index-53a0625e.js}

@@ -1,4 +1,4 @@
-import { L as LOCALE } from './Locale-29224bf4.js';
+import { L as LOCALE } from './Locale-7cc8dd21.js';
 
 var Gender;
 (function (Gender) {

package/build/esm/{index-dfab3be0.js → index-58ed78fd.js}

@@ -1,8 +1,8 @@
-import { _ as __rest } from './tslib.es6-acb3fdb8.js';
+import { _ as __rest } from './tslib.es6-8a0f1615.js';
 import React__default from 'react';
 import { theme } from './miscTheme.js';
-import { W as WhatsApp, I as Instagram } from './WhatsApp-b0a71a39.js';
-import { S as Spinner } from './Spinner-e8b3f71f.js';
+import { W as WhatsApp, I as Instagram } from './WhatsApp-7acff52f.js';
+import { S as Spinner } from './Spinner-7a58673e.js';
 
 const App = (_a) => {
     var { size = 24 } = _a, rest = __rest(_a, ["size"]);

package/build/esm/{index-671396e5.js → index-5927dd8d.js}

@@ -1,8 +1,8 @@
-import { _ as __rest } from './tslib.es6-acb3fdb8.js';
+import { _ as __rest } from './tslib.es6-8a0f1615.js';
 import React__default, { useMemo } from 'react';
 import { Spoiler as Spoiler$1 } from '@mantine/core';
-import { T as Text } from './index-960662a6.js';
-import { u as useTranslations } from './index-6156132d.js';
+import { T as Text } from './index-d7f6ce62.js';
+import { u as useTranslations } from './index-0aa9b1a1.js';
 import { theme } from './miscTheme.js';
 
 const Spoiler = (_a) => {

package/build/esm/{index-9c2d0016.js → index-5b0da96d.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-6156132d.js';
-import { M as MediaQueries, t as toggleNoScroll } from './utils-a4776d6a.js';
-import { A as AuthorBadge, B as BookingBtn } from './index-962a165c.js';
-import { I as Icon } from './index-dfab3be0.js';
-import { _ as __rest } from './tslib.es6-acb3fdb8.js';
-import { U as UserAvatar } from './index-4ea9f107.js';
-import { I as ImageWrap, u as useScreenSize } from './useScreenSize-8c89a930.js';
-import './index-f4211292.js';
-import { C as CommonGAssets } from './index-6be10278.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-36d66773.js';
-import { B as Button } from './index-b6726583.js';
-import { T as Text } from './index-960662a6.js';
+import { u as useTranslations } from './index-0aa9b1a1.js';
+import { M as MediaQueries, t as toggleNoScroll } from './utils-8ed48b8a.js';
+import { A as AuthorBadge, B as BookingBtn } from './index-d5b96f30.js';
+import { I as Icon } from './index-58ed78fd.js';
+import { _ as __rest } from './tslib.es6-8a0f1615.js';
+import { U as UserAvatar } from './index-3e59a99f.js';
+import { I as ImageWrap, u as useScreenSize } from './useScreenSize-ef0ecadf.js';
+import './index-5251ecdf.js';
+import { C as CommonGAssets } from './index-b26d616f.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-510c0cf4.js';
+import { B as Button } from './index-aa4109b8.js';
+import { T as Text } from './index-d7f6ce62.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-5afb57d1.js';
-import { M as Modal } from './index-319c4661.js';
+import { H as Heading } from './index-119f4e7b.js';
+import { M as Modal } from './index-dc81db9e.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-3b95abbc.js').then((module) => {
+                import('./index-fd2efd40.js').then((module) => {
                     setProfileDetail(() => module.ProfileChatbot);
                 });
             }

package/build/esm/{index-92955942.js → index-5e5996f3.js}

@@ -1,12 +1,12 @@
-import { a as __awaiter } from './tslib.es6-acb3fdb8.js';
+import { a as __awaiter } from './tslib.es6-8a0f1615.js';
 import React__default, { useContext, useState, useRef, useEffect } from 'react';
 import { useMantineTheme } from '@mantine/core';
-import { H as Heading } from './index-5afb57d1.js';
-import { T as Text } from './index-960662a6.js';
-import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-36d66773.js';
+import { H as Heading } from './index-119f4e7b.js';
+import { T as Text } from './index-d7f6ce62.js';
+import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-510c0cf4.js';
 import styled from '@emotion/styled';
 import { PATHS } from './togetherApiPaths.js';
-import { D as DEFAULT_IMG } from './constants-9165920e.js';
+import { D as DEFAULT_IMG } from './constants-b4154770.js';
 
 const StyledCardLink = styled.div `
   .link-info-container {

package/build/esm/{index-4d66555f.js → index-61910533.js}

@@ -1,22 +1,22 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-acb3fdb8.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-8a0f1615.js';
 import React__default, { useReducer, useState, useEffect } from 'react';
 import { Stack, Input as Input$1 } from '@mantine/core';
-import { I as Input, S as Select } from './index-2c8e4e4e.js';
+import { I as Input, S as Select } from './index-00c950e5.js';
 import '@mantine/dates';
-import { C as CDN_ADDRESS } from './index-f4211292.js';
-import './index-37dc78c3.js';
-import './index-6be10278.js';
-import './useMantineLocale-f6cf22e8.js';
-import './index-960662a6.js';
-import './index-a80a015e.js';
-import './index.styles-b169a36b.js';
-import { u as useTranslations } from './index-6156132d.js';
+import { C as CDN_ADDRESS } from './index-5251ecdf.js';
+import './index-53a0625e.js';
+import './index-b26d616f.js';
+import './useMantineLocale-c1d20e91.js';
+import './index-d7f6ce62.js';
+import './index-744236d3.js';
+import './index.styles-c0784044.js';
+import { u as useTranslations } from './index-0aa9b1a1.js';
 import '@mantine/hooks';
-import './utils-a4776d6a.js';
-import './other-246c6723.js';
-import './index-5b1b47fa.js';
-import { M as MAPPED_LOCALE } from './utils-fc692a52.js';
-import { L as LOCALE } from './Locale-29224bf4.js';
+import './utils-8ed48b8a.js';
+import './other-dda25773.js';
+import './index-e5532489.js';
+import { M as MAPPED_LOCALE } from './utils-9b555ec5.js';
+import { L as LOCALE } from './Locale-7cc8dd21.js';
 
 const generateGetAddressDetail = (locale) => {
     return `${CDN_ADDRESS}/cities-data-${MAPPED_LOCALE[locale]}.json`;

package/build/esm/{index-96a9f033.js → index-675b64ce.js}

@@ -1,9 +1,9 @@
 import React__default, { useState } from 'react';
-import { F as Flag } from './index-2c8e4e4e.js';
+import { F as Flag } from './index-00c950e5.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { T as Text } from './index-960662a6.js';
-import { C as CommonGAssets } from './index-6be10278.js';
+import { T as Text } from './index-d7f6ce62.js';
+import { C as CommonGAssets } from './index-b26d616f.js';
 
 const ALLOW_DOMAIN_URL = [
     'hellobacsi.com',

package/build/esm/{index-608cbd43.js → index-684ffa3c.js}

@@ -1,40 +1,40 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-acb3fdb8.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-8a0f1615.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-7248e9eb.js';
-import { u as useTranslations } from './index-6156132d.js';
+import { D as Dropdown } from './index-26df2f27.js';
+import { u as useTranslations } from './index-0aa9b1a1.js';
 import innertext from 'innertext';
 import { theme } from './miscTheme.js';
-import { I as Input$1 } from './index-2c8e4e4e.js';
+import { I as Input$1 } from './index-00c950e5.js';
 import { useMantineTheme, Popover } from '@mantine/core';
 import '@mantine/dates';
-import './index-f4211292.js';
-import './index-37dc78c3.js';
-import './index-6be10278.js';
-import './useMantineLocale-f6cf22e8.js';
-import { T as Text } from './index-960662a6.js';
-import { B as Button } from './index-a80a015e.js';
-import './index.styles-b169a36b.js';
+import './index-5251ecdf.js';
+import './index-53a0625e.js';
+import './index-b26d616f.js';
+import './useMantineLocale-c1d20e91.js';
+import { T as Text } from './index-d7f6ce62.js';
+import { B as Button } from './index-744236d3.js';
+import './index.styles-c0784044.js';
 import '@mantine/hooks';
-import { M as MediaQueries } from './utils-a4776d6a.js';
-import './other-246c6723.js';
-import './index-5b1b47fa.js';
-import { u as useImagePicker, a as PopupFrame, d as IconCloseCircle, g as getDefaultFailNoti, e as getPostFormData, f as editPost, h as createPost } from './index-953c964e.js';
-import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath, p as getCurrentHref, b as callApiWithAuth } from './utils-36d66773.js';
+import { M as MediaQueries } from './utils-8ed48b8a.js';
+import './other-dda25773.js';
+import './index-e5532489.js';
+import { u as useImagePicker, a as PopupFrame, d as IconCloseCircle, g as getDefaultFailNoti, e as getPostFormData, f as editPost, h as createPost } from './index-71896596.js';
+import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath, p as getCurrentHref, b as callApiWithAuth } from './utils-510c0cf4.js';
 import styled from '@emotion/styled';
-import { b as formatPost, c as formatTopic } from './dataTransform-4753acec.js';
-import { M as MAX_IMAGE_UPLOADS } from './constants-9165920e.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 } from './post-4a51eb46.js';
-import { C as CardAuthor, L as Loading$1 } from './index-9c2d0016.js';
-import { S as StyledCreatePostDescription, R as RichTextEditor } from './editor-e9f26712.js';
-import { I as Input } from './index-0fb191cd.js';
+import { b as formatPost, c as formatTopic } from './dataTransform-d84ffdba.js';
+import { M as MAX_IMAGE_UPLOADS } from './constants-b4154770.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 } from './post-37a5a8a3.js';
+import { C as CardAuthor, L as Loading$1 } from './index-5b0da96d.js';
+import { S as StyledCreatePostDescription, R as RichTextEditor } from './editor-7f88cb5f.js';
+import { I as Input } from './index-2ea929ea.js';
 import debounce from 'lodash/debounce';
 import ContentEditable from 'react-contenteditable';
 import { PATHS } from './togetherApiPaths.js';
-import { L as Loading } from './index-df6b5220.js';
-import { C as CardLink } from './index-92955942.js';
-import { B as BtnChoice } from './index-ccf23cab.js';
-import { L as LOCALE } from './Locale-29224bf4.js';
+import { L as Loading } from './index-32e61762.js';
+import { C as CardLink } from './index-5e5996f3.js';
+import { B as BtnChoice } from './index-f5fe793a.js';
+import { L as LOCALE } from './Locale-7cc8dd21.js';
 import { Close, Check } from '@hhgtech/icons/core';
 
 const StyledCreateNewPost = styled.div `

package/build/esm/{index-a89b51cb.js → index-68bc2798.js}

@@ -1,23 +1,23 @@
-import { _ as __rest } from './tslib.es6-acb3fdb8.js';
+import { _ as __rest } from './tslib.es6-8a0f1615.js';
 import React__default, { createContext, useContext } from 'react';
 import { useMantineTheme } from '@mantine/core';
 import { useForm, isNotEmpty } from '@mantine/form';
-import './index-2c8e4e4e.js';
-import { D as DatePicker } from './index-3fe740bc.js';
-import './index-960662a6.js';
-import './index-a80a015e.js';
-import './index.styles-b169a36b.js';
-import { u as useTranslations } from './index-6156132d.js';
+import './index-00c950e5.js';
+import { D as DatePicker } from './index-8d321d0e.js';
+import './index-d7f6ce62.js';
+import './index-744236d3.js';
+import './index.styles-c0784044.js';
+import { u as useTranslations } from './index-0aa9b1a1.js';
 import '@mantine/hooks';
-import './useMantineLocale-f6cf22e8.js';
-import './index-37dc78c3.js';
-import './index-6be10278.js';
-import './utils-a4776d6a.js';
-import './index-f4211292.js';
-import './other-246c6723.js';
-import './index-5b1b47fa.js';
-import { H as HealthToolFormWrapper } from './index-315720ff.js';
-import { G as GenderOptionControl } from './index-57e19626.js';
+import './useMantineLocale-c1d20e91.js';
+import './index-53a0625e.js';
+import './index-b26d616f.js';
+import './utils-8ed48b8a.js';
+import './index-5251ecdf.js';
+import './other-dda25773.js';
+import './index-e5532489.js';
+import { H as HealthToolFormWrapper } from './index-3fba540b.js';
+import { G as GenderOptionControl } from './index-ceaad247.js';
 import { CalendarMB } from '@hhgtech/icons/other';
 
 const BabyVaccineFormContext = createContext({});

package/build/esm/{index-ba15f510.js → index-6e43eae2.js}

@@ -1,25 +1,25 @@
-import { _ as __rest } from './tslib.es6-acb3fdb8.js';
+import { _ as __rest } from './tslib.es6-8a0f1615.js';
 import React__default, { createContext, useContext, useState } from 'react';
-import { L as LastPeriod } from './LastPeriod-e2ab0491.js';
+import { L as LastPeriod } from './LastPeriod-79ce8060.js';
 import { format } from 'date-fns';
 import { useMantineTheme, Group } from '@mantine/core';
 import { useForm, isNotEmpty } from '@mantine/form';
 import dayjs from 'dayjs';
-import { R as Radio, I as Input } from './index-2c8e4e4e.js';
-import { D as DatePicker } from './index-3fe740bc.js';
-import './index-960662a6.js';
-import './index-a80a015e.js';
-import './index.styles-b169a36b.js';
-import { u as useTranslations } from './index-6156132d.js';
+import { R as Radio, I as Input } from './index-00c950e5.js';
+import { D as DatePicker } from './index-8d321d0e.js';
+import './index-d7f6ce62.js';
+import './index-744236d3.js';
+import './index.styles-c0784044.js';
+import { u as useTranslations } from './index-0aa9b1a1.js';
 import '@mantine/hooks';
-import './useMantineLocale-f6cf22e8.js';
-import './index-37dc78c3.js';
-import './index-6be10278.js';
-import './utils-a4776d6a.js';
-import { Q as QUERY_HEALTH_TOOL, A as API_DATE_FORMAT$1 } from './index-f4211292.js';
-import './other-246c6723.js';
-import './index-5b1b47fa.js';
-import { H as HealthToolFormWrapper } from './index-315720ff.js';
+import './useMantineLocale-c1d20e91.js';
+import './index-53a0625e.js';
+import './index-b26d616f.js';
+import './utils-8ed48b8a.js';
+import { Q as QUERY_HEALTH_TOOL, A as API_DATE_FORMAT$1 } from './index-5251ecdf.js';
+import './other-dda25773.js';
+import './index-e5532489.js';
+import { H as HealthToolFormWrapper } from './index-3fba540b.js';
 import { CalendarMB } from '@hhgtech/icons/other';
 
 const ConceptionDate = (_a) => {

package/build/esm/{index-953c964e.js → index-71896596.js}

@@ -1,29 +1,29 @@
 import React__default, { useState, useMemo, useContext, useEffect, createContext, useRef } from 'react';
-import { B as Button } from './index-b6726583.js';
-import { H as Heading } from './index-5afb57d1.js';
-import { T as Text } from './index-960662a6.js';
-import { c as safeEncodeURI, M as MediaQueries, t as toggleNoScroll, a as getPopupWrapperDom } from './utils-a4776d6a.js';
+import { B as Button } from './index-aa4109b8.js';
+import { H as Heading } from './index-119f4e7b.js';
+import { T as Text } from './index-d7f6ce62.js';
+import { c as safeEncodeURI, M as MediaQueries, t as toggleNoScroll, a as getPopupWrapperDom } from './utils-8ed48b8a.js';
 import * as ReactDOM from 'react-dom';
-import { b as callApiWithAuth, d as getApiPath, T as TogetherComponentGlobalContext, c as callApi } from './utils-36d66773.js';
+import { b as callApiWithAuth, d as getApiPath, T as TogetherComponentGlobalContext, c as callApi } from './utils-510c0cf4.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { a as __awaiter } from './tslib.es6-acb3fdb8.js';
-import { I as Input } from './index-0fb191cd.js';
-import { u as useTranslations } from './index-6156132d.js';
-import { e as formatComment } from './dataTransform-4753acec.js';
-import { M as MAX_IMAGE_UPLOADS, a as DEFAULT_AVATAR_IMG, D as DEFAULT_IMG } from './constants-9165920e.js';
+import { a as __awaiter } from './tslib.es6-8a0f1615.js';
+import { I as Input } from './index-2ea929ea.js';
+import { u as useTranslations } from './index-0aa9b1a1.js';
+import { e as formatComment } from './dataTransform-d84ffdba.js';
+import { M as MAX_IMAGE_UPLOADS, a as DEFAULT_AVATAR_IMG, D as DEFAULT_IMG } from './constants-b4154770.js';
 import { PATHS } from './togetherApiPaths.js';
-import { c as removeBannedWordWrapper, i as getMentionIdsFromString, j as encodePostContent, u as uploadAndGetSrc, y as youtubeVidIdGetter } from './post-4a51eb46.js';
-import { C as CardLink } from './index-92955942.js';
-import { L as Loading } from './index-9c2d0016.js';
-import { U as UserAvatar } from './index-4ea9f107.js';
-import { R as RichTextEditor } from './editor-e9f26712.js';
+import { c as removeBannedWordWrapper, i as getMentionIdsFromString, j as encodePostContent, u as uploadAndGetSrc, y as youtubeVidIdGetter } from './post-37a5a8a3.js';
+import { C as CardLink } from './index-5e5996f3.js';
+import { L as Loading } from './index-5b0da96d.js';
+import { U as UserAvatar } from './index-3e59a99f.js';
+import { R as RichTextEditor } from './editor-7f88cb5f.js';
 import { Portal, Box, useMantineTheme } from '@mantine/core';
 import { FullScreen } from '@hhgtech/icons/other';
-import { P as Popup } from './index-3e40cdbe.js';
-import { C as CloseIcon } from './index-cf14e510.js';
+import { P as Popup } from './index-0c05f21e.js';
+import { C as CloseIcon } from './index-1c2e9c4e.js';
 import { ShareBox } from './togetherShareBox.js';
-import { I as ImageWrap } from './useScreenSize-8c89a930.js';
+import { I as ImageWrap } from './useScreenSize-ef0ecadf.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-77e4ba88.js → index-7404e61d.js}

@@ -1,4 +1,4 @@
-import { _ as __rest } from './tslib.es6-acb3fdb8.js';
+import { _ as __rest } from './tslib.es6-8a0f1615.js';
 import React__default from 'react';
 import { Indicator as Indicator$1 } from '@mantine/core';
 import { theme } from './miscTheme.js';

package/build/esm/{index-a80a015e.js → index-744236d3.js}

@@ -1,4 +1,4 @@
-import { _ as __rest } from './tslib.es6-acb3fdb8.js';
+import { _ as __rest } from './tslib.es6-8a0f1615.js';
 import React__default, { forwardRef } from 'react';
 import { createStyles, useMantineTheme, Button as Button$1 } from '@mantine/core';
 
@@ -189,7 +189,7 @@ const Button = forwardRef((props, ref) => {
     });
     return (React__default.createElement(Button$1, Object.assign({ className: cx(className, variant), classNames: {
             root: classes.root,
-        }, variant: MAPPED_VARIANT[variant], "data-variant": variant, "data-event-category": dataEventCategory, "data-event-action": dataEventAction, "data-event-label": dataEventLabel, ref: ref, loaderProps: rest.disabled ? { color: 'currentColor' } : undefined }, rest), children));
+        }, variant: MAPPED_VARIANT[variant], "data-variant": variant, "data-event-category": dataEventCategory, "data-event-action": dataEventAction, "data-event-label": dataEventLabel, ref: ref }, rest), children));
 });
 
 export { ANIMATION_DURATION as A, Button as B };

package/build/esm/{index-19678a2d.js → index-7792a1a3.js}

@@ -1,7 +1,7 @@
 import React__default, { useState, useEffect } from 'react';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { I as ImageWrap } from './useScreenSize-8c89a930.js';
+import { I as ImageWrap } from './useScreenSize-ef0ecadf.js';
 
 const StyledAvatar = styled.div `
   background-color: var(--background-color, transparent);

package/build/esm/{index-ecf873dd.js → index-813d6835.js}

@@ -1,25 +1,25 @@
-import { _ as __rest } from './tslib.es6-acb3fdb8.js';
+import { _ as __rest } from './tslib.es6-8a0f1615.js';
 import React__default, { createContext, useContext, useRef, useMemo, useState, useEffect } from 'react';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { u as useHealthToolsCache } from './useHealthToolCache-9104ca9c.js';
-import { u as useTranslations } from './index-6156132d.js';
-import { C as CommonGAssets } from './index-6be10278.js';
-import { H as HEALTH_TOOL_TYPE } from './constants-9165920e.js';
-import { G as GenderOptionControl } from './index-57e19626.js';
-import { I as Input, S as Select } from './index-2c8e4e4e.js';
-import { D as DatePicker } from './index-3fe740bc.js';
+import { u as useHealthToolsCache } from './useHealthToolCache-790a301d.js';
+import { u as useTranslations } from './index-0aa9b1a1.js';
+import { C as CommonGAssets } from './index-b26d616f.js';
+import { H as HEALTH_TOOL_TYPE } from './constants-b4154770.js';
+import { G as GenderOptionControl } from './index-ceaad247.js';
+import { I as Input, S as Select } from './index-00c950e5.js';
+import { D as DatePicker } from './index-8d321d0e.js';
 import '@mantine/core';
-import './index-960662a6.js';
-import './index-a80a015e.js';
-import './index.styles-b169a36b.js';
+import './index-d7f6ce62.js';
+import './index-744236d3.js';
+import './index.styles-c0784044.js';
 import '@mantine/hooks';
-import './useMantineLocale-f6cf22e8.js';
-import './index-37dc78c3.js';
-import './utils-a4776d6a.js';
-import './index-f4211292.js';
-import './other-246c6723.js';
-import './index-5b1b47fa.js';
-import { H as HealthToolFormWrapper } from './index-315720ff.js';
+import './useMantineLocale-c1d20e91.js';
+import './index-53a0625e.js';
+import './utils-8ed48b8a.js';
+import './index-5251ecdf.js';
+import './other-dda25773.js';
+import './index-e5532489.js';
+import { H as HealthToolFormWrapper } from './index-3fba540b.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
 const ThrFormContext = createContext({});

package/build/esm/{index-3fe740bc.js → index-8d321d0e.js}

@@ -1,12 +1,12 @@
-import { _ as __rest } from './tslib.es6-acb3fdb8.js';
+import { _ as __rest } from './tslib.es6-8a0f1615.js';
 import React__default from 'react';
 import { useMantineTheme, Image } from '@mantine/core';
 import { DatePickerInput } from '@mantine/dates';
-import { I as ISO_FORMAT } from './index-f4211292.js';
-import './index-37dc78c3.js';
-import { C as CommonGAssets } from './index-6be10278.js';
-import { M as MAPPED_LOCALE } from './useMantineLocale-f6cf22e8.js';
-import { L as LOCALE } from './Locale-29224bf4.js';
+import { I as ISO_FORMAT } from './index-5251ecdf.js';
+import './index-53a0625e.js';
+import { C as CommonGAssets } from './index-b26d616f.js';
+import { M as MAPPED_LOCALE } from './useMantineLocale-c1d20e91.js';
+import { L as LOCALE } from './Locale-7cc8dd21.js';
 
 // Omit<MantineDatePickerInputProps, 'value'>
 const DatePicker = (_a) => {