@hhgtech/hhg-components 1.29.349 → 1.29.350

package/build/esm/{index-314b0752.js → index-91981f41.js}

@@ -1,29 +1,28 @@
 import React__default, { useState, useMemo, useContext, useEffect, createContext, useRef } from 'react';
-import { B as Button } from './index-0ed85b02.js';
-import { H as Heading } from './index-3f770afe.js';
-import { T as Text } from './index-b605d917.js';
-import { c as safeEncodeURI, M as MediaQueries, t as toggleNoScroll, a as getPopupWrapperDom } from './utils-5a720548.js';
+import { B as Button } from './index-29d67804.js';
+import { H as Heading } from './index-86593428.js';
+import { T as Text } from './index-2e886c27.js';
+import { c as safeEncodeURI, M as MediaQueries, t as toggleNoScroll, a as getPopupWrapperDom } from './utils-24a5fc0b.js';
 import * as ReactDOM from 'react-dom';
-import { b as callApiWithAuth, d as getApiPath, T as TogetherComponentGlobalContext, c as callApi } from './utils-206705f4.js';
+import { b as callApiWithAuth, d as getApiPath, T as TogetherComponentGlobalContext } from './utils-1af61383.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { a as __awaiter } from './tslib.es6-bea6774f.js';
-import { I as Input } from './index-21b4d3a4.js';
-import { u as useTranslations } from './index-eb34e967.js';
-import { e as formatComment } from './dataTransform-f2b1a7aa.js';
-import { M as MAX_IMAGE_UPLOADS, a as DEFAULT_AVATAR_IMG, D as DEFAULT_IMG } from './constants-44428c3b.js';
+import { a as __awaiter } from './tslib.es6-3d0d57aa.js';
+import { I as Input } from './index-72e7fffe.js';
+import { u as useTranslations } from './index-b13ff4b9.js';
+import { e as formatComment } from './dataTransform-bda7b271.js';
+import { M as MAX_IMAGE_UPLOADS, a as DEFAULT_AVATAR_IMG } from './constants-e3bf1dcd.js';
 import { PATHS } from './togetherApiPaths.js';
-import { j as removeBannedWordWrapper, i as getMentionIdsFromString, k as encodePostContent, u as uploadAndGetSrc, y as youtubeVidIdGetter } from './post-ff05f592.js';
-import { C as CardLink } from './index-e50eaf7c.js';
-import { L as Loading } from './index-92e61bb7.js';
-import { U as UserAvatar } from './index-29e95d32.js';
-import { R as RichTextEditor } from './editor-f4ccfcb0.js';
-import { Portal, Box, useMantineTheme } from '@mantine/core';
+import { j as removeBannedWordWrapper, i as getMentionIdsFromString, k as encodePostContent, u as uploadAndGetSrc } from './post-25e22605.js';
+import { C as CardLink } from './index-c15c044c.js';
+import { L as Loading } from './index-eda053dd.js';
+import { U as UserAvatar } from './index-8468f319.js';
+import { R as RichTextEditor } from './editor-ab4e1225.js';
+import { Portal } from '@mantine/core';
 import { FullScreen } from '@hhgtech/icons/other';
-import { P as Popup } from './index-c5febaaf.js';
-import { C as CloseIcon } from './index-e4721d93.js';
+import { P as Popup } from './index-d3b10ec3.js';
+import { C as CloseIcon } from './index-109b0adb.js';
 import { ShareBox } from './togetherShareBox.js';
-import { I as ImageWrap } from './useScreenSize-a0bc6826.js';
 
 const useImagePicker = (imageFilesProp, onImageFilesChange) => {
     const [imageFiles, setImageFiles] = useState(imageFilesProp || []);
@@ -1110,217 +1109,4 @@ const SubmitReportForm = ({ className, style, reason, reasonText, onClose, postI
             }) }, t('submit'))));
 };
 
