@sendbird/uikit-react 3.13.2 → 3.13.3

package/cjs/chunks/{bundle-qJ5-0bqN.js → bundle-CKC-b4Bw.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 var React = require('react');
-var _tslib = require('./bundle-BC16qA15.js');
-var consts = require('./bundle-DWp3JSCd.js');
+var _tslib = require('./bundle-B3Lu20wG.js');
+var consts = require('./bundle-BBS4PSSm.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
 
 var INITIALIZE_AUDIO_UNIT = 'INITIALIZE_AUDIO_UNIT';
@@ -249,4 +249,4 @@ exports.AudioUnitDefaultValue = AudioUnitDefaultValue;
 exports.VOICE_PLAYER_STATUS = VOICE_PLAYER_STATUS;
 exports.VoicePlayerProvider = VoicePlayerProvider;
 exports.useVoicePlayerContext = useVoicePlayerContext;
-//# sourceMappingURL=bundle-qJ5-0bqN.js.map
+//# sourceMappingURL=bundle-CKC-b4Bw.js.map

package/cjs/chunks/bundle-CKC-b4Bw.js.map

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

package/cjs/chunks/{bundle-WZOflhxA.js → bundle-CN0vR-TH.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./bundle-DLg-6Upp.js');
+var index = require('./bundle-DskQULoR.js');
 
 /**
  * @name startOfDay
@@ -63,4 +63,4 @@ function isSameDay(dirtyDateLeft, dirtyDateRight) {
 }
 
 exports.isSameDay = isSameDay;
-//# sourceMappingURL=bundle-WZOflhxA.js.map
+//# sourceMappingURL=bundle-CN0vR-TH.js.map

package/cjs/chunks/{bundle-WZOflhxA.js.map → bundle-CN0vR-TH.js.map}

@@ -1 +1 @@
-{"version":3,"file":"bundle-WZOflhxA.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-CN0vR-TH.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-CkG1F8lG.js → bundle-CQiNKK2y.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var _tslib = require('./bundle-BC16qA15.js');
+var _tslib = require('./bundle-B3Lu20wG.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-CkG1F8lG.js.map
+//# sourceMappingURL=bundle-CQiNKK2y.js.map

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

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

package/cjs/chunks/{bundle-Dj0eVVGW.js → bundle-CXDp72cg.js}

@@ -1,21 +1,21 @@
 'use strict';
 
-var _tslib = require('./bundle-BC16qA15.js');
+var _tslib = require('./bundle-B3Lu20wG.js');
 var React = require('react');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
-var useLongPress = require('./bundle-BkYT_Hch.js');
-var LocalizationContext = require('./bundle-BEQWEQgH.js');
-var MediaQueryContext = require('./bundle-CD82WkIi.js');
-var utils = require('./bundle-BQtI4UIy.js');
-var index = require('./bundle-DLgX_uIA.js');
-var ui_MessageStatus = require('./bundle-DIvM3-on.js');
+var useLongPress = require('./bundle-BNCNRHux.js');
+var LocalizationContext = require('./bundle-DvduWWQk.js');
+var MediaQueryContext = require('./bundle-1FXPxsfD.js');
+var utils = require('./bundle-Bc6y_vRE.js');
+var index = require('./bundle-Tx6vw4BY.js');
+var ui_MessageStatus = require('./bundle-Bpm6PJIl.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-BgCtP7V4.js');
+var ui_Label = require('./bundle-B-njjZtk.js');
 var ui_MentionUserLabel = require('../ui/MentionUserLabel.js');
-var ui_Modal = require('./bundle-D8ubAia5.js');
+var ui_Modal = require('./bundle-BJD09510.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-Dj0eVVGW.js.map
+//# sourceMappingURL=bundle-CXDp72cg.js.map

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

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

package/cjs/chunks/{bundle-BYp2_-p_.js → bundle-CXaKbxhR.js}

@@ -1,13 +1,14 @@
 'use strict';
 
 var React = require('react');
-var ui_Icon = require('../ui/Icon.js');
+var _tslib = require('./bundle-B3Lu20wG.js');
 var message = require('@sendbird/chat/message');
+var useSendbirdStateContext = require('../useSendbirdStateContext.js');
+var ui_Icon = require('../ui/Icon.js');
 var ui_ImageRenderer = require('../ui/ImageRenderer.js');
-var index = require('./bundle-DLgX_uIA.js');
-var ui_FileViewer = require('./bundle-DG1IpvjA.js');
-var index$1 = require('./bundle-Dj2Oa2F6.js');
-var _tslib = require('./bundle-BC16qA15.js');
+var index = require('./bundle-Tx6vw4BY.js');
+var ui_FileViewer = require('./bundle-DuHJq3hs.js');
+var index$1 = require('./bundle-HOuE7syZ.js');
 
 function ImageGrid(_a) {
     var _b;
@@ -56,8 +57,11 @@ var ThreadMessageKind = {
     CHILD: 'child',
 };
 function MultipleFilesMessageItemBody(_a) {
-    var className = _a.className, message$1 = _a.message, _b = _a.isReactionEnabled, isReactionEnabled = _b === void 0 ? false : _b, threadMessageKindKey = _a.threadMessageKindKey, _c = _a.statefulFileInfoList, statefulFileInfoList = _c === void 0 ? [] : _c;
-    var _d = React.useState(-1), currentFileViewerIndex = _d[0], setCurrentFileViewerIndex = _d[1];
+    var _this = this;
+    var _b, _c;
+    var className = _a.className, message$1 = _a.message, _d = _a.isReactionEnabled, isReactionEnabled = _d === void 0 ? false : _d, threadMessageKindKey = _a.threadMessageKindKey, _e = _a.statefulFileInfoList, statefulFileInfoList = _e === void 0 ? [] : _e, _f = _a.onBeforeDownloadFileMessage, onBeforeDownloadFileMessage = _f === void 0 ? null : _f;
+    var logger = (_c = (_b = useSendbirdStateContext.useSendbirdStateContext === null || useSendbirdStateContext.useSendbirdStateContext === void 0 ? void 0 : useSendbirdStateContext.useSendbirdStateContext()) === null || _b === void 0 ? void 0 : _b.config) === null || _c === void 0 ? void 0 : _c.logger;
+    var _g = React.useState(-1), currentFileViewerIndex = _g[0], setCurrentFileViewerIndex = _g[1];
     function onClose() {
         setCurrentFileViewerIndex(-1);
     }
@@ -68,7 +72,34 @@ function MultipleFilesMessageItemBody(_a) {
         setCurrentFileViewerIndex(currentFileViewerIndex === statefulFileInfoList.length - 1 ? 0 : currentFileViewerIndex + 1);
     }
     return (threadMessageKindKey && (React.createElement(React.Fragment, null,
-        currentFileViewerIndex > -1 && (React.createElement(ui_FileViewer.FileViewer, { message: message$1, statefulFileInfoList: statefulFileInfoList, currentIndex: currentFileViewerIndex, onClickLeft: onClickLeft, onClickRight: onClickRight, onClose: onClose })),
+        currentFileViewerIndex > -1 && (React.createElement(ui_FileViewer.FileViewer, { message: message$1, statefulFileInfoList: statefulFileInfoList, currentIndex: currentFileViewerIndex, onClickLeft: onClickLeft, onClickRight: onClickRight, onClose: onClose, onDownloadClick: function (e) { return _tslib.__awaiter(_this, void 0, void 0, function () {
+                var allowDownload, err_1;
+                var _a, _b;
+                return _tslib.__generator(this, function (_c) {
+                    switch (_c.label) {
+                        case 0:
+                            if (!onBeforeDownloadFileMessage) {
+                                return [2 /*return*/, null];
+                            }
+                            _c.label = 1;
+                        case 1:
+                            _c.trys.push([1, 3, , 4]);
+                            return [4 /*yield*/, onBeforeDownloadFileMessage({ message: message$1, index: currentFileViewerIndex })];
+                        case 2:
+                            allowDownload = _c.sent();
+                            if (!allowDownload) {
+                                e.preventDefault();
+                                (_a = logger === null || logger === void 0 ? void 0 : logger.info) === null || _a === void 0 ? void 0 : _a.call(logger, 'MultipleFilesMessageItemBody: Not allowed to download.');
+                            }
+                            return [3 /*break*/, 4];
+                        case 3:
+                            err_1 = _c.sent();
+                            (_b = logger === null || logger === void 0 ? void 0 : logger.error) === null || _b === void 0 ? void 0 : _b.call(logger, 'MultipleFilesMessageItemBody: Error occurred while determining download continuation:', err_1);
+                            return [3 /*break*/, 4];
+                        case 4: return [2 /*return*/];
+                    }
+                });
+            }); } })),
         React.createElement(ImageGrid, { className: className, message: message$1, isReactionEnabled: isReactionEnabled }, statefulFileInfoList.map(function (fileInfo, index$1) {
             var _a, _b, _c;
             return (React.createElement("div", { className: "sendbird-multiple-files-image-renderer-wrapper", onClick: message$1.sendingStatus === message.SendingStatus.SUCCEEDED ? function () { return setCurrentFileViewerIndex(index$1); } : undefined, key: "sendbird-multiple-files-image-renderer-".concat(index$1, "-").concat(fileInfo.url) },
@@ -150,4 +181,4 @@ exports.MultipleFilesMessageItemBody = MultipleFilesMessageItemBody;
 exports.ThreadMessageKind = ThreadMessageKind;
 exports.useFileInfoListWithUploaded = useFileInfoListWithUploaded;
 exports.useThreadMessageKindKeySelector = useThreadMessageKindKeySelector;
-//# sourceMappingURL=bundle-BYp2_-p_.js.map
+//# sourceMappingURL=bundle-CXaKbxhR.js.map

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

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

package/cjs/chunks/{bundle-CJ87J3R1.js → bundle-CbATYgnP.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var index$1 = require('./bundle-DLgX_uIA.js');
-var index = require('./bundle-Dj2Oa2F6.js');
+var index$1 = require('./bundle-Tx6vw4BY.js');
+var index = require('./bundle-HOuE7syZ.js');
 
 function getModalDeleteMessageTitle(stringSet, message) {
     return index.K(message)
@@ -15,4 +15,4 @@ function getModalDeleteMessageTitle(stringSet, message) {
 }
 
 exports.getModalDeleteMessageTitle = getModalDeleteMessageTitle;
-//# sourceMappingURL=bundle-CJ87J3R1.js.map
+//# sourceMappingURL=bundle-CbATYgnP.js.map

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

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

package/cjs/chunks/{bundle-RH9DajrH.js → bundle-CfEubbCT.js}

@@ -3,7 +3,7 @@
 var React = require('react');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
 var GroupChannel_components_TypingIndicator = require('../GroupChannel/components/TypingIndicator.js');
-var types = require('./bundle-CjWn0S2s.js');
+var types = require('./bundle-BXEAjuTY.js');
 var ui_ConnectionStatus = require('../ui/ConnectionStatus.js');
 var ui_PlaceHolder = require('../ui/PlaceHolder.js');
 
@@ -42,4 +42,4 @@ var GroupChannelUIView = function (props) {
 };
 
 exports.GroupChannelUIView = GroupChannelUIView;
-//# sourceMappingURL=bundle-RH9DajrH.js.map
+//# sourceMappingURL=bundle-CfEubbCT.js.map

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

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

package/cjs/chunks/{bundle-CfYRwgks.js → bundle-CfRX00vQ.js}

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

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

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

package/cjs/chunks/{bundle-BTsTFHLV.js → bundle-ChQ3Q-GS.js}

@@ -2,12 +2,12 @@
 
 var React = require('react');
 var DOMPurify = require('dompurify');
-var _const = require('./bundle-BfzgaLQx.js');
-var _const$1 = require('./bundle-BruXgSj3.js');
-var _tslib = require('./bundle-BC16qA15.js');
-var consts = require('./bundle-D9rC4yPj.js');
-var consts$2 = require('./bundle-D1EDPlQX.js');
-var consts$1 = require('./bundle-CwGDa8mu.js');
+var _const = require('./bundle-D_RomXCz.js');
+var _const$1 = require('./bundle-P5AI1HkP.js');
+var _tslib = require('./bundle-B3Lu20wG.js');
+var consts = require('./bundle-DKspFBdx.js');
+var consts$2 = require('./bundle-BO1-msX2.js');
+var consts$1 = require('./bundle-DIfKPcm_.js');
 
 function renderToString(_a) {
     var userId = _a.userId, nickname = _a.nickname;
@@ -249,4 +249,4 @@ exports.nodeListToArray = nodeListToArray;
 exports.renderToString = renderToString;
 exports.sanitizeString = sanitizeString;
 exports.usePaste = usePaste;
-//# sourceMappingURL=bundle-BTsTFHLV.js.map
+//# sourceMappingURL=bundle-ChQ3Q-GS.js.map

package/cjs/chunks/bundle-ChQ3Q-GS.js.map

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

package/cjs/chunks/{bundle-UJc1wb2l.js → bundle-CncTMWLv.js}

@@ -2,10 +2,10 @@
 
 var React = require('react');
 var ui_ContextMenu = require('../ui/ContextMenu.js');
-var index = require('./bundle-DLgX_uIA.js');
-var LocalizationContext = require('./bundle-BEQWEQgH.js');
+var index = require('./bundle-Tx6vw4BY.js');
+var LocalizationContext = require('./bundle-DvduWWQk.js');
 var ui_Icon = require('../ui/Icon.js');
-var ui_Label = require('./bundle-BgCtP7V4.js');
+var ui_Label = require('./bundle-B-njjZtk.js');
 var ui_BottomSheet = require('../ui/BottomSheet.js');
 var ui_ImageRenderer = require('../ui/ImageRenderer.js');
 var ui_ReactionButton = require('../ui/ReactionButton.js');
@@ -13,7 +13,7 @@ var useSendbirdStateContext = require('../useSendbirdStateContext.js');
 
 var MobileContextMenu = function (props) {
     var _a, _b, _c;
-    var hideMenu = props.hideMenu, channel = props.channel, message = props.message, replyType = props.replyType, userId = props.userId, resendMessage = props.resendMessage, showEdit = props.showEdit, showRemove = props.showRemove, deleteMenuState = props.deleteMenuState, deleteMessage = props.deleteMessage, setQuoteMessage = props.setQuoteMessage, parentRef = props.parentRef, onReplyInThread = props.onReplyInThread, _d = props.isOpenedFromThread, isOpenedFromThread = _d === void 0 ? false : _d;
+    var hideMenu = props.hideMenu, channel = props.channel, message = props.message, replyType = props.replyType, userId = props.userId, resendMessage = props.resendMessage, showEdit = props.showEdit, showRemove = props.showRemove, deleteMenuState = props.deleteMenuState, deleteMessage = props.deleteMessage, setQuoteMessage = props.setQuoteMessage, parentRef = props.parentRef, onReplyInThread = props.onReplyInThread, _d = props.isOpenedFromThread, isOpenedFromThread = _d === void 0 ? false : _d, _e = props.onDownloadClick, onDownloadClick = _e === void 0 ? null : _e;
     var isByMe = ((_a = message === null || message === void 0 ? void 0 : message.sender) === null || _a === void 0 ? void 0 : _a.userId) === userId;
     var stringSet = LocalizationContext.useLocalization().stringSet;
     var showMenuItemCopy = index.isUserMessage(message);
@@ -92,7 +92,7 @@ var MobileContextMenu = function (props) {
                 showMenuItemDownload && (React.createElement(ui_ContextMenu.MenuItem, { className: "sendbird-message__mobile-context-menu-item menu-item-save", onClick: function () {
                         hideMenu();
                     }, dataSbId: "ui_mobile_message_item_menu_download_file" },
-                    React.createElement("a", { className: "sendbird-message__contextmenu--hyperlink", rel: "noopener noreferrer", href: fileMessage === null || fileMessage === void 0 ? void 0 : fileMessage.url, target: "_blank" },
+                    React.createElement("a", { className: "sendbird-message__contextmenu--hyperlink", rel: "noopener noreferrer", href: fileMessage === null || fileMessage === void 0 ? void 0 : fileMessage.url, target: "_blank", onClick: onDownloadClick },
                         React.createElement(ui_Label.Label, { type: ui_Label.LabelTypography.SUBTITLE_1, color: ui_Label.LabelColors.ONBACKGROUND_1 }, stringSet.MESSAGE_MENU__SAVE),
                         React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.DOWNLOAD, fillColor: ui_Icon.IconColors.PRIMARY, width: "24px", height: "24px" }))))));
         } }));
@@ -101,7 +101,7 @@ var MobileContextMenu = function (props) {
 var EMOJI_SIZE = 38;
 var MobileBottomSheet = function (props) {
     var _a, _b, _c;
-    var hideMenu = props.hideMenu, channel = props.channel, emojiContainer = props.emojiContainer, message = props.message, replyType = props.replyType, userId = props.userId, resendMessage = props.resendMessage, deleteMessage = props.deleteMessage, toggleReaction = props.toggleReaction, isReactionEnabled = props.isReactionEnabled, showEdit = props.showEdit, showRemove = props.showRemove, deleteMenuState = props.deleteMenuState, setQuoteMessage = props.setQuoteMessage, onReplyInThread = props.onReplyInThread, _d = props.isOpenedFromThread, isOpenedFromThread = _d === void 0 ? false : _d;
+    var hideMenu = props.hideMenu, channel = props.channel, emojiContainer = props.emojiContainer, message = props.message, replyType = props.replyType, userId = props.userId, resendMessage = props.resendMessage, deleteMessage = props.deleteMessage, toggleReaction = props.toggleReaction, isReactionEnabled = props.isReactionEnabled, showEdit = props.showEdit, showRemove = props.showRemove, deleteMenuState = props.deleteMenuState, setQuoteMessage = props.setQuoteMessage, onReplyInThread = props.onReplyInThread, _d = props.isOpenedFromThread, isOpenedFromThread = _d === void 0 ? false : _d, onDownloadClick = props.onDownloadClick;
     var isByMe = ((_a = message === null || message === void 0 ? void 0 : message.sender) === null || _a === void 0 ? void 0 : _a.userId) === userId;
     var stringSet = LocalizationContext.useLocalization().stringSet;
     var globalStore = useSendbirdStateContext.useSendbirdStateContext();
@@ -215,16 +215,16 @@ var MobileBottomSheet = function (props) {
                 showMenuItemDownload && (React.createElement("div", { className: 'sendbird-message__bottomsheet--action', onClick: function () {
                         hideMenu();
                     } },
-                    React.createElement("a", { className: "sendbird-message__bottomsheet--hyperlink", rel: "noopener noreferrer", href: fileMessage === null || fileMessage === void 0 ? void 0 : fileMessage.url, target: "_blank" },
+                    React.createElement("a", { className: "sendbird-message__bottomsheet--hyperlink", rel: "noopener noreferrer", href: fileMessage === null || fileMessage === void 0 ? void 0 : fileMessage.url, target: "_blank", onClick: onDownloadClick },
                         React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.DOWNLOAD, fillColor: ui_Icon.IconColors.PRIMARY, width: "24px", height: "24px" }),
                         React.createElement(ui_Label.Label, { type: ui_Label.LabelTypography.SUBTITLE_1, color: ui_Label.LabelColors.ONBACKGROUND_1 }, stringSet === null || stringSet === void 0 ? void 0 : stringSet.MESSAGE_MENU__SAVE)))))))));
 };
 
 var MobileMenu = function (props) {
-    var message = props.message, hideMenu = props.hideMenu, userId = props.userId, channel = props.channel, _a = props.isReactionEnabled, isReactionEnabled = _a === void 0 ? false : _a, isByMe = props.isByMe, replyType = props.replyType, disabled = props.disabled, deleteMenuState = props.deleteMenuState, showRemove = props.showRemove, showEdit = props.showEdit, resendMessage = props.resendMessage, deleteMessage = props.deleteMessage, setQuoteMessage = props.setQuoteMessage, emojiContainer = props.emojiContainer, toggleReaction = props.toggleReaction, parentRef = props.parentRef, onReplyInThread = props.onReplyInThread, isOpenedFromThread = props.isOpenedFromThread;
+    var message = props.message, hideMenu = props.hideMenu, userId = props.userId, channel = props.channel, _a = props.isReactionEnabled, isReactionEnabled = _a === void 0 ? false : _a, isByMe = props.isByMe, replyType = props.replyType, disabled = props.disabled, deleteMenuState = props.deleteMenuState, showRemove = props.showRemove, showEdit = props.showEdit, resendMessage = props.resendMessage, deleteMessage = props.deleteMessage, setQuoteMessage = props.setQuoteMessage, emojiContainer = props.emojiContainer, toggleReaction = props.toggleReaction, parentRef = props.parentRef, onReplyInThread = props.onReplyInThread, isOpenedFromThread = props.isOpenedFromThread, onDownloadClick = props.onDownloadClick;
     return (React.createElement(React.Fragment, null, isReactionEnabled
-        ? (React.createElement(MobileBottomSheet, { channel: channel, message: message, hideMenu: hideMenu, isByMe: isByMe, userId: userId, replyType: replyType, disabled: disabled, showRemove: showRemove, showEdit: showEdit, deleteMenuState: deleteMenuState, resendMessage: resendMessage, deleteMessage: deleteMessage, setQuoteMessage: setQuoteMessage, emojiContainer: emojiContainer, toggleReaction: toggleReaction, isReactionEnabled: isReactionEnabled, onReplyInThread: onReplyInThread, isOpenedFromThread: isOpenedFromThread })) : (React.createElement(MobileContextMenu, { channel: channel, userId: userId, message: message, hideMenu: hideMenu, isByMe: isByMe, showEdit: showEdit, replyType: replyType, disabled: disabled, deleteMenuState: deleteMenuState, showRemove: showRemove, resendMessage: resendMessage, deleteMessage: deleteMessage, setQuoteMessage: setQuoteMessage, parentRef: parentRef, onReplyInThread: onReplyInThread, isOpenedFromThread: isOpenedFromThread }))));
+        ? (React.createElement(MobileBottomSheet, { channel: channel, message: message, hideMenu: hideMenu, isByMe: isByMe, userId: userId, replyType: replyType, disabled: disabled, showRemove: showRemove, showEdit: showEdit, deleteMenuState: deleteMenuState, resendMessage: resendMessage, deleteMessage: deleteMessage, setQuoteMessage: setQuoteMessage, emojiContainer: emojiContainer, toggleReaction: toggleReaction, isReactionEnabled: isReactionEnabled, onReplyInThread: onReplyInThread, isOpenedFromThread: isOpenedFromThread, onDownloadClick: onDownloadClick })) : (React.createElement(MobileContextMenu, { channel: channel, userId: userId, message: message, hideMenu: hideMenu, isByMe: isByMe, showEdit: showEdit, replyType: replyType, disabled: disabled, deleteMenuState: deleteMenuState, showRemove: showRemove, resendMessage: resendMessage, deleteMessage: deleteMessage, setQuoteMessage: setQuoteMessage, parentRef: parentRef, onReplyInThread: onReplyInThread, isOpenedFromThread: isOpenedFromThread, onDownloadClick: onDownloadClick }))));
 };
 
 exports.MobileMenu = MobileMenu;
