@sendbird/uikit-react 3.14.4 → 3.14.6

package/chunks/{bundle-DQ2q-zNM.js → bundle-C8jE79mn.js}

@@ -1,4 +1,4 @@
 var OG_MESSAGE_BODY_CLASSNAME = 'sendbird-og-message-item-body__text-bubble';
 
 export { OG_MESSAGE_BODY_CLASSNAME as O };
-//# sourceMappingURL=bundle-DQ2q-zNM.js.map
+//# sourceMappingURL=bundle-C8jE79mn.js.map

package/chunks/bundle-C8jE79mn.js.map

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

package/chunks/{bundle-BvaqGh4L.js → bundle-CFgnDIJC.js}

@@ -5,4 +5,4 @@ var USER_ACTIONS = {
 };
 
 export { USER_ACTIONS as U };
-//# sourceMappingURL=bundle-BvaqGh4L.js.map
+//# sourceMappingURL=bundle-CFgnDIJC.js.map

package/chunks/bundle-CFgnDIJC.js.map

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

package/chunks/{bundle-C4Z-NWqF.js → bundle-CGmq3qGM.js}

@@ -1,25 +1,25 @@
-import { c as __spreadArray, _ as __assign } from './bundle-7oF7KbGv.js';
+import { c as __spreadArray, _ as __assign } from './bundle-DKkCwVCs.js';
 import React__default, { useContext, useState, useEffect, createContext, useCallback, useMemo } from 'react';
-import { K } from './bundle-BWCGFXhj.js';
-import { c as classnames, n as noop$1 } from './bundle-ByvmbZD0.js';
+import { K } from './bundle-janisM9b.js';
+import { c as classnames, n as noop } from './bundle-Dw9nwO7e.js';
 import { createPortal } from 'react-dom';
-import { L as LocalizationContext, u as useLocalization } from './bundle-Bx5vhTbU.js';
-import { u as useMediaQueryContext } from './bundle-Diqj6For.js';
+import { L as LocalizationContext, u as useLocalization } from './bundle-nfJ9J5Md.js';
+import { u as useMediaQueryContext } from './bundle-3Mubyujl.js';
 import IconButton from '../ui/IconButton.js';
 import Button, { ButtonTypes } from '../ui/Button.js';
 import Icon, { IconTypes, IconColors } from '../ui/Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from './bundle-LYAWKk4n.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from './bundle-prXB4t_m.js';
 import '@sendbird/uikit-tools';
 import '../withSendbird.js';
 import 'css-vars-ponyfill';
 import '@sendbird/chat';
-import { u as uuidv4 } from './bundle-BJ46V6XQ.js';
+import { u as uuidv4 } from './bundle-uIqOEfCa.js';
 import '@sendbird/chat/openChannel';
 import '@sendbird/chat/groupChannel';
-import './bundle-CIwVkd-E.js';
-import { B as BROWSER_SUPPORT_MIME_TYPE_LIST, k as VOICE_RECORDER_AUDIO_BIT_RATE, g as VOICE_MESSAGE_FILE_NAME, h as VOICE_MESSAGE_MIME_TYPE } from './bundle-CD9AzC6s.js';
+import './bundle-BMQLJ23N.js';
+import { B as BROWSER_SUPPORT_MIME_TYPE_LIST, k as VOICE_RECORDER_AUDIO_BIT_RATE, g as VOICE_MESSAGE_FILE_NAME, h as VOICE_MESSAGE_MIME_TYPE } from './bundle-DhBuJR0w.js';
 import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
-import './bundle-BbWD2VuS.js';
+import './bundle-DwJ8HgZK.js';
 
 // simple component to be used as modal root
 var MODAL_ROOT = 'sendbird-modal-root';
