@sendbird/uikit-react 3.14.0 → 3.14.2

package/ui/MobileFeedbackMenu.js

@@ -1,19 +1,19 @@
 import React__default from 'react';
 import BottomSheet from './BottomSheet.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-D81rUAiK.js';
-import { u as useLocalization } from '../chunks/bundle-Bsg3ZeXI.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-CIcpyYvw.js';
+import { u as useLocalization } from '../chunks/bundle-Aca68v_Z.js';
 import 'react-dom';
 import '../hooks/useModal.js';
-import '../chunks/bundle-CfcfVkxG.js';
-import '../chunks/bundle-BubacXNL.js';
-import '../chunks/bundle-rA2Y0qFJ.js';
-import '../chunks/bundle-CIwNgqhu.js';
-import '../chunks/bundle-CuD6w3tY.js';
+import '../chunks/bundle-CMZSpHeh.js';
+import '../chunks/bundle-DI-PfZ0q.js';
+import '../chunks/bundle-DRN8Ufbc.js';
+import '../chunks/bundle-DYAiU0qn.js';
+import '../chunks/bundle-CAdHlM56.js';
 import './IconButton.js';
 import './Button.js';
 import './Icon.js';
-import '../chunks/bundle-KeJ_rVJL.js';
-import '../chunks/bundle-BFdttAaW.js';
+import '../chunks/bundle-XCQLW6rR.js';
+import '../chunks/bundle-eddZycld.js';
 
 function MobileFeedbackMenu(props) {
     var hideMenu = props.hideMenu, onEditFeedback = props.onEditFeedback, onRemoveFeedback = props.onRemoveFeedback;

package/ui/Modal.js

@@ -1,14 +1,14 @@
-import '../chunks/bundle-CfcfVkxG.js';
+import '../chunks/bundle-CMZSpHeh.js';
 import 'react';
 import 'react-dom';
-import '../chunks/bundle-rA2Y0qFJ.js';
-export { M as Modal, e as ModalBody, c as ModalFooter, d as ModalHeader, M as default } from '../chunks/bundle-CIwNgqhu.js';
-import '../chunks/bundle-Bsg3ZeXI.js';
-import '../chunks/bundle-CuD6w3tY.js';
+import '../chunks/bundle-DRN8Ufbc.js';
+export { M as Modal, e as ModalBody, c as ModalFooter, d as ModalHeader, M as default } from '../chunks/bundle-DYAiU0qn.js';
+import '../chunks/bundle-Aca68v_Z.js';
+import '../chunks/bundle-CAdHlM56.js';
 import './IconButton.js';
 import './Button.js';
 import './Icon.js';
-import '../chunks/bundle-D81rUAiK.js';
-import '../chunks/bundle-KeJ_rVJL.js';
-import '../chunks/bundle-BFdttAaW.js';
+import '../chunks/bundle-CIcpyYvw.js';
+import '../chunks/bundle-XCQLW6rR.js';
+import '../chunks/bundle-eddZycld.js';
 //# sourceMappingURL=Modal.js.map

package/ui/MutedAvatarOverlay.js

@@ -1,7 +1,7 @@
 import React__default from 'react';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import '../chunks/bundle-CfcfVkxG.js';
-import '../chunks/bundle-rA2Y0qFJ.js';
+import '../chunks/bundle-CMZSpHeh.js';
+import '../chunks/bundle-DRN8Ufbc.js';
 
 function MutedAvatarOverlay(props) {
     var _a = props.height, height = _a === void 0 ? 24 : _a, _b = props.width, width = _b === void 0 ? 24 : _b;

package/ui/OGMessageItemBody.js

@@ -1,20 +1,20 @@
-import React__default, { useRef, useContext, useMemo } from 'react';
+import React__default, { useContext, useMemo, useRef, useEffect } from 'react';
 import ImageRenderer from './ImageRenderer.js';
 import Icon, { IconTypes } from './Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-D81rUAiK.js';
-import { w as getClassName, d as isEditedMessage } from '../chunks/bundle-FVThTEKh.js';
-import { L as LocalizationContext } from '../chunks/bundle-Bsg3ZeXI.js';
-import { T as TextFragment } from '../chunks/bundle-DMs2iFV3.js';
-import { t as tokenizeMessage } from '../chunks/bundle-D6_jF6vA.js';
-import { O as OG_MESSAGE_BODY_CLASSNAME } from '../chunks/bundle-DPSsFTo9.js';
-import { u as useMediaQueryContext } from '../chunks/bundle-CuD6w3tY.js';
-import '../chunks/bundle-CfcfVkxG.js';
-import '../chunks/bundle-rA2Y0qFJ.js';
-import '../chunks/bundle-KeJ_rVJL.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-CIcpyYvw.js';
+import { w as getClassName, d as isEditedMessage } from '../chunks/bundle-BdOcjdmg.js';
+import { L as LocalizationContext } from '../chunks/bundle-Aca68v_Z.js';
+import { T as TextFragment } from '../chunks/bundle-4qXDtSKj.js';
+import { t as tokenizeMessage } from '../chunks/bundle-CawmTzdt.js';
+import { O as OG_MESSAGE_BODY_CLASSNAME } from '../chunks/bundle-Dorruixf.js';
+import { u as useMediaQueryContext } from '../chunks/bundle-CAdHlM56.js';
+import { o as openURL } from '../chunks/bundle-DRN8Ufbc.js';
+import '../chunks/bundle-CMZSpHeh.js';
+import '../chunks/bundle-XCQLW6rR.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-BubacXNL.js';
-import '../chunks/bundle-BFdttAaW.js';
+import '../chunks/bundle-DI-PfZ0q.js';
+import '../chunks/bundle-eddZycld.js';
 import '../Message/context.js';
 import './MentionLabel.js';
 import './ContextMenu.js';
@@ -22,34 +22,24 @@ import 'react-dom';
 import '@sendbird/chat';
 import '@sendbird/chat/openChannel';
 import './SortByRow.js';
-import '../chunks/bundle-CFYZBlok.js';
+import '../chunks/bundle-GCGSXAv2.js';
 import './UserProfile.js';
-import '../chunks/bundle-CwINP854.js';
+import '../chunks/bundle-BH6pGtIL.js';
 import '../sendbirdSelectors.js';
-import '../chunks/bundle-CaYPuZ9G.js';
-import '../chunks/bundle-vsdOwl6R.js';
-import '../chunks/bundle-DF_LuHdb.js';
+import '../chunks/bundle-DQ2TqmPV.js';
+import '../chunks/bundle-BlN1UcdM.js';
+import '../chunks/bundle-Bzds2Ucm.js';
 import './Button.js';
 import '../useSendbirdStateContext.js';
 import '../withSendbird.js';
 import './LinkLabel.js';
 
 function OGMessageItemBody(_a) {
-    var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
-    var className = _a.className, message = _a.message, _p = _a.isByMe, isByMe = _p === void 0 ? false : _p, _q = _a.mouseHover, mouseHover = _q === void 0 ? false : _q, _r = _a.isMentionEnabled, isMentionEnabled = _r === void 0 ? false : _r, _s = _a.isReactionEnabled, isReactionEnabled = _s === void 0 ? false : _s, _t = _a.onMessageHeightChange, onMessageHeightChange = _t === void 0 ? function () { } : _t;
-    var imageRef = useRef(null);
+    var _b, _c, _d, _e;
+    var className = _a.className, message = _a.message, _f = _a.isByMe, isByMe = _f === void 0 ? false : _f, _g = _a.mouseHover, mouseHover = _g === void 0 ? false : _g, _h = _a.isMentionEnabled, isMentionEnabled = _h === void 0 ? false : _h, _j = _a.isReactionEnabled, isReactionEnabled = _j === void 0 ? false : _j, _k = _a.onMessageHeightChange, onMessageHeightChange = _k === void 0 ? function () {
+        /* noop */
+    } : _k;
     var stringSet = useContext(LocalizationContext).stringSet;
-    var isMobile = useMediaQueryContext().isMobile;
-    var openOGUrl = function () {
-        var _a;
-        var url = (_a = message === null || message === void 0 ? void 0 : message.ogMetaData) === null || _a === void 0 ? void 0 : _a.url;
-        if (url) {
-            if (!url.startsWith('http://') && !url.startsWith('https://')) {
-                url = 'https://' + url;
-            }
-            window.open(url);
-        }
-    };
     var isMessageMentioned = isMentionEnabled && ((_b = message === null || message === void 0 ? void 0 : message.mentionedMessageTemplate) === null || _b === void 0 ? void 0 : _b.length) > 0 && ((_c = message === null || message === void 0 ? void 0 : message.mentionedUsers) === null || _c === void 0 ? void 0 : _c.length) > 0;
     var tokens = useMemo(function () {
         if (isMessageMentioned) {
@@ -62,34 +52,48 @@ function OGMessageItemBody(_a) {
             messageText: message === null || message === void 0 ? void 0 : message.message,
         });
     }, [message === null || message === void 0 ? void 0 : message.updatedAt, message === null || message === void 0 ? void 0 : message.message]);
+    var openOpenGraphURL = function () { var _a; return openURL((_a = message === null || message === void 0 ? void 0 : message.ogMetaData) === null || _a === void 0 ? void 0 : _a.url); };
     return (React__default.createElement("div", { className: getClassName([
             className,
             'sendbird-og-message-item-body',
             isByMe ? 'outgoing' : 'incoming',
             mouseHover ? 'mouse-hover' : '',
-            (isReactionEnabled && ((_d = message === null || message === void 0 ? void 0 : message.reactions) === null || _d === void 0 ? void 0 : _d.length) > 0) ? 'reactions' : '',
+            isReactionEnabled && ((_d = message === null || message === void 0 ? void 0 : message.reactions) === null || _d === void 0 ? void 0 : _d.length) > 0 ? 'reactions' : '',
         ]) },
         React__default.createElement(Label, { type: LabelTypography.BODY_1, color: isByMe ? LabelColors.ONCONTENT_1 : LabelColors.ONBACKGROUND_1 },
             React__default.createElement("div", { className: OG_MESSAGE_BODY_CLASSNAME },
                 React__default.createElement(TextFragment, { tokens: tokens }),
                 isEditedMessage(message) && (React__default.createElement(Label, { className: "sendbird-og-message-item-body__text-bubble__message", type: LabelTypography.BODY_1, color: isByMe ? LabelColors.ONCONTENT_2 : LabelColors.ONBACKGROUND_2 }, " ".concat(stringSet.MESSAGE_EDITED, " "))))),
-        React__default.createElement("div", { ref: imageRef, className: "sendbird-og-message-item-body__og-thumbnail\n          ".concat(((_f = (_e = message === null || message === void 0 ? void 0 : message.ogMetaData) === null || _e === void 0 ? void 0 : _e.defaultImage) === null || _f === void 0 ? void 0 : _f.url) ? '' : 'sendbird-og-message-item-body__og-thumbnail__empty', "\n        "), onClick: openOGUrl },
-            React__default.createElement(ImageRenderer, { className: "sendbird-og-message-item-body__og-thumbnail__image", url: ((_h = (_g = message === null || message === void 0 ? void 0 : message.ogMetaData) === null || _g === void 0 ? void 0 : _g.defaultImage) === null || _h === void 0 ? void 0 : _h.url) || '', alt: (_k = (_j = message === null || message === void 0 ? void 0 : message.ogMetaData) === null || _j === void 0 ? void 0 : _j.defaultImage) === null || _k === void 0 ? void 0 : _k.alt, width: "100%", height: isMobile ? '136px' : '240px', onLoad: onMessageHeightChange, onError: function () {
-                    var _a, _b;
-                    try {
-                        (_b = (_a = imageRef === null || imageRef === void 0 ? void 0 : imageRef.current) === null || _a === void 0 ? void 0 : _a.classList) === null || _b === void 0 ? void 0 : _b.add('sendbird-og-message-item-body__og-thumbnail__empty');
-                    }
-                    catch (error) {
-                        // do nothing
-                    }
-                }, defaultComponent: (React__default.createElement("div", { className: "sendbird-og-message-item-body__og-thumbnail__place-holder" },
-                    React__default.createElement(Icon, { className: "sendbird-og-message-item-body__og-thumbnail__place-holder__icon", type: IconTypes.THUMBNAIL_NONE, width: "56px", height: "56px" }))) })),
-        React__default.createElement("div", { className: "sendbird-og-message-item-body__description", onClick: openOGUrl },
-            ((_l = message === null || message === void 0 ? void 0 : message.ogMetaData) === null || _l === void 0 ? void 0 : _l.title) && (React__default.createElement(Label, { className: "sendbird-og-message-item-body__description__title", type: LabelTypography.SUBTITLE_2, color: LabelColors.ONBACKGROUND_1 }, message.ogMetaData.title)),
-            ((_m = message === null || message === void 0 ? void 0 : message.ogMetaData) === null || _m === void 0 ? void 0 : _m.description) && (React__default.createElement(Label, { className: "sendbird-og-message-item-body__description__description", type: LabelTypography.BODY_2, color: LabelColors.ONBACKGROUND_1 }, message.ogMetaData.description)),
-            ((_o = message === null || message === void 0 ? void 0 : message.ogMetaData) === null || _o === void 0 ? void 0 : _o.url) && (React__default.createElement(Label, { className: "sendbird-og-message-item-body__description__url", type: LabelTypography.CAPTION_3, color: LabelColors.ONBACKGROUND_2 }, message.ogMetaData.url))),
+        ((_e = message.ogMetaData) === null || _e === void 0 ? void 0 : _e.defaultImage) && (React__default.createElement(OGImageSection, { onClick: openOpenGraphURL, ogImage: message.ogMetaData.defaultImage, onMessageHeightChange: onMessageHeightChange })),
+        message.ogMetaData && (React__default.createElement(OGDescriptionSection, { onClick: openOpenGraphURL, ogMetaData: message.ogMetaData, onMessageHeightChange: onMessageHeightChange })),
         React__default.createElement("div", { className: "sendbird-og-message-item-body__cover" })));
-}
+}
+var OGImageSection = function (props) {
+    var onClick = props.onClick, ogImage = props.ogImage, onMessageHeightChange = props.onMessageHeightChange;
+    var imageRef = useRef(null);
+    var isMobile = useMediaQueryContext().isMobile;
+    return (React__default.createElement("div", { ref: imageRef, className: "sendbird-og-message-item-body__og-thumbnail ".concat(ogImage.url ? '' : 'sendbird-og-message-item-body__og-thumbnail__empty'), onClick: function () { return onClick(); } },
+        React__default.createElement(ImageRenderer, { className: "sendbird-og-message-item-body__og-thumbnail__image", url: ogImage.url || '', alt: ogImage.alt, width: "100%", height: isMobile ? '136px' : '240px', onLoad: onMessageHeightChange, onError: function () {
+                var _a, _b;
+                try {
+                    (_b = (_a = imageRef === null || imageRef === void 0 ? void 0 : imageRef.current) === null || _a === void 0 ? void 0 : _a.classList) === null || _b === void 0 ? void 0 : _b.add('sendbird-og-message-item-body__og-thumbnail__empty');
+                }
+                catch (error) {
+                    // do nothing
+                }
+            }, defaultComponent: React__default.createElement("div", { className: "sendbird-og-message-item-body__og-thumbnail__place-holder" },
+                React__default.createElement(Icon, { className: "sendbird-og-message-item-body__og-thumbnail__place-holder__icon", type: IconTypes.THUMBNAIL_NONE, width: "56px", height: "56px" })) })));
+};
+var OGDescriptionSection = function (props) {
+    var onClick = props.onClick, ogMetaData = props.ogMetaData, onMessageHeightChange = props.onMessageHeightChange;
+    useEffect(function () {
+        onMessageHeightChange();
+    }, [ogMetaData.title, ogMetaData.description, ogMetaData.url]);
+    return (React__default.createElement("div", { className: "sendbird-og-message-item-body__description", onClick: function () { return onClick(); } },
+        ogMetaData.title && (React__default.createElement(Label, { className: "sendbird-og-message-item-body__description__title", type: LabelTypography.SUBTITLE_2, color: LabelColors.ONBACKGROUND_1 }, ogMetaData.title)),
+        ogMetaData.description && (React__default.createElement(Label, { className: "sendbird-og-message-item-body__description__description", type: LabelTypography.BODY_2, color: LabelColors.ONBACKGROUND_1 }, ogMetaData.description)),
+        ogMetaData.url && (React__default.createElement(Label, { className: "sendbird-og-message-item-body__description__url", type: LabelTypography.CAPTION_3, color: LabelColors.ONBACKGROUND_2 }, ogMetaData.url))));
+};
 
 export { OGMessageItemBody as default };
 //# sourceMappingURL=OGMessageItemBody.js.map

package/ui/OGMessageItemBody.js.map

@@ -1 +1 @@
-{"version":3,"file":"OGMessageItemBody.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"OGMessageItemBody.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/ui/OpenChannelAdminMessage.js

@@ -1,7 +1,7 @@
-import { c as __spreadArray } from '../chunks/bundle-CfcfVkxG.js';
+import { c as __spreadArray } from '../chunks/bundle-CMZSpHeh.js';
 import React__default from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-D81rUAiK.js';
-import '../chunks/bundle-KeJ_rVJL.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-CIcpyYvw.js';
+import '../chunks/bundle-XCQLW6rR.js';
 
 function OpenChannelAdminMessage(_a) {
     var className = _a.className, message = _a.message;

package/ui/OpenChannelAvatar.js

@@ -1,14 +1,14 @@
 import React__default, { useContext, useMemo } from 'react';
-import { A as Avatar } from '../chunks/bundle-vsdOwl6R.js';
-import { L as LocalizationContext } from '../chunks/bundle-Bsg3ZeXI.js';
-import { b as getOpenChannelAvatar } from '../chunks/bundle-DO6PYt2s.js';
-import '../chunks/bundle-CfcfVkxG.js';
+import { A as Avatar } from '../chunks/bundle-BlN1UcdM.js';
+import { L as LocalizationContext } from '../chunks/bundle-Aca68v_Z.js';
+import { b as getOpenChannelAvatar } from '../chunks/bundle-gwYwzrc3.js';
+import '../chunks/bundle-CMZSpHeh.js';
 import './ImageRenderer.js';
-import '../chunks/bundle-rA2Y0qFJ.js';
-import '../chunks/bundle-DF_LuHdb.js';
+import '../chunks/bundle-DRN8Ufbc.js';
+import '../chunks/bundle-Bzds2Ucm.js';
 import './Icon.js';
-import '../chunks/bundle-KeJ_rVJL.js';
-import '../chunks/bundle-BFdttAaW.js';
+import '../chunks/bundle-XCQLW6rR.js';
+import '../chunks/bundle-eddZycld.js';
 
 function ChannelAvatar(_a) {
     var channel = _a.channel, theme = _a.theme, _b = _a.height, height = _b === void 0 ? 56 : _b, _c = _a.width, width = _c === void 0 ? 56 : _c;

package/ui/OpenchannelConversationHeader.js

@@ -1,15 +1,15 @@
 import React__default, { useContext } from 'react';
-import { A as Avatar } from '../chunks/bundle-vsdOwl6R.js';
+import { A as Avatar } from '../chunks/bundle-BlN1UcdM.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
 import IconButton from './IconButton.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-D81rUAiK.js';
-import { L as LocalizationContext } from '../chunks/bundle-Bsg3ZeXI.js';
-import '../chunks/bundle-CfcfVkxG.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-CIcpyYvw.js';
+import { L as LocalizationContext } from '../chunks/bundle-Aca68v_Z.js';
+import '../chunks/bundle-CMZSpHeh.js';
 import './ImageRenderer.js';
-import '../chunks/bundle-rA2Y0qFJ.js';
-import '../chunks/bundle-DF_LuHdb.js';
-import '../chunks/bundle-KeJ_rVJL.js';
-import '../chunks/bundle-BFdttAaW.js';
+import '../chunks/bundle-DRN8Ufbc.js';
+import '../chunks/bundle-Bzds2Ucm.js';
+import '../chunks/bundle-XCQLW6rR.js';
+import '../chunks/bundle-eddZycld.js';
 
 function OpenchannelConversationHeader(_a) {
     var coverImage = _a.coverImage, title = _a.title, subTitle = _a.subTitle, amIOperator = _a.amIOperator, onActionClick = _a.onActionClick;

package/ui/OpenchannelFileMessage.js

@@ -1,36 +1,36 @@
-import { c as __spreadArray, _ as __assign } from '../chunks/bundle-CfcfVkxG.js';
+import { c as __spreadArray, _ as __assign } from '../chunks/bundle-CMZSpHeh.js';
 import React__default, { useRef, useContext, useState } from 'react';
-import { f as format } from '../chunks/bundle-Ba74MVBa.js';
-import { A as Avatar } from '../chunks/bundle-vsdOwl6R.js';
+import { f as format } from '../chunks/bundle-BsoAxhbJ.js';
+import { A as Avatar } from '../chunks/bundle-BlN1UcdM.js';
 import ContextMenu, { MenuItems, MenuItem } from './ContextMenu.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-D81rUAiK.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-CIcpyYvw.js';
 import Loader from './Loader.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
 import IconButton from './IconButton.js';
 import TextButton from './TextButton.js';
 import UserProfile from './UserProfile.js';
-import { a as UserProfileContext } from '../chunks/bundle-CwINP854.js';
-import { u as useLocalization } from '../chunks/bundle-Bsg3ZeXI.js';
-import { g as getSenderFromMessage, b as isFineResend, s as showMenuTrigger, c as isFineDelete, O as OpenChannelMobileMenu, d as checkIsPending, e as checkIsFailed } from '../chunks/bundle--v2l79xO.js';
-import { u as useMediaQueryContext } from '../chunks/bundle-CuD6w3tY.js';
-import { u as useLongPress } from '../chunks/bundle-CvZD4CjF.js';
-import '../chunks/bundle-BFdttAaW.js';
+import { a as UserProfileContext } from '../chunks/bundle-BH6pGtIL.js';
+import { u as useLocalization } from '../chunks/bundle-Aca68v_Z.js';
+import { g as getSenderFromMessage, b as isFineResend, s as showMenuTrigger, c as isFineDelete, O as OpenChannelMobileMenu, d as checkIsPending, e as checkIsFailed } from '../chunks/bundle-VjnnO2d0.js';
+import { u as useMediaQueryContext } from '../chunks/bundle-CAdHlM56.js';
+import { u as useLongPress } from '../chunks/bundle-w_-mtnA_.js';
+import { o as openURL } from '../chunks/bundle-DRN8Ufbc.js';
+import '../chunks/bundle-eddZycld.js';
 import './ImageRenderer.js';
-import '../chunks/bundle-rA2Y0qFJ.js';
-import '../chunks/bundle-DF_LuHdb.js';
+import '../chunks/bundle-Bzds2Ucm.js';
 import 'react-dom';
 import '@sendbird/chat';
 import '@sendbird/chat/openChannel';
 import './SortByRow.js';
-import '../chunks/bundle-CFYZBlok.js';
-import '../chunks/bundle-FVThTEKh.js';
+import '../chunks/bundle-GCGSXAv2.js';
+import '../chunks/bundle-BdOcjdmg.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-BubacXNL.js';
-import '../chunks/bundle-KeJ_rVJL.js';
-import '../chunks/bundle-BUC4DRq0.js';
+import '../chunks/bundle-DI-PfZ0q.js';
+import '../chunks/bundle-XCQLW6rR.js';
+import '../chunks/bundle-DrCrimot.js';
 import '../sendbirdSelectors.js';
-import '../chunks/bundle-CaYPuZ9G.js';
+import '../chunks/bundle-DQ2TqmPV.js';
 import './Button.js';
 import '../useSendbirdStateContext.js';
 import '../withSendbird.js';
@@ -59,7 +59,7 @@ var truncate = function (fullStr, strLen) {
     return fullStr.substr(0, frontChars) + separator + fullStr.substr(fullStr.length - backChars);
 };
 
-function OpenchannelFileMessage(_a) {
+function OpenChannelFileMessage(_a) {
     var className = _a.className, message = _a.message, isOperator = _a.isOperator, _b = _a.isEphemeral, isEphemeral = _b === void 0 ? false : _b, userId = _a.userId, disabled = _a.disabled, chainTop = _a.chainTop, showRemove = _a.showRemove, resendMessage = _a.resendMessage;
     var status = message === null || message === void 0 ? void 0 : message.sendingStatus;
     var _c = useLocalization(), dateLocale = _c.dateLocale, stringSet = _c.stringSet;
@@ -68,7 +68,7 @@ function OpenchannelFileMessage(_a) {
     var avatarRef = useRef(null);
     var _d = useContext(UserProfileContext), disableUserProfile = _d.disableUserProfile, renderUserProfile = _d.renderUserProfile;
     var isMobile = useMediaQueryContext().isMobile;
-    var openFileUrl = function () { window.open(message.url); };
+    var openFileUrl = function () { return openURL(message.url); };
     var isPending = checkIsPending(status);
     var isFailed = checkIsFailed(status);
     var sender = getSenderFromMessage(message);
@@ -138,5 +138,5 @@ function OpenchannelFileMessage(_a) {
             } }))));
 }
 
-export { OpenchannelFileMessage as default };
+export { OpenChannelFileMessage as default };
 //# sourceMappingURL=OpenchannelFileMessage.js.map

package/ui/OpenchannelOGMessage.js

@@ -1,57 +1,45 @@
-import { _ as __assign, c as __spreadArray } from '../chunks/bundle-CfcfVkxG.js';
+import { _ as __assign, c as __spreadArray } from '../chunks/bundle-CMZSpHeh.js';
 import React__default, { useContext, useState, useRef, useMemo, useEffect } from 'react';
-import { f as format } from '../chunks/bundle-Ba74MVBa.js';
-import { A as Avatar } from '../chunks/bundle-vsdOwl6R.js';
+import { f as format } from '../chunks/bundle-BsoAxhbJ.js';
+import { A as Avatar } from '../chunks/bundle-BlN1UcdM.js';
 import ContextMenu, { MenuItems, MenuItem } from './ContextMenu.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
 import IconButton from './IconButton.js';
 import ImageRenderer from './ImageRenderer.js';
 import LinkLabel from './LinkLabel.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-D81rUAiK.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-CIcpyYvw.js';
 import Loader from './Loader.js';
 import UserProfile from './UserProfile.js';
-import { a as UserProfileContext } from '../chunks/bundle-CwINP854.js';
-import { u as uuidv4 } from '../chunks/bundle-CFYZBlok.js';
-import { c as copyToClipboard } from '../chunks/bundle-YaC569om.js';
-import { u as useLocalization } from '../chunks/bundle-Bsg3ZeXI.js';
-import { g as getSenderFromMessage, s as showMenuTrigger, i as isFineCopy, a as isFineEdit, b as isFineResend, c as isFineDelete, O as OpenChannelMobileMenu, d as checkIsPending, e as checkIsFailed } from '../chunks/bundle--v2l79xO.js';
-import { u as useMediaQueryContext } from '../chunks/bundle-CuD6w3tY.js';
-import { u as useLongPress } from '../chunks/bundle-CvZD4CjF.js';
-import { T as TextFragment } from '../chunks/bundle-DMs2iFV3.js';
-import { t as tokenizeMessage } from '../chunks/bundle-D6_jF6vA.js';
-import '../chunks/bundle-BFdttAaW.js';
-import '../chunks/bundle-DF_LuHdb.js';
+import { a as UserProfileContext } from '../chunks/bundle-BH6pGtIL.js';
+import { u as uuidv4 } from '../chunks/bundle-GCGSXAv2.js';
+import { c as copyToClipboard } from '../chunks/bundle-QXkA0r0j.js';
+import { u as useLocalization } from '../chunks/bundle-Aca68v_Z.js';
+import { g as getSenderFromMessage, s as showMenuTrigger, i as isFineCopy, a as isFineEdit, b as isFineResend, c as isFineDelete, O as OpenChannelMobileMenu, d as checkIsPending, e as checkIsFailed } from '../chunks/bundle-VjnnO2d0.js';
+import { u as useMediaQueryContext } from '../chunks/bundle-CAdHlM56.js';
+import { u as useLongPress } from '../chunks/bundle-w_-mtnA_.js';
+import { T as TextFragment } from '../chunks/bundle-4qXDtSKj.js';
+import { t as tokenizeMessage } from '../chunks/bundle-CawmTzdt.js';
+import { o as openURL } from '../chunks/bundle-DRN8Ufbc.js';
+import '../chunks/bundle-eddZycld.js';
+import '../chunks/bundle-Bzds2Ucm.js';
 import 'react-dom';
 import '@sendbird/chat';
 import '@sendbird/chat/openChannel';
 import './SortByRow.js';
-import '../chunks/bundle-FVThTEKh.js';
+import '../chunks/bundle-BdOcjdmg.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-BubacXNL.js';
-import '../chunks/bundle-rA2Y0qFJ.js';
-import '../chunks/bundle-KeJ_rVJL.js';
+import '../chunks/bundle-DI-PfZ0q.js';
+import '../chunks/bundle-XCQLW6rR.js';
 import '../sendbirdSelectors.js';
-import '../chunks/bundle-CaYPuZ9G.js';
+import '../chunks/bundle-DQ2TqmPV.js';
 import './Button.js';
 import '../useSendbirdStateContext.js';
 import '../withSendbird.js';
 import '../Message/context.js';
 import './MentionLabel.js';
 
-var checkOGIsEnalbed = function (message) {
-    var ogMetaData = message.ogMetaData;
-    if (!ogMetaData) {
-        return false;
-    }
-    var url = ogMetaData.url;
-    if (!url) {
-        return false;
-    }
-    return true;
-};
-
-function OpenchannelOGMessage(_a) {
+function OpenChannelOGMessage(_a) {
     var _b, _c;
     var message = _a.message, isOperator = _a.isOperator, _d = _a.isEphemeral, isEphemeral = _d === void 0 ? false : _d, className = _a.className, disabled = _a.disabled, showEdit = _a.showEdit, showRemove = _a.showRemove, resendMessage = _a.resendMessage, chainTop = _a.chainTop, userId = _a.userId;
     var status = message === null || message === void 0 ? void 0 : message.sendingStatus;
@@ -62,11 +50,7 @@ function OpenchannelOGMessage(_a) {
     var _f = useContext(UserProfileContext), disableUserProfile = _f.disableUserProfile, renderUserProfile = _f.renderUserProfile;
     var _g = useState({}), contextStyle = _g[0], setContextStyle = _g[1];
     var _h = useState(false), showContextMenu = _h[0], setShowContextMenu = _h[1];
-    var openLink = function () {
-        if (checkOGIsEnalbed(message) && (ogMetaData === null || ogMetaData === void 0 ? void 0 : ogMetaData.url)) {
-            window.open(ogMetaData.url, '_blank', 'noopener,noreferrer');
-        }
-    };
+    var openLink = function () { return openURL(ogMetaData === null || ogMetaData === void 0 ? void 0 : ogMetaData.url); };
     var onLongPress = useLongPress({
         onLongPress: function () { return setShowContextMenu(true); },
         onClick: openLink,
@@ -183,5 +167,5 @@ function OpenchannelOGMessage(_a) {
             } }))));
 }
 
-export { OpenchannelOGMessage as default };
+export { OpenChannelOGMessage as default };
 //# sourceMappingURL=OpenchannelOGMessage.js.map

package/ui/OpenchannelOGMessage.js.map

@@ -1 +1 @@
-{"version":3,"file":"OpenchannelOGMessage.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"OpenchannelOGMessage.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/ui/OpenchannelThumbnailMessage.js

@@ -1,34 +1,34 @@
-import { c as __spreadArray, _ as __assign } from '../chunks/bundle-CfcfVkxG.js';
+import { c as __spreadArray, _ as __assign } from '../chunks/bundle-CMZSpHeh.js';
 import React__default, { useContext, useState, useRef, useMemo, useEffect } from 'react';
-import { f as format } from '../chunks/bundle-Ba74MVBa.js';
-import { u as useLocalization } from '../chunks/bundle-Bsg3ZeXI.js';
-import { A as Avatar } from '../chunks/bundle-vsdOwl6R.js';
+import { f as format } from '../chunks/bundle-BsoAxhbJ.js';
+import { u as useLocalization } from '../chunks/bundle-Aca68v_Z.js';
+import { A as Avatar } from '../chunks/bundle-BlN1UcdM.js';
 import ContextMenu, { MenuItems, MenuItem } from './ContextMenu.js';
 import Icon, { IconColors, IconTypes } from './Icon.js';
 import IconButton from './IconButton.js';
 import ImageRenderer from './ImageRenderer.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-D81rUAiK.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-CIcpyYvw.js';
 import Loader from './Loader.js';
 import UserProfile from './UserProfile.js';
-import { a as UserProfileContext } from '../chunks/bundle-CwINP854.js';
-import { g as getSenderFromMessage, b as isFineResend, s as showMenuTrigger, c as isFineDelete, O as OpenChannelMobileMenu, f as checkIsSent, d as checkIsPending, e as checkIsFailed } from '../chunks/bundle--v2l79xO.js';
-import { u as useMediaQueryContext } from '../chunks/bundle-CuD6w3tY.js';
-import { u as useLongPress } from '../chunks/bundle-CvZD4CjF.js';
-import '../chunks/bundle-BFdttAaW.js';
-import '../chunks/bundle-KeJ_rVJL.js';
-import '../chunks/bundle-DF_LuHdb.js';
+import { a as UserProfileContext } from '../chunks/bundle-BH6pGtIL.js';
+import { g as getSenderFromMessage, b as isFineResend, s as showMenuTrigger, c as isFineDelete, O as OpenChannelMobileMenu, f as checkIsSent, d as checkIsPending, e as checkIsFailed } from '../chunks/bundle-VjnnO2d0.js';
+import { u as useMediaQueryContext } from '../chunks/bundle-CAdHlM56.js';
+import { u as useLongPress } from '../chunks/bundle-w_-mtnA_.js';
+import '../chunks/bundle-eddZycld.js';
+import '../chunks/bundle-XCQLW6rR.js';
+import '../chunks/bundle-Bzds2Ucm.js';
 import 'react-dom';
 import '@sendbird/chat';
 import '@sendbird/chat/openChannel';
 import './SortByRow.js';
-import '../chunks/bundle-CFYZBlok.js';
-import '../chunks/bundle-FVThTEKh.js';
+import '../chunks/bundle-GCGSXAv2.js';
+import '../chunks/bundle-BdOcjdmg.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-BubacXNL.js';
-import '../chunks/bundle-rA2Y0qFJ.js';
+import '../chunks/bundle-DI-PfZ0q.js';
+import '../chunks/bundle-DRN8Ufbc.js';
 import '../sendbirdSelectors.js';
-import '../chunks/bundle-CaYPuZ9G.js';
+import '../chunks/bundle-DQ2TqmPV.js';
 import './Button.js';
 import '../useSendbirdStateContext.js';
 import '../withSendbird.js';

package/ui/OpenchannelUserMessage.js

@@ -1,38 +1,38 @@
-import { c as __spreadArray, _ as __assign } from '../chunks/bundle-CfcfVkxG.js';
+import { c as __spreadArray, _ as __assign } from '../chunks/bundle-CMZSpHeh.js';
 import React__default, { useContext, useRef, useState, useEffect } from 'react';
-import { f as format } from '../chunks/bundle-Ba74MVBa.js';
-import { A as Avatar } from '../chunks/bundle-vsdOwl6R.js';
+import { f as format } from '../chunks/bundle-BsoAxhbJ.js';
+import { A as Avatar } from '../chunks/bundle-BlN1UcdM.js';
 import ContextMenu, { MenuItems, MenuItem } from './ContextMenu.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
 import IconButton from './IconButton.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-D81rUAiK.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-CIcpyYvw.js';
 import Loader from './Loader.js';
 import UserProfile from './UserProfile.js';
-import { a as UserProfileContext } from '../chunks/bundle-CwINP854.js';
-import { u as useLocalization } from '../chunks/bundle-Bsg3ZeXI.js';
-import { c as copyToClipboard } from '../chunks/bundle-YaC569om.js';
-import { u as uuidv4 } from '../chunks/bundle-CFYZBlok.js';
-import { g as getSenderFromMessage, s as showMenuTrigger, i as isFineCopy, a as isFineEdit, b as isFineResend, c as isFineDelete, O as OpenChannelMobileMenu, d as checkIsPending, e as checkIsFailed } from '../chunks/bundle--v2l79xO.js';
-import { u as useMediaQueryContext } from '../chunks/bundle-CuD6w3tY.js';
-import { u as useLongPress } from '../chunks/bundle-CvZD4CjF.js';
-import { d as isEditedMessage } from '../chunks/bundle-FVThTEKh.js';
-import '../chunks/bundle-BFdttAaW.js';
+import { a as UserProfileContext } from '../chunks/bundle-BH6pGtIL.js';
+import { u as useLocalization } from '../chunks/bundle-Aca68v_Z.js';
+import { c as copyToClipboard } from '../chunks/bundle-QXkA0r0j.js';
+import { u as uuidv4 } from '../chunks/bundle-GCGSXAv2.js';
+import { g as getSenderFromMessage, s as showMenuTrigger, i as isFineCopy, a as isFineEdit, b as isFineResend, c as isFineDelete, O as OpenChannelMobileMenu, d as checkIsPending, e as checkIsFailed } from '../chunks/bundle-VjnnO2d0.js';
+import { u as useMediaQueryContext } from '../chunks/bundle-CAdHlM56.js';
+import { u as useLongPress } from '../chunks/bundle-w_-mtnA_.js';
+import { d as isEditedMessage } from '../chunks/bundle-BdOcjdmg.js';
+import '../chunks/bundle-eddZycld.js';
 import './ImageRenderer.js';
-import '../chunks/bundle-rA2Y0qFJ.js';
-import '../chunks/bundle-DF_LuHdb.js';
+import '../chunks/bundle-DRN8Ufbc.js';
+import '../chunks/bundle-Bzds2Ucm.js';
 import 'react-dom';
 import '@sendbird/chat';
 import '@sendbird/chat/openChannel';
 import './SortByRow.js';
-import '../chunks/bundle-KeJ_rVJL.js';
+import '../chunks/bundle-XCQLW6rR.js';
 import '../sendbirdSelectors.js';
-import '../chunks/bundle-CaYPuZ9G.js';
+import '../chunks/bundle-DQ2TqmPV.js';
 import './Button.js';
 import '../useSendbirdStateContext.js';
 import '../withSendbird.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-BubacXNL.js';
+import '../chunks/bundle-DI-PfZ0q.js';
 
 function OpenchannelUserMessage(_a) {
     var className = _a.className, message = _a.message, isOperator = _a.isOperator, _b = _a.isEphemeral, isEphemeral = _b === void 0 ? false : _b, userId = _a.userId, resendMessage = _a.resendMessage, disabled = _a.disabled, showEdit = _a.showEdit, showRemove = _a.showRemove, chainTop = _a.chainTop;

package/ui/PlaceHolder.js

@@ -1,12 +1,12 @@
-import { c as __spreadArray } from '../chunks/bundle-CfcfVkxG.js';
+import { c as __spreadArray } from '../chunks/bundle-CMZSpHeh.js';
 import React__default, { useContext } from 'react';
-import { L as LocalizationContext } from '../chunks/bundle-Bsg3ZeXI.js';
+import { L as LocalizationContext } from '../chunks/bundle-Aca68v_Z.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-D81rUAiK.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-CIcpyYvw.js';
 import Loader from './Loader.js';
-import '../chunks/bundle-KeJ_rVJL.js';
-import '../chunks/bundle-BFdttAaW.js';
-import '../chunks/bundle-rA2Y0qFJ.js';
+import '../chunks/bundle-XCQLW6rR.js';
+import '../chunks/bundle-eddZycld.js';
+import '../chunks/bundle-DRN8Ufbc.js';
 
 var PlaceHolderTypes = {
     LOADING: 'LOADING',

package/ui/PlaybackTime.js

@@ -1,7 +1,7 @@
 import React__default from 'react';
-import { a as LabelTypography, b as LabelColors, L as Label } from '../chunks/bundle-D81rUAiK.js';
-import '../chunks/bundle-CfcfVkxG.js';
-import '../chunks/bundle-KeJ_rVJL.js';
+import { a as LabelTypography, b as LabelColors, L as Label } from '../chunks/bundle-CIcpyYvw.js';
+import '../chunks/bundle-CMZSpHeh.js';
+import '../chunks/bundle-XCQLW6rR.js';
 
 var PlaybackTime = function (_a) {
     var className = _a.className, _b = _a.time, time = _b === void 0 ? 0 : _b, _c = _a.labelType, labelType = _c === void 0 ? LabelTypography.CAPTION_2 : _c, _d = _a.labelColor, labelColor = _d === void 0 ? LabelColors.ONCONTENT_1 : _d;