-//# sourceMappingURL=bundle-UJc1wb2l.js.map
+//# sourceMappingURL=bundle-CncTMWLv.js.map

package/cjs/chunks/{bundle-UJc1wb2l.js.map → bundle-CncTMWLv.js.map}

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

package/cjs/chunks/{bundle-B2QAlKH1.js → bundle-CoTIkHcU.js}

@@ -1,10 +1,10 @@
 'use strict';
 
 var React = require('react');
-var pubSub_topics = require('./bundle-DgX9o5Mt.js');
-var utils = require('./bundle-DqysFYzQ.js');
+var pubSub_topics = require('./bundle-DcVYwXP-.js');
+var utils = require('./bundle-VIGS3UfE.js');
 require('../utils/message/getOutgoingMessageState.js');
-var consts = require('./bundle-DWp3JSCd.js');
+var consts = require('./bundle-BBS4PSSm.js');
 
 var getNicknamesMapFromMembers = function (members) {
     if (members === void 0) { members = []; }
@@ -176,4 +176,4 @@ exports.getParentMessageFrom = getParentMessageFrom;
 exports.isAboutSame = isAboutSame;
 exports.scrollIntoLast = scrollIntoLast;
 exports.useSendMultipleFilesMessage = useSendMultipleFilesMessage;
-//# sourceMappingURL=bundle-B2QAlKH1.js.map
+//# sourceMappingURL=bundle-CoTIkHcU.js.map

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

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

package/cjs/chunks/{bundle-Bln5Elhn.js → bundle-CqTg15Dn.js}

@@ -10,4 +10,4 @@ function getIsReactionEnabled(_a) {
 }
 
 exports.getIsReactionEnabled = getIsReactionEnabled;
-//# sourceMappingURL=bundle-Bln5Elhn.js.map
+//# sourceMappingURL=bundle-CqTg15Dn.js.map

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

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

package/cjs/chunks/{bundle-D_4vATFJ.js → bundle-D1mv8BUm.js}

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

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

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

package/cjs/chunks/{bundle-CwGDa8mu.js → bundle-DIfKPcm_.js}

@@ -3,4 +3,4 @@
 var OG_MESSAGE_BODY_CLASSNAME = 'sendbird-og-message-item-body__text-bubble';
 
 exports.OG_MESSAGE_BODY_CLASSNAME = OG_MESSAGE_BODY_CLASSNAME;
-//# sourceMappingURL=bundle-CwGDa8mu.js.map
+//# sourceMappingURL=bundle-DIfKPcm_.js.map

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

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

package/cjs/chunks/{bundle-D9rC4yPj.js → bundle-DKspFBdx.js}

@@ -3,4 +3,4 @@
 var MENTION_USER_LABEL_CLASSNAME = 'sendbird-mention-user-label';
 
 exports.MENTION_USER_LABEL_CLASSNAME = MENTION_USER_LABEL_CLASSNAME;
-//# sourceMappingURL=bundle-D9rC4yPj.js.map
+//# sourceMappingURL=bundle-DKspFBdx.js.map

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

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

package/cjs/chunks/{bundle-D-izgOCe.js → bundle-DOmB6XkC.js}

@@ -6,17 +6,17 @@ 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-BC16qA15.js');
+var _tslib = require('./bundle-B3Lu20wG.js');
 var SendbirdChat = require('@sendbird/chat');
-var ui_Modal = require('./bundle-D8ubAia5.js');
+var ui_Modal = require('./bundle-BJD09510.js');
 var ui_UserListItem = require('../ui/UserListItem.js');
-var utils = require('./bundle-BQtI4UIy.js');
+var utils = require('./bundle-Bc6y_vRE.js');
 var ChannelSettings_context = require('../ChannelSettings/context.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
-var LocalizationContext = require('./bundle-BEQWEQgH.js');
-var index = require('./bundle--Ti8q5z8.js');
-require('./bundle-BgCtP7V4.js');
-var uuid = require('./bundle-BO2p70mH.js');
+var LocalizationContext = require('./bundle-DvduWWQk.js');
+var index = require('./bundle-DRT94QO5.js');
+require('./bundle-B-njjZtk.js');
+var uuid = require('./bundle-S09sS9Ub.js');
 
 function MembersModal(_a) {
     var _this = this;
@@ -26,7 +26,7 @@ function MembersModal(_a) {
     var _d = React.useState(null), memberQuery = _d[0], setMemberQuery = _d[1];
     var channel = ChannelSettings_context.useChannelSettingsContext().channel;
     var state = useSendbirdStateContext.useSendbirdStateContext();
-    var currentUser = (_b = state === null || state === void 0 ? void 0 : state.config) === null || _b === void 0 ? void 0 : _b.userId;
+    var currentUserId = (_b = state === null || state === void 0 ? void 0 : state.config) === null || _b === void 0 ? void 0 : _b.userId;
     var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
     React.useEffect(function () {
         var memberListQuery = channel === null || channel === void 0 ? void 0 : channel.createMemberListQuery({
@@ -52,50 +52,52 @@ function MembersModal(_a) {
                             return [2 /*return*/];
                         });
                     }); },
-                }) }, 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.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.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)),
-                            React.createElement(ui_ContextMenu.MenuItem, { onClick: function () {
-                                    channel === null || channel === void 0 ? void 0 : channel.banUser(member, -1, '').then(function () {
-                                        setMembers(members.filter(function (_a) {
-                                            var userId = _a.userId;
-                                            return userId !== member.userId;
+                }) }, members.map(function (member) {
+                return (React.createElement(ui_UserListItem, { user: member, key: member.userId, currentUser: currentUserId, 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' && currentUserId !== member.userId && (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.OperatorMenuItem, { channel: channel, user: member, disable: currentUserId === 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;
                                         }));
-                                    });
-                                }, dataSbId: "channel_setting_member_context_menu_ban" }, stringSet.CHANNEL_SETTING__MODERATION__BAN))); } }))));
-                } })); })))));
+                                        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.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)),
+                                React.createElement(ui_ContextMenu.MenuItem, { onClick: function () {
+                                        channel === null || channel === void 0 ? void 0 : channel.banUser(member, -1, '').then(function () {
+                                            setMembers(members.filter(function (_a) {
+                                                var userId = _a.userId;
+                                                return userId !== member.userId;
+                                            }));
+                                        });
+                                    }, dataSbId: "channel_setting_member_context_menu_ban" }, stringSet.CHANNEL_SETTING__MODERATION__BAN))); } }))));
+                    } }));
+            })))));
 }
 
 function InviteUsers(_a) {
@@ -281,4 +283,4 @@ var MemberList = function () {
 };
 
 exports.MemberList = MemberList;
-//# sourceMappingURL=bundle-D-izgOCe.js.map
+//# sourceMappingURL=bundle-DOmB6XkC.js.map

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

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

package/cjs/chunks/{bundle--Ti8q5z8.js → bundle-DRT94QO5.js}

@@ -1,10 +1,10 @@
 'use strict';
 
 var React = require('react');
-var consts = require('./bundle-DWp3JSCd.js');
-var utils = require('./bundle-DqysFYzQ.js');
+var consts = require('./bundle-BBS4PSSm.js');
+var utils = require('./bundle-VIGS3UfE.js');
 var uikitTools = require('@sendbird/uikit-tools');
-var useThrottleCallback = require('./bundle-udIHWjxi.js');
+var useThrottleCallback = require('./bundle-vxdq428L.js');
 
 var BUFFER_DELAY = 100;
 function useOnScrollPositionChangeDetector(params) {
@@ -57,4 +57,4 @@ function useOnScrollPositionChangeDetectorWithRef(scrollRef, params) {
 
 exports.useOnScrollPositionChangeDetector = useOnScrollPositionChangeDetector;
 exports.useOnScrollPositionChangeDetectorWithRef = useOnScrollPositionChangeDetectorWithRef;
-//# sourceMappingURL=bundle--Ti8q5z8.js.map
+//# sourceMappingURL=bundle-DRT94QO5.js.map

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

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

package/cjs/chunks/{bundle-BfzgaLQx.js → bundle-D_RomXCz.js}

@@ -19,4 +19,4 @@ var NodeNames = {
 exports.MessageInputKeys = MessageInputKeys;
 exports.NodeNames = NodeNames;
 exports.NodeTypes = NodeTypes;
-//# sourceMappingURL=bundle-BfzgaLQx.js.map
+//# sourceMappingURL=bundle-D_RomXCz.js.map

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

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

package/cjs/chunks/{bundle-B-wprLUV.js → bundle-D_qbYkHk.js}

@@ -485,4 +485,4 @@ var locale = {
 var defaultLocale = locale;
 
 exports.defaultLocale = defaultLocale;
-//# sourceMappingURL=bundle-B-wprLUV.js.map
+//# sourceMappingURL=bundle-D_qbYkHk.js.map