@sendbird/uikit-react 3.14.10 → 3.14.11-rc-0

package/chunks/bundle-DVk-GxJm.js

@@ -0,0 +1,35 @@
+import React__default, { createContext, useContext } from 'react';
+import { c as classnames } from './bundle-CdRIsiQ1.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from './bundle-BlCc7_eN.js';
+
+var MessageMenuContext = createContext(undefined);
+var MessageMenuProvider = function (_a) {
+    var children = _a.children, value = _a.value;
+    return (React__default.createElement(MessageMenuContext.Provider, { value: value }, children));
+};
+var useMessageMenuContext = function () {
+    var context = useContext(MessageMenuContext);
+    if (!context) {
+        throw new Error('useMessageMenuContext must be used within a MessageMenuProvider');
+    }
+    return context;
+};
+
+var MenuItem = function (_a) {
+    var className = _a.className, disabled = _a.disabled, _b = _a.tabIndex, tabIndex = _b === void 0 ? 0 : _b, testID = _a.testID, onClick = _a.onClick, children = _a.children;
+    var handleClickEvent = function (e) {
+        if (!disabled && onClick) {
+            onClick(e);
+        }
+    };
+    return (React__default.createElement("li", { className: classnames('sendbird-menu-item', className), role: "menuitem", "aria-disabled": disabled, "data-testid": testID, tabIndex: tabIndex, onClick: handleClickEvent, onKeyDown: function (e) { if (e.code === 'Enter')
+            handleClickEvent(e); } },
+        React__default.createElement(Label, { type: LabelTypography.SUBTITLE_2, color: disabled ? LabelColors.ONBACKGROUND_4 : LabelColors.ONBACKGROUND_1 }, children)));
+};
+var BottomSheetMenuItem = function (_a) {
+    var className = _a.className, _b = _a.disabled, disabled = _b === void 0 ? false : _b, _c = _a.tabIndex, tabIndex = _c === void 0 ? 0 : _c, testID = _a.testID, onClick = _a.onClick, children = _a.children;
+    return (React__default.createElement("div", { className: classnames('sendbird-message__bottomsheet--action', className), role: "menuitem", tabIndex: tabIndex, "aria-disabled": disabled, onClick: onClick, "data-testid": testID }, children));
+};
+
+export { BottomSheetMenuItem as B, MessageMenuProvider as M, MenuItem as a, useMessageMenuContext as u };
+//# sourceMappingURL=bundle-DVk-GxJm.js.map

package/chunks/bundle-DVk-GxJm.js.map

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

package/chunks/{bundle-DLSqJtw7.js → bundle-DYYQHn6P.js}

@@ -1,7 +1,7 @@
-import { _ as __assign } from './bundle-qivrTGrV.js';
+import { _ as __assign } from './bundle-DIOwxpcG.js';
 import React__default from 'react';