-const StyledSocialLinkPreview = styled.div `
-  .link-info-container {
-    padding: 0.5rem 1rem;
-    background: ${(props) => props.color || '#f4faff'};
-  }
-  .link-image-wrapper {
-    position: relative;
-    overflow: hidden;
-    width: 100%;
-    padding-top: 56.25%;
-    &.fetching {
-      background: lightgray;
-    }
-    .loading-spinner {
-      position: absolute;
-      top: 50%;
-      left: 50%;
-      transform: translate(-50%, -50%);
-    }
-    .link-image {
-      position: absolute;
-      top: 0;
-      left: 0;
-      width: 100%;
-      height: 100%;
-      object-fit: cover;
-      object-position: center;
-    }
-  }
-  a {
-    text-decoration: none;
-  }
-  &[data-is-marrybaby='true'] {
-    overflow: hidden;
-    border-radius: 1rem;
-  }
-`;
-
-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.7.8/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.7.8/plyr.css';
-            link.id = 'hhg-plyr-player';
-            document.head.appendChild(link);
-        }
-        if (state === 'ready' || typeof Plyr !== 'undefined') {
-            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, sx: {
-                position: 'absolute',
-                top: 0,
-                left: 0,
-                right: 0,
-                bottom: 0,
-                backgroundColor: '#000',
-                '&, > div': {
-                    width: '100%',
-                    height: '100%',
-                },
-            } },
-            React__default.createElement("div", { "data-id": "player" },
-                React__default.createElement("iframe", { width: "100%", height: "100%", src: `https://www.youtube.com/embed/${id}?&mute=1&enablejsapi=1&rel=0`, allowFullScreen: true, frameBorder: "0" })))));
-};
-
-const SocialLinkPreview = ({ url, image, className, style, baseUrl = '', autoPlay = true, onPushStatus, }) => {
-    const { data: { locale }, } = useContext(TogetherComponentGlobalContext);
-    const [previewData, setPreviewData] = useState(null);
-    useEffect(() => {
-        (() => __awaiter(void 0, void 0, void 0, function* () {
-            if (image)
-                return;
-            if (!url)
-                return setPreviewData(null);
-            setPreviewData((_data) => (Object.assign(Object.assign({}, _data), { isFetching: true })));
-            // fetch('./api/fetch-meta?url=' + encodeURIComponent(url))
-            //   .then((res) => res.json())
-            //   .then((res) =>
-            //     setPreviewData({
-            //       url,
-            //       image: res?.image || res?.logo,
-            //     }),
-            //   )
-            callApi(getApiPath(PATHS.FETCH_PREVIEW, {
-                _locale: locale,
-            }, undefined, baseUrl), 'POST', {
-                data: {
-                    link: url,
-                },
-                headers: {
-                    'Content-Type': 'application/json',
-                },
-            }, !!baseUrl)
-                .then((res) => {
-                var _a, _b;
-                setPreviewData({
-                    url,
-                    image: ((_a = res === null || res === void 0 ? void 0 : res.data) === null || _a === void 0 ? void 0 : _a.image) || ((_b = res === null || res === void 0 ? void 0 : res.data) === null || _b === void 0 ? void 0 : _b.logo),
-                });
-            })
-                .catch(() => {
-                setPreviewData(null);
-            });
-        }))();
-    }, [url, image]);
-    const displayImage = image || (previewData === null || previewData === void 0 ? void 0 : previewData.image);
-    const displayUrl = (previewData === null || previewData === void 0 ? void 0 : previewData.url) || url;
-    const youtubeVidId = useMemo(() => {
-        return youtubeVidIdGetter(displayUrl);
-    }, [displayUrl]);
-    const facebookVidId = useMemo(() => {
-        return (displayUrl.includes('facebook.com') || displayUrl.includes('fb.watch'));
-    }, [displayUrl]);
-    const responsiveWidth = useRef(0);
-    const responsiveHeight = useRef(0);
-    const [forceRerenderFB, setForceRerenderFB] = useState(false);
-    // FACEBOOK Video is not responsive for desktop browser
-    // => hack: set size to same as container, if size change too large, re-render facebook iframe with new config
-    useEffect(() => {
-        const handleResize = () => {
-            var _a;
-            const containerRect = (_a = containerRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
-            let toChangeSize = false;
-            if (containerRect &&
-                (!responsiveWidth.current ||
-                    Math.abs((responsiveWidth.current - containerRect.width) /
-                        (containerRect === null || containerRect === void 0 ? void 0 : containerRect.width)) > 0.2)) {
-                responsiveWidth.current = Math.floor(containerRect.width);
-                toChangeSize = true;
-            }
-            if (containerRect &&
-                (!responsiveHeight.current ||
-                    Math.abs((responsiveHeight.current - containerRect.height) /
-                        (containerRect === null || containerRect === void 0 ? void 0 : containerRect.height)) > 0.2)) {
-                responsiveHeight.current = Math.floor(containerRect.height);
-                toChangeSize = true;
-            }
-            if (toChangeSize) {
-                setForceRerenderFB((v) => !v);
-            }
-        };
-        handleResize();
-        window.addEventListener('resize', handleResize, {
-            passive: true,
-        });
-        return () => {
-            window.removeEventListener('resize', handleResize);
-        };
-    }, []);
-    useEffect(() => {
-        if ((previewData === null || previewData === void 0 ? void 0 : previewData.image) && (previewData === null || previewData === void 0 ? void 0 : previewData.url)) {
-            onPushStatus === null || onPushStatus === void 0 ? void 0 : onPushStatus(true);
-        }
-    }, [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(YoutubePlyr, { id: youtubeVidId, autoplay: autoPlay })) : 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%',
-            border: 'none',
-            overflow: 'hidden',
-            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" },
-        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 })))))));
-};
-
-export { InputCommentBar as I, PopupDanger as P, SharePopup as S, PopupFrame as a, SubmitReportForm as b, SocialLinkPreview as c, IconCloseCircle as d, getPostFormData as e, editPost as f, getDefaultFailNoti as g, createPost as h, deletePost as i, IconAlertCircle as j, deleteComment as k, decodeCommentBody as l, likeUnlikeComment as m, likeUnlikePost as n, useImagePicker as u };
+export { InputCommentBar as I, PopupDanger as P, SharePopup as S, PopupFrame as a, SubmitReportForm as b, IconCloseCircle as c, getPostFormData as d, editPost as e, createPost as f, getDefaultFailNoti as g, deletePost as h, IconAlertCircle as i, deleteComment as j, decodeCommentBody as k, likeUnlikeComment as l, likeUnlikePost as m, useImagePicker as u };

