@sendbird/uikit-react 3.14.1 → 3.14.2

package/cjs/ui/MessageSearchFileItem.js

@@ -1,24 +1,24 @@
 'use strict';
 
-var _tslib = require('../chunks/bundle-By-3k_MB.js');
+var _tslib = require('../chunks/bundle-5ru_FO5x.js');
 var React = require('react');
-var ui_Avatar = require('../chunks/bundle-CKVCRcX8.js');
+var ui_Avatar = require('../chunks/bundle-BFWd_LLn.js');
 var ui_Icon = require('./Icon.js');
-var ui_Label = require('../chunks/bundle-BOcTTiW2.js');
-var LocalizationContext = require('../chunks/bundle-C5nXYn9D.js');
-var index$1 = require('../chunks/bundle-wczCFG7x.js');
-var index = require('../chunks/bundle-kJy0a2Vi.js');
-var index$2 = require('../chunks/bundle-DRrLQVHb.js');
-var utils = require('../chunks/bundle-U9tfceaP.js');
+var ui_Label = require('../chunks/bundle-DCPc6-Im.js');
+var LocalizationContext = require('../chunks/bundle-BLV9zZk1.js');
+var index$1 = require('../chunks/bundle-De62SpYH.js');
+var index = require('../chunks/bundle-CMTxpe5r.js');
+var index$2 = require('../chunks/bundle-Ce6jCnmC.js');
+var utils = require('../chunks/bundle-DqRKg94l.js');
 require('./ImageRenderer.js');
