@sendbird/uikit-react 3.13.1 → 3.13.2-rc.0

package/cjs/chunks/bundle-DDWWo4Ur.js.map

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

package/cjs/chunks/{bundle-boCcuPJ4.js → bundle-DOIvf0Sq.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./bundle-XXLu4E3k.js');
+var index = require('./bundle-BFGQyFEj.js');
 
 /**
  * @name startOfDay
@@ -63,4 +63,4 @@ function isSameDay(dirtyDateLeft, dirtyDateRight) {
 }
 
 exports.isSameDay = isSameDay;
-//# sourceMappingURL=bundle-boCcuPJ4.js.map
+//# sourceMappingURL=bundle-DOIvf0Sq.js.map

package/cjs/chunks/{bundle-boCcuPJ4.js.map → bundle-DOIvf0Sq.js.map}

@@ -1 +1 @@
-{"version":3,"file":"bundle-boCcuPJ4.js","sources":["../../../node_modules/date-fns/esm/startOfDay/index.js","../../../node_modules/date-fns/esm/isSameDay/index.js"],"sourcesContent":["import toDate from \"../toDate/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name startOfDay\n * @category Day Helpers\n * @summary Return the start of a day for the given date.\n *\n * @description\n * Return the start of a day for the given date.\n * The result will be in the local timezone.\n *\n * @param {Date|Number} date - the original date\n * @returns {Date} the start of a day\n * @throws {TypeError} 1 argument required\n *\n * @example\n * // The start of a day for 2 September 2014 11:55:00:\n * const result = startOfDay(new Date(2014, 8, 2, 11, 55, 0))\n * //=> Tue Sep 02 2014 00:00:00\n */\nexport default function startOfDay(dirtyDate) {\n  requiredArgs(1, arguments);\n  var date = toDate(dirtyDate);\n  date.setHours(0, 0, 0, 0);\n  return date;\n}","import startOfDay from \"../startOfDay/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name isSameDay\n * @category Day Helpers\n * @summary Are the given dates in the same day (and year and month)?\n *\n * @description\n * Are the given dates in the same day (and year and month)?\n *\n * @param {Date|Number} dateLeft - the first date to check\n * @param {Date|Number} dateRight - the second date to check\n * @returns {Boolean} the dates are in the same day (and year and month)\n * @throws {TypeError} 2 arguments required\n *\n * @example\n * // Are 4 September 06:00:00 and 4 September 18:00:00 in the same day?\n * const result = isSameDay(new Date(2014, 8, 4, 6, 0), new Date(2014, 8, 4, 18, 0))\n * //=> true\n *\n * @example\n * // Are 4 September and 4 October in the same day?\n * const result = isSameDay(new Date(2014, 8, 4), new Date(2014, 9, 4))\n * //=> false\n *\n * @example\n * // Are 4 September, 2014 and 4 September, 2015 in the same day?\n * const result = isSameDay(new Date(2014, 8, 4), new Date(2015, 8, 4))\n * //=> false\n */\nexport default function isSameDay(dirtyDateLeft, dirtyDateRight) {\n  requiredArgs(2, arguments);\n  var dateLeftStartOfDay = startOfDay(dirtyDateLeft);\n  var dateRightStartOfDay = startOfDay(dirtyDateRight);\n  return dateLeftStartOfDay.getTime() === dateRightStartOfDay.getTime();\n}"],"names":["requiredArgs","toDate"],"mappings":";;;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACe,SAAS,UAAU,CAAC,SAAS,EAAE;AAC9C,EAAEA,kBAAY,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC;AAC7B,EAAE,IAAI,IAAI,GAAGC,YAAM,CAAC,SAAS,CAAC,CAAC;AAC/B,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;AAC5B,EAAE,OAAO,IAAI,CAAC;AACd;;ACvBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACe,SAAS,SAAS,CAAC,aAAa,EAAE,cAAc,EAAE;AACjE,EAAED,kBAAY,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC;AAC7B,EAAE,IAAI,kBAAkB,GAAG,UAAU,CAAC,aAAa,CAAC,CAAC;AACrD,EAAE,IAAI,mBAAmB,GAAG,UAAU,CAAC,cAAc,CAAC,CAAC;AACvD,EAAE,OAAO,kBAAkB,CAAC,OAAO,EAAE,KAAK,mBAAmB,CAAC,OAAO,EAAE,CAAC;AACxE;;;;","x_google_ignoreList":[0,1]}
+{"version":3,"file":"bundle-DOIvf0Sq.js","sources":["../../../node_modules/date-fns/esm/startOfDay/index.js","../../../node_modules/date-fns/esm/isSameDay/index.js"],"sourcesContent":["import toDate from \"../toDate/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name startOfDay\n * @category Day Helpers\n * @summary Return the start of a day for the given date.\n *\n * @description\n * Return the start of a day for the given date.\n * The result will be in the local timezone.\n *\n * @param {Date|Number} date - the original date\n * @returns {Date} the start of a day\n * @throws {TypeError} 1 argument required\n *\n * @example\n * // The start of a day for 2 September 2014 11:55:00:\n * const result = startOfDay(new Date(2014, 8, 2, 11, 55, 0))\n * //=> Tue Sep 02 2014 00:00:00\n */\nexport default function startOfDay(dirtyDate) {\n  requiredArgs(1, arguments);\n  var date = toDate(dirtyDate);\n  date.setHours(0, 0, 0, 0);\n  return date;\n}","import startOfDay from \"../startOfDay/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name isSameDay\n * @category Day Helpers\n * @summary Are the given dates in the same day (and year and month)?\n *\n * @description\n * Are the given dates in the same day (and year and month)?\n *\n * @param {Date|Number} dateLeft - the first date to check\n * @param {Date|Number} dateRight - the second date to check\n * @returns {Boolean} the dates are in the same day (and year and month)\n * @throws {TypeError} 2 arguments required\n *\n * @example\n * // Are 4 September 06:00:00 and 4 September 18:00:00 in the same day?\n * const result = isSameDay(new Date(2014, 8, 4, 6, 0), new Date(2014, 8, 4, 18, 0))\n * //=> true\n *\n * @example\n * // Are 4 September and 4 October in the same day?\n * const result = isSameDay(new Date(2014, 8, 4), new Date(2014, 9, 4))\n * //=> false\n *\n * @example\n * // Are 4 September, 2014 and 4 September, 2015 in the same day?\n * const result = isSameDay(new Date(2014, 8, 4), new Date(2015, 8, 4))\n * //=> false\n */\nexport default function isSameDay(dirtyDateLeft, dirtyDateRight) {\n  requiredArgs(2, arguments);\n  var dateLeftStartOfDay = startOfDay(dirtyDateLeft);\n  var dateRightStartOfDay = startOfDay(dirtyDateRight);\n  return dateLeftStartOfDay.getTime() === dateRightStartOfDay.getTime();\n}"],"names":["requiredArgs","toDate"],"mappings":";;;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACe,SAAS,UAAU,CAAC,SAAS,EAAE;AAC9C,EAAEA,kBAAY,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC;AAC7B,EAAE,IAAI,IAAI,GAAGC,YAAM,CAAC,SAAS,CAAC,CAAC;AAC/B,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;AAC5B,EAAE,OAAO,IAAI,CAAC;AACd;;ACvBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACe,SAAS,SAAS,CAAC,aAAa,EAAE,cAAc,EAAE;AACjE,EAAED,kBAAY,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC;AAC7B,EAAE,IAAI,kBAAkB,GAAG,UAAU,CAAC,aAAa,CAAC,CAAC;AACrD,EAAE,IAAI,mBAAmB,GAAG,UAAU,CAAC,cAAc,CAAC,CAAC;AACvD,EAAE,OAAO,kBAAkB,CAAC,OAAO,EAAE,KAAK,mBAAmB,CAAC,OAAO,EAAE,CAAC;AACxE;;;;","x_google_ignoreList":[0,1]}