package/build/esm/{index-f5c3297f.js → index-9de22e34.js}

@@ -1,12 +1,12 @@
-import { _ as __rest, a as __awaiter } from './tslib.es6-bea6774f.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-3d0d57aa.js';
 import React__default, { useState, useMemo, useCallback } from 'react';
-import { u as useTranslations } from './index-eb34e967.js';
+import { u as useTranslations } from './index-b13ff4b9.js';
 import { createStyles } from '@mantine/core';
-import { P as PATHS } from './paths-79c2a942.js';
-import { L as LOCALIZED_SLUGS } from './constants-0dd52e3f.js';
-import { B as Button } from './index-ff8fa730.js';
-import './index-2a66607f.js';
-import { c as callApi, g as getCarePath } from './utils-206705f4.js';
+import { P as PATHS } from './paths-1c1c94aa.js';
+import { L as LOCALIZED_SLUGS } from './constants-7688da28.js';
+import { B as Button } from './index-749063ff.js';
+import './index-8a3797fe.js';
+import { c as callApi, g as getCarePath } from './utils-1af61383.js';
 import { domainLocales } from './constantsDomainLocales.js';
 import { isProduction } from './constantsIsProduction.js';
 

package/build/esm/{index-d1b29da0.js → index-a7479d55.js}

@@ -1,9 +1,9 @@
-import { _ as __rest } from './tslib.es6-bea6774f.js';
+import { _ as __rest } from './tslib.es6-3d0d57aa.js';
 import React__default, { useState, useCallback, useMemo, useEffect } from 'react';
 import { clsx } from '@mantine/core';
 import { Drawer } from 'vaul';
 import styled from '@emotion/styled';