@@ -48,8 +48,8 @@ var ModalFooter = function (_a) {
 };
 function Modal(props) {
     var _a;
-    var _b = props.children, children = _b === void 0 ? null : _b, _c = props.className, className = _c === void 0 ? '' : _c, _d = props.contentClassName, contentClassName = _d === void 0 ? '' : _d, _e = props.isCloseOnClickOutside, isCloseOnClickOutside = _e === void 0 ? false : _e, _f = props.isFullScreenOnMobile, isFullScreenOnMobile = _f === void 0 ? false : _f, titleText = props.titleText, submitText = props.submitText, _g = props.disabled, disabled = _g === void 0 ? false : _g, _h = props.hideFooter, hideFooter = _h === void 0 ? false : _h, _j = props.type, type = _j === void 0 ? ButtonTypes.DANGER : _j, renderHeader = props.renderHeader, _k = props.onSubmit, onSubmit = _k === void 0 ? noop$1 : _k, onClose = props.onClose, onCancel = props.onCancel, customFooter = props.customFooter;
-    var handleClose = (_a = onClose !== null && onClose !== void 0 ? onClose : onCancel) !== null && _a !== void 0 ? _a : noop$1;
+    var _b = props.children, children = _b === void 0 ? null : _b, _c = props.className, className = _c === void 0 ? '' : _c, _d = props.contentClassName, contentClassName = _d === void 0 ? '' : _d, _e = props.isCloseOnClickOutside, isCloseOnClickOutside = _e === void 0 ? false : _e, _f = props.isFullScreenOnMobile, isFullScreenOnMobile = _f === void 0 ? false : _f, titleText = props.titleText, submitText = props.submitText, _g = props.disabled, disabled = _g === void 0 ? false : _g, _h = props.hideFooter, hideFooter = _h === void 0 ? false : _h, _j = props.type, type = _j === void 0 ? ButtonTypes.DANGER : _j, renderHeader = props.renderHeader, _k = props.onSubmit, onSubmit = _k === void 0 ? noop : _k, onClose = props.onClose, onCancel = props.onCancel, customFooter = props.customFooter;
+    var handleClose = (_a = onClose !== null && onClose !== void 0 ? onClose : onCancel) !== null && _a !== void 0 ? _a : noop;
     var eventHandlers = useSendbirdStateContext().eventHandlers;
     var id = useState(function () { return "sbu-modal-".concat(uuidv4()); })[0];
     useEffect(function () {
@@ -71,7 +71,6 @@ function Modal(props) {
             } })), document.getElementById(MODAL_ROOT));
 }
 