package/cjs/chunks/{bundle-ybuXM4li.js → bundle-DQ6EeiN7.js}

@@ -19,4 +19,4 @@ var AddGroupChannelView = function (_a) {
 };
 
 exports.AddGroupChannelView = AddGroupChannelView;
-//# sourceMappingURL=bundle-ybuXM4li.js.map
+//# sourceMappingURL=bundle-DQ6EeiN7.js.map

package/cjs/chunks/bundle-DQ6EeiN7.js.map

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

package/cjs/chunks/{bundle-UEx-yk0R.js → bundle-DQPcs28F.js}

@@ -6,18 +6,20 @@ var ui_IconButton = require('../ui/IconButton.js');
 var ui_Icon = require('../ui/Icon.js');
 var ui_ContextMenu = require('../ui/ContextMenu.js');
 var ChannelSettings_components_UserListItem = require('../ChannelSettings/components/UserListItem.js');
-var _tslib = require('./bundle-0_XeBL9s.js');
-var ui_Modal = require('./bundle-21xpspuo.js');
+var _tslib = require('./bundle-Dtsa1X9i.js');
+var SendbirdChat = require('@sendbird/chat');
+var ui_Modal = require('./bundle-DveQNuEW.js');
 var ui_UserListItem = require('../ui/UserListItem.js');
