@hhgtech/hhg-components 1.29.349 → 1.29.351-beta-1

package/build/i18n-values/vi-VN_MB.js

@@ -239,8 +239,10 @@ var mbTranslations = {
 	"comment.seeMoreComments": "Xem thêm {count} bình luận",
 	"comment.seeMoreReplies": "Xem thêm {count} phản hồi",
 	"commentPopup.warning.newPost": "Câu hỏi của bạn sẽ được hiển thị công khai",
+	"common.playing": "Đang xem ...",
 	"common.profileNavigator.newsletterSubscription": "Đăng ký bản tin sức khỏe",
 	"common.sponsoredBy": "Tài trợ bởi",
+	"common.totalView": "{number} lượt xem",
 	"community.choose": "Chọn một cộng đồng",
 	"community.notification.joined": "Bạn đã tham gia cộng đồng {name}",
 	"community.notification.left": "Bạn đã rời khỏi cộng đồng {name}",
@@ -329,6 +331,9 @@ var mbTranslations = {
 	"home.navigator.menu.healthTools.noDatas.cta": "Khám phá thêm",
 	"home.navigator.menu.healthTools.noDatas.description": "Các công cụ đánh giá sức khỏe này sẽ giúp bạn đánh giá  sức khỏe tổng quát và các chức năng sức khỏe quan trọng khác.",
 	"home.navigator.menu.healthTools.noDatas.title": "Công cụ sức khỏe",
+	"home.navigator.menu.lastestVideos": "Videos",
+	"home.navigator.menu.podcasts": "Podcasts",
+	"home.navigator.menu.shorts": "Shorts",
 	"home.navigator.menu.spotlightEcom": "Danh mục",
 	"home.navigator.menu.spotlightHospitals": "Bệnh viện nổi bật",
 	"home.navigator.menu.spotlightTools": "Công cụ nổi bật",
@@ -339,12 +344,14 @@ var mbTranslations = {
 	"home.navigator.menu.together.noPosts.title": "Chào mừng đến với Cộng đồng",
 	"home.navigator.menu.trendingPosts": "Bài đăng nổi bật",
 	"home.navigator.menu.trendingPosts.seeMore": "Xem thêm",
+	"home.navigator.menu.videos": "Videos",
 	"home.navigator.menuItem.allCategories": "Xem tất cả chuyên mục",
 	"home.navigator.menuItem.allCommunities": "Xem tất cả cộng đồng",
 	"home.navigator.menuItem.allCommunitiesheadingTitle": "Tìm cộng đồng của bạn",
 	"home.navigator.menuItem.allHealthTools": "Xem tất cả công cụ",
 	"home.navigator.menuItem.allSpecialties": "Trang chủ đặt lịch",
 	"home.navigator.menuItem.allSpotlight": "Các chủ đề Tâm điểm",
+	"home.navigator.menuItem.allVideos": "Xem tất cả video",
 	"home.navigator.menuItem.discover": "Chuyên mục",
 	"home.navigator.menuItem.healthCategories": "Chuyên mục sức khỏe",
 	"home.navigator.menuItem.healthTools": "Kiểm tra sức khỏe",
@@ -356,6 +363,8 @@ var mbTranslations = {
 	"home.navigator.menuItem.new": "mới",
 	"home.navigator.menuItem.specialties": "Các chuyên khoa",
 	"home.navigator.menuItem.spotlights": "Tâm điểm",
+	"home.navigator.menuItem.video": "Video",
+	"home.navigator.menuItem.videoCategories": "Chuyên mục video",
 	"home.search": "Tìm kiếm {site}",
 	"home.seeAll": "Xem tất cả",
 	"home.seeAllCategories": "Xem tất cả chủ đề",

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-f04b6541.js');
+var translationsContext = require('./translationsContext-239790ff.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-f04b6541.js');
+var translationsContext = require('./translationsContext-239790ff.js');
 var React = require('react');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-801f831e.js → index-00e31dc7.js}

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

package/build/{index-2b8d5922.js → index-01199c59.js}

@@ -1,14 +1,14 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-400729ae.js');
+var tslib_es6 = require('./tslib.es6-ba92c8a7.js');
 var React = require('react');
 var core = require('@mantine/core');
 var dates = require('@mantine/dates');
-var index = require('./index-54096852.js');
-require('./index-e1a39c0f.js');
-var index$1 = require('./index-d49e78ee.js');
-var useMantineLocale = require('./useMantineLocale-5e25dbd7.js');
-var Locale = require('./Locale-fe94e6b7.js');
+var index = require('./index-faf96499.js');
+require('./index-05e6202a.js');
+var index$1 = require('./index-e596adb8.js');
+var useMantineLocale = require('./useMantineLocale-681887a6.js');
+var Locale = require('./Locale-9a9c25ba.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-7d74a494.js → index-046685a6.js}

@@ -3,8 +3,8 @@
 var React = require('react');
 var miscTheme = require('./miscTheme.js');
 var styled = require('@emotion/styled');
-var index = require('./index-c2b6c6df.js');
-var index$1 = require('./index-293b14b4.js');
+var index = require('./index-7a3a5929.js');
+var index$1 = require('./index-5e7965b6.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-e1a39c0f.js → index-05e6202a.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var Locale = require('./Locale-fe94e6b7.js');
+var Locale = require('./Locale-9a9c25ba.js');
 
 exports.Gender = void 0;
 (function (Gender) {
@@ -203,6 +203,13 @@ const SubotType = {
     voucherAcuvue: 'ACUVUE',
 };
 
+exports.VideoType = void 0;
+(function (VideoType) {
+    VideoType["VIDEO"] = "video";
+    VideoType["SHORTS"] = "short";
+    VideoType["PODCAST"] = "podcast";
+})(exports.VideoType || (exports.VideoType = {}));
+
 exports.SocialType = void 0;
 (function (SocialType) {
     SocialType["Facebook"] = "facebook";
@@ -235,7 +242,8 @@ var index = /*#__PURE__*/Object.freeze({
   FULL_KEY_ADDRESS: FULL_KEY_ADDRESS,
   get NodeMultipleOptions () { return exports.NodeMultipleOptions; },
   ELEMENT_CONTROL_INPUT_TYPE: ELEMENT_CONTROL_INPUT_TYPE,
-  SubotType: SubotType
+  SubotType: SubotType,
+  get VideoType () { return exports.VideoType; }
 });
 
 exports.ELEMENT_CONTROL_INPUT_TYPE = ELEMENT_CONTROL_INPUT_TYPE;

package/build/{index-f4073ef9.js → index-084e0df1.js}

@@ -1,27 +1,27 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-400729ae.js');
+var tslib_es6 = require('./tslib.es6-ba92c8a7.js');
 var React = require('react');
 var form = require('@mantine/form');
-var useHealthToolCache = require('./useHealthToolCache-6c22500d.js');
-var index = require('./index-2ec2e22f.js');
-var index$5 = require('./index-d49e78ee.js');
-var constants = require('./constants-adcd504a.js');
-var index$2 = require('./index-d3eee893.js');
-var index$4 = require('./index-78c6c6cf.js');
-var index$3 = require('./index-2b8d5922.js');
+var useHealthToolCache = require('./useHealthToolCache-68e6225b.js');
+var index = require('./index-7d793ec4.js');
+var index$5 = require('./index-e596adb8.js');
+var constants = require('./constants-85011c6d.js');
+var index$2 = require('./index-70de7321.js');
+var index$4 = require('./index-f91d4f9b.js');
+var index$3 = require('./index-01199c59.js');
 require('@mantine/core');
-require('./index-5ffb9c80.js');
-require('./index-92c78315.js');
-require('./index.styles-f3cba150.js');
+require('./index-dab1cb47.js');
+require('./index-bf4b5ae2.js');
+require('./index.styles-8510d50e.js');
 require('@mantine/hooks');
-require('./useMantineLocale-5e25dbd7.js');
-require('./index-e1a39c0f.js');
-require('./utils-0b96a051.js');
-require('./index-54096852.js');
-require('./other-55a9988c.js');
-require('./index-d1a1f50a.js');
-var index$1 = require('./index-239a44cd.js');
+require('./useMantineLocale-681887a6.js');
+require('./index-05e6202a.js');
+require('./utils-b20c27f3.js');
+require('./index-faf96499.js');
+require('./other-2bd39cad.js');
+require('./index-eab1da9a.js');
+var index$1 = require('./index-3c1ebd51.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-d586f960.js → index-0a07827e.js}

@@ -1,31 +1,30 @@
 'use strict';
 
 var React = require('react');
-var index$3 = require('./index-69e5e1b3.js');
-var index$1 = require('./index-ca0aaa30.js');
-var index$2 = require('./index-5ffb9c80.js');
-var utils = require('./utils-0b96a051.js');
+var index$3 = require('./index-f01067ba.js');
+var index$1 = require('./index-f5477e08.js');
+var index$2 = require('./index-dab1cb47.js');
+var utils = require('./utils-b20c27f3.js');
 var ReactDOM = require('react-dom');
-var togetherComponentGlobalContext = require('./utils-cfd7bb44.js');
+var togetherComponentGlobalContext = require('./utils-0ad9aa89.js');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var tslib_es6 = require('./tslib.es6-400729ae.js');
-var index$6 = require('./index-10563d2d.js');
-var index$4 = require('./index-2ec2e22f.js');
-var dataTransform = require('./dataTransform-e1b2da85.js');
-var constants = require('./constants-adcd504a.js');
+var tslib_es6 = require('./tslib.es6-ba92c8a7.js');
+var index$6 = require('./index-72671071.js');
+var index$4 = require('./index-7d793ec4.js');
+var dataTransform = require('./dataTransform-69f7d427.js');
+var constants = require('./constants-85011c6d.js');
 var togetherApiPaths = require('./togetherApiPaths.js');
-var post = require('./post-68372a5c.js');
-var index$7 = require('./index-293892eb.js');
-var togetherMoleculesCardAuthor = require('./index-de872eb4.js');
-var index$5 = require('./index-684d0882.js');
-var togetherRichTextEditor = require('./editor-40cb6590.js');
+var post = require('./post-55130c86.js');
+var index$8 = require('./index-ce7e00ca.js');
+var index$7 = require('./index-cd7f4e33.js');
+var index$5 = require('./index-8e0ed6f2.js');
+var togetherRichTextEditor = require('./editor-18b9a893.js');
 var core = require('@mantine/core');
 var other = require('@hhgtech/icons/other');
-var index = require('./index-e785998a.js');
-var togetherMoleculesPostImagePreview = require('./index-4c3d9fab.js');
+var index = require('./index-71148417.js');
+var togetherMoleculesPostImagePreview = require('./index-9462f653.js');
 var togetherShareBox = require('./togetherShareBox.js');
-var useScreenSize = require('./useScreenSize-23da1322.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-bacfdf72.js → index-133ec2f8.js}

@@ -1,28 +1,28 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-400729ae.js');
+var tslib_es6 = require('./tslib.es6-ba92c8a7.js');
 var React = require('react');
 var reactHookForm = require('react-hook-form');
-var useHealthToolCache = require('./useHealthToolCache-6c22500d.js');
-var constants = require('./constants-adcd504a.js');
-var index$2 = require('./index-d3eee893.js');
-var index$3 = require('./index-78c6c6cf.js');
+var useHealthToolCache = require('./useHealthToolCache-68e6225b.js');
+var constants = require('./constants-85011c6d.js');
+var index$2 = require('./index-70de7321.js');
+var index$3 = require('./index-f91d4f9b.js');
 require('@mantine/core');
 require('@mantine/dates');
-require('./index-54096852.js');
-require('./index-e1a39c0f.js');
-require('./index-d49e78ee.js');
-require('./useMantineLocale-5e25dbd7.js');
-var index$4 = require('./index-5ffb9c80.js');
-require('./index-92c78315.js');
+require('./index-faf96499.js');
+require('./index-05e6202a.js');
+require('./index-e596adb8.js');
+require('./useMantineLocale-681887a6.js');
+var index$4 = require('./index-dab1cb47.js');
+require('./index-bf4b5ae2.js');
 var miscTheme = require('./miscTheme.js');
-require('./index.styles-f3cba150.js');
-var index = require('./index-2ec2e22f.js');
+require('./index.styles-8510d50e.js');
+var index = require('./index-7d793ec4.js');
 require('@mantine/hooks');
-require('./utils-0b96a051.js');
-require('./other-55a9988c.js');
-require('./index-d1a1f50a.js');
-var index$1 = require('./index-239a44cd.js');
+require('./utils-b20c27f3.js');
+require('./other-2bd39cad.js');
+require('./index-eab1da9a.js');
+var index$1 = require('./index-3c1ebd51.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 var embeddedHeathToolCards_helpers = require('./embeddedHeathToolCards_helpers.js');