-import { g as getStringSet } from './bundle-BPtW84KW.js';
-import { d as defaultLocale } from './bundle-CJ0gnHtN.js';
+import { g as getStringSet } from './bundle-CNHyfb7V.js';
+import { d as defaultLocale } from './bundle-D7eYnlgm.js';
 
 var LocalizationContextDefault = {
     stringSet: getStringSet('en'),
@@ -15,4 +15,4 @@ var LocalizationProvider = function (props) {
 var useLocalization = function () { return React__default.useContext(LocalizationContext); };
 
 export { LocalizationContext as L, LocalizationProvider as a, useLocalization as u };
-//# sourceMappingURL=bundle-DLSqJtw7.js.map
+//# sourceMappingURL=bundle-DYYQHn6P.js.map

package/chunks/bundle-DYYQHn6P.js.map

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

package/chunks/{bundle-Dk_le87C.js → bundle-D_CNS70y.js}

@@ -1,9 +1,9 @@
-import { c as __spreadArray } from './bundle-qivrTGrV.js';
+import { c as __spreadArray } from './bundle-DIOwxpcG.js';
 import React__default from 'react';
 import ImageRenderer from '../ui/ImageRenderer.js';
-import { p as pxToNumber } from './bundle-Cj4fyKiq.js';
+import { p as pxToNumber } from './bundle-LJTd2kwV.js';
 import Icon, { IconTypes, IconColors } from '../ui/Icon.js';
-import { c as classnames } from './bundle-CymNo3WD.js';
+import { c as classnames } from './bundle-CdRIsiQ1.js';
 
 var AvatarDefault = function (props) {
     var width = props.width, height = props.height, text = props.text;
@@ -68,4 +68,4 @@ function Avatar(_a, ref) {
 var Avatar$1 = React__default.forwardRef(Avatar);
 
 export { Avatar$1 as A, AvatarDefault as a, AvatarInner as b };
-//# sourceMappingURL=bundle-Dk_le87C.js.map
+//# sourceMappingURL=bundle-D_CNS70y.js.map

package/chunks/bundle-D_CNS70y.js.map

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

package/chunks/bundle-DelNZG3a.js

@@ -0,0 +1,215 @@
+import React__default, { useRef, useState } from 'react';
+import { n as noop, c as classnames } from './bundle-CdRIsiQ1.js';
+import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
+import { MenuItems, getObservingId } from '../ui/ContextMenu.js';
+import { _ as __assign } from './bundle-DIOwxpcG.js';
+import IconButton from '../ui/IconButton.js';
+import Icon, { IconTypes, IconColors } from '../ui/Icon.js';
+import { l as isUserMessage, x as copyToClipboard, u as isFailedMessage, q as isSentMessage, v as isPendingMessage } from './bundle-Bq0-bOfM.js';
+import { u as useLocalization } from './bundle-DYYQHn6P.js';
+import { u as useMessageMenuContext, a as MenuItem, M as MessageMenuProvider } from './bundle-DVk-GxJm.js';
+import { Role } from '@sendbird/chat';
+
+var TriggerIcon = function (_a) {
+    var ref = _a.ref, _b = _a.onClick, onClick = _b === void 0 ? noop : _b, _c = _a.onBlur, onBlur = _c === void 0 ? noop : _c, _d = _a.renderIcon, renderIcon = _d === void 0 ? function (props) { return React__default.createElement(Icon, __assign({}, props)); } : _d;
+    return (React__default.createElement(IconButton, { ref: ref, width: "32px", height: "32px", onClick: onClick, onBlur: onBlur }, renderIcon({
+        type: IconTypes.MORE,
+        fillColor: IconColors.CONTENT_INVERSE,
+        width: '24px',
+        height: '24px',
+    })));
+};
+var CopyMenuItem = function (props) {
+    var _a;
+    var stringSet = useLocalization().stringSet;
+    var _b = useMessageMenuContext(), message = _b.message, hideMenu = _b.hideMenu;
+    return (React__default.createElement(MenuItem, __assign({}, props, { onClick: function (e) {
+            var _a;
+            if (isUserMessage(message))
+                copyToClipboard(message.message);
+            hideMenu();
+            (_a = props.onClick) === null || _a === void 0 ? void 0 : _a.call(props, e);
+        } }), (_a = props.children) !== null && _a !== void 0 ? _a : stringSet.MESSAGE_MENU__COPY));
+};
+var ReplyMenuItem = function (props) {
+    var _a;
+    var stringSet = useLocalization().stringSet;
+    var _b = useMessageMenuContext(), message = _b.message, hideMenu = _b.hideMenu, setQuoteMessage = _b.setQuoteMessage;
+    return (React__default.createElement(MenuItem, __assign({}, props, { disabled: message.parentMessageId > 0, onClick: function (e) {
+            var _a;
+            setQuoteMessage(message);
+            hideMenu();
+            (_a = props.onClick) === null || _a === void 0 ? void 0 : _a.call(props, e);
+        } }), (_a = props.children) !== null && _a !== void 0 ? _a : stringSet.MESSAGE_MENU__REPLY));
+};
+var ThreadMenuItem = function (props) {
+    var _a;
+    var stringSet = useLocalization().stringSet;
+    var _b = useMessageMenuContext(), message = _b.message, hideMenu = _b.hideMenu, onReplyInThread = _b.onReplyInThread;
+    return (React__default.createElement(MenuItem, __assign({}, props, { onClick: function (e) {
+            var _a;
+            onReplyInThread({ message: message });
+            hideMenu();
+            (_a = props.onClick) === null || _a === void 0 ? void 0 : _a.call(props, e);
+        } }), (_a = props.children) !== null && _a !== void 0 ? _a : stringSet.MESSAGE_MENU__THREAD));
+};
+var OpenInChannelMenuItem = function (props) {
+    var _a;
+    var stringSet = useLocalization().stringSet;
+    var _b = useMessageMenuContext(), hideMenu = _b.hideMenu, onMoveToParentMessage = _b.onMoveToParentMessage;
+    return (React__default.createElement(MenuItem, __assign({}, props, { onClick: function (e) {
+            var _a;
+            onMoveToParentMessage();
+            hideMenu();
+            (_a = props.onClick) === null || _a === void 0 ? void 0 : _a.call(props, e);
+        } }), (_a = props.children) !== null && _a !== void 0 ? _a : stringSet.MESSAGE_MENU__OPEN_IN_CHANNEL));
+};
+var EditMenuItem = function (props) {
+    var _a;
+    var stringSet = useLocalization().stringSet;
+    var _b = useMessageMenuContext(), hideMenu = _b.hideMenu, showEdit = _b.showEdit, isOnline = _b.isOnline;
+    return (React__default.createElement(MenuItem, __assign({}, props, { onClick: function (e) {
+            var _a;
+            if (isOnline) {
+                showEdit(true);
+                hideMenu();
+                (_a = props.onClick) === null || _a === void 0 ? void 0 : _a.call(props, e);
+            }
+        } }), (_a = props.children) !== null && _a !== void 0 ? _a : stringSet.MESSAGE_MENU__EDIT));
+};
+var ResendMenuItem = function (props) {
+    var _a;
+    var stringSet = useLocalization().stringSet;
+    var _b = useMessageMenuContext(), message = _b.message, hideMenu = _b.hideMenu, resendMessage = _b.resendMessage, isOnline = _b.isOnline;
+    return (React__default.createElement(MenuItem, __assign({}, props, { onClick: function (e) {
+            var _a;
+            if (isOnline) {
+                resendMessage(message);
+                hideMenu();
+                (_a = props.onClick) === null || _a === void 0 ? void 0 : _a.call(props, e);
+            }
+        } }), (_a = props.children) !== null && _a !== void 0 ? _a : stringSet.MESSAGE_MENU__RESEND));
+};
+var DeleteMenuItem = function (props) {
+    var _a, _b, _c;
+    var stringSet = useLocalization().stringSet;
+    var _d = useMessageMenuContext(), message = _d.message, hideMenu = _d.hideMenu, deleteMessage = _d.deleteMessage, showRemove = _d.showRemove, isOnline = _d.isOnline, disableDeleteMessage = _d.disableDeleteMessage;
+    return (React__default.createElement(MenuItem, __assign({}, props, { disabled: typeof disableDeleteMessage === 'boolean'
+            ? disableDeleteMessage
+            : ((_b = (_a = message.threadInfo) === null || _a === void 0 ? void 0 : _a.replyCount) !== null && _b !== void 0 ? _b : 0) > 0, onClick: function (e) {
+            var _a;
+            if (isFailedMessage(message)) {
+                deleteMessage(message);
+            }
+            else if (isOnline) {
+                showRemove(true);
+                hideMenu();
+                (_a = props.onClick) === null || _a === void 0 ? void 0 : _a.call(props, e);
+            }
+        } }), (_c = props.children) !== null && _c !== void 0 ? _c : stringSet.MESSAGE_MENU__DELETE));
+};
+
+var isReplyTypeMessageEnabled = function (_a) {
+    var _b;
+    var channel = _a.channel, message = _a.message;
+    if (isFailedMessage(message) || isPendingMessage(message)) {
+        return false;
+    }
+    if (!((_b = channel === null || channel === void 0 ? void 0 : channel.isGroupChannel) === null || _b === void 0 ? void 0 : _b.call(channel)) || (channel === null || channel === void 0 ? void 0 : channel.isEphemeral)) {
+        return false;
+    }
+    var isBroadcast = channel === null || channel === void 0 ? void 0 : channel.isBroadcast;
+    var isOperator = (channel === null || channel === void 0 ? void 0 : channel.myRole) === Role.OPERATOR;
+    if (isBroadcast)
+        return isOperator;
+    return true;
+};
+var showMenuItemCopy = function (_a) {
+    var message = _a.message;
+    return isUserMessage(message);
+};
+var showMenuItemEdit = function (_a) {
+    var message = _a.message, channel = _a.channel, isByMe = _a.isByMe;
+    return (!(channel === null || channel === void 0 ? void 0 : channel.isEphemeral) && isUserMessage(message) && isSentMessage(message) && isByMe);
+};
+var showMenuItemResend = function (_a) {
+    var message = _a.message, isByMe = _a.isByMe;
+    return (isFailedMessage(message) && (message === null || message === void 0 ? void 0 : message.isResendable) && isByMe);
+};
+var showMenuItemDelete = function (_a) {
+    var message = _a.message, channel = _a.channel, isByMe = _a.isByMe;
+    return !(channel === null || channel === void 0 ? void 0 : channel.isEphemeral) && !isPendingMessage(message) && isByMe;
+};
+var showMenuItemOpenInChannel = function (_a) {
+    var _b = _a.onMoveToParentMessage, onMoveToParentMessage = _b === void 0 ? undefined : _b;
+    return !!onMoveToParentMessage;
+};
+var showMenuItemReply = function (_a) {
+    var channel = _a.channel, message = _a.message, replyType = _a.replyType;
+    return isReplyTypeMessageEnabled({ channel: channel, message: message }) && replyType === 'QUOTE_REPLY';
+};
+var showMenuItemThread = function (_a) {
+    var channel = _a.channel, message = _a.message, replyType = _a.replyType, onReplyInThread = _a.onReplyInThread;
+    return isReplyTypeMessageEnabled({ channel: channel, message: message }) && replyType === 'THREAD' && !(message === null || message === void 0 ? void 0 : message.parentMessageId) && typeof onReplyInThread === 'function';
+};
+
+var MessageMenu = function (_a) {
+    var _b;
+    var className = _a.className, message = _a.message, channel = _a.channel, isByMe = _a.isByMe, replyType = _a.replyType, _c = _a.renderTrigger, renderTrigger = _c === void 0 ? TriggerIcon : _c, renderMenuItems = _a.renderMenuItems, _d = _a.disableDeleteMessage, disableDeleteMessage = _d === void 0 ? null : _d, _e = _a.showEdit, showEdit = _e === void 0 ? noop : _e, _f = _a.showRemove, showRemove = _f === void 0 ? noop : _f, deleteMessage = _a.deleteMessage, resendMessage = _a.resendMessage, setQuoteMessage = _a.setQuoteMessage, onReplyInThread = _a.onReplyInThread, onMoveToParentMessage = _a.onMoveToParentMessage;
+    var config = useSendbirdStateContext().config;
+    var isOnline = config.isOnline;
+    var triggerRef = useRef(null);
+    var containerRef = useRef(null);
+    var _g = useState(false), isMenuVisible = _g[0], setMenuVisibility = _g[1];
+    var hideMenu = function () { return setMenuVisibility(false); };
+    var showMenu = function () { return setMenuVisibility(true); };
+    var toggleMenu = function () { return setMenuVisibility(function (visible) { return !visible; }); };
+    var params = {
+        message: message,
+        channel: channel,
+        isByMe: isByMe,
+        replyType: replyType,
+        onReplyInThread: onReplyInThread,
+        onMoveToParentMessage: onMoveToParentMessage,
+    };
+    return (React__default.createElement("div", { className: classnames('sendbird-message-menu', className), ref: containerRef },
+        React__default.createElement(MessageMenuProvider, { value: {
+                message: message,
+                hideMenu: hideMenu,
+                showMenu: showMenu,
+                toggleMenu: toggleMenu,
+                setQuoteMessage: setQuoteMessage,
+                onReplyInThread: onReplyInThread,
+                onMoveToParentMessage: onMoveToParentMessage,
+                showEdit: showEdit,
+                showRemove: showRemove,
+                deleteMessage: deleteMessage,
+                resendMessage: resendMessage,
+                isOnline: isOnline,
+                disableDeleteMessage: disableDeleteMessage,
+                triggerRef: triggerRef,
+                containerRef: containerRef,
+            } },
+            (renderTrigger({ ref: triggerRef, onClick: toggleMenu })),
+            isMenuVisible && (React__default.createElement(MenuItems, { id: getObservingId(message.messageId), parentRef: triggerRef, parentContainRef: containerRef, closeDropdown: hideMenu, openLeft: isByMe }, (_b = renderMenuItems === null || renderMenuItems === void 0 ? void 0 : renderMenuItems({
+                items: {
+                    CopyMenuItem: CopyMenuItem,
+                    ReplyMenuItem: ReplyMenuItem,
+                    ThreadMenuItem: ThreadMenuItem,
+                    OpenInChannelMenuItem: OpenInChannelMenuItem,
+                    EditMenuItem: EditMenuItem,
+                    ResendMenuItem: ResendMenuItem,
+                    DeleteMenuItem: DeleteMenuItem,
+                },
+            })) !== null && _b !== void 0 ? _b : (React__default.createElement(React__default.Fragment, null,
+                showMenuItemCopy(params) && React__default.createElement(CopyMenuItem, null),
+                showMenuItemReply(params) && React__default.createElement(ReplyMenuItem, null),
+                showMenuItemThread(params) && React__default.createElement(ThreadMenuItem, null),
+                showMenuItemOpenInChannel(params) && React__default.createElement(OpenInChannelMenuItem, null),
+                showMenuItemEdit(params) && React__default.createElement(EditMenuItem, null),
+                showMenuItemResend(params) && React__default.createElement(ResendMenuItem, null),
+                showMenuItemDelete(params) && React__default.createElement(DeleteMenuItem, null))))))));
+};
+
+export { MessageMenu as M };
+//# sourceMappingURL=bundle-DelNZG3a.js.map

package/chunks/bundle-DelNZG3a.js.map

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

package/chunks/{bundle-BjRVnEt2.js → bundle-DgahgsvJ.js}

@@ -1,7 +1,7 @@
 import { ConnectionHandler } from '@sendbird/chat';
 import { useState, useEffect, useLayoutEffect, useMemo } from 'react';
-import { u as uuidv4 } from './bundle-C7f1DHyg.js';
-import { a as __awaiter, b as __generator } from './bundle-qivrTGrV.js';
+import { u as uuidv4 } from './bundle-CjreAsCZ.js';
+import { a as __awaiter, b as __generator } from './bundle-DIOwxpcG.js';
 
 function useOnlineStatus(sdk, logger) {
     var _a, _b;
@@ -194,4 +194,4 @@ function useMarkAsDeliveredScheduler(_a, _b) {
 }
 
 export { useMarkAsDeliveredScheduler as a, useUnmount as b, schedulerFactory as s, useOnlineStatus as u };
-//# sourceMappingURL=bundle-BjRVnEt2.js.map
+//# sourceMappingURL=bundle-DgahgsvJ.js.map

package/chunks/{bundle-BjRVnEt2.js.map → bundle-DgahgsvJ.js.map}

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

package/chunks/{bundle-DExTOIEC.js → bundle-DjH4PXg3.js}

@@ -36,5 +36,5 @@ var CACHED_MESSAGE_TEMPLATES_TOKEN_KEY = 'sendbird_message_templates_token_key';
 // Local storage item key for templates in JSON string form
 var CACHED_MESSAGE_TEMPLATES_KEY = 'sendbird_message_templates_key';
 
-export { BROWSER_SUPPORT_MIME_TYPE_LIST as B, CACHED_MESSAGE_TEMPLATES_TOKEN_KEY as C, DELIVERY_RECEIPT as D, META_ARRAY_VOICE_DURATION_KEY as M, ONE_MiB as O, SCROLL_BUFFER as S, VOICE_PLAYER_AUDIO_ID as V, VOICE_MESSAGE_MIME_TYPE as a, VOICE_RECORDER_AUDIO_SAMPLE_RATE as b, SCROLL_BOTTOM_DELAY_FOR_FETCH as c, SCROLL_BOTTOM_DELAY_FOR_SEND as d, VOICE_MESSAGE_FILE_NAME as e, META_ARRAY_MESSAGE_TYPE_KEY as f, META_ARRAY_MESSAGE_TYPE_VALUE__VOICE as g, VOICE_RECORDER_CLICK_BUFFER_TIME as h, VOICE_RECORDER_DEFAULT_MIN as i, VOICE_RECORDER_AUDIO_BIT_RATE as j, VOICE_MESSAGE_FILE_NAME__XM4A as k, VOICE_MESSAGE_MIME_TYPE__XM4A as l, VOICE_PLAYER_ROOT_ID as m, SLIDER_BUTTON_ICON_SIDE_LENGTH as n, CACHED_MESSAGE_TEMPLATES_KEY as o, DEFAULT_MULTIPLE_FILES_MESSAGE_LIMIT as p, DEFAULT_UPLOAD_SIZE_LIMIT as q, VOICE_RECORDER_DEFAULT_MAX as r };
-//# sourceMappingURL=bundle-DExTOIEC.js.map
+export { BROWSER_SUPPORT_MIME_TYPE_LIST as B, CACHED_MESSAGE_TEMPLATES_TOKEN_KEY as C, DELIVERY_RECEIPT as D, META_ARRAY_VOICE_DURATION_KEY as M, ONE_MiB as O, SCROLL_BUFFER as S, VOICE_PLAYER_AUDIO_ID as V, VOICE_MESSAGE_MIME_TYPE as a, VOICE_RECORDER_AUDIO_SAMPLE_RATE as b, SCROLL_BOTTOM_DELAY_FOR_FETCH as c, SCROLL_BOTTOM_DELAY_FOR_SEND as d, VOICE_MESSAGE_FILE_NAME as e, META_ARRAY_MESSAGE_TYPE_KEY as f, META_ARRAY_MESSAGE_TYPE_VALUE__VOICE as g, VOICE_RECORDER_CLICK_BUFFER_TIME as h, VOICE_RECORDER_DEFAULT_MIN as i, VOICE_MESSAGE_FILE_NAME__XM4A as j, VOICE_MESSAGE_MIME_TYPE__XM4A as k, VOICE_PLAYER_ROOT_ID as l, SLIDER_BUTTON_ICON_SIDE_LENGTH as m, VOICE_RECORDER_AUDIO_BIT_RATE as n, CACHED_MESSAGE_TEMPLATES_KEY as o, DEFAULT_MULTIPLE_FILES_MESSAGE_LIMIT as p, DEFAULT_UPLOAD_SIZE_LIMIT as q, VOICE_RECORDER_DEFAULT_MAX as r };
+//# sourceMappingURL=bundle-DjH4PXg3.js.map

package/chunks/bundle-DjH4PXg3.js.map

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

package/chunks/{bundle-DxoQxJce.js → bundle-DlZQhmnG.js}

@@ -1,13 +1,13 @@
-import { _ as __assign } from './bundle-qivrTGrV.js';
+import { _ as __assign } from './bundle-DIOwxpcG.js';
 import React__default from 'react';
 import { IconTypes, IconColors } from '../ui/Icon.js';
 import ChannelAvatar from '../ui/ChannelAvatar.js';
-import { g as getChannelTitle } from './bundle-Dbrz-SZu.js';
-import { u as useMediaQueryContext } from './bundle-D3QfP61V.js';
+import { g as getChannelTitle } from './bundle-BhXBD0er.js';
+import { u as useMediaQueryContext } from './bundle-5suIscWh.js';
 import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
-import { u as useLocalization } from './bundle-DLSqJtw7.js';
+import { u as useLocalization } from './bundle-DYYQHn6P.js';
 import Header from '../ui/Header.js';
-import { c as classnames } from './bundle-CymNo3WD.js';
+import { c as classnames } from './bundle-CdRIsiQ1.js';
 
 var GroupChannelHeaderView = function (_a) {
     var className = _a.className, currentChannel = _a.currentChannel, showSearchIcon = _a.showSearchIcon, onBackClick = _a.onBackClick, onSearchClick = _a.onSearchClick, onChatHeaderActionClick = _a.onChatHeaderActionClick, 
@@ -28,4 +28,4 @@ var GroupChannelHeaderView = function (_a) {
 };
 
 export { GroupChannelHeaderView as G };
-//# sourceMappingURL=bundle-DxoQxJce.js.map
+//# sourceMappingURL=bundle-DlZQhmnG.js.map

package/chunks/bundle-DlZQhmnG.js.map

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

package/chunks/{bundle-DJ72fQy-.js → bundle-DmIUQle9.js}

@@ -39,4 +39,4 @@ var PUBSUB_TOPICS;
 var pubSubTopics = PUBSUB_TOPICS;
 
 export { PublishingModuleType as P, shouldPubSubPublishToThread as a, PUBSUB_TOPICS as b, pubSubTopics as p, shouldPubSubPublishToChannel as s };
-//# sourceMappingURL=bundle-DJ72fQy-.js.map
+//# sourceMappingURL=bundle-DmIUQle9.js.map

package/chunks/bundle-DmIUQle9.js.map

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

package/chunks/{bundle-bP-B5oUs.js → bundle-DmtJDvJO.js}

@@ -23,4 +23,4 @@ var changeColorToClassName = function (color) {
 };
 
 export { Colors as C, changeColorToClassName as c };
-//# sourceMappingURL=bundle-bP-B5oUs.js.map
+//# sourceMappingURL=bundle-DmtJDvJO.js.map

package/chunks/bundle-DmtJDvJO.js.map

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

package/chunks/{bundle-DV9a2cbl.js → bundle-DuX-Qk0N.js}

@@ -1,6 +1,6 @@
-import { S as SCROLL_BUFFER } from './bundle-DExTOIEC.js';
-import { u as useThrottleCallback } from './bundle-D7HK_nEb.js';
-import { i as isAboutSame } from './bundle-D6XlG_Vn.js';
+import { S as SCROLL_BUFFER } from './bundle-DjH4PXg3.js';
+import { u as useThrottleCallback } from './bundle-Co8Cn-Xy.js';
+import { i as isAboutSame } from './bundle-CENilyRu.js';
 import { usePreservedCallback } from '@sendbird/uikit-tools';
 
 var DELAY = 100;
@@ -50,4 +50,4 @@ function useHandleOnScrollCallback(_a) {
 }
 
 export { useHandleOnScrollCallback as u };
-//# sourceMappingURL=bundle-DV9a2cbl.js.map
+//# sourceMappingURL=bundle-DuX-Qk0N.js.map

package/chunks/bundle-DuX-Qk0N.js.map

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

package/chunks/{bundle-DyLTHcXb.js → bundle-DwvKuCVj.js}

@@ -19,4 +19,4 @@ var UserProfileProvider = function (_a) {
 };
 
 export { UserProfileProvider as U, UserProfileContext as a };
-//# sourceMappingURL=bundle-DyLTHcXb.js.map
+//# sourceMappingURL=bundle-DwvKuCVj.js.map

package/chunks/bundle-DwvKuCVj.js.map

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

package/chunks/{bundle-D7iwt9t3.js → bundle-DzOZbhBa.js}

@@ -4,17 +4,17 @@ import IconButton from '../ui/IconButton.js';
 import Icon, { IconTypes, IconColors } from '../ui/Icon.js';
 import ContextMenu, { MenuItems, OperatorMenuItem, MuteMenuItem, MenuItem } from '../ui/ContextMenu.js';
 import UserListItem$1 from '../ChannelSettings/components/UserListItem.js';
-import { c as __spreadArray, a as __awaiter, b as __generator, e as __rest } from './bundle-qivrTGrV.js';
+import { c as __spreadArray, a as __awaiter, b as __generator, d as __rest } from './bundle-DIOwxpcG.js';
 import { Role } from '@sendbird/chat';
-import { M as Modal } from './bundle-ZiboK-fO.js';
+import { M as Modal } from './bundle-se1hgaQ-.js';
 import UserListItem from '../ui/UserListItem.js';
-import { n as noop } from './bundle-CymNo3WD.js';
+import { n as noop } from './bundle-CdRIsiQ1.js';
 import { useChannelSettingsContext } from '../ChannelSettings/context.js';
 import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
-import { L as LocalizationContext, u as useLocalization } from './bundle-DLSqJtw7.js';
-import { u as useOnScrollPositionChangeDetector } from './bundle-DkjDKNtY.js';
-import './bundle-6WkrZ6GC.js';
-import { u as uuidv4 } from './bundle-C7f1DHyg.js';
+import { L as LocalizationContext, u as useLocalization } from './bundle-DYYQHn6P.js';
+import { u as useOnScrollPositionChangeDetector } from './bundle-CmPOY9Ut.js';
+import './bundle-BlCc7_eN.js';
+import { u as uuidv4 } from './bundle-CjreAsCZ.js';
 
 function MembersModal(_a) {
     var _this = this;
@@ -281,4 +281,4 @@ var MemberList = function () {
 };
 
 export { MemberList as M };
-//# sourceMappingURL=bundle-D7iwt9t3.js.map
+//# sourceMappingURL=bundle-DzOZbhBa.js.map

package/chunks/{bundle-D7iwt9t3.js.map → bundle-DzOZbhBa.js.map}

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

package/chunks/{bundle-RF00I10F.js → bundle-DzwfznTL.js}

@@ -1,20 +1,20 @@
-import { c as __spreadArray, _ as __assign } from './bundle-qivrTGrV.js';
+import { c as __spreadArray, _ as __assign } from './bundle-DIOwxpcG.js';
 import React__default, { useState, useEffect, useRef, useLayoutEffect, useMemo } from 'react';
-import { f as format } from './bundle-DntyeaUa.js';
-import { u as useLocalization } from './bundle-DLSqJtw7.js';
+import { f as format } from './bundle-BH16nLFs.js';
+import { u as useLocalization } from './bundle-DYYQHn6P.js';
 import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
-import { M as MAX_USER_MENTION_COUNT, a as MAX_USER_SUGGESTION_COUNT } from './bundle-h5uBMqdB.js';
-import { i as isDisabledBecauseFrozen, a as isDisabledBecauseMuted } from './bundle-B69jleUo.js';
+import { M as MAX_USER_MENTION_COUNT, a as MAX_USER_SUGGESTION_COUNT } from './bundle-CUld9h31.js';
+import { i as isDisabledBecauseFrozen, a as isDisabledBecauseMuted } from './bundle-Bimk6g75.js';
 import { useDirtyGetMentions } from '../Message/hooks/useDirtyGetMentions.js';
-import { g as getSuggestedReplies } from './bundle-C9dq6ZD4.js';
+import { g as getSuggestedReplies } from './bundle-Bq0-bOfM.js';
 import DateSeparator from '../ui/DateSeparator.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from './bundle-6WkrZ6GC.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from './bundle-BlCc7_eN.js';
 import MessageInput from '../ui/MessageInput.js';
-import { M as MessageInputKeys } from './bundle-DPKDvBjV.js';
+import { M as MessageInputKeys } from './bundle-BXf_Uoav.js';
 import MessageContent from '../ui/MessageContent.js';
 import SuggestedReplies from '../GroupChannel/components/SuggestedReplies.js';
-import { S as SuggestedMentionListView } from './bundle-DKD06bkH.js';
-import { d as deleteNullish, c as classnames } from './bundle-CymNo3WD.js';
+import { S as SuggestedMentionListView } from './bundle-CsH_9kWB.js';
+import { d as deleteNullish, c as classnames } from './bundle-CdRIsiQ1.js';
 
 var useDidMountEffect = function (func, deps) {
     var _a = useState(false), didMount = _a[0], setDidmount = _a[1];
@@ -224,4 +224,4 @@ var MessageView = function (props) {
 };
 
 export { MessageView as M };
-//# sourceMappingURL=bundle-RF00I10F.js.map
+//# sourceMappingURL=bundle-DzwfznTL.js.map

package/chunks/{bundle-RF00I10F.js.map → bundle-DzwfznTL.js.map}

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

package/chunks/{bundle-D6dnQXfh.js → bundle-HjRXtQVk.js}

@@ -1,14 +1,14 @@
-import { c as __spreadArray } from './bundle-qivrTGrV.js';
+import { c as __spreadArray } from './bundle-DIOwxpcG.js';
 import React__default from 'react';
-import { f as format } from './bundle-DntyeaUa.js';
+import { f as format } from './bundle-BH16nLFs.js';
 import Icon, { IconTypes, IconColors } from '../ui/Icon.js';
-import { c as LabelStringSet, L as Label, a as LabelTypography, b as LabelColors } from './bundle-6WkrZ6GC.js';
+import { c as LabelStringSet, L as Label, a as LabelTypography, b as LabelColors } from './bundle-BlCc7_eN.js';
 import Loader from '../ui/Loader.js';
-import { C as isTemplateMessage, k as isImage, A as isGif, j as isVideo, D as isAudio, E as isVoiceMessageMimeType, F as isSentStatus } from './bundle-C9dq6ZD4.js';
+import { C as isTemplateMessage, j as isImage, A as isGif, h as isVideo, D as isAudio, E as isVoiceMessageMimeType, F as isSentStatus } from './bundle-Bq0-bOfM.js';
 import { OutgoingMessageStates, getOutgoingMessageState } from '../utils/message/getOutgoingMessageState.js';
-import { i as isToday, a as isYesterday, b as isThisYear } from './bundle-CNOIDdgc.js';
-import { u as useLocalization } from './bundle-DLSqJtw7.js';
-import { c as classnames } from './bundle-CymNo3WD.js';
+import { i as isToday, a as isYesterday, b as isThisYear } from './bundle-e2HPSZbM.js';
+import { u as useLocalization } from './bundle-DYYQHn6P.js';
+import { c as classnames } from './bundle-CdRIsiQ1.js';
 
 var getChannelTitle = function (channel, currentUserId, stringSet) {
     var _a;
@@ -136,4 +136,4 @@ function MessageStatus(_a) {
 }
 
 export { MessageStatus as M, getTotalMembers as a, getLastMessageCreatedAt as b, getLastMessage as c, getChannelUnreadMessageCount as d, MessageStatusTypes as e, getChannelTitle as g };
-//# sourceMappingURL=bundle-D6dnQXfh.js.map
+//# sourceMappingURL=bundle-HjRXtQVk.js.map

package/chunks/bundle-HjRXtQVk.js.map

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

package/chunks/{bundle-BLtZDfBw.js → bundle-JEz3lgaG.js}

@@ -13,4 +13,4 @@ function getIsReactionEnabled(_a) {
 }
 
 export { getIsReactionEnabled as g };
-//# sourceMappingURL=bundle-BLtZDfBw.js.map
+//# sourceMappingURL=bundle-JEz3lgaG.js.map

package/chunks/bundle-JEz3lgaG.js.map

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

package/chunks/{bundle-Cj4fyKiq.js → bundle-LJTd2kwV.js}

@@ -12,4 +12,4 @@ var pxToNumber = function (px) {
 };
 
 export { pxToNumber as p };
-//# sourceMappingURL=bundle-Cj4fyKiq.js.map
+//# sourceMappingURL=bundle-LJTd2kwV.js.map

package/chunks/bundle-LJTd2kwV.js.map

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

package/chunks/{bundle-Bmi-ESIg.js → bundle-PaTjZoup.js}

@@ -29,4 +29,4 @@ var generateDefaultAvatar = function (channel) {
 };
 
 export { getChannelAvatarSource as a, getOpenChannelAvatar as b, generateDefaultAvatar as g };
-//# sourceMappingURL=bundle-Bmi-ESIg.js.map
+//# sourceMappingURL=bundle-PaTjZoup.js.map

package/chunks/bundle-PaTjZoup.js.map

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

package/chunks/{bundle-BoPCJB2N.js → bundle-QVgZ7Hdj.js}

@@ -1,5 +1,5 @@
-import { a as __awaiter, b as __generator } from './bundle-qivrTGrV.js';
-import { p as pxToNumber } from './bundle-Cj4fyKiq.js';
+import { a as __awaiter, b as __generator } from './bundle-DIOwxpcG.js';
+import { p as pxToNumber } from './bundle-LJTd2kwV.js';
 
 var compressImage = function (_a) {
     var imageFile = _a.imageFile, compressionRate = _a.compressionRate, resizingWidth = _a.resizingWidth, resizingHeight = _a.resizingHeight, outputFormat = _a.outputFormat;
@@ -118,4 +118,4 @@ var compressImages = function (_a) { return __awaiter(void 0, [_a], void 0, func
 }); };
 
 export { compressImages as c };
-//# sourceMappingURL=bundle-BoPCJB2N.js.map
+//# sourceMappingURL=bundle-QVgZ7Hdj.js.map

package/chunks/{bundle-BoPCJB2N.js.map → bundle-QVgZ7Hdj.js.map}

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

package/chunks/{bundle-D4tV1HWB.js → bundle-S6HEUDHq.js}

@@ -1,4 +1,4 @@
 var TEXT_MESSAGE_BODY_CLASSNAME = 'sendbird-text-message-item-body';
 
 export { TEXT_MESSAGE_BODY_CLASSNAME as T };
-//# sourceMappingURL=bundle-D4tV1HWB.js.map
+//# sourceMappingURL=bundle-S6HEUDHq.js.map

package/chunks/bundle-S6HEUDHq.js.map

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

package/chunks/{bundle-CEJvyLWs.js → bundle-WXF4CSL3.js}

@@ -31,4 +31,4 @@ function useToggleReactionCallback(currentChannel, logger) {
 }
 
 export { useToggleReactionCallback as u };
-//# sourceMappingURL=bundle-CEJvyLWs.js.map
+//# sourceMappingURL=bundle-WXF4CSL3.js.map

package/chunks/bundle-WXF4CSL3.js.map

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

package/chunks/{bundle-FlpX_Kua.js → bundle-YLpFZFtY.js}

@@ -26,4 +26,4 @@ function getCaseResolvedThreadReplySelectType(threadReplySelectType) {
 }
 
 export { getCaseResolvedThreadReplySelectType as a, getCaseResolvedReplyType as g };
-//# sourceMappingURL=bundle-FlpX_Kua.js.map
+//# sourceMappingURL=bundle-YLpFZFtY.js.map