-require('../chunks/bundle-BN-LMdIM.js');
-require('../chunks/bundle-B-3hDIdO.js');
-require('../chunks/bundle-CbrvdaBm.js');
-require('../chunks/bundle-BBn6e1TE.js');
-require('../chunks/bundle-BzKUDWhn.js');
+require('../chunks/bundle-Cd8aIDXf.js');
+require('../chunks/bundle-Bvh9LUfE.js');
+require('../chunks/bundle-Ck_8lQa-.js');
+require('../chunks/bundle-V-_XUHW5.js');
+require('../chunks/bundle-Cf4R8HbK.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-CCI24NOf.js');
+require('../chunks/bundle-BFtlkbFV.js');
 
 function getCreatedAt(_a) {
     var createdAt = _a.createdAt, locale = _a.locale, stringSet = _a.stringSet;

package/cjs/ui/MessageSearchItem.js

@@ -1,19 +1,19 @@
 'use strict';
 
-var _tslib = require('../chunks/bundle-By-3k_MB.js');
+var _tslib = require('../chunks/bundle-5ru_FO5x.js');
 var React = require('react');
-var index$1 = require('../chunks/bundle-wczCFG7x.js');
-var index = require('../chunks/bundle-kJy0a2Vi.js');
-var ui_Avatar = require('../chunks/bundle-CKVCRcX8.js');
-var ui_Label = require('../chunks/bundle-BOcTTiW2.js');
-var LocalizationContext = require('../chunks/bundle-C5nXYn9D.js');
-require('../chunks/bundle-BBn6e1TE.js');
-require('../chunks/bundle-BzKUDWhn.js');
+var index$1 = require('../chunks/bundle-De62SpYH.js');
+var index = require('../chunks/bundle-CMTxpe5r.js');
+var ui_Avatar = require('../chunks/bundle-BFWd_LLn.js');
+var ui_Label = require('../chunks/bundle-DCPc6-Im.js');
+var LocalizationContext = require('../chunks/bundle-BLV9zZk1.js');
+require('../chunks/bundle-V-_XUHW5.js');
+require('../chunks/bundle-Cf4R8HbK.js');
 require('./ImageRenderer.js');
-require('../chunks/bundle-BN-LMdIM.js');
-require('../chunks/bundle-B-3hDIdO.js');
+require('../chunks/bundle-Cd8aIDXf.js');
+require('../chunks/bundle-Bvh9LUfE.js');
 require('./Icon.js');
-require('../chunks/bundle-CbrvdaBm.js');
+require('../chunks/bundle-Ck_8lQa-.js');
 
 // getCreatedAt
 function getCreatedAt (_a) {

package/cjs/ui/MessageStatus.js

@@ -2,23 +2,23 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../chunks/bundle-By-3k_MB.js');
+require('../chunks/bundle-5ru_FO5x.js');
 require('react');
-require('../chunks/bundle-wczCFG7x.js');
+require('../chunks/bundle-De62SpYH.js');
 require('./Icon.js');
-require('../chunks/bundle-BOcTTiW2.js');
+require('../chunks/bundle-DCPc6-Im.js');
 require('./Loader.js');
-require('../chunks/bundle-DRrLQVHb.js');
+require('../chunks/bundle-Ce6jCnmC.js');
 require('../utils/message/getOutgoingMessageState.js');
-var ui_MessageStatus = require('../chunks/bundle-C-TcZdkJ.js');
-require('../chunks/bundle-C5nXYn9D.js');
-require('../chunks/bundle-BBn6e1TE.js');
-require('../chunks/bundle-BN-LMdIM.js');
-require('../chunks/bundle-CbrvdaBm.js');
+var ui_MessageStatus = require('../chunks/bundle-DDwAQ_Z-.js');
+require('../chunks/bundle-BLV9zZk1.js');
+require('../chunks/bundle-V-_XUHW5.js');
+require('../chunks/bundle-Cd8aIDXf.js');
+require('../chunks/bundle-Ck_8lQa-.js');
 require('@sendbird/chat/groupChannel');
-require('../chunks/bundle-CCI24NOf.js');
-require('../chunks/bundle-kJy0a2Vi.js');
-require('../chunks/bundle-BzKUDWhn.js');
+require('../chunks/bundle-BFtlkbFV.js');
+require('../chunks/bundle-CMTxpe5r.js');
+require('../chunks/bundle-Cf4R8HbK.js');
 
 
 

package/cjs/ui/MessageTemplate.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 require('react');
-var ui_MessageTemplate = require('../chunks/bundle-BQRvcMvv.js');
-require('../chunks/bundle-By-3k_MB.js');
+var ui_MessageTemplate = require('../chunks/bundle-CRIqKUCJ.js');
+require('../chunks/bundle-5ru_FO5x.js');
 
 
 

package/cjs/ui/MobileFeedbackMenu.js

@@ -2,20 +2,20 @@
 
 var React = require('react');
 var ui_BottomSheet = require('./BottomSheet.js');
-var ui_Label = require('../chunks/bundle-BOcTTiW2.js');
-var LocalizationContext = require('../chunks/bundle-C5nXYn9D.js');
+var ui_Label = require('../chunks/bundle-DCPc6-Im.js');
+var LocalizationContext = require('../chunks/bundle-BLV9zZk1.js');
 require('react-dom');
 require('../hooks/useModal.js');
-require('../chunks/bundle-By-3k_MB.js');
-require('../chunks/bundle-CCI24NOf.js');
-require('../chunks/bundle-BN-LMdIM.js');
-require('../chunks/bundle-DwFtclQP.js');
-require('../chunks/bundle-Cv9f4q9i.js');
+require('../chunks/bundle-5ru_FO5x.js');
+require('../chunks/bundle-BFtlkbFV.js');
+require('../chunks/bundle-Cd8aIDXf.js');
+require('../chunks/bundle-CHERnV8x.js');
+require('../chunks/bundle-DqTUSoNi.js');
 require('./IconButton.js');
 require('./Button.js');
 require('./Icon.js');
-require('../chunks/bundle-CbrvdaBm.js');
-require('../chunks/bundle-BBn6e1TE.js');
+require('../chunks/bundle-Ck_8lQa-.js');
+require('../chunks/bundle-V-_XUHW5.js');
 
 function MobileFeedbackMenu(props) {
     var hideMenu = props.hideMenu, onEditFeedback = props.onEditFeedback, onRemoveFeedback = props.onRemoveFeedback;

package/cjs/ui/Modal.js

@@ -2,19 +2,19 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../chunks/bundle-By-3k_MB.js');
+require('../chunks/bundle-5ru_FO5x.js');
 require('react');
 require('react-dom');
-require('../chunks/bundle-BN-LMdIM.js');
-var ui_Modal = require('../chunks/bundle-DwFtclQP.js');
-require('../chunks/bundle-C5nXYn9D.js');
-require('../chunks/bundle-Cv9f4q9i.js');
+require('../chunks/bundle-Cd8aIDXf.js');
+var ui_Modal = require('../chunks/bundle-CHERnV8x.js');
+require('../chunks/bundle-BLV9zZk1.js');
+require('../chunks/bundle-DqTUSoNi.js');
 require('./IconButton.js');
 require('./Button.js');
 require('./Icon.js');
-require('../chunks/bundle-BOcTTiW2.js');
-require('../chunks/bundle-CbrvdaBm.js');
-require('../chunks/bundle-BBn6e1TE.js');
+require('../chunks/bundle-DCPc6-Im.js');
+require('../chunks/bundle-Ck_8lQa-.js');
+require('../chunks/bundle-V-_XUHW5.js');
 
 
 

package/cjs/ui/MutedAvatarOverlay.js

@@ -2,8 +2,8 @@
 
 var React = require('react');
 var ui_Icon = require('./Icon.js');
-require('../chunks/bundle-By-3k_MB.js');
-require('../chunks/bundle-BN-LMdIM.js');
+require('../chunks/bundle-5ru_FO5x.js');
+require('../chunks/bundle-Cd8aIDXf.js');
 
 function MutedAvatarOverlay(props) {
     var _a = props.height, height = _a === void 0 ? 24 : _a, _b = props.width, width = _b === void 0 ? 24 : _b;

package/cjs/ui/OGMessageItemBody.js

@@ -3,20 +3,20 @@
 var React = require('react');
 var ui_ImageRenderer = require('./ImageRenderer.js');
 var ui_Icon = require('./Icon.js');
-var ui_Label = require('../chunks/bundle-BOcTTiW2.js');
-var index = require('../chunks/bundle-DRrLQVHb.js');
-var LocalizationContext = require('../chunks/bundle-C5nXYn9D.js');
-var index$1 = require('../chunks/bundle-BYIW_h3Y.js');
-var tokenize = require('../chunks/bundle-DMKeCwT_.js');
-var consts = require('../chunks/bundle-h_3DR6aU.js');
-var MediaQueryContext = require('../chunks/bundle-Cv9f4q9i.js');
-require('../chunks/bundle-By-3k_MB.js');
-require('../chunks/bundle-BN-LMdIM.js');
-require('../chunks/bundle-CbrvdaBm.js');
+var ui_Label = require('../chunks/bundle-DCPc6-Im.js');
+var index = require('../chunks/bundle-Ce6jCnmC.js');
+var LocalizationContext = require('../chunks/bundle-BLV9zZk1.js');
+var index$1 = require('../chunks/bundle-B2jW5UwW.js');
+var tokenize = require('../chunks/bundle-lBIlhpy4.js');
+var consts = require('../chunks/bundle-B3qxP7Hx.js');
+var MediaQueryContext = require('../chunks/bundle-DqTUSoNi.js');
+var utils = require('../chunks/bundle-Cd8aIDXf.js');
+require('../chunks/bundle-5ru_FO5x.js');
+require('../chunks/bundle-Ck_8lQa-.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-CCI24NOf.js');
-require('../chunks/bundle-BBn6e1TE.js');
+require('../chunks/bundle-BFtlkbFV.js');
+require('../chunks/bundle-V-_XUHW5.js');
 require('../Message/context.js');
 require('./MentionLabel.js');
 require('./ContextMenu.js');
@@ -24,34 +24,24 @@ require('react-dom');
 require('@sendbird/chat');
 require('@sendbird/chat/openChannel');
 require('./SortByRow.js');
-require('../chunks/bundle-gGCaMzPZ.js');
+require('../chunks/bundle-slS7A2f9.js');
 require('./UserProfile.js');
-require('../chunks/bundle-U2gOXD87.js');
+require('../chunks/bundle-Cgk-lpZZ.js');
 require('../sendbirdSelectors.js');
-require('../chunks/bundle-DMqilxSQ.js');
-require('../chunks/bundle-CKVCRcX8.js');
-require('../chunks/bundle-B-3hDIdO.js');
+require('../chunks/bundle-BedaAirg.js');
+require('../chunks/bundle-BFWd_LLn.js');
+require('../chunks/bundle-Bvh9LUfE.js');
 require('./Button.js');
 require('../useSendbirdStateContext.js');
 require('../withSendbird.js');
 require('./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 = React.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 = React.useContext(LocalizationContext.LocalizationContext).stringSet;
-    var isMobile = MediaQueryContext.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 = React.useMemo(function () {
         if (isMessageMentioned) {
@@ -64,34 +54,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 utils.openURL((_a = message === null || message === void 0 ? void 0 : message.ogMetaData) === null || _a === void 0 ? void 0 : _a.url); };
     return (React.createElement("div", { className: index.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.createElement(ui_Label.Label, { type: ui_Label.LabelTypography.BODY_1, color: isByMe ? ui_Label.LabelColors.ONCONTENT_1 : ui_Label.LabelColors.ONBACKGROUND_1 },
             React.createElement("div", { className: consts.OG_MESSAGE_BODY_CLASSNAME },
                 React.createElement(index$1.TextFragment, { tokens: tokens }),
                 index.isEditedMessage(message) && (React.createElement(ui_Label.Label, { className: "sendbird-og-message-item-body__text-bubble__message", type: ui_Label.LabelTypography.BODY_1, color: isByMe ? ui_Label.LabelColors.ONCONTENT_2 : ui_Label.LabelColors.ONBACKGROUND_2 }, " ".concat(stringSet.MESSAGE_EDITED, " "))))),
-        React.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.createElement(ui_ImageRenderer.default, { 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.createElement("div", { className: "sendbird-og-message-item-body__og-thumbnail__place-holder" },
-                    React.createElement(ui_Icon.default, { className: "sendbird-og-message-item-body__og-thumbnail__place-holder__icon", type: ui_Icon.IconTypes.THUMBNAIL_NONE, width: "56px", height: "56px" }))) })),
-        React.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.createElement(ui_Label.Label, { className: "sendbird-og-message-item-body__description__title", type: ui_Label.LabelTypography.SUBTITLE_2, color: ui_Label.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.createElement(ui_Label.Label, { className: "sendbird-og-message-item-body__description__description", type: ui_Label.LabelTypography.BODY_2, color: ui_Label.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.createElement(ui_Label.Label, { className: "sendbird-og-message-item-body__description__url", type: ui_Label.LabelTypography.CAPTION_3, color: ui_Label.LabelColors.ONBACKGROUND_2 }, message.ogMetaData.url))),
+        ((_e = message.ogMetaData) === null || _e === void 0 ? void 0 : _e.defaultImage) && (React.createElement(OGImageSection, { onClick: openOpenGraphURL, ogImage: message.ogMetaData.defaultImage, onMessageHeightChange: onMessageHeightChange })),
+        message.ogMetaData && (React.createElement(OGDescriptionSection, { onClick: openOpenGraphURL, ogMetaData: message.ogMetaData, onMessageHeightChange: onMessageHeightChange })),
         React.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 = React.useRef(null);
+    var isMobile = MediaQueryContext.useMediaQueryContext().isMobile;
+    return (React.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.createElement(ui_ImageRenderer.default, { 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.createElement("div", { className: "sendbird-og-message-item-body__og-thumbnail__place-holder" },
+                React.createElement(ui_Icon.default, { className: "sendbird-og-message-item-body__og-thumbnail__place-holder__icon", type: ui_Icon.IconTypes.THUMBNAIL_NONE, width: "56px", height: "56px" })) })));
+};
+var OGDescriptionSection = function (props) {
+    var onClick = props.onClick, ogMetaData = props.ogMetaData, onMessageHeightChange = props.onMessageHeightChange;
+    React.useEffect(function () {
+        onMessageHeightChange();
+    }, [ogMetaData.title, ogMetaData.description, ogMetaData.url]);
+    return (React.createElement("div", { className: "sendbird-og-message-item-body__description", onClick: function () { return onClick(); } },
+        ogMetaData.title && (React.createElement(ui_Label.Label, { className: "sendbird-og-message-item-body__description__title", type: ui_Label.LabelTypography.SUBTITLE_2, color: ui_Label.LabelColors.ONBACKGROUND_1 }, ogMetaData.title)),
+        ogMetaData.description && (React.createElement(ui_Label.Label, { className: "sendbird-og-message-item-body__description__description", type: ui_Label.LabelTypography.BODY_2, color: ui_Label.LabelColors.ONBACKGROUND_1 }, ogMetaData.description)),
+        ogMetaData.url && (React.createElement(ui_Label.Label, { className: "sendbird-og-message-item-body__description__url", type: ui_Label.LabelTypography.CAPTION_3, color: ui_Label.LabelColors.ONBACKGROUND_2 }, ogMetaData.url))));
+};
 
 module.exports = OGMessageItemBody;
 //# sourceMappingURL=OGMessageItemBody.js.map

package/cjs/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/cjs/ui/OpenChannelAdminMessage.js

@@ -1,9 +1,9 @@
 'use strict';
 
-var _tslib = require('../chunks/bundle-By-3k_MB.js');
+var _tslib = require('../chunks/bundle-5ru_FO5x.js');
 var React = require('react');
-var ui_Label = require('../chunks/bundle-BOcTTiW2.js');
-require('../chunks/bundle-CbrvdaBm.js');
+var ui_Label = require('../chunks/bundle-DCPc6-Im.js');
+require('../chunks/bundle-Ck_8lQa-.js');
 
 function OpenChannelAdminMessage(_a) {
     var className = _a.className, message = _a.message;

package/cjs/ui/OpenChannelAvatar.js

@@ -1,16 +1,16 @@
 'use strict';
 
 var React = require('react');
-var ui_Avatar = require('../chunks/bundle-CKVCRcX8.js');
-var LocalizationContext = require('../chunks/bundle-C5nXYn9D.js');
-var utils = require('../chunks/bundle-tFZbRjso.js');
-require('../chunks/bundle-By-3k_MB.js');
+var ui_Avatar = require('../chunks/bundle-BFWd_LLn.js');
+var LocalizationContext = require('../chunks/bundle-BLV9zZk1.js');
+var utils = require('../chunks/bundle-BFEqDbwl.js');
+require('../chunks/bundle-5ru_FO5x.js');
 require('./ImageRenderer.js');
-require('../chunks/bundle-BN-LMdIM.js');
-require('../chunks/bundle-B-3hDIdO.js');
+require('../chunks/bundle-Cd8aIDXf.js');
+require('../chunks/bundle-Bvh9LUfE.js');
 require('./Icon.js');
-require('../chunks/bundle-CbrvdaBm.js');
-require('../chunks/bundle-BBn6e1TE.js');
+require('../chunks/bundle-Ck_8lQa-.js');
+require('../chunks/bundle-V-_XUHW5.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/cjs/ui/OpenchannelConversationHeader.js

@@ -1,17 +1,17 @@
 'use strict';
 
 var React = require('react');
-var ui_Avatar = require('../chunks/bundle-CKVCRcX8.js');
+var ui_Avatar = require('../chunks/bundle-BFWd_LLn.js');
 var ui_Icon = require('./Icon.js');
 var ui_IconButton = require('./IconButton.js');
-var ui_Label = require('../chunks/bundle-BOcTTiW2.js');
-var LocalizationContext = require('../chunks/bundle-C5nXYn9D.js');
-require('../chunks/bundle-By-3k_MB.js');
+var ui_Label = require('../chunks/bundle-DCPc6-Im.js');
+var LocalizationContext = require('../chunks/bundle-BLV9zZk1.js');
+require('../chunks/bundle-5ru_FO5x.js');
 require('./ImageRenderer.js');
-require('../chunks/bundle-BN-LMdIM.js');
-require('../chunks/bundle-B-3hDIdO.js');
-require('../chunks/bundle-CbrvdaBm.js');
-require('../chunks/bundle-BBn6e1TE.js');
+require('../chunks/bundle-Cd8aIDXf.js');
+require('../chunks/bundle-Bvh9LUfE.js');
+require('../chunks/bundle-Ck_8lQa-.js');
+require('../chunks/bundle-V-_XUHW5.js');
 
 function OpenchannelConversationHeader(_a) {
     var coverImage = _a.coverImage, title = _a.title, subTitle = _a.subTitle, amIOperator = _a.amIOperator, onActionClick = _a.onActionClick;

package/cjs/ui/OpenchannelFileMessage.js

@@ -1,38 +1,38 @@
 'use strict';
 
-var _tslib = require('../chunks/bundle-By-3k_MB.js');
+var _tslib = require('../chunks/bundle-5ru_FO5x.js');
 var React = require('react');
-var index$1 = require('../chunks/bundle-wczCFG7x.js');
-var ui_Avatar = require('../chunks/bundle-CKVCRcX8.js');
+var index$1 = require('../chunks/bundle-De62SpYH.js');
+var ui_Avatar = require('../chunks/bundle-BFWd_LLn.js');
 var ui_ContextMenu = require('./ContextMenu.js');
-var ui_Label = require('../chunks/bundle-BOcTTiW2.js');
+var ui_Label = require('../chunks/bundle-DCPc6-Im.js');
 var ui_Loader = require('./Loader.js');
 var ui_Icon = require('./Icon.js');
 var ui_IconButton = require('./IconButton.js');
 var ui_TextButton = require('./TextButton.js');
 var ui_UserProfile = require('./UserProfile.js');
-var UserProfileContext = require('../chunks/bundle-U2gOXD87.js');
-var LocalizationContext = require('../chunks/bundle-C5nXYn9D.js');
-var index = require('../chunks/bundle-K9SAn_UP.js');
-var MediaQueryContext = require('../chunks/bundle-Cv9f4q9i.js');
-var useLongPress = require('../chunks/bundle-CIwnFnv9.js');
-require('../chunks/bundle-BBn6e1TE.js');
+var UserProfileContext = require('../chunks/bundle-Cgk-lpZZ.js');
+var LocalizationContext = require('../chunks/bundle-BLV9zZk1.js');
+var index = require('../chunks/bundle-bRpfDpyd.js');
+var MediaQueryContext = require('../chunks/bundle-DqTUSoNi.js');
+var useLongPress = require('../chunks/bundle-Bzoa2z57.js');
+var utils = require('../chunks/bundle-Cd8aIDXf.js');
+require('../chunks/bundle-V-_XUHW5.js');
 require('./ImageRenderer.js');
-require('../chunks/bundle-BN-LMdIM.js');
-require('../chunks/bundle-B-3hDIdO.js');
+require('../chunks/bundle-Bvh9LUfE.js');
 require('react-dom');
 require('@sendbird/chat');
 require('@sendbird/chat/openChannel');
 require('./SortByRow.js');
-require('../chunks/bundle-gGCaMzPZ.js');
-require('../chunks/bundle-DRrLQVHb.js');
+require('../chunks/bundle-slS7A2f9.js');
+require('../chunks/bundle-Ce6jCnmC.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-CCI24NOf.js');
-require('../chunks/bundle-CbrvdaBm.js');
-require('../chunks/bundle-BX7oj4JP.js');
+require('../chunks/bundle-BFtlkbFV.js');
+require('../chunks/bundle-Ck_8lQa-.js');
+require('../chunks/bundle-xUIqwbO0.js');
 require('../sendbirdSelectors.js');
-require('../chunks/bundle-DMqilxSQ.js');
+require('../chunks/bundle-BedaAirg.js');
 require('./Button.js');
 require('../useSendbirdStateContext.js');
 require('../withSendbird.js');
@@ -61,7 +61,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 = LocalizationContext.useLocalization(), dateLocale = _c.dateLocale, stringSet = _c.stringSet;
@@ -70,7 +70,7 @@ function OpenchannelFileMessage(_a) {
     var avatarRef = React.useRef(null);
     var _d = React.useContext(UserProfileContext.UserProfileContext), disableUserProfile = _d.disableUserProfile, renderUserProfile = _d.renderUserProfile;
     var isMobile = MediaQueryContext.useMediaQueryContext().isMobile;
-    var openFileUrl = function () { window.open(message.url); };
+    var openFileUrl = function () { return utils.openURL(message.url); };
     var isPending = index.checkIsPending(status);
     var isFailed = index.checkIsFailed(status);
     var sender = index.getSenderFromMessage(message);
@@ -140,5 +140,5 @@ function OpenchannelFileMessage(_a) {
             } }))));
 }
 
-module.exports = OpenchannelFileMessage;
+module.exports = OpenChannelFileMessage;
 //# sourceMappingURL=OpenchannelFileMessage.js.map

package/cjs/ui/OpenchannelOGMessage.js

@@ -1,59 +1,47 @@
 'use strict';
 
-var _tslib = require('../chunks/bundle-By-3k_MB.js');
+var _tslib = require('../chunks/bundle-5ru_FO5x.js');
 var React = require('react');
-var index$1 = require('../chunks/bundle-wczCFG7x.js');
-var ui_Avatar = require('../chunks/bundle-CKVCRcX8.js');
+var index$1 = require('../chunks/bundle-De62SpYH.js');
+var ui_Avatar = require('../chunks/bundle-BFWd_LLn.js');
 var ui_ContextMenu = require('./ContextMenu.js');
 var ui_Icon = require('./Icon.js');
 var ui_IconButton = require('./IconButton.js');
 var ui_ImageRenderer = require('./ImageRenderer.js');
 var ui_LinkLabel = require('./LinkLabel.js');
-var ui_Label = require('../chunks/bundle-BOcTTiW2.js');
+var ui_Label = require('../chunks/bundle-DCPc6-Im.js');
 var ui_Loader = require('./Loader.js');
 var ui_UserProfile = require('./UserProfile.js');
-var UserProfileContext = require('../chunks/bundle-U2gOXD87.js');
-var uuid = require('../chunks/bundle-gGCaMzPZ.js');
-var utils = require('../chunks/bundle-uzuKeMjI.js');
-var LocalizationContext = require('../chunks/bundle-C5nXYn9D.js');
-var index = require('../chunks/bundle-K9SAn_UP.js');
-var MediaQueryContext = require('../chunks/bundle-Cv9f4q9i.js');
-var useLongPress = require('../chunks/bundle-CIwnFnv9.js');
-var index$2 = require('../chunks/bundle-BYIW_h3Y.js');
-var tokenize = require('../chunks/bundle-DMKeCwT_.js');
-require('../chunks/bundle-BBn6e1TE.js');
-require('../chunks/bundle-B-3hDIdO.js');
+var UserProfileContext = require('../chunks/bundle-Cgk-lpZZ.js');
+var uuid = require('../chunks/bundle-slS7A2f9.js');
+var utils = require('../chunks/bundle-BREykybG.js');
+var LocalizationContext = require('../chunks/bundle-BLV9zZk1.js');
+var index = require('../chunks/bundle-bRpfDpyd.js');
+var MediaQueryContext = require('../chunks/bundle-DqTUSoNi.js');
+var useLongPress = require('../chunks/bundle-Bzoa2z57.js');
+var index$2 = require('../chunks/bundle-B2jW5UwW.js');
+var tokenize = require('../chunks/bundle-lBIlhpy4.js');
+var utils$1 = require('../chunks/bundle-Cd8aIDXf.js');
+require('../chunks/bundle-V-_XUHW5.js');
+require('../chunks/bundle-Bvh9LUfE.js');
 require('react-dom');
 require('@sendbird/chat');
 require('@sendbird/chat/openChannel');
 require('./SortByRow.js');
-require('../chunks/bundle-DRrLQVHb.js');
+require('../chunks/bundle-Ce6jCnmC.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-CCI24NOf.js');
-require('../chunks/bundle-BN-LMdIM.js');
-require('../chunks/bundle-CbrvdaBm.js');
+require('../chunks/bundle-BFtlkbFV.js');
+require('../chunks/bundle-Ck_8lQa-.js');
 require('../sendbirdSelectors.js');
-require('../chunks/bundle-DMqilxSQ.js');
+require('../chunks/bundle-BedaAirg.js');
 require('./Button.js');
 require('../useSendbirdStateContext.js');
 require('../withSendbird.js');
 require('../Message/context.js');
 require('./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;
@@ -64,11 +52,7 @@ function OpenchannelOGMessage(_a) {
     var _f = React.useContext(UserProfileContext.UserProfileContext), disableUserProfile = _f.disableUserProfile, renderUserProfile = _f.renderUserProfile;
     var _g = React.useState({}), contextStyle = _g[0], setContextStyle = _g[1];
     var _h = React.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 utils$1.openURL(ogMetaData === null || ogMetaData === void 0 ? void 0 : ogMetaData.url); };
     var onLongPress = useLongPress.useLongPress({
         onLongPress: function () { return setShowContextMenu(true); },
         onClick: openLink,
@@ -185,5 +169,5 @@ function OpenchannelOGMessage(_a) {
             } }))));
 }
 
-module.exports = OpenchannelOGMessage;
+module.exports = OpenChannelOGMessage;
 //# sourceMappingURL=OpenchannelOGMessage.js.map

package/cjs/ui/OpenchannelOGMessage.js.map

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