@sendbird/uikit-react 3.14.5 → 3.14.6

package/cjs/chunks/bundle-OWb8eJt-.js

@@ -0,0 +1,22 @@
+'use strict';
+
+var _tslib = require('./bundle-eTYC1RPT.js');
+var React = require('react');
+var stringSet = require('./bundle-BNMoxGCr.js');
+var index = require('./bundle-1A4pOyri.js');
+
+var LocalizationContextDefault = {
+    stringSet: stringSet.getStringSet('en'),
+    dateLocale: index.defaultLocale,
+};
+var LocalizationContext = React.createContext(LocalizationContextDefault);
+var LocalizationProvider = function (props) {
+    var children = props.children;
+    return React.createElement(LocalizationContext.Provider, { value: _tslib.__assign(_tslib.__assign({}, LocalizationContextDefault), props) }, children);
+};
+var useLocalization = function () { return React.useContext(LocalizationContext); };
+
+exports.LocalizationContext = LocalizationContext;
+exports.LocalizationProvider = LocalizationProvider;
+exports.useLocalization = useLocalization;
+//# sourceMappingURL=bundle-OWb8eJt-.js.map

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

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

package/cjs/chunks/{bundle-glVs_8wY.js → bundle-RUFiV4i0.js}

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

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

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

package/cjs/chunks/{bundle-CL-vjR4o.js → bundle-TEjGhclf.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./bundle-CjYhSLRD.js');
+var index = require('./bundle-Cd-3W3UM.js');
 
 /**
  * @name startOfDay
@@ -63,4 +63,4 @@ function isSameDay(dirtyDateLeft, dirtyDateRight) {
 }
 
 exports.isSameDay = isSameDay;
-//# sourceMappingURL=bundle-CL-vjR4o.js.map
+//# sourceMappingURL=bundle-TEjGhclf.js.map

package/cjs/chunks/{bundle-CL-vjR4o.js.map → bundle-TEjGhclf.js.map}

@@ -1 +1 @@
-{"version":3,"file":"bundle-CL-vjR4o.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-TEjGhclf.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-Ub33KGva.js → bundle-YRiE_c63.js}

@@ -12,4 +12,4 @@ var uuidv4 = function () { return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace
 }); };
 
 exports.uuidv4 = uuidv4;
-//# sourceMappingURL=bundle-Ub33KGva.js.map
+//# sourceMappingURL=bundle-YRiE_c63.js.map

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

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

package/cjs/chunks/{bundle-BiTKgXrx.js → bundle-ZjYFUjTH.js}

@@ -1,52 +1,49 @@
 'use strict';
 
-var _tslib = require('./bundle-C-r9vRgc.js');
+var _tslib = require('./bundle-eTYC1RPT.js');
 var React = require('react');
-var utils = require('./bundle-DvpCzVKY.js');
+var utils = require('./bundle-CHvJg3bD.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
-var LocalizationContext = require('./bundle-B7wJ4Hqk.js');
+var LocalizationContext = require('./bundle-OWb8eJt-.js');
 var GroupChannel_components_SuggestedMentionList = require('../GroupChannel/components/SuggestedMentionList.js');
 var Message_hooks_useDirtyGetMentions = require('../Message/hooks/useDirtyGetMentions.js');
 var ui_QuoteMessageInput = require('../ui/QuoteMessageInput.js');
 var VoicePlayer_useVoicePlayer = require('../VoicePlayer/useVoicePlayer.js');
 var VoiceRecorder_useVoiceRecorder = require('../VoiceRecorder/useVoiceRecorder.js');
-var ui_VoiceMessageInput = require('./bundle-DGJX80zy.js');
-var ui_Modal = require('./bundle-DJ9gapN2.js');
+var ui_VoiceMessageInput = require('./bundle-D1mguvwi.js');
+var ui_Modal = require('./bundle-DW8u-n3u.js');
 var ui_Button = require('../ui/Button.js');
-var consts = require('./bundle-Ca7xeBTO.js');
-var VoicePlayer_context = require('./bundle-BAqFIbKr.js');
-var uuid = require('./bundle-Ub33KGva.js');
+var VoicePlayer_context = require('./bundle-CW2oMonb.js');
+var uuid = require('./bundle-YRiE_c63.js');
 var ui_MessageInput = require('../ui/MessageInput.js');
-var MediaQueryContext = require('./bundle-CLNUkVC8.js');
-var _const = require('./bundle-C4UzGGy_.js');
-var index = require('./bundle-Cw7xe6J1.js');
-require('./bundle-Deao1Upp.js');
-var compressImages = require('./bundle-cl2q8NwQ.js');
+var MediaQueryContext = require('./bundle-OIKGVRus.js');
+var _const = require('./bundle-wz_O1vyk.js');
+var index = require('./bundle-DrYI_bNa.js');
+require('./bundle-DY5rfl6W.js');
+var compressImages = require('./bundle-C1YuUjH3.js');
 
 var VoiceMessageInputWrapper = function (_a) {
-    var _b;
     var channel = _a.channel, onCancelClick = _a.onCancelClick, onSubmitClick = _a.onSubmitClick;
     var uuid$1 = React.useRef(uuid.uuidv4()).current;
-    var _c = React.useState(null), audioFile = _c[0], setAudioFile = _c[1];
-    var _d = React.useState(ui_VoiceMessageInput.VoiceMessageInputStatus.READY_TO_RECORD), voiceInputState = _d[0], setVoiceInputState = _d[1];
-    var _e = React.useState(false), isSubmitted = _e[0], setSubmit = _e[1];
-    var _f = React.useState(false), isDisabled = _f[0], setDisabled = _f[1];
-    var _g = React.useState(false), showModal = _g[0], setShowModal = _g[1];
+    var _b = React.useState(null), audioFile = _b[0], setAudioFile = _b[1];
+    var _c = React.useState(ui_VoiceMessageInput.VoiceMessageInputStatus.READY_TO_RECORD), voiceInputState = _c[0], setVoiceInputState = _c[1];
+    var _d = React.useState(false), isSubmitted = _d[0], setSubmit = _d[1];
+    var _e = React.useState(false), isDisabled = _e[0], setDisabled = _e[1];
+    var _f = React.useState(false), showModal = _f[0], setShowModal = _f[1];
     var stringSet = LocalizationContext.useLocalization().stringSet;
     var config = useSendbirdStateContext.useSendbirdStateContext().config;
-    var minRecordingTime = ((_b = config === null || config === void 0 ? void 0 : config.voiceRecord) === null || _b === void 0 ? void 0 : _b.minRecordingTime) || consts.VOICE_RECORDER_DEFAULT_MIN;
-    var _h = VoiceRecorder_useVoiceRecorder.useVoiceRecorder({
+    var _g = VoiceRecorder_useVoiceRecorder.useVoiceRecorder({
         onRecordingStarted: function () {
             setVoiceInputState(ui_VoiceMessageInput.VoiceMessageInputStatus.RECORDING);
         },
         onRecordingEnded: function (audioFile) {
             setAudioFile(audioFile);
         },
-    }), start = _h.start, stop = _h.stop, cancel = _h.cancel, recordingTime = _h.recordingTime, recordingStatus = _h.recordingStatus, recordingLimit = _h.recordingLimit;
+    }), start = _g.start, stop = _g.stop, cancel = _g.cancel, recordingTime = _g.recordingTime, recordingStatus = _g.recordingStatus, recordingLimit = _g.recordingLimit;
     var voicePlayer = VoicePlayer_useVoicePlayer.useVoicePlayer({
         channelUrl: channel === null || channel === void 0 ? void 0 : channel.url,
         key: uuid$1,
-        audioFile: audioFile,
+        audioFile: audioFile !== null && audioFile !== void 0 ? audioFile : undefined,
     });
     var play = voicePlayer.play, pause = voicePlayer.pause, playbackTime = voicePlayer.playbackTime, playingStatus = voicePlayer.playingStatus;
     var stopVoicePlayer = voicePlayer.stop;
@@ -62,7 +59,7 @@ var VoiceMessageInputWrapper = function (_a) {
     // call onSubmitClick when submit button is clicked and recorded audio file is created
     React.useEffect(function () {
         if (isSubmitted && audioFile) {
-            onSubmitClick(audioFile, recordingTime);
+            onSubmitClick === null || onSubmitClick === void 0 ? void 0 : onSubmitClick(audioFile, recordingTime);
             setSubmit(false);
             setAudioFile(null);
         }
@@ -70,7 +67,7 @@ var VoiceMessageInputWrapper = function (_a) {
     // operate which control button should be displayed
     React.useEffect(function () {
         if (audioFile) {
-            if (recordingTime < minRecordingTime) {
+            if (recordingTime < config.voiceRecord.minRecordingTime) {
                 setVoiceInputState(ui_VoiceMessageInput.VoiceMessageInputStatus.READY_TO_RECORD);
                 setAudioFile(null);
             }
@@ -84,7 +81,7 @@ var VoiceMessageInputWrapper = function (_a) {
     }, [audioFile, recordingTime, playingStatus]);
     return (React.createElement("div", { className: "sendbird-voice-message-input-wrapper" },
         React.createElement(ui_VoiceMessageInput.VoiceMessageInput, { currentValue: recordingStatus === VoiceRecorder_useVoiceRecorder.VoiceRecorderStatus.COMPLETED ? playbackTime : recordingTime, maximumValue: recordingStatus === VoiceRecorder_useVoiceRecorder.VoiceRecorderStatus.COMPLETED ? recordingTime : recordingLimit, currentType: voiceInputState, onCancelClick: function () {
-                onCancelClick();
+                onCancelClick === null || onCancelClick === void 0 ? void 0 : onCancelClick();
                 cancel();
                 stopVoicePlayer();
             }, onSubmitClick: function () {
@@ -105,7 +102,7 @@ var VoiceMessageInputWrapper = function (_a) {
                         break;
                     }
                     case ui_VoiceMessageInput.VoiceMessageInputStatus.RECORDING: {
-                        if (recordingTime >= minRecordingTime && !isDisabled) {
+                        if (recordingTime >= config.voiceRecord.minRecordingTime && !isDisabled) {
                             stop();
                         }
                         else if (isDisabled) {
@@ -131,14 +128,14 @@ var VoiceMessageInputWrapper = function (_a) {
             } }),
         showModal && (React.createElement(ui_Modal.Modal, { className: "sendbird-voice-message-input-wrapper-alert", titleText: utils.isDisabledBecauseMuted(channel)
                 ? stringSet.MODAL__VOICE_MESSAGE_INPUT_DISABLED__TITLE_MUTED
-                : stringSet.MODAL__VOICE_MESSAGE_INPUT_DISABLED__TITLE_FROZEN, hideFooter: true, isCloseOnClickOutside: true, onCancel: function () {
+                : stringSet.MODAL__VOICE_MESSAGE_INPUT_DISABLED__TITLE_FROZEN, hideFooter: true, isCloseOnClickOutside: true, onClose: function () {
                 setShowModal(false);
-                onCancelClick();
+                onCancelClick === null || onCancelClick === void 0 ? void 0 : onCancelClick();
             } },
             React.createElement("div", { className: "sendbird-voice-message-input-wrapper-alert__body" },
                 React.createElement(ui_Button.default, { className: "sendbird-voice-message-input-wrapper-alert__body__ok-button", type: ui_Button.ButtonTypes.PRIMARY, size: ui_Button.ButtonSizes.BIG, onClick: function () {
                         setShowModal(false);
-                        onCancelClick();
+                        onCancelClick === null || onCancelClick === void 0 ? void 0 : onCancelClick();
                     } }, stringSet.BUTTON__OK))))));
 };
 
@@ -283,7 +280,7 @@ var MessageInputWrapperView = React.forwardRef(function (props, ref) {
         && isMentionEnabled
         && mentionNickname.length > 0
         && !isBroadcast;
-    var mentionNodes = Message_hooks_useDirtyGetMentions.useDirtyGetMentions({ ref: ref || messageInputRef }, { logger: logger });
+    var mentionNodes = Message_hooks_useDirtyGetMentions.useDirtyGetMentions({ ref: (ref || messageInputRef) }, { logger: logger });
     var ableMention = (mentionNodes === null || mentionNodes === void 0 ? void 0 : mentionNodes.length) < maxMentionCount;
     // Operate states
     React.useEffect(function () {
@@ -312,15 +309,15 @@ var MessageInputWrapperView = React.forwardRef(function (props, ref) {
     var handleUploadFiles = useHandleUploadFiles({
         sendFileMessage: sendFileMessage,
         sendMultipleFilesMessage: sendMultipleFilesMessage,
-        quoteMessage: quoteMessage,
+        quoteMessage: quoteMessage !== null && quoteMessage !== void 0 ? quoteMessage : undefined,
     }, { logger: logger });
     if (isBroadcast && !isOperator) {
         /* Only `Operator` can send messages in the Broadcast channel */
         return null;
     }
     // other conditions
