@hhgtech/hhg-components 1.29.349-beta-2 → 1.29.350

package/build/i18n-values/zh-TW.js

@@ -239,8 +239,10 @@ var zhTranslations = {
 	"comment.seeMoreComments": "See {count} more comments",
 	"comment.seeMoreReplies": "See {count} more replies",
 	"commentPopup.warning.newPost": "Your question will be public",
+	"common.playing": "正在播放...",
 	"common.profileNavigator.newsletterSubscription": "Newsletter Subscription",
 	"common.sponsoredBy": "HELLO 醫師 x",
+	"common.totalView": "{number} 次瀏覽",
 	"community.choose": "Choose a community",
 	"community.notification.joined": "You joined {name} community",
 	"community.notification.left": "You left {name} community",
@@ -329,6 +331,9 @@ var zhTranslations = {
 	"home.navigator.menu.healthTools.noDatas.cta": "Discover more",
 	"home.navigator.menu.healthTools.noDatas.description": "These easy-to-use health assessment tools will help you gauge vital parts of your overall health and wellness.",
 	"home.navigator.menu.healthTools.noDatas.title": "Health Tools",
+	"home.navigator.menu.lastestVideos": "Lastest shorts",
+	"home.navigator.menu.podcasts": "Podcasts",
+	"home.navigator.menu.shorts": "Shorts",
 	"home.navigator.menu.spotlightEcom": "Categories",
 	"home.navigator.menu.spotlightHospitals": "Popular Hospitals",
 	"home.navigator.menu.spotlightTools": "編輯精選",
@@ -339,12 +344,14 @@ var zhTranslations = {
 	"home.navigator.menu.together.noPosts.title": "Welcome to Community",
 	"home.navigator.menu.trendingPosts": "Highlight Posts",
 	"home.navigator.menu.trendingPosts.seeMore": "看更多",
+	"home.navigator.menu.videos": "Videos",
 	"home.navigator.menuItem.allCategories": "看所有類別",
 	"home.navigator.menuItem.allCommunities": "See all communities",
 	"home.navigator.menuItem.allCommunitiesheadingTitle": "Find your communities",
 	"home.navigator.menuItem.allHealthTools": "看所有健康小工具",
 	"home.navigator.menuItem.allSpecialties": "All specialties",
 	"home.navigator.menuItem.allSpotlight": "看更多主題",
+	"home.navigator.menuItem.allVideos": "See All Videos",
 	"home.navigator.menuItem.discover": "探索",
 	"home.navigator.menuItem.healthCategories": "更多類別",
 	"home.navigator.menuItem.healthTools": "健康小工具",
@@ -356,6 +363,8 @@ var zhTranslations = {
 	"home.navigator.menuItem.new": "new",
 	"home.navigator.menuItem.specialties": "Specialties",
 	"home.navigator.menuItem.spotlights": "所有主題",
+	"home.navigator.menuItem.video": "Video",
+	"home.navigator.menuItem.videoCategories": "Video Categories",
 	"home.search": "搜尋{site}",
 	"home.seeAll": "看全部",
 	"home.seeAllCategories": "看更多",

package/build/i18n.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var translationsContext = require('./translationsContext-8c59d7af.js');
+var translationsContext = require('./translationsContext-58c99c1f.js');
 var React = require('react');
 var i18nValues_enPH = require('./i18n-values/en-PH.js');
 var i18nValues_hiIN = require('./i18n-values/hi-IN.js');

package/build/i18nV2.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var translationsContext = require('./translationsContext-8c59d7af.js');
+var translationsContext = require('./translationsContext-58c99c1f.js');
 var React = require('react');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-aec56057.js → index-0ae0683e.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var index = require('./index-114fb2b3.js');
+var index = require('./index-0bb69a29.js');
 var styled = require('@emotion/styled');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-114fb2b3.js → index-0bb69a29.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-821c3e9d.js');
+var tslib_es6 = require('./tslib.es6-7610e8e4.js');
 var React = require('react');
 var core = require('@mantine/core');
 

package/build/{index-1a991ca9.js → index-0c39fb9a.js}

@@ -1,53 +1,54 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-821c3e9d.js');
+var tslib_es6 = require('./tslib.es6-7610e8e4.js');
 var React = require('react');
-var index$1 = require('./index-99266313.js');
-var index = require('./index-48939e16.js');
-require('./index-bbc8a07f.js');
-var dataTransform = require('./dataTransform-2cc339d2.js');
+var index$1 = require('./index-bb0404b6.js');
+var index = require('./index-a52b0815.js');
+require('./index-44bf2ce1.js');
+var dataTransform = require('./dataTransform-c05d6333.js');
 var togetherApiPaths = require('./togetherApiPaths.js');
-var togetherComponentGlobalContext = require('./utils-e0ea8233.js');
+var togetherComponentGlobalContext = require('./utils-da16f93d.js');
 var core = require('@hhgtech/icons/core');
 var core$1 = require('@mantine/core');
-var togetherMoleculesCardAuthor = require('./index-d6a7d261.js');
-var Locale = require('./Locale-f15df359.js');
+var togetherMoleculesCardAuthor = require('./index-cc632370.js');
+var Locale = require('./Locale-efeb4779.js');
 require('@hhgtech/icons/other');
-require('./index-114fb2b3.js');
-require('./index-0e2bb8f0.js');
-require('./other-927d70d3.js');
-require('./index-8ad47f17.js');
-require('./translationsContext-8c59d7af.js');
-require('./index-1edfb3c4.js');
-require('./index-b499805d.js');
+require('./index-0bb69a29.js');
+require('./index-e4b83bc5.js');
+require('./other-5db125e1.js');
+require('./index-d68340ee.js');
+require('./translationsContext-58c99c1f.js');
+require('./index-9fba1db4.js');
+require('./index-546256c8.js');
 require('./miscCookieHelper.js');
 require('slugify');
 require('./constantsIsProduction.js');
 require('string-format');
-require('./constants-ce3d3b8b.js');
+require('./constants-77bd9f3d.js');
 require('dayjs');
 require('dayjs/plugin/relativeTime');
-require('./utils-dd2ba00a.js');
-require('./index-4b4894dd.js');
-require('./paths-890c6157.js');
-require('./constants-eb523cb6.js');
-require('./index-7440d34d.js');
+require('./utils-62602343.js');
+require('./index-af34cbca.js');
+require('./paths-8c7855d4.js');
+require('./constants-b45a0f52.js');
+require('./index-a64f9470.js');
 require('date-fns/locale');
 require('./constantsSite.js');
 require('./constantsDomainLocales.js');
 require('./constantsRiskScreener.js');
-require('./index-9e6471fa.js');
+require('./index-26574e0f.js');
 require('./miscTheme.js');
-require('./WhatsApp-fefb1d6f.js');
-require('./Spinner-445fd763.js');
-require('./index-a48132cf.js');
+require('./WhatsApp-adce873a.js');
+require('./Spinner-eee4bad2.js');
+require('./index-2dd85aab.js');
 require('@emotion/styled');
-require('./useScreenSize-da937aaf.js');
-require('./index-17762e76.js');
+require('./useScreenSize-58be1181.js');
+require('./index-e89d6ea8.js');
+require('./index-8d6980aa.js');
 require('@emotion/react');
-require('./index-4f8e7d82.js');
-require('./index-e8720f16.js');
-require('./index.styles-1994f67b.js');
+require('./index-0e3a9ce5.js');
+require('./index-5e555a2c.js');
+require('./index.styles-7eb232b9.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-4f8e7d82.js → index-0e3a9ce5.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-821c3e9d.js');
+var tslib_es6 = require('./tslib.es6-7610e8e4.js');
 var React = require('react');
 var core = require('@mantine/core');
-var index = require('./index-0e2bb8f0.js');
+var index = require('./index-e4b83bc5.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-014ddce9.js → index-12c0405a.js}

@@ -1,14 +1,14 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-821c3e9d.js');
+var tslib_es6 = require('./tslib.es6-7610e8e4.js');
 var React = require('react');
 var core = require('@mantine/core');
-var index$1 = require('./index-4f8e7d82.js');
-var index = require('./index-0e2bb8f0.js');
-var togetherComponentGlobalContext = require('./utils-e0ea8233.js');
+var index$1 = require('./index-0e3a9ce5.js');
+var index = require('./index-e4b83bc5.js');
+var togetherComponentGlobalContext = require('./utils-da16f93d.js');
 var styled = require('@emotion/styled');
 var togetherApiPaths = require('./togetherApiPaths.js');
-var constants = require('./constants-ce3d3b8b.js');
+var constants = require('./constants-77bd9f3d.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-aeddd5e1.js → index-1a670332.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-821c3e9d.js');
+var tslib_es6 = require('./tslib.es6-7610e8e4.js');
 var React = require('react');
 var core = require('@mantine/core');
 var miscTheme = require('./miscTheme.js');

package/build/{index-a7fe505b.js → index-1e05e5e9.js}

@@ -1,14 +1,14 @@
 'use strict';
 
 var React = require('react');
-var index = require('./index-0e2bb8f0.js');
+var index = require('./index-e4b83bc5.js');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var utils = require('./utils-dd2ba00a.js');
-var index$1 = require('./index-752ddc7e.js');
-var index$2 = require('./index-0a9bd5e0.js');
+var utils = require('./utils-62602343.js');
+var index$1 = require('./index-4f002d8f.js');
+var index$2 = require('./index-82a721a9.js');
 var miscDefaultClassWrapper = require('./miscDefaultClassWrapper.js');
-var tslib_es6 = require('./tslib.es6-821c3e9d.js');
+var tslib_es6 = require('./tslib.es6-7610e8e4.js');
 var flattenChildren = require('react-keyed-flatten-children');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-a00fb687.js → index-2594073e.js}

@@ -1,13 +1,13 @@
 'use strict';
 
 var React = require('react');
-var Locale = require('./Locale-f15df359.js');
-var index = require('./index-17762e76.js');
+var Locale = require('./Locale-efeb4779.js');
+var index = require('./index-e89d6ea8.js');
 var styled = require('@emotion/styled');
-var utils = require('./utils-dd2ba00a.js');
-var logoIcon = require('./logoIcon-e18f5cc4.js');
-require('./index-bbc8a07f.js');
-var useScreenSize = require('./useScreenSize-da937aaf.js');
+var utils = require('./utils-62602343.js');
+var logoIcon = require('./logoIcon-144a4c63.js');
+require('./index-44bf2ce1.js');
+var useScreenSize = require('./useScreenSize-58be1181.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-9e6471fa.js → index-26574e0f.js}

@@ -1,10 +1,10 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-821c3e9d.js');
+var tslib_es6 = require('./tslib.es6-7610e8e4.js');
 var React = require('react');
 var miscTheme = require('./miscTheme.js');
-var WhatsApp = require('./WhatsApp-fefb1d6f.js');
-var Spinner = require('./Spinner-445fd763.js');
+var WhatsApp = require('./WhatsApp-adce873a.js');
+var Spinner = require('./Spinner-eee4bad2.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-e5f27c0f.js → index-26e97252.js}

@@ -1,31 +1,30 @@
 'use strict';
 
 var React = require('react');
-var index$3 = require('./index-1edfb3c4.js');
-var index$1 = require('./index-4f8e7d82.js');
-var index$2 = require('./index-0e2bb8f0.js');
-var utils = require('./utils-dd2ba00a.js');
+var index$3 = require('./index-9fba1db4.js');
+var index$1 = require('./index-0e3a9ce5.js');
+var index$2 = require('./index-e4b83bc5.js');
+var utils = require('./utils-62602343.js');
 var ReactDOM = require('react-dom');
-var togetherComponentGlobalContext = require('./utils-e0ea8233.js');
+var togetherComponentGlobalContext = require('./utils-da16f93d.js');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var tslib_es6 = require('./tslib.es6-821c3e9d.js');
-var index$6 = require('./index-28bf0a58.js');
-var index$4 = require('./index-8ad47f17.js');
-var dataTransform = require('./dataTransform-2cc339d2.js');
-var constants = require('./constants-ce3d3b8b.js');
+var tslib_es6 = require('./tslib.es6-7610e8e4.js');
+var index$6 = require('./index-4b2fa3e2.js');
+var index$4 = require('./index-d68340ee.js');
+var dataTransform = require('./dataTransform-c05d6333.js');
+var constants = require('./constants-77bd9f3d.js');
 var togetherApiPaths = require('./togetherApiPaths.js');
-var post = require('./post-1b7acd8a.js');
-var index$7 = require('./index-014ddce9.js');
-var togetherMoleculesCardAuthor = require('./index-d6a7d261.js');
-var index$5 = require('./index-a48132cf.js');
-var togetherRichTextEditor = require('./editor-0508ae59.js');
+var post = require('./post-e81b3399.js');
+var index$8 = require('./index-12c0405a.js');
+var index$7 = require('./index-8d6980aa.js');
+var index$5 = require('./index-2dd85aab.js');
+var togetherRichTextEditor = require('./editor-dbfb4abe.js');
 var core = require('@mantine/core');
 var other = require('@hhgtech/icons/other');
-var index = require('./index-ec2c0de7.js');
-var togetherMoleculesPostImagePreview = require('./index-59e72f25.js');
+var index = require('./index-89d3b1dd.js');
+var togetherMoleculesPostImagePreview = require('./index-32f95d0a.js');
 var togetherShareBox = require('./togetherShareBox.js');
-var useScreenSize = require('./useScreenSize-da937aaf.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -962,8 +961,8 @@ const InputCommentBar = ({ isReply, className, onClose, replyToName, style, repl
                     !text.trim() },
                 React__default["default"].createElement("img", { src: IconEnter, className: "icon-enter", loading: "lazy" }))),
         !!(invalidUrls === null || invalidUrls === void 0 ? void 0 : invalidUrls.length) ? (React__default["default"].createElement("div", { className: "error-text" }, t('notification.limitUrlDomain'))) : null,
-        (!imageSrcs || imageSrcs.length === 0) && previewUrl && (React__default["default"].createElement("div", { className: "link-preview-wrapper" }, previewUrl.isFetching ? (React__default["default"].createElement(togetherMoleculesCardAuthor.Loading, null)) : (React__default["default"].createElement(React__default["default"].Fragment, null,
-            React__default["default"].createElement(index$7.CardLink, { title: previewUrl.title, url: previewUrl.url || '#', image: previewUrl.image, noRefetch: true }),
+        (!imageSrcs || imageSrcs.length === 0) && previewUrl && (React__default["default"].createElement("div", { className: "link-preview-wrapper" }, previewUrl.isFetching ? (React__default["default"].createElement(index$7.Loading, null)) : (React__default["default"].createElement(React__default["default"].Fragment, null,
+            React__default["default"].createElement(index$8.CardLink, { title: previewUrl.title, url: previewUrl.url || '#', image: previewUrl.image, noRefetch: true }),
             React__default["default"].createElement("img", { src: IconCloseCircle, className: "icon-close", onClick: () => setPreviewUrl(null), loading: "lazy" }))))),
         imageSrcs && imageSrcs.length > 0 && (React__default["default"].createElement("div", { className: "preview-images-container" }, imageSrcs.map((src, index) => (React__default["default"].createElement("div", { key: index, className: "image-src-wrapper" },
             React__default["default"].createElement("img", { className: "preview-image", src: src, loading: "lazy" }),
@@ -1136,226 +1135,12 @@ const SubmitReportForm = ({ className, style, reason, reasonText, onClose, postI
             }) }, t('submit'))));
 };
 
-const StyledSocialLinkPreview = styled__default["default"].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] = React.useState(url ? 'loading' : 'idle');
-    React.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 = React.useRef(null);
-    const state = useExternalScript({ url: 'https://cdn.plyr.io/3.7.8/plyr.js' });
-    React.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["default"].createElement(React__default["default"].Fragment, null,
-        React__default["default"].createElement(core.Box, { ref: ref, sx: {
-                position: 'absolute',
-                top: 0,
-                left: 0,
-                right: 0,
-                bottom: 0,
-                backgroundColor: '#000',
-                '&, > div': {
-                    width: '100%',
-                    height: '100%',
-                },
-            } },
-            React__default["default"].createElement("div", { "data-id": "player" },
-                React__default["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 }, } = React.useContext(togetherComponentGlobalContext.TogetherComponentGlobalContext);
-    const [previewData, setPreviewData] = React.useState(null);
-    React.useEffect(() => {
-        (() => tslib_es6.__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,
-            //     }),
-            //   )
-            togetherComponentGlobalContext.callApi(togetherComponentGlobalContext.getApiPath(togetherApiPaths.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 = React.useMemo(() => {
-        return post.youtubeVidIdGetter(displayUrl);
-    }, [displayUrl]);
-    const facebookVidId = React.useMemo(() => {
-        return (displayUrl.includes('facebook.com') || displayUrl.includes('fb.watch'));
-    }, [displayUrl]);
-    const responsiveWidth = React.useRef(0);
-    const responsiveHeight = React.useRef(0);
-    const [forceRerenderFB, setForceRerenderFB] = React.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
-    React.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);
-        };
-    }, []);
-    React.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 = React.useRef(null);
-    const _theme = core.useMantineTheme();
-    return (React__default["default"].createElement(StyledSocialLinkPreview, { className: `${className} no-replace-click`, style: style, ref: containerRef, color: _theme.colors[_theme.primaryColor][0] }, !image && (youtubeVidId || facebookVidId) ? (React__default["default"].createElement("div", { className: "link-image-wrapper" }, youtubeVidId ? (React__default["default"].createElement(YoutubePlyr, { id: youtubeVidId, autoplay: autoPlay })) : facebookVidId ? (React__default["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["default"].createElement("a", { href: displayUrl, target: "_blank", rel: "noreferrer" },
-        React__default["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["default"].createElement(togetherMoleculesCardAuthor.Loading, { className: "loading-spinner" })) : (React__default["default"].createElement(useScreenSize.ImageWrap, { className: "link-image", src: displayImage || constants.DEFAULT_IMG, backupSrc: constants.DEFAULT_IMG, alt: displayUrl })))))));
-};
-
 exports.IconAlertCircle = IconAlertCircle;
 exports.IconCloseCircle = IconCloseCircle;
 exports.InputCommentBar = InputCommentBar;
 exports.PopupDanger = PopupDanger;
 exports.PopupFrame = PopupFrame;
 exports.SharePopup = SharePopup;
-exports.SocialLinkPreview = SocialLinkPreview;
 exports.SubmitReportForm = SubmitReportForm;
 exports.createPost = createPost;
 exports.decodeCommentBody = decodeCommentBody;

package/build/{index-f3c705d0.js → index-2b7732a8.js}

@@ -1,25 +1,25 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-821c3e9d.js');
+var tslib_es6 = require('./tslib.es6-7610e8e4.js');
 var React = require('react');
 var core = require('@mantine/core');
 var form = require('@mantine/form');
-require('./index-752ddc7e.js');
-var index$3 = require('./index-366d3e02.js');
-require('./index-0e2bb8f0.js');
-require('./index-114fb2b3.js');
-require('./index.styles-1994f67b.js');
-var index = require('./index-8ad47f17.js');
+require('./index-4f002d8f.js');
+var index$3 = require('./index-4c7a785b.js');
+require('./index-e4b83bc5.js');
+require('./index-0bb69a29.js');
+require('./index.styles-7eb232b9.js');
+var index = require('./index-d68340ee.js');
 require('@mantine/hooks');
-require('./useMantineLocale-1c9f789e.js');
-require('./index-bbc8a07f.js');
-require('./index-17762e76.js');
-require('./utils-dd2ba00a.js');
-require('./index-7440d34d.js');
-require('./other-927d70d3.js');
-require('./index-99266313.js');
-var index$1 = require('./index-66d19270.js');
-var index$2 = require('./index-b6cc9ce2.js');
+require('./useMantineLocale-5e96023c.js');
+require('./index-44bf2ce1.js');
+require('./index-e89d6ea8.js');
+require('./utils-62602343.js');
+require('./index-a64f9470.js');
+require('./other-5db125e1.js');
+require('./index-bb0404b6.js');
+var index$1 = require('./index-4ea6199f.js');
+var index$2 = require('./index-4d6e6a6f.js');
 var other = require('@hhgtech/icons/other');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }