@sendbird/uikit-react 3.14.5 → 3.14.6

package/ui/MessageSearchItem.js

@@ -1,22 +1,22 @@
-import { c as __spreadArray } from '../chunks/bundle-CDy_GVNR.js';
+import { c as __spreadArray } from '../chunks/bundle-DKkCwVCs.js';
 import React__default from 'react';
-import { f as format } from '../chunks/bundle-DQ3tLeW9.js';
-import { i as isToday, a as isYesterday, b as isThisYear } from '../chunks/bundle-SI5OarjR.js';
-import { A as Avatar } from '../chunks/bundle-C1XVT5qc.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-q3jyuKU7.js';
-import { u as useLocalization } from '../chunks/bundle-CAdxJnio.js';
-import '../chunks/bundle-9Pg6kODx.js';
-import '../chunks/bundle-DZl5IVWc.js';
+import { f as format } from '../chunks/bundle-t4qeDosj.js';
+import { i as isToday, a as isYesterday, b as isThisYear } from '../chunks/bundle-BWiA6-mB.js';
+import { A as Avatar } from '../chunks/bundle-BgL9QnGd.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-prXB4t_m.js';
+import { u as useLocalization } from '../chunks/bundle-nfJ9J5Md.js';
+import '../chunks/bundle-DprHnWfH.js';
+import '../chunks/bundle-D1rcEkoi.js';
 import './ImageRenderer.js';
-import '../chunks/bundle-DhJuLwLJ.js';
-import '../chunks/bundle-BQPvwBK8.js';
+import '../chunks/bundle-Dw9nwO7e.js';
+import '../chunks/bundle-Bmk2FVdj.js';
 import './Icon.js';
-import '../chunks/bundle-B621kS6J.js';
+import '../chunks/bundle-Ce-B4ROs.js';
 
 // getCreatedAt
 function getCreatedAt (_a) {
     var createdAt = _a.createdAt, locale = _a.locale, stringSet = _a.stringSet;
-    var optionalParam = locale ? { locale: locale } : null;
+    var optionalParam = { locale: locale };
     if (!createdAt) {
         return '';
     }
@@ -45,7 +45,7 @@ function MessageSearchItem(_a) {
             selected ? 'sendbird-message-search-item--selected' : '',
         ], false).join(' '), onClick: function (e) {
             e.stopPropagation();
-            onClick(message);
+            onClick === null || onClick === void 0 ? void 0 : onClick(message);
         } },
         React__default.createElement("div", { className: "sendbird-message-search-item__left" },
             React__default.createElement(Avatar, { className: "sendbird-message-search-item__left__sender-avatar", src: profileUrl, alt: "profile image", width: "56px", height: "56px" })),

package/ui/MessageStatus.js

@@ -1,17 +1,17 @@
-import '../chunks/bundle-CDy_GVNR.js';
+import '../chunks/bundle-DKkCwVCs.js';
 import 'react';
-import '../chunks/bundle-DQ3tLeW9.js';
+import '../chunks/bundle-t4qeDosj.js';
 import './Icon.js';
-import '../chunks/bundle-q3jyuKU7.js';
+import '../chunks/bundle-prXB4t_m.js';
 import './Loader.js';
-import '../chunks/bundle-BH5EGLxi.js';
+import '../chunks/bundle-janisM9b.js';
 import '../utils/message/getOutgoingMessageState.js';
-export { e as MessageStatusTypes, M as default } from '../chunks/bundle-B4q4jk6S.js';
-import '../chunks/bundle-CAdxJnio.js';
-import '../chunks/bundle-9Pg6kODx.js';
-import '../chunks/bundle-DhJuLwLJ.js';
-import '../chunks/bundle-B621kS6J.js';
+export { e as MessageStatusTypes, M as default } from '../chunks/bundle-C3gISq8S.js';
+import '../chunks/bundle-nfJ9J5Md.js';
+import '../chunks/bundle-Dw9nwO7e.js';
+import '../chunks/bundle-DprHnWfH.js';
+import '../chunks/bundle-Ce-B4ROs.js';
 import '@sendbird/chat/groupChannel';
-import '../chunks/bundle-SI5OarjR.js';
-import '../chunks/bundle-DZl5IVWc.js';
+import '../chunks/bundle-BWiA6-mB.js';
+import '../chunks/bundle-D1rcEkoi.js';
 //# sourceMappingURL=MessageStatus.js.map