-    return (React.createElement("div", { className: "sendbird-message-input-wrapper".concat(showVoiceMessageInput ? '--voice-message' : '') },
-        showSuggestedMentionList && (React.createElement(GroupChannel_components_SuggestedMentionList.SuggestedMentionList, { currentChannel: currentChannel, targetNickname: mentionNickname, inputEvent: messageInputEvent, renderUserMentionItem: renderUserMentionItem, onUserItemClick: function (user) {
+    return (React.createElement("div", { className: showVoiceMessageInput ? 'sendbird-message-input-wrapper--voice-message' : 'sendbird-message-input-wrapper' },
+        showSuggestedMentionList && (React.createElement(GroupChannel_components_SuggestedMentionList.SuggestedMentionList, { currentChannel: currentChannel, targetNickname: mentionNickname, inputEvent: messageInputEvent !== null && messageInputEvent !== void 0 ? messageInputEvent : undefined, renderUserMentionItem: renderUserMentionItem, onUserItemClick: function (user) {
                 if (user) {
                     setMentionedUsers(_tslib.__spreadArray(_tslib.__spreadArray([], mentionedUsers, true), [user], false));
                 }
@@ -334,7 +331,7 @@ var MessageInputWrapperView = React.forwardRef(function (props, ref) {
             }, ableAddMention: ableMention, maxMentionCount: maxMentionCount, maxSuggestionCount: maxSuggestionCount })),
         quoteMessage && (React.createElement("div", { className: "sendbird-message-input-wrapper__quote-message-input" },
             React.createElement(ui_QuoteMessageInput, { replyingMessage: quoteMessage, onClose: function () { return setQuoteMessage(null); } }))),
-        showVoiceMessageInput ? (React.createElement(VoiceMessageInputWrapper, { channel: currentChannel, onSubmitClick: function (recordedFile, duration) {
+        showVoiceMessageInput ? (React.createElement(VoiceMessageInputWrapper, { channel: currentChannel !== null && currentChannel !== void 0 ? currentChannel : undefined, onSubmitClick: function (recordedFile, duration) {
                 sendVoiceMessage({ file: recordedFile, parentMessageId: quoteMessage === null || quoteMessage === void 0 ? void 0 : quoteMessage.messageId }, duration);
                 setQuoteMessage(null);
                 setShowVoiceMessageInput(false);
@@ -344,8 +341,8 @@ var MessageInputWrapperView = React.forwardRef(function (props, ref) {
                 setShowVoiceMessageInput(true);
             }, setMentionedUsers: setMentionedUsers, placeholder: (quoteMessage && stringSet.MESSAGE_INPUT__QUOTE_REPLY__PLACE_HOLDER)
                 || ((disabled || utils.isDisabledBecauseFrozen(currentChannel)) && stringSet.MESSAGE_INPUT__PLACE_HOLDER__DISABLED)
-                || (utils.isDisabledBecauseMuted(currentChannel)
-                    && (isMobile ? stringSet.MESSAGE_INPUT__PLACE_HOLDER__MUTED_SHORT : stringSet.MESSAGE_INPUT__PLACE_HOLDER__MUTED)), ref: ref || messageInputRef, disabled: isMessageInputDisabled, renderFileUploadIcon: renderFileUploadIcon, renderSendMessageIcon: renderSendMessageIcon, renderVoiceMessageIcon: renderVoiceMessageIcon, onStartTyping: function () {
+                || (utils.isDisabledBecauseMuted(currentChannel) && (isMobile ? stringSet.MESSAGE_INPUT__PLACE_HOLDER__MUTED_SHORT : stringSet.MESSAGE_INPUT__PLACE_HOLDER__MUTED))
+                || undefined, ref: (ref || messageInputRef), disabled: isMessageInputDisabled, renderFileUploadIcon: renderFileUploadIcon, renderSendMessageIcon: renderSendMessageIcon, renderVoiceMessageIcon: renderVoiceMessageIcon, onStartTyping: function () {
                 currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.startTyping();
             }, onSendMessage: function (_a) {
                 var _b;
@@ -387,4 +384,4 @@ var MessageInputWrapperView = React.forwardRef(function (props, ref) {
 
 exports.MessageInputWrapperView = MessageInputWrapperView;
 exports.VoiceMessageInputWrapper = VoiceMessageInputWrapper;
-//# sourceMappingURL=bundle-BiTKgXrx.js.map
+//# sourceMappingURL=bundle-ZjYFUjTH.js.map

package/{chunks/bundle-2jZ-0hKC.js.map → cjs/chunks/bundle-ZjYFUjTH.js.map}

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

package/cjs/chunks/{bundle-DmVeFWB4.js → bundle-cqwHj7Dj.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./bundle-Cw7xe6J1.js');
+var index = require('./bundle-DrYI_bNa.js');
 
 function getMessageFirstFileType(message) {
     return index.K(message)
@@ -70,4 +70,4 @@ exports.getMessageFirstFileName = getMessageFirstFileName;
 exports.getMessageFirstFileThumbnailUrl = getMessageFirstFileThumbnailUrl;
 exports.getMessageFirstFileType = getMessageFirstFileType;
 exports.getMessageFirstFileUrl = getMessageFirstFileUrl;
-//# sourceMappingURL=bundle-DmVeFWB4.js.map
+//# sourceMappingURL=bundle-cqwHj7Dj.js.map

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

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

package/cjs/chunks/{bundle-C-r9vRgc.js → bundle-eTYC1RPT.js}

@@ -112,4 +112,4 @@ exports.__extends = __extends;
 exports.__generator = __generator;
 exports.__rest = __rest;
 exports.__spreadArray = __spreadArray;
-//# sourceMappingURL=bundle-C-r9vRgc.js.map
+//# sourceMappingURL=bundle-eTYC1RPT.js.map

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

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

package/cjs/chunks/{bundle-D9UFa9yx.js → bundle-jHjvHr01.js}

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

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

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

package/cjs/chunks/{bundle-xADAFEo0.js → bundle-kbRkyLdH.js}

@@ -6,31 +6,31 @@ var LOG_PRESET = 'useToggleReactionCallback:';
 function useToggleReactionCallback(currentChannel, logger) {
     return React.useCallback(function (message, key, isReacted) {
         if (!currentChannel) {
-            logger.warning("".concat(LOG_PRESET, " currentChannel doesn't exist"), currentChannel);
+            logger === null || logger === void 0 ? void 0 : logger.warning("".concat(LOG_PRESET, " currentChannel doesn't exist"), currentChannel);
             return;
         }
         if (isReacted) {
             currentChannel
                 .deleteReaction(message, key)
                 .then(function (res) {
-                logger.info("".concat(LOG_PRESET, " Delete reaction success"), res);
+                logger === null || logger === void 0 ? void 0 : logger.info("".concat(LOG_PRESET, " Delete reaction success"), res);
             })
                 .catch(function (err) {
-                logger.warning("".concat(LOG_PRESET, " Delete reaction failed"), err);
+                logger === null || logger === void 0 ? void 0 : logger.warning("".concat(LOG_PRESET, " Delete reaction failed"), err);
             });
         }
         else {
             currentChannel
                 .addReaction(message, key)
                 .then(function (res) {
-                logger.info("".concat(LOG_PRESET, " Add reaction success"), res);
+                logger === null || logger === void 0 ? void 0 : logger.info("".concat(LOG_PRESET, " Add reaction success"), res);
             })
                 .catch(function (err) {
-                logger.warning("".concat(LOG_PRESET, " Add reaction failed"), err);
+                logger === null || logger === void 0 ? void 0 : logger.warning("".concat(LOG_PRESET, " Add reaction failed"), err);
             });
         }
     }, [currentChannel]);
 }
 
 exports.useToggleReactionCallback = useToggleReactionCallback;
-//# sourceMappingURL=bundle-xADAFEo0.js.map
+//# sourceMappingURL=bundle-kbRkyLdH.js.map

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

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

package/cjs/chunks/{bundle-Bv_QMEk2.js → bundle-lYouUxag.js}

@@ -3,7 +3,7 @@
 var React = require('react');
 var ui_ContextMenu = require('../ui/ContextMenu.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
-var LocalizationContext = require('./bundle-B7wJ4Hqk.js');
+var LocalizationContext = require('./bundle-OWb8eJt-.js');
 
 var OpenChannelMessageStatusTypes = {
     NONE: 'none',
@@ -75,19 +75,19 @@ var OpenChannelMobileMenu = function (props) {
     var fileMessage = message;
     return (React.createElement(ui_ContextMenu.default, { isOpen: true, menuItems: function () { return (React.createElement(ui_ContextMenu.MenuItems, { className: "sendbird-openchannel__mobile-menu", parentRef: parentRef, parentContainRef: parentRef, closeDropdown: hideMenu },
             isFineCopy({ message: userMessage, userId: userId, status: status }) && (React.createElement(ui_ContextMenu.MenuItem, { className: "sendbird-openchannel-og-message__top__context-menu__copy", onClick: function () {
-                    copyToClipboard();
+                    copyToClipboard === null || copyToClipboard === void 0 ? void 0 : copyToClipboard();
                 }, dataSbId: "open_channel_mobile_context_menu_copy" },
                 React.createElement(React.Fragment, null, stringSet.CONTEXT_MENU_DROPDOWN__COPY))),
             (!isEphemeral && isFineEdit({ message: message, userId: userId, status: status })) && (React.createElement(ui_ContextMenu.MenuItem, { className: "sendbird-openchannel-og-message__top__context-menu__edit", onClick: function () {
-                    showEdit();
+                    showEdit === null || showEdit === void 0 ? void 0 : showEdit();
                 }, dataSbId: "open_channel_mobile_context_menu_edit" },
                 React.createElement(React.Fragment, null, stringSet.CONTEXT_MENU_DROPDOWN__EDIT))),
             isFineResend({ message: message, userId: userId, status: status }) && (React.createElement(ui_ContextMenu.MenuItem, { onClick: function () {
-                    resendMessage();
+                    resendMessage === null || resendMessage === void 0 ? void 0 : resendMessage();
                 }, dataSbId: "open_channel_mobile_context_menu_resend" },
                 React.createElement(React.Fragment, null, stringSet.CONTEXT_MENU_DROPDOWN__RESEND))),
             (!isEphemeral && isFineDelete({ message: message, userId: userId, status: status })) && (React.createElement(ui_ContextMenu.MenuItem, { onClick: function () {
-                    showRemove();
+                    showRemove === null || showRemove === void 0 ? void 0 : showRemove();
                 }, dataSbId: "open_channel_mobile_context_menu_delete" },
                 React.createElement(React.Fragment, null, stringSet.CONTEXT_MENU_DROPDOWN__DELETE))),
             isFineDownload({ message: message, status: status }) && (React.createElement(ui_ContextMenu.MenuItem, { onClick: function () {
@@ -106,4 +106,4 @@ exports.isFineDelete = isFineDelete;
 exports.isFineEdit = isFineEdit;
 exports.isFineResend = isFineResend;
 exports.showMenuTrigger = showMenuTrigger;
-//# sourceMappingURL=bundle-Bv_QMEk2.js.map
+//# sourceMappingURL=bundle-lYouUxag.js.map

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

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

package/cjs/chunks/{bundle-Bc92JuA7.js → bundle-ozey_V94.js}

@@ -1,20 +1,20 @@
 'use strict';
 
 var React = require('react');
-var ui_Modal = require('./bundle-DJ9gapN2.js');
-require('./bundle-C-r9vRgc.js');
-require('./bundle-Deao1Upp.js');
+var ui_Modal = require('./bundle-DW8u-n3u.js');
+require('./bundle-eTYC1RPT.js');
+require('./bundle-DY5rfl6W.js');
 var ui_Button = require('../ui/Button.js');
-var LocalizationContext = require('./bundle-B7wJ4Hqk.js');
+var LocalizationContext = require('./bundle-OWb8eJt-.js');
 var Thread_context = require('../Thread/context.js');
-var stringFormatterUtils = require('./bundle-Bw_LvbLk.js');
+var stringFormatterUtils = require('./bundle-LO6QlzTz.js');
 
 var RemoveMessage = function (props) {
-    var _a;
+    var _a, _b;
     var onCancel = props.onCancel, onSubmit = props.onSubmit, message = props.message;
     var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
     var deleteMessage = Thread_context.useThreadContext().deleteMessage;
-    return (React.createElement(ui_Modal.Modal, { type: ui_Button.ButtonTypes.DANGER, disabled: ((_a = message === null || message === void 0 ? void 0 : message.threadInfo) === null || _a === void 0 ? void 0 : _a.replyCount) > 0, onCancel: onCancel, onSubmit: function () {
+    return (React.createElement(ui_Modal.Modal, { type: ui_Button.ButtonTypes.DANGER, disabled: ((_b = (_a = message.threadInfo) === null || _a === void 0 ? void 0 : _a.replyCount) !== null && _b !== void 0 ? _b : 0) > 0, onCancel: onCancel, onSubmit: function () {
             deleteMessage(message).then(function () {
                 onCancel === null || onCancel === void 0 ? void 0 : onCancel();
                 onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit();
@@ -23,4 +23,4 @@ var RemoveMessage = function (props) {
 };
 
 exports.RemoveMessage = RemoveMessage;
-//# sourceMappingURL=bundle-Bc92JuA7.js.map
+//# sourceMappingURL=bundle-ozey_V94.js.map

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

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

package/cjs/chunks/{bundle-C4UzGGy_.js → bundle-wz_O1vyk.js}

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

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

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

package/cjs/hooks/useModal.js

@@ -1,31 +1,31 @@
 'use strict';
 
-require('../chunks/bundle-C-r9vRgc.js');
+require('../chunks/bundle-eTYC1RPT.js');
 require('react');
-require('../chunks/bundle-Cw7xe6J1.js');
-require('../chunks/bundle-CLte647H.js');
-var ui_Modal = require('../chunks/bundle-DJ9gapN2.js');
+require('../chunks/bundle-DrYI_bNa.js');
+require('../chunks/bundle-DOoshvnj.js');
+var ui_Modal = require('../chunks/bundle-DW8u-n3u.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
 require('react-dom');
-require('../chunks/bundle-B7wJ4Hqk.js');
-require('../chunks/bundle-DWBc-Yv7.js');
-require('../chunks/bundle-CDJXrIVC.js');
-require('../chunks/bundle-CLNUkVC8.js');
+require('../chunks/bundle-OWb8eJt-.js');
+require('../chunks/bundle-BNMoxGCr.js');
+require('../chunks/bundle-1A4pOyri.js');
+require('../chunks/bundle-OIKGVRus.js');
 require('../ui/IconButton.js');
 require('../ui/Button.js');
-require('../chunks/bundle-Deao1Upp.js');
+require('../chunks/bundle-DY5rfl6W.js');
 require('../ui/Icon.js');
 require('@sendbird/uikit-tools');
 require('../withSendbird.js');
 require('css-vars-ponyfill');
 require('@sendbird/chat');
-require('../chunks/bundle-Ub33KGva.js');
+require('../chunks/bundle-YRiE_c63.js');
 require('@sendbird/chat/openChannel');
-require('../chunks/bundle-BAqFIbKr.js');
-require('../chunks/bundle-Ca7xeBTO.js');
+require('../chunks/bundle-CW2oMonb.js');
+require('../chunks/bundle-BNzVVkzd.js');
 require('../useSendbirdStateContext.js');
-require('../chunks/bundle-Bpy7IQta.js');
+require('../chunks/bundle-Dymg5zVO.js');