-var noop = function () { };
 var Context = createContext({
     start: noop,
     stop: noop,
@@ -94,9 +93,7 @@ var VoiceRecorderProvider = function (props) {
     }
     useEffect(function () {
         if (isVoiceMessageEnabled && !webAudioUtils) {
-            import('./bundle-DNMURwG9.js').then(function (data) {
-                setWebAudioUtils(data);
-            });
+            import('./bundle-GMapp_Tb.js').then(function (module) { return setWebAudioUtils(module); });
         }
     }, [isVoiceMessageEnabled, webAudioUtils]);
     var start = useCallback(function (eventHandler) {
@@ -136,24 +133,26 @@ var VoiceRecorderProvider = function (props) {
                 mimeType: browserSupportMimeType,
                 audioBitsPerSecond: VOICE_RECORDER_AUDIO_BIT_RATE,
             });
+            // when recording stops
             mediaRecorder.ondataavailable = function (e) {
-                var _a, _b, _c;
                 logger.info('VoiceRecorder: Succeeded getting an available data.', e.data);
                 var audioFile = new File([e.data], VOICE_MESSAGE_FILE_NAME, {
                     lastModified: new Date().getTime(),
                     type: VOICE_MESSAGE_MIME_TYPE,
                 });
                 webAudioUtils === null || webAudioUtils === void 0 ? void 0 : webAudioUtils.downsampleToWav(audioFile, function (buffer) {
+                    var _a;
                     var mp3Buffer = webAudioUtils === null || webAudioUtils === void 0 ? void 0 : webAudioUtils.encodeMp3(buffer);
                     var mp3blob = new Blob(mp3Buffer, { type: VOICE_MESSAGE_MIME_TYPE });
                     var convertedAudioFile = new File([mp3blob], VOICE_MESSAGE_FILE_NAME, {
                         lastModified: new Date().getTime(),
                         type: VOICE_MESSAGE_MIME_TYPE,
                     });
-                    eventHandler === null || eventHandler === void 0 ? void 0 : eventHandler.onRecordingEnded(convertedAudioFile);
+                    (_a = eventHandler === null || eventHandler === void 0 ? void 0 : eventHandler.onRecordingEnded) === null || _a === void 0 ? void 0 : _a.call(eventHandler, convertedAudioFile);
                     logger.info('VoiceRecorder: Succeeded converting audio file.', convertedAudioFile);
                 });
-                (_c = (_a = stream === null || stream === void 0 ? void 0 : stream.getAudioTracks) === null || _a === void 0 ? void 0 : (_b = _a.call(stream)).forEach) === null || _c === void 0 ? void 0 : _c.call(_b, function (track) { return track === null || track === void 0 ? void 0 : track.stop(); });
+                var tracks = stream.getAudioTracks();
+                tracks.forEach(function (track) { return track.stop(); });
                 setIsRecordable(false);
             };
             mediaRecorder.onstart = (_a = eventHandler === null || eventHandler === void 0 ? void 0 : eventHandler.onRecordingStarted) !== null && _a !== void 0 ? _a : noop;
@@ -171,13 +170,9 @@ var VoiceRecorderProvider = function (props) {
         setIsRecordable(false);
         logger.info('VoiceRecorder: Stop recording.');
     }, [mediaRecorder]);
-    return (React__default.createElement(Context.Provider, { value: {
-            start: start,
-            stop: stop,
-            isRecordable: isRecordable,
-        } },
+    return (React__default.createElement(Context.Provider, { value: { start: start, stop: stop, isRecordable: isRecordable } },
         children,
-        permissionWarning && (React__default.createElement(Modal, { hideFooter: true, onCancel: function () { return setPermissionWarning(false); } },
+        permissionWarning && (React__default.createElement(Modal, { hideFooter: true, onClose: function () { return setPermissionWarning(false); } },
             React__default.createElement(React__default.Fragment, null, stringSet.VOICE_RECORDING_PERMISSION_DENIED)))));
 };
 var useVoiceRecorderContext = function () { return useContext(Context); };
@@ -187,7 +182,7 @@ var index = {
 };
 
 var GlobalModalContext = createContext({
-    openModal: noop$1,
+    openModal: noop,
 });
 var GlobalModalProvider = function (_a) {
     var children = _a.children;
@@ -206,7 +201,7 @@ var GlobalModalProvider = function (_a) {
         })
             .otherwise(function () {
             var _a = globalModalQueue[0], modalProps = _a.modalProps, childElement = _a.childElement;
-            return (React__default.createElement(Modal, __assign({}, modalProps, { className: "sendbird-global-modal ".concat(modalProps === null || modalProps === void 0 ? void 0 : modalProps.className), onClose: function () {
+            return (React__default.createElement(Modal, __assign({}, modalProps, { className: classnames('sendbird-global-modal', modalProps === null || modalProps === void 0 ? void 0 : modalProps.className), onClose: function () {
                     var _a;
                     (_a = modalProps === null || modalProps === void 0 ? void 0 : modalProps.onClose) === null || _a === void 0 ? void 0 : _a.call(modalProps);
                     closeModal();
@@ -262,8 +257,8 @@ var EmojiManager = /** @class */ (function () {
             .otherwise(function () { return _this.AllEmojisAsArray; });
     };
     EmojiManager.prototype.getEmojiUrl = function (reactionKey) {
-        var _a;
-        return (_a = this.AllEmojisAsArray.find(function (emoji) { return emoji.key === reactionKey; }).url) !== null && _a !== void 0 ? _a : '';
+        var _a, _b;
+        return (_b = (_a = this.AllEmojisAsArray.find(function (emoji) { return emoji.key === reactionKey; })) === null || _a === void 0 ? void 0 : _a.url) !== null && _b !== void 0 ? _b : '';
     };
     Object.defineProperty(EmojiManager.prototype, "emojiContainer", {
         get: function () {
@@ -276,4 +271,4 @@ var EmojiManager = /** @class */ (function () {
 }());
 
 export { EmojiManager as E, GlobalModalProvider as G, Modal as M, VoiceRecorderProvider as V, MODAL_ROOT as a, useGlobalModalContext as b, ModalFooter as c, ModalRoot as d, ModalHeader as e, ModalBody as f, index as i, useVoiceRecorderContext as u };
-//# sourceMappingURL=bundle-C4Z-NWqF.js.map
+//# sourceMappingURL=bundle-CGmq3qGM.js.map

package/chunks/bundle-CGmq3qGM.js.map

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

package/chunks/{bundle-BOSnopxk.js → bundle-COYqO05C.js}

@@ -8,4 +8,4 @@ var ThreadReplySelectType;
 })(ThreadReplySelectType || (ThreadReplySelectType = {}));
 
 export { MAX_USER_MENTION_COUNT as M, ThreadReplySelectType as T, USER_MENTION_TEMP_CHAR as U, MAX_USER_SUGGESTION_COUNT as a };
-//# sourceMappingURL=bundle-BOSnopxk.js.map
+//# sourceMappingURL=bundle-COYqO05C.js.map

package/chunks/bundle-COYqO05C.js.map

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

package/chunks/{bundle-ZsYMd8JA.js → bundle-COd0N3nE.js}

@@ -1,30 +1,30 @@
-import { c as __spreadArray } from './bundle-7oF7KbGv.js';
+import { c as __spreadArray } from './bundle-DKkCwVCs.js';
 import React__default, { useContext, useState, useEffect, useRef, useCallback } from 'react';
 import Button, { ButtonTypes, ButtonSizes } from '../ui/Button.js';
 import ContextMenu, { MenuItems, OperatorMenuItem, MuteMenuItem, MenuItem } from '../ui/ContextMenu.js';
 import Icon, { IconTypes, IconColors } from '../ui/Icon.js';
 import IconButton from '../ui/IconButton.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from './bundle-LYAWKk4n.js';
-import { L as LocalizationContext } from './bundle-Bx5vhTbU.js';
-import { a as UserProfileContext } from './bundle-B7barEsR.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from './bundle-prXB4t_m.js';
+import { Participant } from '@sendbird/chat';
+import { L as LocalizationContext } from './bundle-nfJ9J5Md.js';
+import { a as UserProfileContext } from './bundle-C_dNvBEo.js';
 import '../ui/AccordionGroup.js';
-import { A as Avatar } from './bundle-CNJMLyGJ.js';
+import { A as Avatar } from './bundle-BgL9QnGd.js';
 import 'react-dom';
-import './bundle-Diqj6For.js';
+import './bundle-3Mubyujl.js';
 import '@sendbird/uikit-tools';
 import '../withSendbird.js';
 import 'css-vars-ponyfill';
-import './bundle-BWCGFXhj.js';
-import '@sendbird/chat';
+import './bundle-janisM9b.js';
 import '@sendbird/chat/openChannel';
 import '@sendbird/chat/groupChannel';
-import './bundle-CIwVkd-E.js';
-import { M as Modal } from './bundle-C4Z-NWqF.js';
+import './bundle-BMQLJ23N.js';
+import { M as Modal } from './bundle-CGmq3qGM.js';
 import MutedAvatarOverlay from '../ui/MutedAvatarOverlay.js';
 import UserProfile from '../ui/UserProfile.js';
 import { useOpenChannelSettingsContext } from '../OpenChannelSettings/context.js';
 import UserListItem$1 from '../ui/UserListItem.js';
-import { n as noop } from './bundle-ByvmbZD0.js';
+import { n as noop } from './bundle-Dw9nwO7e.js';
 import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
 
 function ParticipantsModal(_a) {
@@ -51,15 +51,17 @@ function ParticipantsModal(_a) {
     return (React__default.createElement("div", null,
         React__default.createElement(Modal, { hideFooter: true, isFullScreenOnMobile: true, onCancel: function () { return onCancel(); }, onSubmit: noop, titleText: stringSet.OPEN_CHANNEL_SETTINGS__ALL_PARTICIPANTS_TITLE },
             React__default.createElement("div", { className: "sendbird-more-members__popup-scroll", onScroll: function (e) {
-                    var hasNext = participantListQuery.hasNext;
-                    var target = e.target;
-                    var fetchMore = (target.clientHeight + target.scrollTop === target.scrollHeight);
-                    if (hasNext && fetchMore) {
-                        participantListQuery.next().then(function (fetchedParticipants) {
-                            setParticipants(__spreadArray(__spreadArray([], participants, true), fetchedParticipants, true));
-                        });
+                    if (participantListQuery) {
+                        var hasNext = participantListQuery.hasNext;
+                        var target = e.target;
+                        var fetchMore = (target.clientHeight + target.scrollTop === target.scrollHeight);
+                        if (hasNext && fetchMore) {
+                            participantListQuery.next().then(function (fetchedParticipants) {
+                                setParticipants(__spreadArray(__spreadArray([], (participants !== null && participants !== void 0 ? participants : []), true), fetchedParticipants, true));
+                            });
+                        }
                     }
-                } }, participants.map(function (p) {
+                } }, participants === null || participants === void 0 ? void 0 : participants.map(function (p) {
                 var _a;
                 var isOperator = channel === null || channel === void 0 ? void 0 : channel.isOperator(p.userId);
                 return (React__default.createElement(UserListItem$1, { user: p, key: p.userId, currentUser: (_a = sdk === null || sdk === void 0 ? void 0 : sdk.currentUser) === null || _a === void 0 ? void 0 : _a.userId, action: (userId !== p.userId && isOperatorView)
@@ -85,7 +87,7 @@ function ParticipantsModal(_a) {
                                             });
                                         }, dataSbId: "open_channel_setting_participant_context_menu_ban" }, stringSet.OPEN_CHANNEL_SETTING__MODERATION__BAN))); } }));
                         }
-                        : null }));
+                        : function () { return React__default.createElement(React__default.Fragment, null); } }));
             })))));
 }
 
@@ -103,10 +105,10 @@ var UserListItem = function (_a) {
                                 toggleDropdown();
                             }
                         }, ref: avatarRef, src: user.profileUrl, width: 24, height: 24 }),
-                    (user === null || user === void 0 ? void 0 : user.isMuted) ? (React__default.createElement(MutedAvatarOverlay, null)) : '')); }, menuItems: function (closeDropdown) { return (renderUserProfile
+                    user instanceof Participant && user.isMuted ? (React__default.createElement(MutedAvatarOverlay, null)) : '')); }, menuItems: function (closeDropdown) { return (renderUserProfile
                     ? renderUserProfile({
                         user: user,
-                        currentUserId: currentUser,
+                        currentUserId: currentUser !== null && currentUser !== void 0 ? currentUser : '',
                         close: closeDropdown,
                         avatarRef: avatarRef,
                     })
@@ -155,13 +157,15 @@ function ParticipantList(_a) {
         });
     }, [channel]);
     return (React__default.createElement("div", { className: "sendbird-openchannel-settings__participant-list", onScroll: function (e) {
-            var hasNext = participantListQuery.hasNext;
-            var target = e.target;
-            var fetchMore = (target.clientHeight + target.scrollTop === target.scrollHeight);
-            if (hasNext && fetchMore) {
-                participantListQuery.next().then(function (fetchedParticipants) {
-                    setParticipants(__spreadArray(__spreadArray([], participants, true), fetchedParticipants, true));
-                });
+            if (participantListQuery) {
+                var hasNext = participantListQuery.hasNext;
+                var target = e.target;
+                var fetchMore = (target.clientHeight + target.scrollTop === target.scrollHeight);
+                if (hasNext && fetchMore) {
+                    participantListQuery.next().then(function (fetchedParticipants) {
+                        setParticipants(__spreadArray(__spreadArray([], (participants !== null && participants !== void 0 ? participants : []), true), fetchedParticipants, true));
+                    });
+                }
             }
         } },
         React__default.createElement("div", null, participants === null || participants === void 0 ? void 0 :
@@ -209,4 +213,4 @@ function ParticipantList(_a) {
 }
 
 export { ParticipantList as P, UserListItem as U };
-//# sourceMappingURL=bundle-ZsYMd8JA.js.map
+//# sourceMappingURL=bundle-COd0N3nE.js.map

package/chunks/bundle-COd0N3nE.js.map

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

package/chunks/{bundle-_-vntp1z.js → bundle-COoyrRF6.js}

@@ -3,6 +3,7 @@ var getOpenChannelAvatar = function (channel) {
     if (channel === null || channel === void 0 ? void 0 : channel.coverUrl) {
         return channel.coverUrl;
     }
+    return undefined;
 };
 var getChannelAvatarSource = function (channel, currentUserId) {
     if (channel === null || channel === void 0 ? void 0 : channel.coverUrl) {
@@ -28,4 +29,4 @@ var generateDefaultAvatar = function (channel) {
 };
 
 export { getChannelAvatarSource as a, getOpenChannelAvatar as b, generateDefaultAvatar as g };
-//# sourceMappingURL=bundle-_-vntp1z.js.map
+//# sourceMappingURL=bundle-COoyrRF6.js.map

package/chunks/bundle-COoyrRF6.js.map

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

package/chunks/{bundle-QxUVt4Ms.js → bundle-CWXSCBTE.js}

@@ -15,4 +15,4 @@ var NodeNames = {
 };
 
 export { MessageInputKeys as M, NodeTypes as N, NodeNames as a };
-//# sourceMappingURL=bundle-QxUVt4Ms.js.map
+//# sourceMappingURL=bundle-CWXSCBTE.js.map

package/chunks/bundle-CWXSCBTE.js.map

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

package/chunks/{bundle-BTD0sBED.js → bundle-CYknZObK.js}

@@ -1,7 +1,7 @@
 import React__default from 'react';
 import ContextMenu, { MenuItems, MenuItem } from '../ui/ContextMenu.js';
 import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
-import { u as useLocalization } from './bundle-Bx5vhTbU.js';
+import { u as useLocalization } from './bundle-nfJ9J5Md.js';
 
 var OpenChannelMessageStatusTypes = {
     NONE: 'none',
@@ -73,19 +73,19 @@ var OpenChannelMobileMenu = function (props) {
     var fileMessage = message;
     return (React__default.createElement(ContextMenu, { isOpen: true, menuItems: function () { return (React__default.createElement(MenuItems, { className: "sendbird-openchannel__mobile-menu", parentRef: parentRef, parentContainRef: parentRef, closeDropdown: hideMenu },
             isFineCopy({ message: userMessage, userId: userId, status: status }) && (React__default.createElement(MenuItem, { className: "sendbird-openchannel-og-message__top__context-menu__copy", onClick: function () {
-                    copyToClipboard();
+                    copyToClipboard === null || copyToClipboard === void 0 ? void 0 : copyToClipboard();
                 }, dataSbId: "open_channel_mobile_context_menu_copy" },
                 React__default.createElement(React__default.Fragment, null, stringSet.CONTEXT_MENU_DROPDOWN__COPY))),
             (!isEphemeral && isFineEdit({ message: message, userId: userId, status: status })) && (React__default.createElement(MenuItem, { className: "sendbird-openchannel-og-message__top__context-menu__edit", onClick: function () {
-                    showEdit();
+                    showEdit === null || showEdit === void 0 ? void 0 : showEdit();
                 }, dataSbId: "open_channel_mobile_context_menu_edit" },
                 React__default.createElement(React__default.Fragment, null, stringSet.CONTEXT_MENU_DROPDOWN__EDIT))),
             isFineResend({ message: message, userId: userId, status: status }) && (React__default.createElement(MenuItem, { onClick: function () {
-                    resendMessage();
+                    resendMessage === null || resendMessage === void 0 ? void 0 : resendMessage();
                 }, dataSbId: "open_channel_mobile_context_menu_resend" },
                 React__default.createElement(React__default.Fragment, null, stringSet.CONTEXT_MENU_DROPDOWN__RESEND))),
             (!isEphemeral && isFineDelete({ message: message, userId: userId, status: status })) && (React__default.createElement(MenuItem, { onClick: function () {
-                    showRemove();
+                    showRemove === null || showRemove === void 0 ? void 0 : showRemove();
                 }, dataSbId: "open_channel_mobile_context_menu_delete" },
                 React__default.createElement(React__default.Fragment, null, stringSet.CONTEXT_MENU_DROPDOWN__DELETE))),
             isFineDownload({ message: message, status: status }) && (React__default.createElement(MenuItem, { onClick: function () {
@@ -95,4 +95,4 @@ var OpenChannelMobileMenu = function (props) {
 };
 
 export { OpenChannelMobileMenu as O, isFineEdit as a, isFineResend as b, isFineDelete as c, checkIsPending as d, checkIsFailed as e, checkIsSent as f, getSenderFromMessage as g, isFineCopy as i, showMenuTrigger as s };
-//# sourceMappingURL=bundle-BTD0sBED.js.map
+//# sourceMappingURL=bundle-CYknZObK.js.map

package/chunks/{bundle-BTD0sBED.js.map → bundle-CYknZObK.js.map}

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

package/chunks/{bundle-B7barEsR.js → bundle-C_dNvBEo.js}

@@ -7,11 +7,9 @@ import React__default from 'react';
 var UserProfileContext = React__default.createContext({
     disableUserProfile: true,
     isOpenChannel: false,
-    renderUserProfile: null,
-    onUserProfileMessage: null,
 });
 var UserProfileProvider = function (_a) {
-    var _b = _a.isOpenChannel, isOpenChannel = _b === void 0 ? false : _b, _c = _a.disableUserProfile, disableUserProfile = _c === void 0 ? false : _c, _d = _a.renderUserProfile, renderUserProfile = _d === void 0 ? null : _d, _e = _a.onUserProfileMessage, onUserProfileMessage = _e === void 0 ? null : _e, children = _a.children;
+    var _b = _a.isOpenChannel, isOpenChannel = _b === void 0 ? false : _b, _c = _a.disableUserProfile, disableUserProfile = _c === void 0 ? false : _c, renderUserProfile = _a.renderUserProfile, onUserProfileMessage = _a.onUserProfileMessage, children = _a.children;
     return (React__default.createElement(UserProfileContext.Provider, { value: {
             isOpenChannel: isOpenChannel,
             disableUserProfile: disableUserProfile,
@@ -21,4 +19,4 @@ var UserProfileProvider = function (_a) {
 };
 
 export { UserProfileProvider as U, UserProfileContext as a };
-//# sourceMappingURL=bundle-B7barEsR.js.map
+//# sourceMappingURL=bundle-C_dNvBEo.js.map

package/chunks/bundle-C_dNvBEo.js.map

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

package/chunks/{bundle-BAvMd_j0.js → bundle-CbFt9rKR.js}

@@ -1,10 +1,10 @@
 import React__default from 'react';
 import { createPortal } from 'react-dom';
-import { A as Avatar } from './bundle-CNJMLyGJ.js';
+import { A as Avatar } from './bundle-BgL9QnGd.js';
 import Icon, { IconTypes, IconColors } from '../ui/Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from './bundle-LYAWKk4n.js';
-import { h as isSupportedFileView, j as isVideo, k as isImage } from './bundle-BWCGFXhj.js';
-import { a as MODAL_ROOT } from './bundle-C4Z-NWqF.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from './bundle-prXB4t_m.js';
+import { h as isSupportedFileView, j as isVideo, k as isImage } from './bundle-janisM9b.js';
+import { a as MODAL_ROOT } from './bundle-CGmq3qGM.js';
 import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
 
 var FileViewerView = function (_a) {
@@ -12,7 +12,7 @@ var FileViewerView = function (_a) {
     var sender = message.sender, type = message.type, url = message.url, _b = message.name, name = _b === void 0 ? '' : _b, threadInfo = message.threadInfo;
     var profileUrl = sender.profileUrl, nickname = sender.nickname, userId = sender.userId;
     var config = useSendbirdStateContext().config;
-    return createPortal(React__default.createElement(FileViewerComponent, { profileUrl: profileUrl, nickname: nickname, type: type, url: url, name: name, onCancel: onCancel, onDelete: function () { return deleteMessage(message).then(function () { return onCancel(); }); }, isByMe: config.userId === userId, disableDelete: (threadInfo === null || threadInfo === void 0 ? void 0 : threadInfo.replyCount) > 0, onDownloadClick: onDownloadClick }), document.getElementById(MODAL_ROOT));
+    return createPortal(React__default.createElement(FileViewerComponent, { profileUrl: profileUrl, nickname: nickname, type: type, url: url, name: name, onCancel: onCancel, onDelete: function () { return deleteMessage(message).then(function () { return onCancel(); }); }, isByMe: config.userId === userId, disableDelete: (threadInfo === null || threadInfo === void 0 ? void 0 : threadInfo.replyCount) ? threadInfo.replyCount > 0 : false, onDownloadClick: onDownloadClick }), document.getElementById(MODAL_ROOT));
 };
 var FileViewerComponent = function (_a) {
     var 
@@ -50,4 +50,4 @@ var FileViewerComponent = function (_a) {
 };
 
 export { FileViewerView as F };
-//# sourceMappingURL=bundle-BAvMd_j0.js.map
+//# sourceMappingURL=bundle-CbFt9rKR.js.map

package/chunks/bundle-CbFt9rKR.js.map

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

package/chunks/{bundle-C8im5l9B.js → bundle-Ce-B4ROs.js}

@@ -234,4 +234,4 @@ var getStringSet = function (lang) {
 };
 
 export { getStringSet as g };
-//# sourceMappingURL=bundle-C8im5l9B.js.map
+//# sourceMappingURL=bundle-Ce-B4ROs.js.map

package/chunks/{bundle-C8im5l9B.js.map → bundle-Ce-B4ROs.js.map}

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

package/chunks/{bundle-DaoHZIZy.js → bundle-Ck_ke5Gq.js}

@@ -1,8 +1,8 @@
 import { useRef, useLayoutEffect } from 'react';
-import { S as SCROLL_BUFFER } from './bundle-CD9AzC6s.js';
-import { i as isAboutSame } from './bundle-DDkUg3Os.js';
+import { S as SCROLL_BUFFER } from './bundle-DhBuJR0w.js';
+import { i as isAboutSame } from './bundle-B9ue8vfn.js';
 import { usePreservedCallback } from '@sendbird/uikit-tools';
-import { u as useThrottleCallback, t as throttle } from './bundle-uBJzoaNT.js';
+import { u as useThrottleCallback, t as throttle } from './bundle-Bd6fN8eX.js';
 
 var BUFFER_DELAY = 100;
 function useOnScrollPositionChangeDetector(params) {
@@ -54,4 +54,4 @@ function useOnScrollPositionChangeDetectorWithRef(scrollRef, params) {
 }
 
 export { useOnScrollPositionChangeDetectorWithRef as a, useOnScrollPositionChangeDetector as u };
-//# sourceMappingURL=bundle-DaoHZIZy.js.map
+//# sourceMappingURL=bundle-Ck_ke5Gq.js.map

package/chunks/bundle-Ck_ke5Gq.js.map

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

package/chunks/{bundle-B__zC9zD.js → bundle-Cn6S1UKt.js}

@@ -1,15 +1,15 @@
-import { _ as __assign } from './bundle-7oF7KbGv.js';
+import { _ as __assign } from './bundle-DKkCwVCs.js';
 import React__default, { useRef, useContext } from 'react';
 import { createPortal } from 'react-dom';
-import { L as LocalizationContext } from './bundle-Bx5vhTbU.js';
-import { a as MODAL_ROOT } from './bundle-C4Z-NWqF.js';
-import { c as isMultipleFilesMessage, b as isFileMessage, h as isSupportedFileView, j as isVideo$1, k as isImage$1 } from './bundle-BWCGFXhj.js';
-import { n as noop } from './bundle-ByvmbZD0.js';
-import { A as Avatar } from './bundle-CNJMLyGJ.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from './bundle-LYAWKk4n.js';
+import { L as LocalizationContext } from './bundle-nfJ9J5Md.js';
+import { a as MODAL_ROOT } from './bundle-CGmq3qGM.js';
+import { c as isMultipleFilesMessage, b as isFileMessage, h as isSupportedFileView, j as isVideo$1, k as isImage$1 } from './bundle-janisM9b.js';
+import { n as noop } from './bundle-Dw9nwO7e.js';
+import { A as Avatar } from './bundle-BgL9QnGd.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from './bundle-prXB4t_m.js';
 import Icon, { IconTypes, IconColors } from '../ui/Icon.js';
-import { l as SLIDER_BUTTON_ICON_SIDE_LENGTH } from './bundle-CD9AzC6s.js';
-import { u as useKeyDown } from './bundle-D_eJq5Xk.js';
+import { l as SLIDER_BUTTON_ICON_SIDE_LENGTH } from './bundle-DhBuJR0w.js';
+import { u as useKeyDown } from './bundle-B4izwMfD.js';
 
 // https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types/Complete_list_of_MIME_types
 var SUPPORTED_MIMES = {
@@ -131,7 +131,7 @@ function FileViewer(_a) {
                 return {
                     name: fileInfo.fileName || '',
                     type: fileInfo.mimeType || '',
-                    url: fileInfo.url,
+                    url: fileInfo.url || '',
                 };
             }), currentIndex: currentIndex || 0, onClickLeft: onClickLeft || noop, onClickRight: onClickRight || noop, onClose: onClose, onDownloadClick: onDownloadClick }));
     }
@@ -143,4 +143,4 @@ function FileViewer(_a) {
 }
 
 export { FileViewer as F, isVideo as a, FileViewerComponent as b, isImage as i };
-//# sourceMappingURL=bundle-B__zC9zD.js.map
+//# sourceMappingURL=bundle-Cn6S1UKt.js.map

package/chunks/bundle-Cn6S1UKt.js.map

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