@hhgtech/hhg-components 1.29.321 → 1.29.323

package/build/esm/i18nV2.js

@@ -1,5 +1,5 @@
-import { T as TranslationsContext } from './translationsContext-5f1d7813.js';
-export { T as TranslationsContext } from './translationsContext-5f1d7813.js';
+import { T as TranslationsContext } from './translationsContext-7635d5a4.js';
+export { T as TranslationsContext } from './translationsContext-7635d5a4.js';
 import React__default, { useMemo } from 'react';
 
 const TranslationsProvider = ({ locale = 'en-PH', values, children, }) => {

package/build/esm/{index-5fbe3918.js → index-07d79d47.js}

@@ -1,6 +1,6 @@
-import { c as cookie } from './index-9e5d27c9.js';
-import { d as BEARER_TOKEN_COOKIE } from './index-200b80bf.js';
-import { N as NodeIntentType } from './index-27b20a96.js';
+import { c as cookie } from './index-42b17a37.js';
+import { d as BEARER_TOKEN_COOKIE } from './index-4ac4cc26.js';
+import { N as NodeIntentType } from './index-2d4aab8b.js';
 import Cookies from 'js-cookie';
 import { v4 } from 'uuid';
 import { isProduction } from './constantsIsProduction.js';

package/build/esm/{index-e1903521.js → index-0ad02820.js}

@@ -1,6 +1,6 @@
-import { _ as __rest } from './tslib.es6-0bc2dc94.js';
+import { _ as __rest } from './tslib.es6-b296649c.js';
 import React__default, { useContext, useState } from 'react';
-import { T as TogetherComponentGlobalContext } from './utils-42c19230.js';
+import { T as TogetherComponentGlobalContext } from './utils-99a90cdb.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
 

package/build/esm/{index-c02659f1.js → index-0f3043cb.js}

@@ -1,27 +1,27 @@
 import React__default from 'react';
-import { C as Container } from './index-737ca605.js';
+import { C as Container } from './index-a8838b40.js';
 import dayjs from 'dayjs';
-import './index-200b80bf.js';
-import './index-41141658.js';
+import './index-4ac4cc26.js';
+import './index-42370ab4.js';
 import { Flex, Stack, Box } from '@mantine/core';
 import '@mantine/dates';
-import './index-27b20a96.js';
-import './index-b01d1221.js';
-import './useMantineLocale-d43b1d39.js';
-import { T as Text } from './index-c845f391.js';
-import './index-451d331b.js';
-import './index.styles-437e46a6.js';
-import './translationsContext-5f1d7813.js';
+import './index-2d4aab8b.js';
+import './index-a891e652.js';
+import './useMantineLocale-3b9527c4.js';
+import { T as Text } from './index-103ed97c.js';
+import './index-71029164.js';
+import './index.styles-93912aee.js';
+import './translationsContext-7635d5a4.js';
 import '@mantine/hooks';
-import { M as MediaQueries } from './utils-fd148004.js';
-import './other-36fd4294.js';
-import './index-3e780042.js';
-import { u as useScreenSize } from './useScreenSize-e25a13dc.js';
+import { M as MediaQueries } from './utils-cc53377d.js';
+import './other-bc50ea14.js';
+import './index-6165a7d5.js';
+import { u as useScreenSize } from './useScreenSize-09c94e57.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
 import { domainLocales } from './constantsDomainLocales.js';
-import { L as Logo } from './index-d83fe9a3.js';
-import { M as MarryBabyText } from './index-33dddcf8.js';
+import { L as Logo } from './index-6b636335.js';
+import { M as MarryBabyText } from './index-505de87d.js';
 
 const StyledFooter$1 = styled.footer `
   background-color: #1b3250;

package/build/esm/{index-c845f391.js → index-103ed97c.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-0bc2dc94.js';
+import { _ as __rest } from './tslib.es6-b296649c.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-36fd4294.js';
+import { O as OTHER_THEME_CONFIG, F as FontWeight } from './other-bc50ea14.js';
 
 var useStyles = createStyles((theme, _params) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;

package/build/esm/{index-b8374ca2.js → index-154bd011.js}

@@ -1,21 +1,21 @@
-import { _ as __rest } from './tslib.es6-0bc2dc94.js';
+import { _ as __rest } from './tslib.es6-b296649c.js';
 import React__default, { useState, useRef, useMemo, useEffect } from 'react';
 import { BabyBoyMB, BabyGirlMB } from '@hhgtech/icons/other';
 import { createStyles, rem, Box, Flex } from '@mantine/core';
-import { R as Radio } from './index-41141658.js';
+import { R as Radio } from './index-42370ab4.js';
 import '@mantine/dates';
-import './index-200b80bf.js';
-import './index-27b20a96.js';
-import { C as CommonGAssets } from './index-b01d1221.js';
-import './useMantineLocale-d43b1d39.js';
-import { T as Text } from './index-c845f391.js';
-import './index-451d331b.js';
-import './index.styles-437e46a6.js';
-import { u as useTranslations } from './index-08e9ef65.js';
+import './index-4ac4cc26.js';
+import './index-2d4aab8b.js';
+import { C as CommonGAssets } from './index-a891e652.js';
+import './useMantineLocale-3b9527c4.js';
+import { T as Text } from './index-103ed97c.js';
+import './index-71029164.js';
+import './index.styles-93912aee.js';
+import { u as useTranslations } from './index-a2f39251.js';
 import '@mantine/hooks';
-import './utils-fd148004.js';
-import './other-36fd4294.js';
-import './index-3e780042.js';
+import './utils-cc53377d.js';
+import './other-bc50ea14.js';
+import './index-6165a7d5.js';
 
 var useStyles = createStyles((theme, { type }) => {
     const isMarryBaby = theme.other.template === 'mb';

package/build/esm/{index-7ebaaded.js → index-206c86c9.js}

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

package/build/esm/{index-9c90f099.js → index-22ad623f.js}

@@ -1,22 +1,22 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-0bc2dc94.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-b296649c.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-41141658.js';
+import { I as Input, S as Select } from './index-42370ab4.js';
 import '@mantine/dates';
-import { C as CDN_ADDRESS } from './index-200b80bf.js';
-import './index-27b20a96.js';
-import './index-b01d1221.js';
-import './useMantineLocale-d43b1d39.js';
-import './index-c845f391.js';
-import './index-451d331b.js';
-import './index.styles-437e46a6.js';
-import { u as useTranslations } from './index-08e9ef65.js';
+import { C as CDN_ADDRESS } from './index-4ac4cc26.js';
+import './index-2d4aab8b.js';
+import './index-a891e652.js';
+import './useMantineLocale-3b9527c4.js';
+import './index-103ed97c.js';
+import './index-71029164.js';
+import './index.styles-93912aee.js';
+import { u as useTranslations } from './index-a2f39251.js';
 import '@mantine/hooks';
-import './utils-fd148004.js';
-import './other-36fd4294.js';
-import './index-3e780042.js';
-import { M as MAPPED_LOCALE } from './utils-a2ebdf06.js';
-import { L as LOCALE } from './Locale-7825f906.js';
+import './utils-cc53377d.js';
+import './other-bc50ea14.js';
+import './index-6165a7d5.js';
+import { M as MAPPED_LOCALE } from './utils-da14d1f8.js';
+import { L as LOCALE } from './Locale-85012f09.js';
 
 const generateGetAddressDetail = (locale) => {
     return `${CDN_ADDRESS}/cities-data-${MAPPED_LOCALE[locale]}.json`;

package/build/esm/{index-552bd390.js → index-24dbad0d.js}

@@ -1,25 +1,25 @@
-import { _ as __rest } from './tslib.es6-0bc2dc94.js';
+import { _ as __rest } from './tslib.es6-b296649c.js';
 import React__default, { createContext, useContext, useMemo } from 'react';
 import { useMantineTheme } from '@mantine/core';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { u as useHealthToolsCache } from './useHealthToolCache-9bd130ab.js';
-import { u as useTranslations } from './index-08e9ef65.js';
-import { H as HEALTH_TOOL_TYPE } from './constants-838c9dc1.js';
-import { I as Input } from './index-41141658.js';
+import { u as useHealthToolsCache } from './useHealthToolCache-f3cda9e5.js';
+import { u as useTranslations } from './index-a2f39251.js';
+import { H as HEALTH_TOOL_TYPE } from './constants-2c26339d.js';
+import { I as Input } from './index-42370ab4.js';
 import '@mantine/dates';
-import './index-200b80bf.js';
-import './index-27b20a96.js';
-import './index-b01d1221.js';
-import './useMantineLocale-d43b1d39.js';
-import './index-c845f391.js';
-import './index-451d331b.js';
-import './index.styles-437e46a6.js';
+import './index-4ac4cc26.js';
+import './index-2d4aab8b.js';
+import './index-a891e652.js';
+import './useMantineLocale-3b9527c4.js';
+import './index-103ed97c.js';
+import './index-71029164.js';
+import './index.styles-93912aee.js';
 import '@mantine/hooks';
-import './utils-fd148004.js';
-import './other-36fd4294.js';
-import './index-3e780042.js';
-import { H as HealthToolFormWrapper } from './index-fc8e9c5a.js';
-import { I as INPUT_RANGE } from './constants-b552fe77.js';
+import './utils-cc53377d.js';
+import './other-bc50ea14.js';
+import './index-6165a7d5.js';
+import { H as HealthToolFormWrapper } from './index-d5965037.js';
+import { I as INPUT_RANGE } from './constants-1372bc15.js';
 import { domainLocales } from './constantsDomainLocales.js';
 
 const PWGFormContext = createContext({});

package/build/esm/{index-2ef91087.js → index-2673b4d4.js}

@@ -1,20 +1,20 @@
-import { _ as __rest } from './tslib.es6-0bc2dc94.js';
+import { _ as __rest } from './tslib.es6-b296649c.js';
 import React__default, { createContext, useContext } from 'react';
 import { useMantineTheme, Flex, rem, Box, createStyles } from '@mantine/core';
-import { t as themeColors } from './index-41141658.js';
+import { t as themeColors } from './index-42370ab4.js';
 import '@mantine/dates';
-import './index-200b80bf.js';
-import './index-27b20a96.js';
-import './index-b01d1221.js';
-import './useMantineLocale-d43b1d39.js';
-import { T as Text } from './index-c845f391.js';
-import './index-451d331b.js';
-import './index.styles-437e46a6.js';
-import { u as useTranslations } from './index-08e9ef65.js';
+import './index-4ac4cc26.js';
+import './index-2d4aab8b.js';
+import './index-a891e652.js';
+import './useMantineLocale-3b9527c4.js';
+import { T as Text } from './index-103ed97c.js';
+import './index-71029164.js';
+import './index.styles-93912aee.js';
+import { u as useTranslations } from './index-a2f39251.js';
 import '@mantine/hooks';
-import { M as MediaQueries } from './utils-fd148004.js';
-import './other-36fd4294.js';
-import './index-3e780042.js';
+import { M as MediaQueries } from './utils-cc53377d.js';
+import './other-bc50ea14.js';
+import './index-6165a7d5.js';
 import styled from '@emotion/styled';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 

package/build/esm/{index-753c7fbe.js → index-2b155e86.js}

@@ -1,12 +1,12 @@
-import { _ as __rest } from './tslib.es6-0bc2dc94.js';
+import { _ as __rest } from './tslib.es6-b296649c.js';
 import React__default from 'react';
 import { useMantineTheme, Image } from '@mantine/core';
 import { DatePickerInput } from '@mantine/dates';
-import { I as ISO_FORMAT } from './index-200b80bf.js';
-import './index-27b20a96.js';
-import { C as CommonGAssets } from './index-b01d1221.js';
-import { M as MAPPED_LOCALE } from './useMantineLocale-d43b1d39.js';
-import { L as LOCALE } from './Locale-7825f906.js';
+import { I as ISO_FORMAT } from './index-4ac4cc26.js';
+import './index-2d4aab8b.js';
+import { C as CommonGAssets } from './index-a891e652.js';
+import { M as MAPPED_LOCALE } from './useMantineLocale-3b9527c4.js';
+import { L as LOCALE } from './Locale-85012f09.js';
 
 // Omit<MantineDatePickerInputProps, 'value'>
 const DatePicker = (_a) => {

package/build/esm/{index-27b20a96.js → index-2d4aab8b.js}

@@ -1,4 +1,4 @@
-import { L as LOCALE } from './Locale-7825f906.js';
+import { L as LOCALE } from './Locale-85012f09.js';
 
 var Gender;
 (function (Gender) {

package/build/esm/{index-7fe0eb60.js → index-3415da09.js}

@@ -1,8 +1,8 @@
-import { _ as __rest } from './tslib.es6-0bc2dc94.js';
+import { _ as __rest } from './tslib.es6-b296649c.js';
 import React__default from 'react';
 import { theme } from './miscTheme.js';
-import { W as WhatsApp, I as Instagram } from './WhatsApp-778196dc.js';
-import { S as Spinner } from './Spinner-d1b30dcf.js';
+import { W as WhatsApp, I as Instagram } from './WhatsApp-364e9840.js';
+import { S as Spinner } from './Spinner-fa2617af.js';
 
 const App = (_a) => {
     var { size = 24 } = _a, rest = __rest(_a, ["size"]);

package/build/esm/{index-4bdd5ba3.js → index-3926976d.js}

@@ -1,7 +1,7 @@
-import { _ as __rest } from './tslib.es6-0bc2dc94.js';
+import { _ as __rest } from './tslib.es6-b296649c.js';
 import React__default from 'react';
 import { Modal as Modal$1 } from '@mantine/core';
-import { u as useStyles } from './index.styles-437e46a6.js';
+import { u as useStyles } from './index.styles-93912aee.js';
 
 const Modal = (_a) => {
     var { styles, classNames, transitionProps } = _a, rest = __rest(_a, ["styles", "classNames", "transitionProps"]);

package/build/esm/{index-c01b2fa0.js → index-40200ea5.js}

@@ -1,32 +1,32 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-0bc2dc94.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-b296649c.js';
 import React__default, { useContext, useState, useEffect, useMemo } from 'react';
-import { B as Button } from './index-9ea2f8fb.js';
-import { H as Heading } from './index-72ac7721.js';
-import { u as useTranslations } from './index-08e9ef65.js';
+import { B as Button } from './index-437dc931.js';
+import { H as Heading } from './index-f0c35ad8.js';
+import { u as useTranslations } from './index-a2f39251.js';
 import innertext from 'innertext';
-import { S as SharePopup, P as PopupDanger, i as deletePost, j as IconAlertCircle, b as SubmitReportForm, k as deleteComment, l as decodeCommentBody, m as likeUnlikeComment, I as InputCommentBar, c as SocialLinkPreview, n as likeUnlikePost, g as getDefaultFailNoti } from './index-c2d7a405.js';
-import { C as CommonGAssets } from './index-b01d1221.js';
-import { R as REPORT_REASON_MAP, D as DEFAULT_IMG } from './constants-838c9dc1.js';
+import { S as SharePopup, P as PopupDanger, i as deletePost, j as IconAlertCircle, b as SubmitReportForm, k as deleteComment, l as decodeCommentBody, m as likeUnlikeComment, I as InputCommentBar, c as SocialLinkPreview, n as likeUnlikePost, g as getDefaultFailNoti } from './index-474ede90.js';
+import { C as CommonGAssets } from './index-a891e652.js';
+import { R as REPORT_REASON_MAP, D as DEFAULT_IMG } from './constants-2c26339d.js';
 import { useTogetherAuthRequiredAction, TogetherAuthConfigContextProvider } from './useTogetherAuthRequiredAction.js';
-import { T as TogetherComponentGlobalContext, c as callApi, q as getMarryBabyApiPath, o as getDiscoverApiPath, g as getCarePath, k as getCurrentBaseUrl$1, b as callApiWithAuth, d as getApiPath, r as callApiWithOptionalAuth, l as domainLocales$1 } from './utils-42c19230.js';
-import { b as TreePopoverMenu, C as CardReactions, c as CardReactionType, a as LabelPin, T as TagTopic } from './treePopoverMenu-f3a673f7.js';
+import { T as TogetherComponentGlobalContext, c as callApi, q as getMarryBabyApiPath, o as getDiscoverApiPath, g as getCarePath, k as getCurrentBaseUrl$1, b as callApiWithAuth, d as getApiPath, r as callApiWithOptionalAuth, l as domainLocales$1 } from './utils-99a90cdb.js';
+import { b as TreePopoverMenu, C as CardReactions, c as CardReactionType, a as LabelPin, T as TagTopic } from './treePopoverMenu-5e603190.js';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-fd148004.js';
+import { M as MediaQueries } from './utils-cc53377d.js';
 import { theme } from './miscTheme.js';
-import { g as formatArticle, h as formatCategory, e as formatComment } from './dataTransform-8c0e2722.js';
+import { g as formatArticle, h as formatCategory, e as formatComment } from './dataTransform-0fd60746.js';
 import { DISCOVER_PATHS, CARE_PATHS, PATHS } from './togetherApiPaths.js';
-import { C as CardLink } from './index-530736ca.js';
-import { C as CardAuthor, L as Loading, c as ProfileDetailModal } from './index-01b39f19.js';
-import { a as ProfileDetail, P as PostContent } from './index-5dacd204.js';
-import { a as PostImagePreview } from './index-93af3187.js';
-import { D as Divider } from './index-99377456.js';
-import './index-200b80bf.js';
+import { C as CardLink } from './index-62bc78be.js';
+import { C as CardAuthor, L as Loading, c as ProfileDetailModal } from './index-d37100d8.js';
+import { a as ProfileDetail, P as PostContent } from './index-6d3499d5.js';
+import { a as PostImagePreview } from './index-bee9f719.js';
+import { D as Divider } from './index-2235a59d.js';
+import './index-4ac4cc26.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-b6605078.js';
-import { T as Text } from './index-c845f391.js';
-import { g as getCurrentBaseUrl } from './normalizeLink-99fab3ff.js';
+import { I as Input } from './index-b5c91d9e.js';
+import { T as Text } from './index-103ed97c.js';
+import { g as getCurrentBaseUrl } from './normalizeLink-c6bcd096.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-41141658.js → index-42370ab4.js}

@@ -1,23 +1,23 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-0bc2dc94.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-b296649c.js';
 import * as React from 'react';
 import React__default, { forwardRef, Component, useState, useCallback, useEffect, createContext, useContext, useRef, useMemo, useImperativeHandle } from 'react';
 import { ArrowDown } from '@hhgtech/icons/other';
 import { em, Autocomplete, Image, ActionIcon, Select as Select$1, createStyles, AspectRatio as AspectRatio$1, useMantineTheme, Box, Breadcrumbs as Breadcrumbs$1, Textarea, Accordion as Accordion$1, Indicator, Avatar as Avatar$1, FileInput as FileInput$1, createEmotionCache, NumberInput as NumberInput$1, PasswordInput as PasswordInput$1, TextInput, Input as Input$1, Checkbox as Checkbox$1, Slider, Radio as Radio$1, Flex, Popover as Popover$1, rem, Chip } from '@mantine/core';
 import { useUncontrolled, useDebouncedValue, useViewportSize, useResizeObserver, useDisclosure, useClickOutside } from '@mantine/hooks';
-import { C as CommonGAssets } from './index-b01d1221.js';
-import { I as ImageWrap, u as useScreenSize } from './useScreenSize-e25a13dc.js';
+import { C as CommonGAssets } from './index-a891e652.js';
+import { I as ImageWrap, u as useScreenSize } from './useScreenSize-09c94e57.js';
 import styled from '@emotion/styled';
 import { Carousel as Carousel$1 } from '@mantine/carousel';
-import { T as Text } from './index-c845f391.js';
-import './index-27b20a96.js';
+import { T as Text } from './index-103ed97c.js';
+import './index-2d4aab8b.js';
 import { theme } from './miscTheme.js';
-import { B as Breakpoints } from './utils-fd148004.js';
-import { G as GlobalHeadingStyle, a as GlobalContainerStyle } from './useMantineLocale-d43b1d39.js';
-import { I as ISO_FORMAT } from './index-200b80bf.js';
-import { A as ANIMATION_DURATION, B as Button } from './index-451d331b.js';
-import { L as LOCALE } from './Locale-7825f906.js';
+import { B as Breakpoints } from './utils-cc53377d.js';
+import { G as GlobalHeadingStyle, a as GlobalContainerStyle } from './useMantineLocale-3b9527c4.js';
+import { I as ISO_FORMAT } from './index-4ac4cc26.js';
+import { A as ANIMATION_DURATION, B as Button } from './index-71029164.js';
+import { L as LOCALE } from './Locale-85012f09.js';
 import cn from 'classnames';
-import { a as useUniqueId } from './useUniqueId-24779955.js';
+import { a as useUniqueId } from './useUniqueId-2c41fb67.js';
 import { siteOptions } from './constantsSite.js';
 import { Check, Plus } from '@hhgtech/icons/core';
 

package/build/esm/{index-9ea2f8fb.js → index-437dc931.js}

@@ -1,6 +1,6 @@
-import { _ as __rest } from './tslib.es6-0bc2dc94.js';
+import { _ as __rest } from './tslib.es6-b296649c.js';
 import React__default from 'react';
-import { B as Button$1 } from './index-451d331b.js';
+import { B as Button$1 } from './index-71029164.js';
 
 /**
  * @deprecated Consider to use at '@hhgtech/hhg-components/mantine'

package/build/esm/{index-3c255f1d.js → index-4652eb83.js}

@@ -1,9 +1,9 @@
 import React__default, { useState } from 'react';
-import { F as Flag } from './index-41141658.js';
+import { F as Flag } from './index-42370ab4.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { T as Text } from './index-c845f391.js';
-import { C as CommonGAssets } from './index-b01d1221.js';
+import { T as Text } from './index-103ed97c.js';
+import { C as CommonGAssets } from './index-a891e652.js';
 
 const ALLOW_DOMAIN_URL = [
     'hellobacsi.com',

package/build/esm/{index-c2d7a405.js → index-474ede90.js}

@@ -1,29 +1,29 @@
 import React__default, { useState, useMemo, useContext, useEffect, createContext, useRef } from 'react';
-import { B as Button } from './index-9ea2f8fb.js';
-import { H as Heading } from './index-72ac7721.js';
-import { T as Text } from './index-c845f391.js';
-import { c as safeEncodeURI, M as MediaQueries, t as toggleNoScroll, a as getPopupWrapperDom } from './utils-fd148004.js';
+import { B as Button } from './index-437dc931.js';
+import { H as Heading } from './index-f0c35ad8.js';
+import { T as Text } from './index-103ed97c.js';
+import { c as safeEncodeURI, M as MediaQueries, t as toggleNoScroll, a as getPopupWrapperDom } from './utils-cc53377d.js';
 import * as ReactDOM from 'react-dom';
-import { b as callApiWithAuth, d as getApiPath, T as TogetherComponentGlobalContext, c as callApi } from './utils-42c19230.js';
+import { b as callApiWithAuth, d as getApiPath, T as TogetherComponentGlobalContext, c as callApi } from './utils-99a90cdb.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { a as __awaiter } from './tslib.es6-0bc2dc94.js';
-import { I as Input } from './index-b6605078.js';
-import { u as useTranslations } from './index-08e9ef65.js';
-import { e as formatComment } from './dataTransform-8c0e2722.js';
-import { M as MAX_IMAGE_UPLOADS, a as DEFAULT_AVATAR_IMG, D as DEFAULT_IMG } from './constants-838c9dc1.js';
+import { a as __awaiter } from './tslib.es6-b296649c.js';
+import { I as Input } from './index-b5c91d9e.js';
+import { u as useTranslations } from './index-a2f39251.js';
+import { e as formatComment } from './dataTransform-0fd60746.js';
+import { M as MAX_IMAGE_UPLOADS, a as DEFAULT_AVATAR_IMG, D as DEFAULT_IMG } from './constants-2c26339d.js';
 import { PATHS } from './togetherApiPaths.js';
-import { c as removeBannedWordWrapper, i as getMentionIdsFromString, j as encodePostContent, u as uploadAndGetSrc, y as youtubeVidIdGetter } from './post-60f9d877.js';
-import { C as CardLink } from './index-530736ca.js';
-import { L as Loading } from './index-01b39f19.js';
-import { U as UserAvatar } from './index-e1903521.js';
-import { R as RichTextEditor } from './editor-6413d939.js';
-import { Portal, useMantineTheme } from '@mantine/core';
+import { c as removeBannedWordWrapper, i as getMentionIdsFromString, j as encodePostContent, u as uploadAndGetSrc, y as youtubeVidIdGetter } from './post-0e6297c3.js';
+import { C as CardLink } from './index-62bc78be.js';
+import { L as Loading } from './index-d37100d8.js';
+import { U as UserAvatar } from './index-0ad02820.js';
+import { R as RichTextEditor } from './editor-3b32fce8.js';
+import { Portal, Box, useMantineTheme } from '@mantine/core';
 import { FullScreen } from '@hhgtech/icons/other';
-import { P as Popup } from './index-e2f2887a.js';
-import { C as CloseIcon } from './index-93af3187.js';
+import { P as Popup } from './index-7f511e39.js';
+import { C as CloseIcon } from './index-bee9f719.js';
 import { ShareBox } from './togetherShareBox.js';
-import { I as ImageWrap } from './useScreenSize-e25a13dc.js';
+import { I as ImageWrap } from './useScreenSize-09c94e57.js';
 
 const useImagePicker = (imageFilesProp, onImageFilesChange) => {
     const [imageFiles, setImageFiles] = useState(imageFilesProp || []);
@@ -1159,6 +1159,34 @@ const StyledSocialLinkPreview = styled.div `
   }
 `;
 
+const YoutubePlyr = ({ id, autoplay }) => {
+    const ref = useRef(null);
+    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';
+            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);
+        }
+    }, []);
+    return (React__default.createElement(React__default.Fragment, null,
+        React__default.createElement(Box, { ref: ref },
+            React__default.createElement("div", { "data-id": "player" },
+                React__default.createElement("iframe", { src: `https://www.youtube.com/embed/${id}?&mute=1&enablejsapi=1&rel=0`, allowFullScreen: true })))));
+};
+
 const SocialLinkPreview = ({ url, image, className, style, baseUrl = '', autoPlay = true, onPushStatus, }) => {
     const { data: { locale }, } = useContext(TogetherComponentGlobalContext);
     const [previewData, setPreviewData] = useState(null);
@@ -1250,13 +1278,25 @@ const SocialLinkPreview = ({ url, image, className, style, baseUrl = '', autoPla
     }, [previewData]);
     const containerRef = useRef(null);
     const _theme = useMantineTheme();
-    return (React__default.createElement(StyledSocialLinkPreview, { className: `${className} no-replace-click`, style: style, ref: containerRef, color: _theme.colors[_theme.primaryColor][0] }, !image && (youtubeVidId || facebookVidId) ? (React__default.createElement("div", { className: "link-image-wrapper" }, youtubeVidId ? (React__default.createElement("iframe", { width: "100%", height: "100%", src: `https://www.youtube.com/embed/${youtubeVidId}?&autoplay=${autoPlay ? 1 : 0}&mute=1&enablejsapi=1&rel=0`, frameBorder: "0", allowFullScreen: true, style: {
-            position: 'absolute',
-            top: 0,
-            left: 0,
-            border: 'none',
-            overflow: 'hidden',
-        }, loading: "lazy" })) : facebookVidId ? (React__default.createElement("iframe", { key: String(forceRerenderFB), src: `https://www.facebook.com/plugins/video.php?href=${encodeURIComponent(displayUrl)}&autoplay=${autoPlay ? 1 : 0}&show_text=false&t=0&width=${responsiveWidth.current}&height=${responsiveHeight.current}`, style: {
+    return (React__default.createElement(StyledSocialLinkPreview, { className: `${className} no-replace-click`, style: style, ref: containerRef, color: _theme.colors[_theme.primaryColor][0] }, !image && (youtubeVidId || facebookVidId) ? (youtubeVidId ? (React__default.createElement(YoutubePlyr, { id: youtubeVidId, autoplay: autoPlay })) : (
+    // <iframe
+    //   width="100%"
+    //   height="100%"
+    //   src={`https://www.youtube.com/embed/${youtubeVidId}?&autoplay=${
+    //     autoPlay ? 1 : 0
+    //   }&mute=1&enablejsapi=1&rel=0`}
+    //   frameBorder="0"
+    //   allowFullScreen
+    //   style={{
+    //     position: 'absolute',
+    //     top: 0,
+    //     left: 0,
+    //     border: 'none',
+    //     overflow: 'hidden',
+    //   }}
+    //   loading="lazy"
+    // ></iframe>
+    React__default.createElement("div", { className: "link-image-wrapper" }, facebookVidId ? (React__default.createElement("iframe", { key: String(forceRerenderFB), src: `https://www.facebook.com/plugins/video.php?href=${encodeURIComponent(displayUrl)}&autoplay=${autoPlay ? 1 : 0}&show_text=false&t=0&width=${responsiveWidth.current}&height=${responsiveHeight.current}`, style: {
             position: 'absolute',
             top: '50%',
             left: '50%',
@@ -1265,7 +1305,7 @@ const SocialLinkPreview = ({ url, image, className, style, baseUrl = '', autoPla
             height: responsiveHeight.current,
             width: responsiveWidth.current,
             transform: 'translate(-50%, -50%)',
-        }, scrolling: "no", frameBorder: "0", allowFullScreen: true, allow: "autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share", loading: "lazy" })) : null)) : (React__default.createElement("a", { href: displayUrl, target: "_blank", rel: "noreferrer" },
+        }, scrolling: "no", frameBorder: "0", allowFullScreen: true, allow: "autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share", loading: "lazy" })) : null))) : (React__default.createElement("a", { href: displayUrl, target: "_blank", rel: "noreferrer" },
         React__default.createElement("div", { className: `link-image-wrapper ${(previewData === null || previewData === void 0 ? void 0 : previewData.isFetching) ? 'fetching' : ''}` }, (previewData === null || previewData === void 0 ? void 0 : previewData.isFetching) ? (React__default.createElement(Loading, { className: "loading-spinner" })) : (React__default.createElement(ImageWrap, { className: "link-image", src: displayImage || DEFAULT_IMG, backupSrc: DEFAULT_IMG, alt: displayUrl })))))));
 };