-import { Z as ZINDEX_SSO } from './index-2a66607f.js';
+import { Z as ZINDEX_SSO } from './index-8a3797fe.js';
 
 const StyledDrawerComponentContent = styled(Drawer.Content) `
   position: fixed;

package/build/esm/{index-0d344f9f.js → index-a85f8807.js}

@@ -1,40 +1,40 @@
 import React__default, { createContext, useContext, useMemo, useCallback, useState, useEffect, forwardRef, useRef } from 'react';
 import { rem, Container, createStyles, Box, Stack, Flex, AspectRatio, ScrollArea, Chip, Group, Badge, MultiSelect, Stepper } from '@mantine/core';
-import { C as CommonGAssets } from './index-e0c9065b.js';
-import { b as callApiWithAuth, d as getApiPath, T as TogetherComponentGlobalContext, e as getPremiumApiPath, f as getWebsiteUrlApi, h as getSsoApiPath } from './utils-206705f4.js';
-import { G as GA_TOKEN_COOKIE } from './index-2a66607f.js';
+import { C as CommonGAssets } from './index-76eff284.js';
+import { b as callApiWithAuth, d as getApiPath, T as TogetherComponentGlobalContext, e as getPremiumApiPath, f as getWebsiteUrlApi, h as getSsoApiPath } from './utils-1af61383.js';
+import { G as GA_TOKEN_COOKIE } from './index-8a3797fe.js';
 import { RISK_SCREENER_NAME, RISK_SCREENER_SLUG } from './constantsRiskScreener.js';
-import { _ as __rest, a as __awaiter } from './tslib.es6-bea6774f.js';
-import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-961adaba.js';
-import { I as ImageWrap } from './useScreenSize-a0bc6826.js';
-import { g as getCurrentBaseUrl, a as getCurrentSsoUrl } from './normalizeLink-0bbb9f2e.js';
-import { u as useTranslations } from './index-eb34e967.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-3d0d57aa.js';
+import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-c0abd1a4.js';
+import { I as ImageWrap } from './useScreenSize-11fc92d3.js';
+import { g as getCurrentBaseUrl, a as getCurrentSsoUrl } from './normalizeLink-a852ea86.js';
+import { u as useTranslations } from './index-b13ff4b9.js';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { d as Checkbox, e as ChipButton, I as Input, t as themeColors, b as AspectRatio$1 } from './index-75b6adf7.js';
+import { d as Checkbox, e as ChipButton, I as Input, t as themeColors, b as AspectRatio$1 } from './index-1ff60d24.js';
 import '@mantine/dates';
-import './index-def423d4.js';
-import './useMantineLocale-b482abdd.js';
-import { T as Text } from './index-b605d917.js';
-import { B as Button } from './index-ff8fa730.js';
-import './index.styles-f1d20f0b.js';
+import './index-7c6f1a51.js';
+import './useMantineLocale-f17968c0.js';
+import { T as Text } from './index-2e886c27.js';
+import { B as Button } from './index-749063ff.js';
+import './index.styles-61d70f9e.js';
 import { useViewportSize } from '@mantine/hooks';
-import './utils-5a720548.js';
-import './other-5df2ee98.js';
-import './index-c15ae10d.js';
+import './utils-24a5fc0b.js';
+import './other-ff97cf3a.js';
+import './index-eec8b1cc.js';
 import { PATHS as PATHS$2 } from './togetherApiPaths.js';
-import './translationsContext-4a161a5e.js';
-import { H as Heading } from './index-3f770afe.js';
-import { u as useHealthToolsCache } from './useHealthToolCache-f2578df3.js';
-import { I as Icon } from './index-85f75df4.js';
+import './translationsContext-d3dcfbcf.js';
+import { H as Heading } from './index-86593428.js';
+import { u as useHealthToolsCache } from './useHealthToolCache-d0dd546a.js';
+import { I as Icon } from './index-44b26820.js';
 import { domainLocales } from './constantsDomainLocales.js';
 import { isProduction } from './constantsIsProduction.js';
 import { Close, Plus } from '@hhgtech/icons/core';
-import { i as isVideo } from './index-e578acff.js';
-import { M as Modal } from './index-7598d2cd.js';
+import { i as isVideo } from './index-77acd039.js';
+import { M as Modal } from './index-cf54a904.js';
 import Cookies from 'js-cookie';
 import flatten from 'lodash/flatten';
 import uniqBy from 'lodash/uniqBy';
-import { L as LOCALE } from './Locale-9dea4d4a.js';
+import { L as LOCALE } from './Locale-fee93066.js';
 
 const PREFER_TOPICS = [
     {

package/build/esm/{index-eb34e967.js → index-b13ff4b9.js}

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

package/build/esm/{index-153780cf.js → index-bc4e8cd1.js}

@@ -1,20 +1,20 @@
-import { _ as __rest } from './tslib.es6-bea6774f.js';
+import { _ as __rest } from './tslib.es6-3d0d57aa.js';
 import React__default, { createContext, useContext } from 'react';
 import { useMantineTheme, Flex, rem, Box, createStyles } from '@mantine/core';
-import { t as themeColors } from './index-75b6adf7.js';
+import { t as themeColors } from './index-1ff60d24.js';
 import '@mantine/dates';
-import './index-2a66607f.js';
-import './index-def423d4.js';
-import './index-e0c9065b.js';
-import './useMantineLocale-b482abdd.js';
-import { T as Text } from './index-b605d917.js';
-import './index-ff8fa730.js';
-import './index.styles-f1d20f0b.js';
-import { u as useTranslations } from './index-eb34e967.js';
+import './index-8a3797fe.js';
+import './index-7c6f1a51.js';
+import './index-76eff284.js';
+import './useMantineLocale-f17968c0.js';
+import { T as Text } from './index-2e886c27.js';
+import './index-749063ff.js';
+import './index.styles-61d70f9e.js';
+import { u as useTranslations } from './index-b13ff4b9.js';
 import '@mantine/hooks';
-import { M as MediaQueries } from './utils-5a720548.js';
-import './other-5df2ee98.js';
-import './index-c15ae10d.js';
+import { M as MediaQueries } from './utils-24a5fc0b.js';
+import './other-ff97cf3a.js';
+import './index-eec8b1cc.js';
 import styled from '@emotion/styled';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 

package/build/esm/{index-f6b333fa.js → index-c072d314.js}

@@ -1,32 +1,34 @@
-import { a as __awaiter, _ as __rest } from './tslib.es6-bea6774f.js';
+import { a as __awaiter, _ as __rest } from './tslib.es6-3d0d57aa.js';
 import React__default, { useContext, useState, useEffect, useMemo } from 'react';
-import { B as Button } from './index-0ed85b02.js';
-import { H as Heading } from './index-3f770afe.js';
-import { u as useTranslations } from './index-eb34e967.js';
+import { B as Button } from './index-29d67804.js';
+import { H as Heading } from './index-86593428.js';
+import { u as useTranslations } from './index-b13ff4b9.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-314b0752.js';
-import { C as CommonGAssets } from './index-e0c9065b.js';
-import { R as REPORT_REASON_MAP, D as DEFAULT_IMG } from './constants-44428c3b.js';
+import { S as SharePopup, P as PopupDanger, h as deletePost, i as IconAlertCircle, b as SubmitReportForm, j as deleteComment, k as decodeCommentBody, l as likeUnlikeComment, I as InputCommentBar, m as likeUnlikePost, g as getDefaultFailNoti } from './index-91981f41.js';
+import { C as CommonGAssets } from './index-76eff284.js';
+import { R as REPORT_REASON_MAP, D as DEFAULT_IMG } from './constants-e3bf1dcd.js';
 import { useTogetherAuthRequiredAction, TogetherAuthConfigContextProvider } from './useTogetherAuthRequiredAction.js';
-import { T as TogetherComponentGlobalContext, c as callApi, s as getMarryBabyApiPath, o as getDiscoverApiPath, g as getCarePath, k as getCurrentBaseUrl$1, b as callApiWithAuth, d as getApiPath, t as callApiWithOptionalAuth, l as domainLocales$1 } from './utils-206705f4.js';
-import { b as TreePopoverMenu, C as CardReactions, c as CardReactionType, a as LabelPin, T as TagTopic } from './treePopoverMenu-64320e72.js';
+import { T as TogetherComponentGlobalContext, c as callApi, s as getMarryBabyApiPath, o as getDiscoverApiPath, g as getCarePath, k as getCurrentBaseUrl$1, b as callApiWithAuth, d as getApiPath, t as callApiWithOptionalAuth, l as domainLocales$1 } from './utils-1af61383.js';
+import { b as TreePopoverMenu, C as CardReactions, c as CardReactionType, a as LabelPin, T as TagTopic } from './treePopoverMenu-601f64f4.js';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-5a720548.js';
+import { M as MediaQueries } from './utils-24a5fc0b.js';
 import { theme } from './miscTheme.js';
-import { g as formatArticle, h as formatCategory, e as formatComment } from './dataTransform-f2b1a7aa.js';
+import { g as formatArticle, h as formatCategory, e as formatComment } from './dataTransform-bda7b271.js';
 import { DISCOVER_PATHS, CARE_PATHS, PATHS } from './togetherApiPaths.js';
-import { C as CardLink } from './index-e50eaf7c.js';
-import { C as CardAuthor, L as Loading, c as ProfileDetailModal } from './index-92e61bb7.js';
-import { a as ProfileDetail, P as PostContent } from './index-45165697.js';
-import { a as PostImagePreview } from './index-e4721d93.js';
-import { D as Divider } from './index-68a622bd.js';
-import './index-2a66607f.js';
+import { C as CardLink } from './index-c15c044c.js';
+import { C as CardAuthor, c as ProfileDetailModal } from './index-86529a88.js';
+import { a as ProfileDetail, P as PostContent } from './index-c9d2aaa2.js';
+import { a as PostImagePreview } from './index-109b0adb.js';
+import { S as SocialLinkPreview } from './index-c52fbd75.js';
+import { D as Divider } from './index-40c8f198.js';
+import './index-8a3797fe.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-21b4d3a4.js';
-import { T as Text } from './index-b605d917.js';
-import { g as getCurrentBaseUrl } from './normalizeLink-0bbb9f2e.js';
+import { I as Input } from './index-72e7fffe.js';
+import { T as Text } from './index-2e886c27.js';
+import { L as Loading } from './index-eda053dd.js';
+import { g as getCurrentBaseUrl } from './normalizeLink-a852ea86.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-e50eaf7c.js → index-c15c044c.js}

@@ -1,12 +1,12 @@
-import { a as __awaiter } from './tslib.es6-bea6774f.js';
+import { a as __awaiter } from './tslib.es6-3d0d57aa.js';
 import React__default, { useContext, useState, useRef, useEffect } from 'react';
 import { useMantineTheme } from '@mantine/core';
-import { H as Heading } from './index-3f770afe.js';
-import { T as Text } from './index-b605d917.js';
-import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-206705f4.js';
+import { H as Heading } from './index-86593428.js';
+import { T as Text } from './index-2e886c27.js';
+import { T as TogetherComponentGlobalContext, c as callApi, d as getApiPath } from './utils-1af61383.js';
 import styled from '@emotion/styled';
 import { PATHS } from './togetherApiPaths.js';
-import { D as DEFAULT_IMG } from './constants-44428c3b.js';
+import { D as DEFAULT_IMG } from './constants-e3bf1dcd.js';
 
 const StyledCardLink = styled.div `
   .link-info-container {

package/build/esm/{index-4201a481.js → index-c40798d0.js}

@@ -1,25 +1,25 @@
-import { _ as __rest } from './tslib.es6-bea6774f.js';
+import { _ as __rest } from './tslib.es6-3d0d57aa.js';
 import React__default, { createContext, useContext } from 'react';
 import { createStyles, rem, useMantineTheme } from '@mantine/core';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { I as Input } from './index-75b6adf7.js';
-import { D as DatePicker } from './index-3e24192c.js';
-import { T as Text } from './index-b605d917.js';
-import './index-ff8fa730.js';
-import './index.styles-f1d20f0b.js';
-import { u as useTranslations } from './index-eb34e967.js';
+import { I as Input } from './index-1ff60d24.js';
+import { D as DatePicker } from './index-5ce16595.js';
+import { T as Text } from './index-2e886c27.js';
+import './index-749063ff.js';
+import './index.styles-61d70f9e.js';
+import { u as useTranslations } from './index-b13ff4b9.js';
 import '@mantine/hooks';
-import './useMantineLocale-b482abdd.js';
-import './index-def423d4.js';
-import './index-e0c9065b.js';
-import './utils-5a720548.js';
-import './index-2a66607f.js';
-import './other-5df2ee98.js';
-import './index-c15ae10d.js';
-import { I as INPUT_RANGE } from './constants-3113c3f3.js';
-import { H as HealthToolFormWrapper } from './index-5e8cc822.js';
-import { G as GenderOptionControl } from './index-cf0e1b27.js';
-import { L as LOCALE } from './Locale-9dea4d4a.js';
+import './useMantineLocale-f17968c0.js';
+import './index-7c6f1a51.js';
+import './index-76eff284.js';
+import './utils-24a5fc0b.js';
+import './index-8a3797fe.js';
+import './other-ff97cf3a.js';
+import './index-eec8b1cc.js';
+import { I as INPUT_RANGE } from './constants-0c2f7d1b.js';
+import { H as HealthToolFormWrapper } from './index-8e933797.js';
+import { G as GenderOptionControl } from './index-fc65cc57.js';
+import { L as LOCALE } from './Locale-fee93066.js';
 import { CalendarMB } from '@hhgtech/icons/other';
 
 const BabyGrowthFormContext = createContext({});