-var utils = require('./bundle-h5InIJAx.js');
+var utils = require('./bundle-BOxqoDK2.js');
 var ChannelSettings_context = require('../ChannelSettings/context.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
-var LocalizationContext = require('./bundle-2mYNn3cL.js');
-require('./bundle-y7M4yzjp.js');
-var index = require('./bundle-iodh4Ass.js');
-var uuid = require('./bundle-1MVKpHty.js');
+var LocalizationContext = require('./bundle-DiOpJGh-.js');
+var index = require('./bundle-wa4qpxjp.js');
+require('./bundle-Cimaz2Wz.js');
+var uuid = require('./bundle-0q_scAND.js');
 
 function MembersModal(_a) {
+    var _this = this;
     var _b;
     var onCancel = _a.onCancel;
     var _c = React.useState([]), members = _c[0], setMembers = _c[1];
@@ -37,71 +39,51 @@ function MembersModal(_a) {
     }, []);
     return (React.createElement("div", null,
         React.createElement(ui_Modal.Modal, { isFullScreenOnMobile: true, hideFooter: true, onCancel: function () { return onCancel(); }, onSubmit: utils.noop, titleText: stringSet.CHANNEL_SETTING__MEMBERS__SEE_ALL_MEMBERS },
-            React.createElement("div", { className: "sendbird-more-members__popup-scroll", onScroll: function (e) {
-                    var hasNext = memberQuery.hasNext;
-                    var target = e.target;
-                    var fetchMore = (target.clientHeight + target.scrollTop === target.scrollHeight);
-                    if (hasNext && fetchMore) {
-                        memberQuery.next().then(function (o) {
-                            setMembers(_tslib.__spreadArray(_tslib.__spreadArray([], members, true), o, true));
+            React.createElement("div", { className: "sendbird-more-members__popup-scroll", onScroll: index.useOnScrollPositionChangeDetector({
+                    onReachedBottom: function () { return _tslib.__awaiter(_this, void 0, void 0, function () {
+                        var hasNext;
+                        return _tslib.__generator(this, function (_a) {
+                            hasNext = memberQuery.hasNext;
+                            if (hasNext) {
+                                memberQuery.next().then(function (o) {
+                                    setMembers(_tslib.__spreadArray(_tslib.__spreadArray([], members, true), o, true));
+                                });
+                            }
+                            return [2 /*return*/];
                         });
-                    }
-                } }, members.map(function (member) { return (React.createElement(ui_UserListItem, { user: member, key: member.userId, currentUser: currentUser, action: function (_a) {
+                    }); },
+                }) }, members.map(function (member) { return (React.createElement(ui_UserListItem, { user: member, key: member.userId, currentUser: currentUser, action: function (_a) {
                     var parentRef = _a.parentRef, actionRef = _a.actionRef;
                     return (React.createElement(React.Fragment, null, (channel === null || channel === void 0 ? void 0 : channel.myRole) === 'operator' && (React.createElement(ui_ContextMenu.default, { menuTrigger: function (toggleDropdown) { return (React.createElement(ui_IconButton, { className: "sendbird-user-message__more__menu", width: "32px", height: "32px", onClick: function () {
                                 toggleDropdown();
                             } },
                             React.createElement(ui_Icon.default, { width: "24px", height: "24px", type: ui_Icon.IconTypes.MORE, fillColor: ui_Icon.IconColors.CONTENT_INVERSE }))); }, menuItems: function (closeDropdown) { return (React.createElement(ui_ContextMenu.MenuItems, { parentContainRef: parentRef, parentRef: actionRef, closeDropdown: closeDropdown, openLeft: true },
-                            React.createElement(ui_ContextMenu.MenuItem, { disable: currentUser === member.userId, onClick: function () {
-                                    if ((member.role !== 'operator')) {
-                                        channel === null || channel === void 0 ? void 0 : channel.addOperators([member.userId]).then(function () {
-                                            setMembers(members.map(function (m) {
-                                                if (m.userId === member.userId) {
-                                                    return _tslib.__assign(_tslib.__assign({}, member), { role: 'operator' });
-                                                }
-                                                return m;
-                                            }));
-                                            closeDropdown();
-                                        });
-                                    }
-                                    else {
-                                        channel === null || channel === void 0 ? void 0 : channel.removeOperators([member.userId]).then(function () {
-                                            setMembers(members.map(function (m) {
-                                                if (m.userId === member.userId) {
-                                                    return _tslib.__assign(_tslib.__assign({}, member), { role: '' });
-                                                }
-                                                return m;
-                                            }));
-                                            closeDropdown();
-                                        });
-                                    }
+                            React.createElement(ui_ContextMenu.OperatorMenuItem, { channel: channel, user: member, disable: currentUser === member.userId, onChange: function (_, member, isOperator) {
+                                    setMembers(members.map(function (m) {
+                                        if (m.userId === member.userId) {
+                                            return _tslib.__assign(_tslib.__assign({}, member), { role: isOperator ? SendbirdChat.Role.OPERATOR : SendbirdChat.Role.NONE });
+                                        }
+                                        return m;
+                                    }));
+                                    closeDropdown();
+                                }, onError: function () {
+                                    // FIXME: handle error later
+                                    closeDropdown();
                                 }, dataSbId: "channel_setting_member_context_menu_".concat((member.role !== 'operator') ? 'register_as_operator' : 'unregister_operator') }, member.role !== 'operator'
                                 ? stringSet.CHANNEL_SETTING__MODERATION__REGISTER_AS_OPERATOR
                                 : stringSet.CHANNEL_SETTING__MODERATION__UNREGISTER_OPERATOR),
                             // No muted members in broadcast channel
-                            !(channel === null || channel === void 0 ? void 0 : channel.isBroadcast) && (React.createElement(ui_ContextMenu.MenuItem, { onClick: function () {
-                                    if (member.isMuted) {
-                                        channel === null || channel === void 0 ? void 0 : channel.unmuteUser(member).then(function () {
-                                            setMembers(members.map(function (m) {
-                                                if (m.userId === member.userId) {
-                                                    return _tslib.__assign(_tslib.__assign({}, member), { isMuted: false });
-                                                }
-                                                return m;
-                                            }));
-                                            closeDropdown();
-                                        });
-                                    }
-                                    else {
-                                        channel === null || channel === void 0 ? void 0 : channel.muteUser(member).then(function () {
-                                            setMembers(members.map(function (m) {
-                                                if (m.userId === member.userId) {
-                                                    return _tslib.__assign(_tslib.__assign({}, member), { isMuted: true });
-                                                }
-                                                return m;
-                                            }));
-                                            closeDropdown();
-                                        });
-                                    }
+                            !(channel === null || channel === void 0 ? void 0 : channel.isBroadcast) && (React.createElement(ui_ContextMenu.MuteMenuItem, { channel: channel, user: member, onChange: function (_, member, isMuted) {
+                                    setMembers(members.map(function (m) {
+                                        if (m.userId === member.userId) {
+                                            return _tslib.__assign(_tslib.__assign({}, member), { isMuted: isMuted });
+                                        }
+                                        return m;
+                                    }));
+                                    closeDropdown();
+                                }, onError: function () {
+                                    // FIXME: handle error later
+                                    closeDropdown();
                                 }, dataSbId: "channel_setting_member_context_menu_".concat((member.isMuted) ? 'unmute' : 'mute') }, member.isMuted
                                 ? stringSet.CHANNEL_SETTING__MODERATION__UNMUTE
                                 : stringSet.CHANNEL_SETTING__MODERATION__MUTE)),
@@ -258,37 +240,23 @@ var MemberList = function () {
                     var actionRef = _a.actionRef, parentRef = _a.parentRef;
                     return (React.createElement(ui_ContextMenu.default, { menuTrigger: function (toggleDropdown) { return (React.createElement(ui_IconButton, { className: "sendbird-user-message__more__menu", width: "32px", height: "32px", onClick: toggleDropdown },
                             React.createElement(ui_Icon.default, { width: "24px", height: "24px", type: ui_Icon.IconTypes.MORE, fillColor: ui_Icon.IconColors.CONTENT_INVERSE }))); }, menuItems: function (closeDropdown) { return (React.createElement(ui_ContextMenu.MenuItems, { parentContainRef: parentRef, parentRef: actionRef, closeDropdown: closeDropdown, openLeft: true },
-                            React.createElement(ui_ContextMenu.MenuItem, { onClick: function () {
-                                    if ((member.role !== 'operator')) {
-                                        channel === null || channel === void 0 ? void 0 : channel.addOperators([member.userId]).then(function () {
-                                            refreshList();
-                                            closeDropdown();
-                                        });
-                                    }
-                                    else {
-                                        channel === null || channel === void 0 ? void 0 : channel.removeOperators([member.userId]).then(function () {
-                                            refreshList();
-                                            closeDropdown();
-                                        });
-                                    }
+                            React.createElement(ui_ContextMenu.OperatorMenuItem, { channel: channel, user: member, onChange: function () {
+                                    refreshList();
+                                    closeDropdown();
+                                }, onError: function () {
+                                    // FIXME: handle error later
+                                    closeDropdown();
                                 }, dataSbId: "channel_setting_member_context_menu_".concat((member.role !== 'operator') ? 'register_as_operator' : 'unregister_operator') }, member.role !== 'operator'
                                 ? stringSet.CHANNEL_SETTING__MODERATION__REGISTER_AS_OPERATOR
                                 : stringSet.CHANNEL_SETTING__MODERATION__UNREGISTER_OPERATOR),
                             // No muted members in broadcast channel
-                            !(channel === null || channel === void 0 ? void 0 : channel.isBroadcast) && (React.createElement(ui_ContextMenu.MenuItem, { onClick: function () {
-                                    if (member.isMuted) {
-                                        channel === null || channel === void 0 ? void 0 : channel.unmuteUser(member).then(function () {
-                                            refreshList();
-                                            closeDropdown();
-                                        });
-                                    }
-                                    else {
-                                        channel === null || channel === void 0 ? void 0 : channel.muteUser(member).then(function () {
-                                            refreshList();
-                                            closeDropdown();
-                                        });
-                                    }
-                                }, dataSbId: "channel_setting_member_context_menu_".concat((member.isMuted) ? 'unmute' : 'mute') }, member.isMuted
+                            !(channel === null || channel === void 0 ? void 0 : channel.isBroadcast) && (React.createElement(ui_ContextMenu.MuteMenuItem, { channel: channel, user: member, onChange: function () {
+                                    refreshList();
+                                    closeDropdown();
+                                }, onError: function () {
+                                    // FIXME: handle error later
+                                    closeDropdown();
+                                }, dataSbId: "channel_setting_member_context_menu_".concat(member.isMuted ? 'unmute' : 'mute') }, member.isMuted
                                 ? stringSet.CHANNEL_SETTING__MODERATION__UNMUTE
                                 : stringSet.CHANNEL_SETTING__MODERATION__MUTE)),
                             React.createElement(ui_ContextMenu.MenuItem, { onClick: function () {
@@ -313,4 +281,4 @@ var MemberList = function () {
 };
 
 exports.MemberList = MemberList;
-//# sourceMappingURL=bundle-UEx-yk0R.js.map
+//# sourceMappingURL=bundle-DQPcs28F.js.map

package/cjs/chunks/bundle-DQPcs28F.js.map

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

package/cjs/chunks/{bundle-rEEpe9mU.js → bundle-DaHjWMxX.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var _tslib = require('./bundle-0_XeBL9s.js');
+var _tslib = require('./bundle-Dtsa1X9i.js');
 
 var USER_MENTION_PREFIX = '@';
 
@@ -148,4 +148,4 @@ exports.TOKEN_TYPES = TOKEN_TYPES;
 exports.USER_MENTION_PREFIX = USER_MENTION_PREFIX;
 exports.getWhiteSpacePreservedText = getWhiteSpacePreservedText;
 exports.tokenizeMessage = tokenizeMessage;
-//# sourceMappingURL=bundle-rEEpe9mU.js.map
+//# sourceMappingURL=bundle-DaHjWMxX.js.map

package/cjs/chunks/bundle-DaHjWMxX.js.map

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

package/cjs/chunks/{bundle-FZzNP2xh.js → bundle-DdUUl9AF.js}

@@ -33,4 +33,4 @@ function useToggleReactionCallback(currentChannel, logger) {
 }
 
 exports.useToggleReactionCallback = useToggleReactionCallback;
-//# sourceMappingURL=bundle-FZzNP2xh.js.map
+//# sourceMappingURL=bundle-DdUUl9AF.js.map

package/cjs/chunks/bundle-DdUUl9AF.js.map

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

package/cjs/chunks/{bundle-2mYNn3cL.js → bundle-DiOpJGh-.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 var React = require('react');
-var stringSet = require('./bundle-7WTXh7Qd.js');
-var index = require('./bundle-bRa1uu9u.js');
+var stringSet = require('./bundle-D6wZDkwJ.js');
+var index = require('./bundle-BFmEadGJ.js');
 
 var LocalizationContext = React.createContext({
     stringSet: stringSet.getStringSet('en'),
@@ -17,4 +17,4 @@ var useLocalization = function () { return React.useContext(LocalizationContext)
 exports.LocalizationContext = LocalizationContext;
 exports.LocalizationProvider = LocalizationProvider;
 exports.useLocalization = useLocalization;
-//# sourceMappingURL=bundle-2mYNn3cL.js.map
+//# sourceMappingURL=bundle-DiOpJGh-.js.map

package/cjs/chunks/bundle-DiOpJGh-.js.map

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

package/cjs/chunks/{bundle-0oACog1t.js → bundle-DjzwlyX1.js}

@@ -1,15 +1,15 @@
 'use strict';
 
 var React = require('react');
-var ui_Label = require('./bundle-y7M4yzjp.js');
+var ui_Label = require('./bundle-Cimaz2Wz.js');
 var ui_Icon = require('../ui/Icon.js');
-var ui_Avatar = require('./bundle-cdInBvCf.js');
-var LocalizationContext = require('./bundle-2mYNn3cL.js');
-var uuid = require('./bundle-1MVKpHty.js');
+var ui_Avatar = require('./bundle-Dt0Ehz1U.js');
+var LocalizationContext = require('./bundle-DiOpJGh-.js');
+var uuid = require('./bundle-0q_scAND.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
-var _const$1 = require('./bundle-xSEKQWBT.js');
-var _const = require('./bundle-mJdmd7Tl.js');
-var _tslib = require('./bundle-0_XeBL9s.js');
+var _const$1 = require('./bundle-CtUclh8a.js');
+var _const = require('./bundle-B0sJ-8vm.js');
+var _tslib = require('./bundle-Dtsa1X9i.js');
 
 function SuggestedUserMentionItem(props) {
     var member = props.member, _a = props.isFocused, isFocused = _a === void 0 ? false : _a, parentScrollRef = props.parentScrollRef, onClick = props.onClick, onMouseOver = props.onMouseOver, onMouseMove = props.onMouseMove, renderUserMentionItem = props.renderUserMentionItem;
@@ -170,4 +170,4 @@ var SuggestedMentionListView = function (props) {
 };
 
 exports.SuggestedMentionListView = SuggestedMentionListView;
-//# sourceMappingURL=bundle-0oACog1t.js.map
+//# sourceMappingURL=bundle-DjzwlyX1.js.map

package/cjs/chunks/{bundle-0oACog1t.js.map → bundle-DjzwlyX1.js.map}

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

package/cjs/chunks/{bundle-GRnWhj5U.js → bundle-DrvpXqH0.js}

@@ -5,7 +5,7 @@ var GroupChannelList_components_GroupChannelListHeader = require('../GroupChanne
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
 var EditUserProfile = require('../EditUserProfile.js');
 var ui_PlaceHolder = require('../ui/PlaceHolder.js');
-var index = require('./bundle-iodh4Ass.js');
+var index = require('./bundle-wa4qpxjp.js');
 
 var GroupChannelListUIView = function (_a) {
     var renderHeader = _a.renderHeader, renderPlaceHolderError = _a.renderPlaceHolderError, renderPlaceHolderLoading = _a.renderPlaceHolderLoading, renderPlaceHolderEmptyList = _a.renderPlaceHolderEmptyList, onChangeTheme = _a.onChangeTheme, onUserProfileUpdated = _a.onUserProfileUpdated, allowProfileEdit = _a.allowProfileEdit, channels = _a.channels, onLoadMore = _a.onLoadMore, initialized = _a.initialized, renderChannel = _a.renderChannel, renderAddChannel = _a.renderAddChannel;
@@ -66,4 +66,4 @@ var ChannelListComponent = function (props) {
 };
 
 exports.GroupChannelListUIView = GroupChannelListUIView;
-//# sourceMappingURL=bundle-GRnWhj5U.js.map
+//# sourceMappingURL=bundle-DrvpXqH0.js.map

package/cjs/chunks/bundle-DrvpXqH0.js.map

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

package/cjs/chunks/{bundle-cdInBvCf.js → bundle-Dt0Ehz1U.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var _tslib = require('./bundle-0_XeBL9s.js');
+var _tslib = require('./bundle-Dtsa1X9i.js');
 var React = require('react');
 var ui_ImageRenderer = require('../ui/ImageRenderer.js');
-var pxToNumber = require('./bundle-cA3flg73.js');
+var pxToNumber = require('./bundle-BfU270mH.js');
 var ui_Icon = require('../ui/Icon.js');
 
 var AvatarDefault = function (props) {
@@ -70,4 +70,4 @@ var Avatar$1 = React.forwardRef(Avatar);
 exports.Avatar = Avatar$1;
 exports.AvatarDefault = AvatarDefault;
 exports.AvatarInner = AvatarInner;
-//# sourceMappingURL=bundle-cdInBvCf.js.map
+//# sourceMappingURL=bundle-Dt0Ehz1U.js.map

package/cjs/chunks/bundle-Dt0Ehz1U.js.map

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

package/cjs/chunks/{bundle-r6yUb5Ka.js → bundle-Dt1ALnWb.js}

@@ -1,21 +1,21 @@
 'use strict';
 
-var _tslib = require('./bundle-0_XeBL9s.js');
+var _tslib = require('./bundle-Dtsa1X9i.js');
 var React = require('react');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
-var useLongPress = require('./bundle-lhYJWwkC.js');
-var LocalizationContext = require('./bundle-2mYNn3cL.js');
-var MediaQueryContext = require('./bundle-NlYqioOJ.js');
-var utils = require('./bundle-h5InIJAx.js');
-var index = require('./bundle-gCywzCVk.js');
-var ui_MessageStatus = require('./bundle-4Dfxs0kD.js');
+var useLongPress = require('./bundle-BGHVt4pv.js');
+var LocalizationContext = require('./bundle-DiOpJGh-.js');
+var MediaQueryContext = require('./bundle-BMtAL3gL.js');
+var utils = require('./bundle-BOxqoDK2.js');
+var index = require('./bundle-CsTxv_Ia.js');
+var ui_MessageStatus = require('./bundle-BwRgHhjl.js');
 var GroupChannel_components_TypingIndicator = require('../GroupChannel/components/TypingIndicator.js');
 var ui_Badge = require('../ui/Badge.js');
 var ui_ChannelAvatar = require('../ui/ChannelAvatar.js');
 var ui_Icon = require('../ui/Icon.js');
-var ui_Label = require('./bundle-y7M4yzjp.js');
+var ui_Label = require('./bundle-Cimaz2Wz.js');
 var ui_MentionUserLabel = require('../ui/MentionUserLabel.js');
-var ui_Modal = require('./bundle-21xpspuo.js');
+var ui_Modal = require('./bundle-DveQNuEW.js');
 var ui_TextButton = require('../ui/TextButton.js');
 
 var GroupChannelListItemView = function (_a) {
@@ -85,4 +85,4 @@ var GroupChannelListItemView = function (_a) {
 };
 
 exports.GroupChannelListItemView = GroupChannelListItemView;
-//# sourceMappingURL=bundle-r6yUb5Ka.js.map
+//# sourceMappingURL=bundle-Dt1ALnWb.js.map

package/cjs/chunks/bundle-Dt1ALnWb.js.map

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

package/cjs/chunks/{bundle-0_XeBL9s.js → bundle-Dtsa1X9i.js}

@@ -112,4 +112,4 @@ exports.__extends = __extends;
 exports.__generator = __generator;
 exports.__rest = __rest;
 exports.__spreadArray = __spreadArray;
-//# sourceMappingURL=bundle-0_XeBL9s.js.map
+//# sourceMappingURL=bundle-Dtsa1X9i.js.map

package/cjs/chunks/bundle-Dtsa1X9i.js.map

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

package/cjs/chunks/{bundle-21xpspuo.js → bundle-DveQNuEW.js}

@@ -1,24 +1,27 @@
 'use strict';
 
-var _tslib = require('./bundle-0_XeBL9s.js');
+var _tslib = require('./bundle-Dtsa1X9i.js');
 var React = require('react');
 var reactDom = require('react-dom');
-var utils = require('./bundle-h5InIJAx.js');
-var LocalizationContext = require('./bundle-2mYNn3cL.js');
-var MediaQueryContext = require('./bundle-NlYqioOJ.js');
+var utils = require('./bundle-BOxqoDK2.js');
+var LocalizationContext = require('./bundle-DiOpJGh-.js');
+var MediaQueryContext = require('./bundle-BMtAL3gL.js');
 var ui_IconButton = require('../ui/IconButton.js');
 var ui_Button = require('../ui/Button.js');
 var ui_Icon = require('../ui/Icon.js');
-var ui_Label = require('./bundle-y7M4yzjp.js');
+var ui_Label = require('./bundle-Cimaz2Wz.js');
 
 // simple component to be used as modal root
 var MODAL_ROOT = 'sendbird-modal-root';
 var ModalRoot = function () { return (React.createElement("div", { id: MODAL_ROOT, className: MODAL_ROOT })); };
 
 var ModalHeader = function (_a) {
-    var titleText = _a.titleText;
+    var titleText = _a.titleText, onCloseClick = _a.onCloseClick;
     return (React.createElement("div", { className: "sendbird-modal__header" },
-        React.createElement(ui_Label.Label, { type: ui_Label.LabelTypography.H_1, color: ui_Label.LabelColors.ONBACKGROUND_1 }, titleText)));
+        React.createElement(ui_Label.Label, { type: ui_Label.LabelTypography.H_1, color: ui_Label.LabelColors.ONBACKGROUND_1 }, titleText),
+        React.createElement("div", { className: "sendbird-modal__close" },
+            React.createElement(ui_IconButton, { width: "32px", height: "32px", onClick: onCloseClick },
+                React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.CLOSE, fillColor: ui_Icon.IconColors.DEFAULT, width: "24px", height: "24px" })))));
 };
 var ModalBody = function (_a) {
     var children = _a.children;
@@ -49,12 +52,9 @@ function Modal(props) {
         React.createElement("div", { className: _tslib.__spreadArray([
                 'sendbird-modal__content'
             ], (Array.isArray(contentClassName) ? contentClassName : [contentClassName]), true).join(' ') },
-            (renderHeader === null || renderHeader === void 0 ? void 0 : renderHeader()) || (React.createElement(ModalHeader, { titleText: titleText !== null && titleText !== void 0 ? titleText : '' })),
+            (renderHeader === null || renderHeader === void 0 ? void 0 : renderHeader()) || (React.createElement(ModalHeader, { titleText: titleText !== null && titleText !== void 0 ? titleText : '', onCloseClick: handleClose })),
             React.createElement(ModalBody, null, children),
-            !hideFooter && (customFooter !== null && customFooter !== void 0 ? customFooter : (React.createElement(ModalFooter, { disabled: disabled, onCancel: handleClose, onSubmit: onSubmit, submitText: submitText !== null && submitText !== void 0 ? submitText : '', type: type }))),
-            !isMobile && (React.createElement("div", { className: "sendbird-modal__close" },
-                React.createElement(ui_IconButton, { width: "32px", height: "32px", onClick: handleClose },
-                    React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.CLOSE, fillColor: ui_Icon.IconColors.DEFAULT, width: "24px", height: "24px" }))))),
+            !hideFooter && (customFooter !== null && customFooter !== void 0 ? customFooter : (React.createElement(ModalFooter, { disabled: disabled, onCancel: handleClose, onSubmit: onSubmit, submitText: submitText !== null && submitText !== void 0 ? submitText : '', type: type })))),
         React.createElement("div", { className: "\n          sendbird-modal__backdrop\n          ".concat(isCloseOnClickOutside && 'sendbird-modal__backdrop--clickoutside', "\n        "), onClick: function (e) {
                 e === null || e === void 0 ? void 0 : e.stopPropagation();
                 if (isCloseOnClickOutside) {
@@ -69,4 +69,4 @@ exports.ModalBody = ModalBody;
 exports.ModalFooter = ModalFooter;
 exports.ModalHeader = ModalHeader;
 exports.ModalRoot = ModalRoot;
-//# sourceMappingURL=bundle-21xpspuo.js.map
+//# sourceMappingURL=bundle-DveQNuEW.js.map

package/cjs/chunks/bundle-DveQNuEW.js.map

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

package/cjs/chunks/{bundle-jdpEXM9v.js → bundle-DxxDc_9W.js}

@@ -5,9 +5,9 @@ var ui_PlaybackTime = require('../ui/PlaybackTime.js');
 var ui_ProgressBar = require('../ui/ProgressBar.js');
 var ui_TextButton = require('../ui/TextButton.js');
 var ui_Icon = require('../ui/Icon.js');
-var ui_Label = require('./bundle-y7M4yzjp.js');
-var LocalizationContext = require('./bundle-2mYNn3cL.js');
-var consts = require('./bundle-0OVYmgjV.js');
+var ui_Label = require('./bundle-Cimaz2Wz.js');
+var LocalizationContext = require('./bundle-DiOpJGh-.js');
+var consts = require('./bundle-BNyi-HLe.js');
 
 /* eslint-disable no-redeclare */
 var VoiceMessageInputStatus = {
@@ -96,4 +96,4 @@ var VoiceMessageInput = function (_a) {
 
 exports.VoiceMessageInput = VoiceMessageInput;
 exports.VoiceMessageInputStatus = VoiceMessageInputStatus;
-//# sourceMappingURL=bundle-jdpEXM9v.js.map
+//# sourceMappingURL=bundle-DxxDc_9W.js.map

package/cjs/chunks/{bundle-jdpEXM9v.js.map → bundle-DxxDc_9W.js.map}

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

package/cjs/chunks/{bundle-PApDK3ev.js → bundle-IX2NQYwk.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var ui_Label = require('./bundle-y7M4yzjp.js');
+var ui_Label = require('./bundle-Cimaz2Wz.js');
 
 var getChannelTitle = function (channel, currentUserId, stringSet) {
     var _a;
@@ -24,4 +24,4 @@ var getChannelTitle = function (channel, currentUserId, stringSet) {
 };
 
 exports.getChannelTitle = getChannelTitle;
-//# sourceMappingURL=bundle-PApDK3ev.js.map
+//# sourceMappingURL=bundle-IX2NQYwk.js.map

package/cjs/chunks/bundle-IX2NQYwk.js.map

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

package/cjs/chunks/{bundle-tNBLsc90.js → bundle-a-KJqpeY.js}

@@ -1,18 +1,18 @@
 'use strict';
 
-var _tslib = require('./bundle-0_XeBL9s.js');
+var _tslib = require('./bundle-Dtsa1X9i.js');
 var React = require('react');
 var reactDom = require('react-dom');
-var LocalizationContext = require('./bundle-2mYNn3cL.js');
+var LocalizationContext = require('./bundle-DiOpJGh-.js');
 require('../hooks/useModal.js');
-var index = require('./bundle-gCywzCVk.js');
-var utils = require('./bundle-h5InIJAx.js');
-var ui_Avatar = require('./bundle-cdInBvCf.js');
-var ui_Label = require('./bundle-y7M4yzjp.js');
+var index = require('./bundle-CsTxv_Ia.js');
+var utils = require('./bundle-BOxqoDK2.js');
+var ui_Avatar = require('./bundle-Dt0Ehz1U.js');
+var ui_Label = require('./bundle-Cimaz2Wz.js');
 var ui_Icon = require('../ui/Icon.js');
-var consts = require('./bundle-0OVYmgjV.js');
-var useKeyDown = require('./bundle-4TLu25Dk.js');
-var ui_Modal = require('./bundle-21xpspuo.js');
+var consts = require('./bundle-BNyi-HLe.js');
+var useKeyDown = require('./bundle-iA0z-oXP.js');
+var ui_Modal = require('./bundle-DveQNuEW.js');
 
 // https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types/Complete_list_of_MIME_types
 var SUPPORTED_MIMES = {
@@ -149,4 +149,4 @@ exports.FileViewer = FileViewer;
 exports.FileViewerComponent = FileViewerComponent;
 exports.isImage = isImage;
 exports.isVideo = isVideo;
-//# sourceMappingURL=bundle-tNBLsc90.js.map
+//# sourceMappingURL=bundle-a-KJqpeY.js.map

package/cjs/chunks/bundle-a-KJqpeY.js.map

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

package/cjs/chunks/{bundle-dW6ZClWz.js → bundle-aYP0bwh_.js}

@@ -88,4 +88,4 @@ function throttle(callback, delay, options) {
 
 exports.throttle = throttle;
 exports.useThrottleCallback = useThrottleCallback;
-//# sourceMappingURL=bundle-dW6ZClWz.js.map
+//# sourceMappingURL=bundle-aYP0bwh_.js.map

package/cjs/chunks/bundle-aYP0bwh_.js.map

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

package/cjs/chunks/{bundle-4TLu25Dk.js → bundle-iA0z-oXP.js}

@@ -17,4 +17,4 @@ function useKeyDown(ref, keyDownCallbackMap) {
 }
 
 exports.useKeyDown = useKeyDown;
-//# sourceMappingURL=bundle-4TLu25Dk.js.map
+//# sourceMappingURL=bundle-iA0z-oXP.js.map

package/cjs/chunks/bundle-iA0z-oXP.js.map

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

package/cjs/chunks/{bundle-_MpChSYj.js → bundle-jG5ojZfP.js}

@@ -8,4 +8,4 @@ var Role = {
 };
 
 exports.Role = Role;
-//# sourceMappingURL=bundle-_MpChSYj.js.map
+//# sourceMappingURL=bundle-jG5ojZfP.js.map

package/cjs/chunks/bundle-jG5ojZfP.js.map

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