package/ui/MessageTemplate.js

@@ -1,3 +1,3 @@
 import 'react';
-export { a as MessageTemplate, a as default } from '../chunks/bundle-CTqXLoJ-.js';
+export { a as MessageTemplate, a as default } from '../chunks/bundle-C7Vw36CA.js';
 //# sourceMappingURL=MessageTemplate.js.map

package/ui/MobileFeedbackMenu.js

@@ -1,15 +1,15 @@
 import React__default from 'react';
 import BottomSheet from './BottomSheet.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-q3jyuKU7.js';
-import { u as useLocalization } from '../chunks/bundle-CAdxJnio.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-prXB4t_m.js';
+import { u as useLocalization } from '../chunks/bundle-nfJ9J5Md.js';
 import 'react-dom';
-import '../chunks/bundle-DiVyB2HD.js';
-import '../chunks/bundle-CDy_GVNR.js';
-import '../chunks/bundle-BH5EGLxi.js';
+import '../chunks/bundle-CGmq3qGM.js';
+import '../chunks/bundle-DKkCwVCs.js';
+import '../chunks/bundle-janisM9b.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-DhJuLwLJ.js';
-import '../chunks/bundle-Cj-w5I5i.js';
+import '../chunks/bundle-Dw9nwO7e.js';
+import '../chunks/bundle-3Mubyujl.js';
 import './IconButton.js';
 import './Button.js';
 import './Icon.js';
@@ -17,14 +17,14 @@ import '@sendbird/uikit-tools';
 import '../withSendbird.js';
 import 'css-vars-ponyfill';
 import '@sendbird/chat';
-import '../chunks/bundle-8J9SSfIS.js';
+import '../chunks/bundle-uIqOEfCa.js';
 import '@sendbird/chat/openChannel';
-import '../chunks/bundle-D2MpL8t0.js';
-import '../chunks/bundle-thdxvFU8.js';
+import '../chunks/bundle-BMQLJ23N.js';
+import '../chunks/bundle-DhBuJR0w.js';
 import '../useSendbirdStateContext.js';
