@hhgtech/hhg-components 1.29.88 → 1.29.90

package/build/{index-92815934.js → index-190832cb.js}

@@ -1,14 +1,14 @@
 'use strict';
 
 var React = require('react');
-var index = require('./index-2de1a14d.js');
+var index = require('./index-6266a5df.js');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
-var utils = require('./utils-a1cfbdac.js');
-var index$1 = require('./index-6c2d2f25.js');
-var index$2 = require('./index-519a6287.js');
+var utils = require('./utils-97ffdcb1.js');
+var index$1 = require('./index-67fa5818.js');
+var index$2 = require('./index-81dcaeb1.js');
 var miscDefaultClassWrapper = require('./miscDefaultClassWrapper.js');
-var tslib_es6 = require('./tslib.es6-145af9ce.js');
+var tslib_es6 = require('./tslib.es6-5d65f18f.js');
 var flattenChildren = require('react-keyed-flatten-children');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }

package/build/{index-0772398f.js → index-1b1ac8fe.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var Locale = require('./Locale-e3b7ae56.js');
+var Locale = require('./Locale-e697d040.js');
 
 exports.Gender = void 0;
 (function (Gender) {

package/build/{index-a6acde43.js → index-2089929b.js}

@@ -1,32 +1,36 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-145af9ce.js');
+var tslib_es6 = require('./tslib.es6-5d65f18f.js');
 var React = require('react');
 var other = require('@hhgtech/icons/other');
 var core = require('@mantine/core');
-var index$5 = require('./index-9f501aac.js');
-var useTranslations = require('./useTranslations-5d28e8df.js');
+var index$5 = require('./index-3a582f5d.js');
+var useTranslations = require('./useTranslations-4fb7a5ac.js');
 var innertext = require('innertext');
 var miscTheme = require('./miscTheme.js');
-require('./index-6c2d2f25.js');
+require('./index-67fa5818.js');
 require('@mantine/dates');
-require('./index-e4004288.js');
-require('./index-0772398f.js');
-var index$6 = require('./index-1d528960.js');
-require('./useMantineLocale-992ae094.js');
-var index$1 = require('./index-2de1a14d.js');
-var index$7 = require('./index-92e82d0d.js');
+require('./index-330e16a8.js');
+require('./index-1b1ac8fe.js');
+var index$6 = require('./index-0e1519d2.js');
+require('./useMantineLocale-b8eca90b.js');
+var index$1 = require('./index-6266a5df.js');
+var index$7 = require('./index-fa8957ac.js');
+require('./index.styles-07f26519.js');
 require('@mantine/hooks');
-require('./utils-a1cfbdac.js');
-require('./other-a7f01b3d.js');
-var togetherComponentGlobalContext = require('./utils-1a876a51.js');
-var index = require('./index-2ce324cf.js');
+require('./utils-97ffdcb1.js');
+require('./other-5c1524b3.js');
+var togetherComponentGlobalContext = require('./utils-1b9bc7e0.js');
+var index = require('./index-69cd0b40.js');
 var styled = require('@emotion/styled');
-var index$4 = require('./index-7e8732ae.js');
-var dataTransform = require('./dataTransform-945e5f4f.js');
-var constants = require('./constants-9c314450.js');
-var index$2 = require('./index-e7b871b4.js');
-var index$3 = require('./index-6ce119f5.js');
+var index$4 = require('./index-f0c0316f.js');
+var dataTransform = require('./dataTransform-27a22c74.js');
+var constants = require('./constants-0f0f1c47.js');
+var post = require('./post-0759bdca.js');
+var togetherRichTextEditor = require('./editor-e761dc49.js');
+var index$2 = require('./index-2d391b09.js');
+var togetherMoleculesCardAuthor = require('./index-137b351f.js');
+var index$3 = require('./index-7b8badf9.js');
 var debounce = require('lodash/debounce');
 var ContentEditable = require('react-contenteditable');
 var togetherApiPaths = require('./togetherApiPaths.js');
@@ -204,16 +208,16 @@ const CreatePostDescription = ({ className, style, bannedWords = [], value, onCh
                 onPreviewUrlChange(null);
         }
     }, [previewUrl]);
-    return (React__default["default"].createElement(index.StyledCreatePostDescription, { className: className, style: style },
+    return (React__default["default"].createElement(togetherRichTextEditor.StyledCreatePostDescription, { className: className, style: style },
         React__default["default"].createElement(index$1.Text, { size: "p4", className: "description-label" }, t('createPost.popup.description')),
         React__default["default"].createElement("div", { className: `textarea-control` },
             React__default["default"].createElement("div", { className: "textarea-wrapper" },
-                React__default["default"].createElement(index.RichTextEditor, { html: value || '', onChange: onChange, bannedWords: bannedWords, onImagePickerClick: () => { var _a; return (_a = imagePicker.current) === null || _a === void 0 ? void 0 : _a.click(); }, onPreviewUrlChange: setPreviewUrl, onInvalidUrlsChange: onInvalidUrlsChange, isReplying: isReplying }))),
+                React__default["default"].createElement(togetherRichTextEditor.RichTextEditor, { html: value || '', onChange: onChange, bannedWords: bannedWords, onImagePickerClick: () => { var _a; return (_a = imagePicker.current) === null || _a === void 0 ? void 0 : _a.click(); }, onPreviewUrlChange: setPreviewUrl, onInvalidUrlsChange: onInvalidUrlsChange, isReplying: isReplying }))),
         React__default["default"].createElement(index$1.Text, { size: "p4", className: "count-string" },
             t('character'),
             ": ",
             innertext__default["default"](value || '').length),
-        (!imageSrcs || imageSrcs.length === 0) && previewUrl && (React__default["default"].createElement("div", { className: "link-preview-wrapper" }, previewUrl.isFetching ? (React__default["default"].createElement(index.Loading, null)) : (React__default["default"].createElement(React__default["default"].Fragment, 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$2.CardLink, { title: previewUrl.title, url: previewUrl.url || '#', image: previewUrl.image, noRefetch: true }),
             React__default["default"].createElement("img", { src: index.IconCloseCircle, className: "icon-close", onClick: () => setPreviewUrl(null), loading: "lazy" }))))),
         React__default["default"].createElement("input", { ref: imagePicker, type: "file", accept: "image/png, image/gif, image/jpeg", multiple: true, style: { display: 'none' }, onChange: onSelectImages }),
@@ -290,7 +294,7 @@ const inputModify = (value, opts) => {
         return value;
     const { limit, bannedWords = [] } = opts;
     const shorten = typeof limit === 'number' && limit >= 0 ? value.substring(0, limit) : value;
-    const processedValue = index.highlightBadWords(shorten, bannedWords);
+    const processedValue = post.highlightBadWords(shorten, bannedWords);
     return processedValue;
 };
 const CreatePostTitle = ({ className, style, bannedWords = [], value, onChange, }) => {
@@ -319,7 +323,7 @@ const CreatePostTitle = ({ className, style, bannedWords = [], value, onChange,
         if (bannedString) {
             const titleText = (_a = titleRef.current) === null || _a === void 0 ? void 0 : _a.innerText;
             if (titleText) {
-                const titleValueWithBanned = index.highlightBadWords(titleText, bannedWords);
+                const titleValueWithBanned = post.highlightBadWords(titleText, bannedWords);
                 if (titleValueWithBanned !== titleText) {
                     onChange && onChange(titleValueWithBanned);
                     setTitleValue(titleValueWithBanned);
@@ -480,7 +484,7 @@ const TopicSelectList = ({ className, style, topics: topicsProp, communityId, on
                     setSelectedTopics(_selected.slice());
                 }
             }, dataEventAction: dataEventAction, dataEventCategory: dataEventCategory, dataEventLabel: dataEventLabel }))),
-        (isLoading || isLoadingTopics) && React__default["default"].createElement(index.Loading, { className: "topic-spinner" })));
+        (isLoading || isLoadingTopics) && React__default["default"].createElement(togetherMoleculesCardAuthor.Loading, { className: "topic-spinner" })));
 };
 const TopicItem = (_a) => {
     var { topic, disabled, selected, onClick } = _a, rest = tslib_es6.__rest(_a, ["topic", "disabled", "selected", "onClick"]);
@@ -536,17 +540,17 @@ const CreateNewPostContent = ({ className, style, onPostCreatedEdited, onClose,
     // HANDLE etra action when OPEN AND CLOSE
     React.useEffect(() => {
         if (editPostData) {
-            const post = editPostData;
-            setTitleValue(post.title || '');
-            setDescriptionValue(index.decodeMention(index.decodePostUrl(post.description || '', 'edit'), post.mentions));
+            const post$1 = editPostData;
+            setTitleValue(post$1.title || '');
+            setDescriptionValue(post.decodeMention(post.decodePostUrl(post$1.description || '', 'edit'), post$1.mentions));
             setCommunityValue({
-                label: post.community.name,
-                value: `${post.community.id || ''}-${post.community.mappedCategoryId || ''}`,
+                label: post$1.community.name,
+                value: `${post$1.community.id || ''}-${post$1.community.mappedCategoryId || ''}`,
             });
-            setSelectedTopics(post.topics || []);
-            setImageFiles(post.photos || []);
-            setIsAnonymous(!!post.isAnonymous || false);
-            setIsAskDoctor(!!post.isAskDoctor || false);
+            setSelectedTopics(post$1.topics || []);
+            setImageFiles(post$1.photos || []);
+            setIsAnonymous(!!post$1.isAnonymous || false);
+            setIsAskDoctor(!!post$1.isAskDoctor || false);
         }
         else {
             if (defaultCommunity) {

package/build/{index-f8a51099.js → index-2c23680e.js}

@@ -3,8 +3,8 @@
 var React = require('react');
 var miscTheme = require('./miscTheme.js');
 var styled = require('@emotion/styled');
-var index = require('./index-9cc21262.js');
-var index$1 = require('./index-519a6287.js');
+var index = require('./index-f00131bf.js');
+var index$1 = require('./index-81dcaeb1.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/index-2d391b09.js

@@ -0,0 +1,151 @@
+'use strict';
+
+var tslib_es6 = require('./tslib.es6-5d65f18f.js');
+var React = require('react');
+var core = require('@mantine/core');
+var index$1 = require('./index-7b74a414.js');
+var index = require('./index-6266a5df.js');
+var togetherComponentGlobalContext = require('./utils-1b9bc7e0.js');
+var styled = require('@emotion/styled');
+var togetherApiPaths = require('./togetherApiPaths.js');
+var constants = require('./constants-0f0f1c47.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+var styled__default = /*#__PURE__*/_interopDefault(styled);
+
+const StyledCardLink = 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: min(280px, 56.25%);
+    .link-image-blur {
+      position: absolute;
+      top: 50%;
+      left: 50%;
+      width: 110%;
+      height: 110%;
+      /* Add the blur effect */
+      -webkit-filter: blur(8px);
+      filter: blur(8px);
+      object-fit: cover;
+      object-position: center;
+      opacity: 0.8;
+      transform: translate(-50%, -50%);
+    }
+    .link-image {
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+      object-fit: contain;
+      object-position: center;
+    }
+  }
+  a {
+    text-decoration: none;
+  }
+  &[data-is-marrybaby='true'] {
+    overflow: hidden;
+    border-radius: 1rem;
+    .link-info-container {
+      padding-bottom: 1rem;
+      p {
+        color: #2661ad;
+      }
+      .link-logo {
+        max-width: 2rem;
+        height: 13px;
+        margin-right: 4px;
+        object-fit: contain;
+        vertical-align: middle;
+      }
+    }
+    .link-image-wrapper {
+      padding-top: min(360px, 56.25%);
+      .link-image {
+        object-fit: cover;
+      }
+    }
+  }
+`;
+
+const CardLink = ({ title, url, image, logo, className, style, noRefetch, }) => {
+    const { data: { locale, env: { isMarryBaby }, }, } = React.useContext(togetherComponentGlobalContext.TogetherComponentGlobalContext);
+    const [hideLogo, setHideLogo] = React.useState(false);
+    const _theme = core.useMantineTheme();
+    const noRefetchRef = React.useRef(noRefetch);
+    noRefetchRef.current = noRefetch;
+    const [previewData, setPreviewData] = React.useState(null);
+    React.useEffect(() => {
+        (() => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {
+            if (noRefetchRef.current)
+                return;
+            if (!url)
+                return setPreviewData(null);
+            setPreviewData((_data) => (Object.assign(Object.assign({}, _data), { isFetching: true })));
+            togetherComponentGlobalContext.callApi(togetherComponentGlobalContext.getApiPath(togetherApiPaths.PATHS.FETCH_PREVIEW, {
+                _locale: locale,
+            }), 'POST', {
+                data: {
+                    link: url,
+                },
+                headers: {
+                    'Content-Type': 'application/json',
+                },
+            })
+                .then((res) => {
+                var _a, _b, _c;
+                setHideLogo(false);
+                setPreviewData({
+                    title: (_a = res === null || res === void 0 ? void 0 : res.data) === null || _a === void 0 ? void 0 : _a.title,
+                    url,
+                    image: ((_b = res === null || res === void 0 ? void 0 : res.data) === null || _b === void 0 ? void 0 : _b.image) || ((_c = res === null || res === void 0 ? void 0 : res.data) === null || _c === void 0 ? void 0 : _c.logo),
+                    // logo: meta.logo,
+                });
+            })
+                .catch(() => {
+                setPreviewData(null);
+            });
+        }))();
+    }, [url]);
+    const displayImage = (previewData === null || previewData === void 0 ? void 0 : previewData.image) || image;
+    const displayTitle = (previewData === null || previewData === void 0 ? void 0 : previewData.title) || title;
+    const displayLogo = (previewData === null || previewData === void 0 ? void 0 : previewData.logo) || logo;
+    const displayUrl = (previewData === null || previewData === void 0 ? void 0 : previewData.url) || url;
+    const urlParts = displayUrl
+        .replace('http://', '')
+        .replace('https://', '')
+        .split(/[/?#]/);
+    const domain = urlParts[0];
+    const showDefaultRef = React.useRef(false);
+    return (React__default["default"].createElement(StyledCardLink, { "data-is-marrybaby": isMarryBaby, className: `${className} no-replace-click`, style: style, color: _theme.colors[_theme.primaryColor][0] },
+        React__default["default"].createElement("a", { href: displayUrl, target: "_blank", rel: "noreferrer" },
+            displayImage && (React__default["default"].createElement("div", { className: "link-image-wrapper" },
+                !isMarryBaby && (React__default["default"].createElement("img", { className: "link-image-blur", src: displayImage, onError: (e) => {
+                        if (!showDefaultRef.current) {
+                            showDefaultRef.current = true;
+                            e.currentTarget.src = constants.DEFAULT_IMG;
+                        }
+                    }, loading: "lazy" })),
+                React__default["default"].createElement("img", { className: "link-image", src: displayImage, onError: (e) => {
+                        if (!showDefaultRef.current) {
+                            showDefaultRef.current = true;
+                            e.currentTarget.src = constants.DEFAULT_IMG;
+                        }
+                    }, loading: "lazy" }))),
+            React__default["default"].createElement("div", { className: "link-info-container" },
+                React__default["default"].createElement(index.Text, { size: "n1" },
+                    isMarryBaby && displayLogo && !hideLogo && (React__default["default"].createElement("img", { className: "link-logo", src: displayLogo, onError: () => setHideLogo(true), loading: "lazy" })),
+                    domain),
+                React__default["default"].createElement(index$1.Heading, { tag: "h6" }, displayTitle)))));
+};
+
+exports.CardLink = CardLink;

package/build/{index-b040447b.js → index-2f31063d.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-145af9ce.js');
+var tslib_es6 = require('./tslib.es6-5d65f18f.js');
 var React = require('react');
 var miscTheme = require('./miscTheme.js');
-var WhatsApp = require('./WhatsApp-e6406d8d.js');
+var WhatsApp = require('./WhatsApp-21d7b616.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-d9559ac1.js → index-31045247.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-145af9ce.js');
+var tslib_es6 = require('./tslib.es6-5d65f18f.js');
 var React = require('react');
-var togetherComponentGlobalContext = require('./utils-1a876a51.js');
+var togetherComponentGlobalContext = require('./utils-1b9bc7e0.js');
 var styled = require('@emotion/styled');
 var miscTheme = require('./miscTheme.js');
 

package/build/{index-e4004288.js → index-330e16a8.js}

@@ -1,12 +1,12 @@
 'use strict';
 
 var locale = require('date-fns/locale');
-require('./index-0772398f.js');
+require('./index-1b1ac8fe.js');
 var constantsIsProduction = require('./constantsIsProduction.js');
 var constantsSite = require('./constantsSite.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 var constantsRiskScreener = require('./constantsRiskScreener.js');
-var Locale = require('./Locale-e3b7ae56.js');
+var Locale = require('./Locale-e697d040.js');
 
 const basePath = process.env.NEXT_PUBLIC_DEPLOY_LOCALE === 'tl-PH' ? '/fil' : '';
 const SSO_URL = process.env.NEXT_PUBLIC_SSO;

package/build/{index-b8620e16.js → index-3c6a1bfc.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-145af9ce.js');
+var tslib_es6 = require('./tslib.es6-5d65f18f.js');
 var React = require('react');
-var index = require('./index-92e82d0d.js');
+var index = require('./index-fa8957ac.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 

package/build/{index-e7b871b4.js → index-3f49c41e.js}

@@ -1,15 +1,9 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-145af9ce.js');
 var React = require('react');
-var core = require('@mantine/core');
-var index$1 = require('./index-227e17fd.js');
-var index = require('./index-2de1a14d.js');
-var togetherComponentGlobalContext = require('./utils-1a876a51.js');
+var index = require('./index-3c6a1bfc.js');
+var togetherComponentGlobalContext = require('./utils-1b9bc7e0.js');
 var styled = require('@emotion/styled');
-var togetherApiPaths = require('./togetherApiPaths.js');
-var constants = require('./constants-9c314450.js');
-var index$2 = require('./index-b8620e16.js');
 var miscTheme = require('./miscTheme.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
@@ -17,139 +11,6 @@ function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e };
 var React__default = /*#__PURE__*/_interopDefault(React);
 var styled__default = /*#__PURE__*/_interopDefault(styled);
 
-const StyledCardLink = 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: min(280px, 56.25%);
-    .link-image-blur {
-      position: absolute;
-      top: 50%;
-      left: 50%;
-      width: 110%;
-      height: 110%;
-      /* Add the blur effect */
-      -webkit-filter: blur(8px);
-      filter: blur(8px);
-      object-fit: cover;
-      object-position: center;
-      opacity: 0.8;
-      transform: translate(-50%, -50%);
-    }
-    .link-image {
-      position: absolute;
-      top: 0;
-      left: 0;
-      width: 100%;
-      height: 100%;
-      object-fit: contain;
-      object-position: center;
-    }
-  }
-  a {
-    text-decoration: none;
-  }
-  &[data-is-marrybaby='true'] {
-    overflow: hidden;
-    border-radius: 1rem;
-    .link-info-container {
-      padding-bottom: 1rem;
-      p {
-        color: #2661ad;
-      }
-      .link-logo {
-        max-width: 2rem;
-        height: 13px;
-        margin-right: 4px;
-        object-fit: contain;
-        vertical-align: middle;
-      }
-    }
-    .link-image-wrapper {
-      padding-top: min(360px, 56.25%);
-      .link-image {
-        object-fit: cover;
-      }
-    }
-  }
-`;
-
-const CardLink = ({ title, url, image, logo, className, style, noRefetch, }) => {
-    const { data: { locale, env: { isMarryBaby }, }, } = React.useContext(togetherComponentGlobalContext.TogetherComponentGlobalContext);
-    const [hideLogo, setHideLogo] = React.useState(false);
-    const _theme = core.useMantineTheme();
-    const noRefetchRef = React.useRef(noRefetch);
-    noRefetchRef.current = noRefetch;
-    const [previewData, setPreviewData] = React.useState(null);
-    React.useEffect(() => {
-        (() => tslib_es6.__awaiter(void 0, void 0, void 0, function* () {
-            if (noRefetchRef.current)
-                return;
-            if (!url)
-                return setPreviewData(null);
-            setPreviewData((_data) => (Object.assign(Object.assign({}, _data), { isFetching: true })));
-            togetherComponentGlobalContext.callApi(togetherComponentGlobalContext.getApiPath(togetherApiPaths.PATHS.FETCH_PREVIEW, {
-                _locale: locale,
-            }), 'POST', {
-                data: {
-                    link: url,
-                },
-                headers: {
-                    'Content-Type': 'application/json',
-                },
-            })
-                .then((res) => {
-                var _a, _b, _c;
-                setHideLogo(false);
-                setPreviewData({
-                    title: (_a = res === null || res === void 0 ? void 0 : res.data) === null || _a === void 0 ? void 0 : _a.title,
-                    url,
-                    image: ((_b = res === null || res === void 0 ? void 0 : res.data) === null || _b === void 0 ? void 0 : _b.image) || ((_c = res === null || res === void 0 ? void 0 : res.data) === null || _c === void 0 ? void 0 : _c.logo),
-                    // logo: meta.logo,
-                });
-            })
-                .catch(() => {
-                setPreviewData(null);
-            });
-        }))();
-    }, [url]);
-    const displayImage = (previewData === null || previewData === void 0 ? void 0 : previewData.image) || image;
-    const displayTitle = (previewData === null || previewData === void 0 ? void 0 : previewData.title) || title;
-    const displayLogo = (previewData === null || previewData === void 0 ? void 0 : previewData.logo) || logo;
-    const displayUrl = (previewData === null || previewData === void 0 ? void 0 : previewData.url) || url;
-    const urlParts = displayUrl
-        .replace('http://', '')
-        .replace('https://', '')
-        .split(/[/?#]/);
-    const domain = urlParts[0];
-    const showDefaultRef = React.useRef(false);
-    return (React__default["default"].createElement(StyledCardLink, { "data-is-marrybaby": isMarryBaby, className: `${className} no-replace-click`, style: style, color: _theme.colors[_theme.primaryColor][0] },
-        React__default["default"].createElement("a", { href: displayUrl, target: "_blank", rel: "noreferrer" },
-            displayImage && (React__default["default"].createElement("div", { className: "link-image-wrapper" },
-                !isMarryBaby && (React__default["default"].createElement("img", { className: "link-image-blur", src: displayImage, onError: (e) => {
-                        if (!showDefaultRef.current) {
-                            showDefaultRef.current = true;
-                            e.currentTarget.src = constants.DEFAULT_IMG;
-                        }
-                    }, loading: "lazy" })),
-                React__default["default"].createElement("img", { className: "link-image", src: displayImage, onError: (e) => {
-                        if (!showDefaultRef.current) {
-                            showDefaultRef.current = true;
-                            e.currentTarget.src = constants.DEFAULT_IMG;
-                        }
-                    }, loading: "lazy" }))),
-            React__default["default"].createElement("div", { className: "link-info-container" },
-                React__default["default"].createElement(index.Text, { size: "n1" },
-                    isMarryBaby && displayLogo && !hideLogo && (React__default["default"].createElement("img", { className: "link-logo", src: displayLogo, onError: () => setHideLogo(true), loading: "lazy" })),
-                    domain),
-                React__default["default"].createElement(index$1.Heading, { tag: "h6" }, displayTitle)))));
-};
-
 const StyledPopoverMenu = styled__default["default"].div `
   position: relative;
   display: content;
@@ -486,7 +347,7 @@ const PopoverMenu = ({ className, style, toggleButtonContent, position = 'bottom
         };
     }, []);
     return (React__default["default"].createElement(StyledPopoverMenu, { "data-is-marrybaby": isMarryBaby, className: className, style: style },
-        React__default["default"].createElement(index$2.Button, Object.assign({ theme: isMarryBaby ? 'marryBaby' : 'helloSites', className: "popover-menu__btn", size: "md", color: "transparent", onClick: () => setIsShow((v) => !v) }, buttonProps), toggleButtonContent),
+        React__default["default"].createElement(index.Button, Object.assign({ theme: isMarryBaby ? 'marryBaby' : 'helloSites', className: "popover-menu__btn", size: "md", color: "transparent", onClick: () => setIsShow((v) => !v) }, buttonProps), toggleButtonContent),
         isShow ? (React__default["default"].createElement("div", { ref: popoverContent, className: `popover-menu__content --position-${position} --align-${align}`, tabIndex: 0, onClick: (e) => e.stopPropagation() }, typeof children === 'function'
             ? children({
                 setShow: setIsShow,
@@ -494,6 +355,5 @@ const PopoverMenu = ({ className, style, toggleButtonContent, position = 'bottom
             : children)) : null));
 };
 
-exports.CardLink = CardLink;
 exports.PopoverMenu = PopoverMenu;
 exports.StyledTree = StyledTree;