-import '../chunks/bundle-2vhBVWLQ.js';
-import '../chunks/bundle-B621kS6J.js';
-import '../chunks/bundle-9Pg6kODx.js';
+import '../chunks/bundle-DwJ8HgZK.js';
+import '../chunks/bundle-Ce-B4ROs.js';
+import '../chunks/bundle-DprHnWfH.js';
 
 function MobileFeedbackMenu(props) {
     var hideMenu = props.hideMenu, onEditFeedback = props.onEditFeedback, onRemoveFeedback = props.onRemoveFeedback;

package/ui/Modal.js

@@ -1,27 +1,27 @@
-import '../chunks/bundle-CDy_GVNR.js';
+import '../chunks/bundle-DKkCwVCs.js';
 import 'react';
 import 'react-dom';
-import '../chunks/bundle-DhJuLwLJ.js';
-export { M as Modal, f as ModalBody, c as ModalFooter, e as ModalHeader, M as default } from '../chunks/bundle-DiVyB2HD.js';
-import '../chunks/bundle-CAdxJnio.js';
-import '../chunks/bundle-Cj-w5I5i.js';
+import '../chunks/bundle-Dw9nwO7e.js';
+export { M as Modal, f as ModalBody, c as ModalFooter, e as ModalHeader, M as default } from '../chunks/bundle-CGmq3qGM.js';
+import '../chunks/bundle-nfJ9J5Md.js';
+import '../chunks/bundle-3Mubyujl.js';
 import './IconButton.js';
 import './Button.js';
 import './Icon.js';
-import '../chunks/bundle-q3jyuKU7.js';
+import '../chunks/bundle-prXB4t_m.js';
 import '@sendbird/uikit-tools';
 import '../withSendbird.js';
 import 'css-vars-ponyfill';
-import '../chunks/bundle-BH5EGLxi.js';
+import '../chunks/bundle-janisM9b.js';
 import '@sendbird/chat';
-import '../chunks/bundle-8J9SSfIS.js';
+import '../chunks/bundle-uIqOEfCa.js';
 import '@sendbird/chat/openChannel';
 import '@sendbird/chat/groupChannel';
-import '../chunks/bundle-D2MpL8t0.js';
-import '../chunks/bundle-2vhBVWLQ.js';
+import '../chunks/bundle-BMQLJ23N.js';
+import '../chunks/bundle-DwJ8HgZK.js';
 import '../useSendbirdStateContext.js';
-import '../chunks/bundle-thdxvFU8.js';
-import '../chunks/bundle-B621kS6J.js';
-import '../chunks/bundle-9Pg6kODx.js';
+import '../chunks/bundle-DhBuJR0w.js';
+import '../chunks/bundle-Ce-B4ROs.js';
+import '../chunks/bundle-DprHnWfH.js';
 import '../utils/message/getOutgoingMessageState.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-CDy_GVNR.js';
-import '../chunks/bundle-DhJuLwLJ.js';
+import '../chunks/bundle-DKkCwVCs.js';
+import '../chunks/bundle-Dw9nwO7e.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,34 +1,34 @@
 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-q3jyuKU7.js';
-import { w as getClassName, d as isEditedMessage } from '../chunks/bundle-BH5EGLxi.js';
-import { L as LocalizationContext } from '../chunks/bundle-CAdxJnio.js';
-import { T as TextFragment } from '../chunks/bundle-DEFOjZw9.js';
-import { t as tokenizeMessage } from '../chunks/bundle-HhDUyQa4.js';
-import { O as OG_MESSAGE_BODY_CLASSNAME } from '../chunks/bundle-C2B-jwQF.js';
-import { u as useMediaQueryContext } from '../chunks/bundle-Cj-w5I5i.js';
-import { o as openURL } from '../chunks/bundle-DhJuLwLJ.js';
-import '../chunks/bundle-CDy_GVNR.js';
-import '../chunks/bundle-B621kS6J.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-prXB4t_m.js';
+import { w as getClassName, d as isEditedMessage } from '../chunks/bundle-janisM9b.js';
+import { L as LocalizationContext } from '../chunks/bundle-nfJ9J5Md.js';
+import { T as TextFragment } from '../chunks/bundle-B-DnYw4p.js';
+import { t as tokenizeMessage } from '../chunks/bundle-ZBhGb8Lc.js';
+import { O as OG_MESSAGE_BODY_CLASSNAME } from '../chunks/bundle-C8jE79mn.js';
+import { u as useMediaQueryContext } from '../chunks/bundle-3Mubyujl.js';
+import { o as openURL, c as classnames } from '../chunks/bundle-Dw9nwO7e.js';
+import '../chunks/bundle-DKkCwVCs.js';
+import '../chunks/bundle-Ce-B4ROs.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-9Pg6kODx.js';
+import '../chunks/bundle-DprHnWfH.js';
 import '../Message/context.js';
 import './MentionLabel.js';
 import './ContextMenu.js';
-import '../chunks/bundle-2vhBVWLQ.js';
+import '../chunks/bundle-DwJ8HgZK.js';
 import 'react-dom';
 import '@sendbird/chat';
 import '@sendbird/chat/openChannel';
 import './SortByRow.js';
-import '../chunks/bundle-8J9SSfIS.js';
+import '../chunks/bundle-uIqOEfCa.js';
 import './UserProfile.js';
-import '../chunks/bundle-60et0yds.js';
+import '../chunks/bundle-C_dNvBEo.js';
 import '../sendbirdSelectors.js';
-import '../chunks/bundle-CtgXJZJt.js';
-import '../chunks/bundle-C1XVT5qc.js';
-import '../chunks/bundle-BQPvwBK8.js';
+import '../chunks/bundle-CriEArZn.js';
+import '../chunks/bundle-BgL9QnGd.js';
+import '../chunks/bundle-Bmk2FVdj.js';
 import './Button.js';
 import '../useSendbirdStateContext.js';
 import '../withSendbird.js';
@@ -40,11 +40,12 @@ function OGMessageItemBody(_a) {
         /* noop */
     } : _k;
     var stringSet = useContext(LocalizationContext).stringSet;
-    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 isMessageMentioned = isMentionEnabled && ((_b = message === null || message === void 0 ? void 0 : message.mentionedMessageTemplate) === null || _b === void 0 ? void 0 : _b.length) > 0 && (message === null || message === void 0 ? void 0 : message.mentionedUsers) && ((_c = message === null || message === void 0 ? void 0 : message.mentionedUsers) === null || _c === void 0 ? void 0 : _c.length) > 0;
     var tokens = useMemo(function () {
+        var _a;
         if (isMessageMentioned) {
             return tokenizeMessage({
-                mentionedUsers: message === null || message === void 0 ? void 0 : message.mentionedUsers,
+                mentionedUsers: (_a = message === null || message === void 0 ? void 0 : message.mentionedUsers) !== null && _a !== void 0 ? _a : undefined,
                 messageText: message === null || message === void 0 ? void 0 : message.mentionedMessageTemplate,
             });
         }
@@ -54,7 +55,7 @@ function OGMessageItemBody(_a) {
     }, [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,
+            className !== null && className !== void 0 ? className : '',
             'sendbird-og-message-item-body',
             isByMe ? 'outgoing' : 'incoming',
             mouseHover ? 'mouse-hover' : '',
@@ -72,8 +73,8 @@ 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 () {
+    return (React__default.createElement("div", { ref: imageRef, className: classnames('sendbird-og-message-item-body__og-thumbnail', !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');

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-CDy_GVNR.js';
+import { c as __spreadArray } from '../chunks/bundle-DKkCwVCs.js';
 import React__default from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-q3jyuKU7.js';
-import '../chunks/bundle-B621kS6J.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-prXB4t_m.js';
+import '../chunks/bundle-Ce-B4ROs.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-C1XVT5qc.js';
-import { L as LocalizationContext } from '../chunks/bundle-CAdxJnio.js';
-import { b as getOpenChannelAvatar } from '../chunks/bundle-DHrYAkRt.js';
-import '../chunks/bundle-CDy_GVNR.js';
+import { A as Avatar } from '../chunks/bundle-BgL9QnGd.js';
+import { L as LocalizationContext } from '../chunks/bundle-nfJ9J5Md.js';
+import { b as getOpenChannelAvatar } from '../chunks/bundle-COoyrRF6.js';
+import '../chunks/bundle-DKkCwVCs.js';
 import './ImageRenderer.js';
-import '../chunks/bundle-DhJuLwLJ.js';
-import '../chunks/bundle-BQPvwBK8.js';
+import '../chunks/bundle-Dw9nwO7e.js';
+import '../chunks/bundle-Bmk2FVdj.js';
 import './Icon.js';
-import '../chunks/bundle-B621kS6J.js';
-import '../chunks/bundle-9Pg6kODx.js';
+import '../chunks/bundle-Ce-B4ROs.js';
+import '../chunks/bundle-DprHnWfH.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-C1XVT5qc.js';
+import { A as Avatar } from '../chunks/bundle-BgL9QnGd.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-q3jyuKU7.js';
-import { L as LocalizationContext } from '../chunks/bundle-CAdxJnio.js';
-import '../chunks/bundle-CDy_GVNR.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-prXB4t_m.js';
+import { L as LocalizationContext } from '../chunks/bundle-nfJ9J5Md.js';
+import '../chunks/bundle-DKkCwVCs.js';
 import './ImageRenderer.js';
-import '../chunks/bundle-DhJuLwLJ.js';
-import '../chunks/bundle-BQPvwBK8.js';
-import '../chunks/bundle-B621kS6J.js';
-import '../chunks/bundle-9Pg6kODx.js';
+import '../chunks/bundle-Dw9nwO7e.js';
+import '../chunks/bundle-Bmk2FVdj.js';
+import '../chunks/bundle-Ce-B4ROs.js';
+import '../chunks/bundle-DprHnWfH.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-CDy_GVNR.js';
+import { c as __spreadArray, _ as __assign } from '../chunks/bundle-DKkCwVCs.js';
 import React__default, { useRef, useContext, useState } from 'react';
-import { f as format } from '../chunks/bundle-DQ3tLeW9.js';
-import { A as Avatar } from '../chunks/bundle-C1XVT5qc.js';
+import { f as format } from '../chunks/bundle-t4qeDosj.js';
+import { A as Avatar } from '../chunks/bundle-BgL9QnGd.js';
 import ContextMenu, { MenuItems, MenuItem } from './ContextMenu.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-q3jyuKU7.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-prXB4t_m.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-60et0yds.js';
-import { u as useLocalization } from '../chunks/bundle-CAdxJnio.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-BD-1uffr.js';
-import { u as useMediaQueryContext } from '../chunks/bundle-Cj-w5I5i.js';
-import { u as useLongPress } from '../chunks/bundle-xHRJMo_A.js';
-import { o as openURL } from '../chunks/bundle-DhJuLwLJ.js';
-import '../chunks/bundle-9Pg6kODx.js';
+import { a as UserProfileContext } from '../chunks/bundle-C_dNvBEo.js';
+import { u as useLocalization } from '../chunks/bundle-nfJ9J5Md.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-CYknZObK.js';
+import { u as useMediaQueryContext } from '../chunks/bundle-3Mubyujl.js';
+import { u as useLongPress } from '../chunks/bundle-RoB3xpYU.js';
+import { o as openURL } from '../chunks/bundle-Dw9nwO7e.js';
+import '../chunks/bundle-DprHnWfH.js';
 import './ImageRenderer.js';
-import '../chunks/bundle-BQPvwBK8.js';
-import '../chunks/bundle-2vhBVWLQ.js';
+import '../chunks/bundle-Bmk2FVdj.js';
+import '../chunks/bundle-DwJ8HgZK.js';
 import 'react-dom';
 import '@sendbird/chat';
 import '@sendbird/chat/openChannel';
 import './SortByRow.js';
-import '../chunks/bundle-8J9SSfIS.js';
-import '../chunks/bundle-BH5EGLxi.js';
+import '../chunks/bundle-uIqOEfCa.js';
+import '../chunks/bundle-janisM9b.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-B621kS6J.js';
-import '../chunks/bundle-BCuW6lS8.js';
+import '../chunks/bundle-Ce-B4ROs.js';
+import '../chunks/bundle-h8I0AuUK.js';
 import '../sendbirdSelectors.js';
-import '../chunks/bundle-CtgXJZJt.js';
+import '../chunks/bundle-CriEArZn.js';
 import './Button.js';
 import '../useSendbirdStateContext.js';
 import '../withSendbird.js';

package/ui/OpenchannelOGMessage.js

@@ -1,38 +1,38 @@
-import { _ as __assign, c as __spreadArray } from '../chunks/bundle-CDy_GVNR.js';
+import { _ as __assign, c as __spreadArray } from '../chunks/bundle-DKkCwVCs.js';
 import React__default, { useContext, useState, useRef, useMemo, useEffect } from 'react';
-import { f as format } from '../chunks/bundle-DQ3tLeW9.js';
-import { A as Avatar } from '../chunks/bundle-C1XVT5qc.js';
+import { f as format } from '../chunks/bundle-t4qeDosj.js';
+import { A as Avatar } from '../chunks/bundle-BgL9QnGd.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-q3jyuKU7.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-prXB4t_m.js';
 import Loader from './Loader.js';
 import UserProfile from './UserProfile.js';
-import { a as UserProfileContext } from '../chunks/bundle-60et0yds.js';
-import { u as uuidv4 } from '../chunks/bundle-8J9SSfIS.js';
-import { c as copyToClipboard } from '../chunks/bundle-DoXeGvHN.js';
-import { u as useLocalization } from '../chunks/bundle-CAdxJnio.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-BD-1uffr.js';
-import { u as useMediaQueryContext } from '../chunks/bundle-Cj-w5I5i.js';
-import { u as useLongPress } from '../chunks/bundle-xHRJMo_A.js';
-import { T as TextFragment } from '../chunks/bundle-DEFOjZw9.js';
-import { t as tokenizeMessage } from '../chunks/bundle-HhDUyQa4.js';
-import { o as openURL } from '../chunks/bundle-DhJuLwLJ.js';
-import '../chunks/bundle-9Pg6kODx.js';
-import '../chunks/bundle-BQPvwBK8.js';
-import '../chunks/bundle-2vhBVWLQ.js';
+import { a as UserProfileContext } from '../chunks/bundle-C_dNvBEo.js';
+import { u as uuidv4 } from '../chunks/bundle-uIqOEfCa.js';
+import { c as copyToClipboard } from '../chunks/bundle-FfoT30Gt.js';
+import { u as useLocalization } from '../chunks/bundle-nfJ9J5Md.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-CYknZObK.js';
+import { u as useMediaQueryContext } from '../chunks/bundle-3Mubyujl.js';
+import { u as useLongPress } from '../chunks/bundle-RoB3xpYU.js';
+import { T as TextFragment } from '../chunks/bundle-B-DnYw4p.js';
+import { t as tokenizeMessage } from '../chunks/bundle-ZBhGb8Lc.js';
+import { o as openURL } from '../chunks/bundle-Dw9nwO7e.js';
+import '../chunks/bundle-DprHnWfH.js';
+import '../chunks/bundle-Bmk2FVdj.js';
+import '../chunks/bundle-DwJ8HgZK.js';
 import 'react-dom';
 import '@sendbird/chat';
 import '@sendbird/chat/openChannel';
 import './SortByRow.js';
-import '../chunks/bundle-BH5EGLxi.js';
+import '../chunks/bundle-janisM9b.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-B621kS6J.js';
+import '../chunks/bundle-Ce-B4ROs.js';
 import '../sendbirdSelectors.js';
-import '../chunks/bundle-CtgXJZJt.js';
+import '../chunks/bundle-CriEArZn.js';
 import './Button.js';
 import '../useSendbirdStateContext.js';
 import '../withSendbird.js';
@@ -40,16 +40,16 @@ import '../Message/context.js';
 import './MentionLabel.js';
 
 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 _b, _c, _d;
+    var message = _a.message, isOperator = _a.isOperator, _e = _a.isEphemeral, isEphemeral = _e === void 0 ? false : _e, 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;
     var ogMetaData = (_b = message.ogMetaData) !== null && _b !== void 0 ? _b : null;
     var defaultImage = ogMetaData === null || ogMetaData === void 0 ? void 0 : ogMetaData.defaultImage;
-    var _e = useLocalization(), stringSet = _e.stringSet, dateLocale = _e.dateLocale;
+    var _f = useLocalization(), stringSet = _f.stringSet, dateLocale = _f.dateLocale;
     var isMobile = useMediaQueryContext().isMobile;
-    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 _g = useContext(UserProfileContext), disableUserProfile = _g.disableUserProfile, renderUserProfile = _g.renderUserProfile;
+    var _h = useState({}), contextStyle = _h[0], setContextStyle = _h[1];
+    var _j = useState(false), showContextMenu = _j[0], setShowContextMenu = _j[1];
     var openLink = function () { return openURL(ogMetaData === null || ogMetaData === void 0 ? void 0 : ogMetaData.url); };
     var onLongPress = useLongPress({
         onLongPress: function () { return setShowContextMenu(true); },
@@ -57,10 +57,10 @@ function OpenChannelOGMessage(_a) {
     }, {
         delay: 300,
     });
-    var messageComponentRef = useRef(null);
-    var contextMenuRef = useRef(null);
-    var mobileMenuRef = useRef(null);
-    var avatarRef = useRef(null);
+    var messageComponentRef = useRef();
+    var contextMenuRef = useRef();
+    var mobileMenuRef = useRef();
+    var avatarRef = useRef();
     var isPending = checkIsPending(status);
     var isFailed = checkIsFailed(status);
     var sender = getSenderFromMessage(message);
@@ -71,8 +71,8 @@ function OpenChannelOGMessage(_a) {
     }, [message === null || message === void 0 ? void 0 : message.updatedAt, message === null || message === void 0 ? void 0 : message.message]);
     // place conxt menu top depending clientHeight of message component
     useEffect(function () {
-        var _a;
-        if (((_a = messageComponentRef === null || messageComponentRef === void 0 ? void 0 : messageComponentRef.current) === null || _a === void 0 ? void 0 : _a.clientHeight) > 36) {
+        var _a, _b;
+        if (((_a = messageComponentRef === null || messageComponentRef === void 0 ? void 0 : messageComponentRef.current) === null || _a === void 0 ? void 0 : _a.clientHeight) && ((_b = messageComponentRef === null || messageComponentRef === void 0 ? void 0 : messageComponentRef.current) === null || _b === void 0 ? void 0 : _b.clientHeight) > 36) {
             setContextStyle({ top: '8px ' });
         }
         else {
@@ -141,10 +141,10 @@ function OpenChannelOGMessage(_a) {
                                 }, dataSbId: "open_channel_og_message_menu_delete" }, stringSet.CONTEXT_MENU_DROPDOWN__DELETE)))); } })))),
             React__default.createElement("div", { className: "sendbird-openchannel-og-message__bottom" },
                 React__default.createElement("div", { className: "sendbird-openchannel-og-message__bottom__og-tag", ref: mobileMenuRef },
-                    ogMetaData.url && (React__default.createElement(Label, { className: "sendbird-openchannel-og-message__bottom__og-tag__url", type: LabelTypography.CAPTION_3, color: LabelColors.ONBACKGROUND_2 }, ogMetaData.url)),
-                    ogMetaData.title && (React__default.createElement(LinkLabel, { className: "sendbird-openchannel-og-message__bottom__og-tag__title", src: ogMetaData.url, type: LabelTypography.SUBTITLE_2, color: LabelColors.PRIMARY }, ogMetaData.title)),
-                    ogMetaData.description && (React__default.createElement(Label, { className: "sendbird-openchannel-og-message__bottom__og-tag__description", type: LabelTypography.BODY_2, color: LabelColors.ONBACKGROUND_1 }, ogMetaData.description)),
-                    ogMetaData.url && (React__default.createElement("div", { className: "sendbird-openchannel-og-message__bottom__og-tag__thumbnail", role: "button", onClick: openLink, onKeyDown: openLink, tabIndex: 0 }, defaultImage && (React__default.createElement(ImageRenderer, { className: "sendbird-openchannel-og-message__bottom__og-tag__thumbnail__image", url: defaultImage.url || '', alt: defaultImage.alt || '', height: "189px", defaultComponent: (React__default.createElement("div", { className: "sendbird-openchannel-og-message__bottom__og-tag__thumbnail__image--placeholder" },
+                    (ogMetaData === null || ogMetaData === void 0 ? void 0 : ogMetaData.url) && (React__default.createElement(Label, { className: "sendbird-openchannel-og-message__bottom__og-tag__url", type: LabelTypography.CAPTION_3, color: LabelColors.ONBACKGROUND_2 }, ogMetaData.url)),
+                    (ogMetaData === null || ogMetaData === void 0 ? void 0 : ogMetaData.title) && (React__default.createElement(LinkLabel, { className: "sendbird-openchannel-og-message__bottom__og-tag__title", src: (_d = ogMetaData.url) !== null && _d !== void 0 ? _d : '', type: LabelTypography.SUBTITLE_2, color: LabelColors.PRIMARY }, ogMetaData.title)),
+                    (ogMetaData === null || ogMetaData === void 0 ? void 0 : ogMetaData.description) && (React__default.createElement(Label, { className: "sendbird-openchannel-og-message__bottom__og-tag__description", type: LabelTypography.BODY_2, color: LabelColors.ONBACKGROUND_1 }, ogMetaData.description)),
+                    (ogMetaData === null || ogMetaData === void 0 ? void 0 : ogMetaData.url) && (React__default.createElement("div", { className: "sendbird-openchannel-og-message__bottom__og-tag__thumbnail", role: "button", onClick: openLink, onKeyDown: openLink, tabIndex: 0 }, defaultImage && (React__default.createElement(ImageRenderer, { className: "sendbird-openchannel-og-message__bottom__og-tag__thumbnail__image", url: defaultImage.url || '', alt: defaultImage.alt || '', height: "189px", defaultComponent: (React__default.createElement("div", { className: "sendbird-openchannel-og-message__bottom__og-tag__thumbnail__image--placeholder" },
                             React__default.createElement(Icon, { type: IconTypes.THUMBNAIL_NONE, width: "56px", height: "56px" }))) }))))),
                 (isPending || isFailed) && (React__default.createElement("div", { className: "sendbird-openchannel-og-message__top__right__tail" },
                     isPending && (React__default.createElement(Loader, { width: "16px", height: "16px" },

package/ui/OpenchannelThumbnailMessage.js

@@ -1,34 +1,34 @@
-import { c as __spreadArray, _ as __assign } from '../chunks/bundle-CDy_GVNR.js';
+import { c as __spreadArray, _ as __assign } from '../chunks/bundle-DKkCwVCs.js';
 import React__default, { useContext, useState, useRef, useMemo, useEffect } from 'react';
-import { f as format } from '../chunks/bundle-DQ3tLeW9.js';
-import { u as useLocalization } from '../chunks/bundle-CAdxJnio.js';
-import { A as Avatar } from '../chunks/bundle-C1XVT5qc.js';
+import { f as format } from '../chunks/bundle-t4qeDosj.js';
+import { u as useLocalization } from '../chunks/bundle-nfJ9J5Md.js';
+import { A as Avatar } from '../chunks/bundle-BgL9QnGd.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-q3jyuKU7.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-prXB4t_m.js';
 import Loader from './Loader.js';
 import UserProfile from './UserProfile.js';
-import { a as UserProfileContext } from '../chunks/bundle-60et0yds.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-BD-1uffr.js';
-import { u as useMediaQueryContext } from '../chunks/bundle-Cj-w5I5i.js';
-import { u as useLongPress } from '../chunks/bundle-xHRJMo_A.js';
-import '../chunks/bundle-9Pg6kODx.js';
-import '../chunks/bundle-B621kS6J.js';
-import '../chunks/bundle-BQPvwBK8.js';
-import '../chunks/bundle-2vhBVWLQ.js';
+import { a as UserProfileContext } from '../chunks/bundle-C_dNvBEo.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-CYknZObK.js';
+import { u as useMediaQueryContext } from '../chunks/bundle-3Mubyujl.js';
+import { u as useLongPress } from '../chunks/bundle-RoB3xpYU.js';
+import '../chunks/bundle-DprHnWfH.js';
+import '../chunks/bundle-Ce-B4ROs.js';
+import '../chunks/bundle-Bmk2FVdj.js';
+import '../chunks/bundle-Dw9nwO7e.js';
+import '../chunks/bundle-DwJ8HgZK.js';
 import 'react-dom';
 import '@sendbird/chat';
 import '@sendbird/chat/openChannel';
 import './SortByRow.js';
-import '../chunks/bundle-8J9SSfIS.js';
-import '../chunks/bundle-BH5EGLxi.js';
+import '../chunks/bundle-uIqOEfCa.js';
+import '../chunks/bundle-janisM9b.js';
 import '@sendbird/chat/groupChannel';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-DhJuLwLJ.js';
 import '../sendbirdSelectors.js';
-import '../chunks/bundle-CtgXJZJt.js';
+import '../chunks/bundle-CriEArZn.js';
 import './Button.js';
 import '../useSendbirdStateContext.js';
 import '../withSendbird.js';
@@ -143,7 +143,7 @@ function OpenchannelThumbnailMessage(_a) {
                                     React__default.createElement(Icon, { className: "sendbird-openchannel-thumbnail-message__right__body__wrap__video__icon", type: IconTypes.PLAY, fillColor: IconColors.ON_BACKGROUND_2, width: "56px", height: "56px" })))
                                 : (React__default.createElement(Icon, { className: "sendbird-openchannel-thumbnail-message__right__body__wrap__video--icon", type: IconTypes.PHOTO, fillColor: IconColors.ON_BACKGROUND_2, width: "56px", height: "56px" }))),
                             _b[SUPPORTING_TYPES.IMAGE] = ((url || localUrl)
-                                ? (React__default.createElement(ImageRenderer, { className: "sendbird-openchannel-thumbnail-message__right__body__wrap__image", url: thumbnailUrl || url || localUrl, alt: "image", width: messageWidth, height: "270px", placeHolder: memorizedThumbnailPlaceHolder(IconTypes.PHOTO) }))
+                                ? (React__default.createElement(ImageRenderer, { className: "sendbird-openchannel-thumbnail-message__right__body__wrap__image", url: thumbnailUrl || url || localUrl || '', alt: "image", width: messageWidth, height: "270px", placeHolder: memorizedThumbnailPlaceHolder(IconTypes.PHOTO) }))
                                 : (React__default.createElement(Icon, { className: "sendbird-openchannel-thumbnail-message__right__body__wrap__image--icon", type: IconTypes.PHOTO, fillColor: IconColors.ON_BACKGROUND_2, width: "56px", height: "56px" }))),
                             _b[SUPPORTING_TYPES.UNSUPPORTED] = (React__default.createElement(Icon, { className: "sendbird-openchannel-thumbnail-message__right__body__wrap__unknown", type: IconTypes.PHOTO, fillColor: IconColors.ON_BACKGROUND_2, width: "56px", height: "56px" })),
                             _b)[getSupportingFileType(type)])),