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

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

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

package/cjs/chunks/{bundle-DmlWP851.js → bundle-CpCBPJ2z.js}

@@ -1,16 +1,16 @@
 'use strict';
 
-var _tslib = require('./bundle-Cj28CPZo.js');
+var _tslib = require('./bundle-CVwB8G1I.js');
 var React = require('react');
 var groupChannel = require('@sendbird/chat/groupChannel');
-var pubSub_topics = require('./bundle-JQ5xow8l.js');
-var uuid = require('./bundle-BlS2bdI-.js');
-var utils = require('./bundle-omkWL_yx.js');
-var consts = require('./bundle-Bbf2DLSP.js');
-var UserProfileContext = require('./bundle-CV7G8_Ga.js');
+var pubSub_topics = require('./bundle-8BvxeS8W.js');
+var uuid = require('./bundle-Boc_dyK4.js');
+var utils = require('./bundle-Ck6xvF19.js');
+var consts = require('./bundle-vMl-hjKf.js');
+var UserProfileContext = require('./bundle-DCTSWuu7.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
-var index = require('./bundle-BY8BAZNm.js');
-var useReconnectOnIdle = require('./bundle-B7fEbbUv.js');
+var index = require('./bundle-BoVc1U1a.js');
+var useReconnectOnIdle = require('./bundle-CO36Q3X2.js');
 
 var RESET_CHANNEL_LIST = 'RESET_CHANNEL_LIST';
 var CREATE_CHANNEL = 'CREATE_CHANNEL';
@@ -934,4 +934,4 @@ exports.ChannelListProvider = ChannelListProvider;
 exports.LEAVE_CHANNEL_SUCCESS = LEAVE_CHANNEL_SUCCESS;
 exports.SET_CURRENT_CHANNEL = SET_CURRENT_CHANNEL;
 exports.useChannelListContext = useChannelListContext;
-//# sourceMappingURL=bundle-DmlWP851.js.map
+//# sourceMappingURL=bundle-CpCBPJ2z.js.map

package/cjs/chunks/{bundle-DmlWP851.js.map → bundle-CpCBPJ2z.js.map}

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

package/cjs/chunks/{bundle-B1hq-4rM.js → bundle-CuQfKsO_.js}

@@ -1,22 +1,22 @@
 'use strict';
 
-var _tslib = require('./bundle-Cj28CPZo.js');
+var _tslib = require('./bundle-CVwB8G1I.js');
 var React = require('react');
-var index = require('./bundle-C_vVIDF8.js');
-var LocalizationContext = require('./bundle-C1_VEq6O.js');
+var index = require('./bundle-Bot6eEM6.js');
+var LocalizationContext = require('./bundle-D47V4Obt.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
-var _const = require('./bundle-adWpPN7T.js');
-var utils$1 = require('./bundle-XT1tEfQ5.js');
+var _const = require('./bundle-CVg_YIhP.js');
+var utils$1 = require('./bundle-mUzftbki.js');
 var Message_hooks_useDirtyGetMentions = require('../Message/hooks/useDirtyGetMentions.js');
-var index$1 = require('./bundle-BY8BAZNm.js');
+var index$1 = require('./bundle-BoVc1U1a.js');
 var ui_DateSeparator = require('../ui/DateSeparator.js');
-var ui_Label = require('./bundle-Sd-aNKBP.js');
+var ui_Label = require('./bundle-DEPVIREe.js');
 var ui_MessageInput = require('../ui/MessageInput.js');
-var _const$1 = require('./bundle-D8vNcXzc.js');
+var _const$1 = require('./bundle-7ZAMcgtS.js');
 var ui_MessageContent = require('../ui/MessageContent.js');
 var GroupChannel_components_SuggestedReplies = require('../GroupChannel/components/SuggestedReplies.js');
-var SuggestedMentionListView = require('./bundle-DbS6156o.js');
-var utils = require('./bundle-omkWL_yx.js');
+var SuggestedMentionListView = require('./bundle-BU0AQyM-.js');
+var utils = require('./bundle-Ck6xvF19.js');
 
 var useDidMountEffect = function (func, deps) {
     var _a = React.useState(false), didMount = _a[0], setDidmount = _a[1];
@@ -226,4 +226,4 @@ var MessageView = function (props) {
 };
 
 exports.MessageView = MessageView;
-//# sourceMappingURL=bundle-B1hq-4rM.js.map
+//# sourceMappingURL=bundle-CuQfKsO_.js.map

package/cjs/chunks/{bundle-BXe4xn_P.js.map → bundle-CuQfKsO_.js.map}

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

package/cjs/chunks/{bundle-OhKkPJ9u.js → bundle-Cxe_rmKT.js}

@@ -1,12 +1,12 @@
 'use strict';
 
 var React = require('react');
-var ui_Modal = require('./bundle-D5ESahgs.js');
-require('./bundle-Cj28CPZo.js');
-require('./bundle-Sd-aNKBP.js');
+var ui_Modal = require('./bundle-COyzsE6d.js');
+require('./bundle-CVwB8G1I.js');
+require('./bundle-DEPVIREe.js');
 var ui_Button = require('../ui/Button.js');
-var LocalizationContext = require('./bundle-C1_VEq6O.js');
-var stringFormatterUtils = require('./bundle-3Lee_erF.js');
+var LocalizationContext = require('./bundle-D47V4Obt.js');
+var stringFormatterUtils = require('./bundle-B-LZZD0l.js');
 
 var RemoveMessageModalView = function (props) {
     var _a;
@@ -27,4 +27,4 @@ var RemoveMessageModalView = function (props) {
 };
 
 exports.RemoveMessageModalView = RemoveMessageModalView;
-//# sourceMappingURL=bundle-OhKkPJ9u.js.map
+//# sourceMappingURL=bundle-Cxe_rmKT.js.map

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

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

package/cjs/chunks/{bundle-CQyskBQI.js → bundle-CyN2-yzv.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./bundle-Czhss6xB.js');
+var index = require('./bundle-BhClvZOU.js');
 
 /**
  * @name startOfDay
@@ -63,4 +63,4 @@ function isSameDay(dirtyDateLeft, dirtyDateRight) {
 }
 
 exports.isSameDay = isSameDay;
-//# sourceMappingURL=bundle-CQyskBQI.js.map
+//# sourceMappingURL=bundle-CyN2-yzv.js.map

package/cjs/chunks/{bundle-CQyskBQI.js.map → bundle-CyN2-yzv.js.map}

@@ -1 +1 @@
-{"version":3,"file":"bundle-CQyskBQI.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-CyN2-yzv.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-gMLusDcA.js → bundle-D-RACIZM.js}

@@ -237,4 +237,4 @@ var getStringSet = function (lang) {
 };
 
 exports.getStringSet = getStringSet;
-//# sourceMappingURL=bundle-gMLusDcA.js.map
+//# sourceMappingURL=bundle-D-RACIZM.js.map

package/cjs/chunks/bundle-D-RACIZM.js.map

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

package/cjs/chunks/{bundle-C1_VEq6O.js → bundle-D47V4Obt.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var _tslib = require('./bundle-Cj28CPZo.js');
+var _tslib = require('./bundle-CVwB8G1I.js');
 var React = require('react');
-var stringSet = require('./bundle-gMLusDcA.js');
-var index = require('./bundle-DeU1C8Ho.js');
+var stringSet = require('./bundle-D-RACIZM.js');
+var index = require('./bundle-CWoHu9t0.js');
 
 var LocalizationContextDefault = {
     stringSet: stringSet.getStringSet('en'),
@@ -19,4 +19,4 @@ var useLocalization = function () { return React.useContext(LocalizationContext)
 exports.LocalizationContext = LocalizationContext;
 exports.LocalizationProvider = LocalizationProvider;
 exports.useLocalization = useLocalization;
-//# sourceMappingURL=bundle-C1_VEq6O.js.map
+//# sourceMappingURL=bundle-D47V4Obt.js.map

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

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

package/cjs/chunks/{bundle-CnP-VOZt.js → bundle-D4JztsBF.js}

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

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

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

package/cjs/chunks/{bundle-jtkxAxiF.js → bundle-D4mbk6I8.js}

@@ -1,10 +1,10 @@
 'use strict';
 
 var React = require('react');
-var pubSub_topics = require('./bundle-JQ5xow8l.js');
-var utils = require('./bundle-CV-TUbyq.js');
+var pubSub_topics = require('./bundle-8BvxeS8W.js');
+var utils = require('./bundle-C4uNbRfV.js');
 require('../utils/message/getOutgoingMessageState.js');
-var consts = require('./bundle-Bbf2DLSP.js');
+var consts = require('./bundle-vMl-hjKf.js');
 
 var getNicknamesMapFromMembers = function (members) {
     if (members === void 0) { members = []; }
@@ -174,4 +174,4 @@ exports.getParentMessageFrom = getParentMessageFrom;
 exports.isAboutSame = isAboutSame;
 exports.scrollIntoLast = scrollIntoLast;
 exports.useSendMultipleFilesMessage = useSendMultipleFilesMessage;
-//# sourceMappingURL=bundle-jtkxAxiF.js.map
+//# sourceMappingURL=bundle-D4mbk6I8.js.map

package/cjs/chunks/{bundle-jtkxAxiF.js.map → bundle-D4mbk6I8.js.map}

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

package/cjs/chunks/bundle-D8yzgwQq.js

@@ -0,0 +1,370 @@
+'use strict';
+
+var _tslib = require('./bundle-CVwB8G1I.js');
+var React = require('react');
+var index = require('./bundle-BoVc1U1a.js');
+var utils = require('./bundle-Ck6xvF19.js');
+var useSendbirdStateContext = require('../useSendbirdStateContext.js');
+var ui_ContextMenu = require('../ui/ContextMenu.js');
+require('../ui/IconButton.js');
+var LocalizationContext = require('./bundle-D47V4Obt.js');
+var BasicItems = require('./bundle-CIkfoqlq.js');
+var ui_Label = require('./bundle-DEPVIREe.js');
+require('@sendbird/chat');
+var ui_Icon = require('../ui/Icon.js');
+var ui_BottomSheet = require('../ui/BottomSheet.js');
+var ui_ImageRenderer = require('../ui/ImageRenderer.js');
+var ui_ReactionButton = require('../ui/ReactionButton.js');
+
+var CopyMenuItem$1 = function (props) {
+    var _a;
+    var stringSet = LocalizationContext.useLocalization().stringSet;
+    var _b = BasicItems.useMessageMenuContext(), message = _b.message, hideMenu = _b.hideMenu;
+    return (React.createElement(BasicItems.MenuItem, _tslib.__assign({}, props, { onClick: function (e) {
+            var _a;
+            if (index.isUserMessage(message))
+                index.copyToClipboard(message.message);
+            hideMenu();
+            (_a = props.onClick) === null || _a === void 0 ? void 0 : _a.call(props, e);
+        } }), (_a = props.children) !== null && _a !== void 0 ? _a : (React.createElement(React.Fragment, null,
+        React.createElement(ui_Label.Label, { type: ui_Label.LabelTypography.SUBTITLE_1, color: ui_Label.LabelColors.ONBACKGROUND_1 }, stringSet.MESSAGE_MENU__COPY),
+        React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.COPY, fillColor: ui_Icon.IconColors.PRIMARY, width: "24px", height: "24px" })))));
+};
+var ReplyMenuItem$1 = function (props) {
+    var _a, _b, _c;
+    var stringSet = LocalizationContext.useLocalization().stringSet;
+    var _d = BasicItems.useMessageMenuContext(), message = _d.message, hideMenu = _d.hideMenu, setQuoteMessage = _d.setQuoteMessage;
+    return (React.createElement(BasicItems.MenuItem, _tslib.__assign({}, props, { disabled: message.parentMessageId > 0, onClick: function (e) {
+            var _a;
+            setQuoteMessage(message);
+            hideMenu();
+            (_a = props.onClick) === null || _a === void 0 ? void 0 : _a.call(props, e);
+        } }), (_a = props.children) !== null && _a !== void 0 ? _a : (React.createElement(React.Fragment, null,
+        React.createElement(ui_Label.Label, { type: ui_Label.LabelTypography.SUBTITLE_1, color: ((_b = message.parentMessageId) !== null && _b !== void 0 ? _b : 0) > 0 ? ui_Label.LabelColors.ONBACKGROUND_4 : ui_Label.LabelColors.ONBACKGROUND_1 }, stringSet.MESSAGE_MENU__REPLY),
+        React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.REPLY, fillColor: ((_c = message.parentMessageId) !== null && _c !== void 0 ? _c : 0) > 0 ? ui_Icon.IconColors.ON_BACKGROUND_4 : ui_Icon.IconColors.PRIMARY, width: "24px", height: "24px" })))));
+};
+var ThreadMenuItem$1 = function (props) {
+    var _a;
+    var stringSet = LocalizationContext.useLocalization().stringSet;
+    var _b = BasicItems.useMessageMenuContext(), message = _b.message, hideMenu = _b.hideMenu, onReplyInThread = _b.onReplyInThread;
+    return (React.createElement(BasicItems.MenuItem, _tslib.__assign({}, props, { onClick: function (e) {
+            var _a;
+            onReplyInThread({ message: message });
+            hideMenu();
+            (_a = props.onClick) === null || _a === void 0 ? void 0 : _a.call(props, e);
+        } }), (_a = props.children) !== null && _a !== void 0 ? _a : (React.createElement(React.Fragment, null,
+        React.createElement(ui_Label.Label, { type: ui_Label.LabelTypography.SUBTITLE_1, color: ui_Label.LabelColors.ONBACKGROUND_1 }, stringSet.MESSAGE_MENU__THREAD),
+        React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.THREAD, fillColor: ui_Icon.IconColors.PRIMARY, width: "24px", height: "24px" })))));
+};
+var EditMenuItem$1 = function (props) {
+    var _a;
+    var stringSet = LocalizationContext.useLocalization().stringSet;
+    var _b = BasicItems.useMessageMenuContext(), hideMenu = _b.hideMenu, showEdit = _b.showEdit, isOnline = _b.isOnline;
+    return (React.createElement(BasicItems.MenuItem, _tslib.__assign({}, props, { onClick: function (e) {
+            var _a;
+            if (isOnline) {
+                showEdit(true);
+                hideMenu();
+                (_a = props.onClick) === null || _a === void 0 ? void 0 : _a.call(props, e);
+            }
+        } }), (_a = props.children) !== null && _a !== void 0 ? _a : (React.createElement(React.Fragment, null,
+        React.createElement(ui_Label.Label, { type: ui_Label.LabelTypography.SUBTITLE_1, color: ui_Label.LabelColors.ONBACKGROUND_1 }, stringSet.MESSAGE_MENU__EDIT),
+        React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.EDIT, fillColor: ui_Icon.IconColors.PRIMARY, width: "24px", height: "24px" })))));
+};
+var ResendMenuItem$1 = function (props) {
+    var _a;
+    var stringSet = LocalizationContext.useLocalization().stringSet;
+    var _b = BasicItems.useMessageMenuContext(), message = _b.message, hideMenu = _b.hideMenu, resendMessage = _b.resendMessage, isOnline = _b.isOnline;
+    return (React.createElement(BasicItems.MenuItem, _tslib.__assign({}, props, { onClick: function (e) {
+            var _a;
+            if (isOnline) {
+                resendMessage(message);
+                hideMenu();
+                (_a = props.onClick) === null || _a === void 0 ? void 0 : _a.call(props, e);
+            }
+        } }), (_a = props.children) !== null && _a !== void 0 ? _a : (React.createElement(React.Fragment, null,
+        React.createElement(ui_Label.Label, { type: ui_Label.LabelTypography.SUBTITLE_1, color: ui_Label.LabelColors.ONBACKGROUND_1 }, stringSet.MESSAGE_MENU__RESEND),
+        React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.REFRESH, fillColor: ui_Icon.IconColors.PRIMARY, width: "24px", height: "24px" })))));
+};
+var DeleteMenuItem$1 = function (props) {
+    var _a, _b, _c;
+    var stringSet = LocalizationContext.useLocalization().stringSet;
+    var _d = BasicItems.useMessageMenuContext(), message = _d.message, hideMenu = _d.hideMenu, deleteMessage = _d.deleteMessage, showRemove = _d.showRemove, isOnline = _d.isOnline, disableDeleteMessage = _d.disableDeleteMessage;
+    return (React.createElement(BasicItems.MenuItem, _tslib.__assign({}, props, { disabled: typeof disableDeleteMessage === 'boolean'
+            ? disableDeleteMessage
+            : ((_b = (_a = message.threadInfo) === null || _a === void 0 ? void 0 : _a.replyCount) !== null && _b !== void 0 ? _b : 0) > 0, onClick: function (e) {
+            var _a;
+            if (index.isFailedMessage(message)) {
+                deleteMessage(message);
+            }
+            else if (isOnline) {
+                showRemove(true);
+                hideMenu();
+                (_a = props.onClick) === null || _a === void 0 ? void 0 : _a.call(props, e);
+            }
+        } }), (_c = props.children) !== null && _c !== void 0 ? _c : (React.createElement(React.Fragment, null,
+        React.createElement(ui_Label.Label, { type: ui_Label.LabelTypography.SUBTITLE_1, color: disableDeleteMessage ? ui_Label.LabelColors.ONBACKGROUND_4 : ui_Label.LabelColors.ONBACKGROUND_1 }, stringSet.MESSAGE_MENU__DELETE),
+        React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.DELETE, fillColor: ui_Icon.IconColors.PRIMARY, width: "24px", height: "24px" })))));
+};
+var DownloadMenuItem$1 = function (props) {
+    var _a;
+    var stringSet = LocalizationContext.useLocalization().stringSet;
+    var _b = BasicItems.useMessageMenuContext(), hideMenu = _b.hideMenu, message = _b.message, onDownloadClick = _b.onDownloadClick;
+    var url = message.url;
+    return (React.createElement(BasicItems.MenuItem, _tslib.__assign({}, props, { onClick: function () {
+            hideMenu();
+        } }), (_a = props.children) !== null && _a !== void 0 ? _a : (React.createElement("a", { className: "sendbird-message__contextmenu--hyperlink", rel: "noopener noreferrer", href: 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" })))));
+};
+
+var MobileContextMenu = function (props) {
+    var _a, _b, _c, _d;
+    var 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, _e = props.isOpenedFromThread, isOpenedFromThread = _e === void 0 ? false : _e, _f = props.onDownloadClick, onDownloadClick = _f === void 0 ? null : _f, renderMenuItems = props.renderMenuItems, hideMobileMenu = props.hideMenu;
+    var isByMe = ((_a = message === null || message === void 0 ? void 0 : message.sender) === null || _a === void 0 ? void 0 : _a.userId) === userId;
+    var config = useSendbirdStateContext.useSendbirdStateContext().config;
+    var isOnline = config.isOnline;
+    // Menu Items condition
+    var showMenuItemCopy = index.isUserMessage(message);
+    var showMenuItemEdit = index.isUserMessage(message) && index.isSentMessage(message) && isByMe;
+    var showMenuItemResend = index.isFailedMessage(message) && (message === null || message === void 0 ? void 0 : message.isResendable) && isByMe;
+    var showMenuItemDelete = !index.isPendingMessage(message) && isByMe;
+    var showMenuItemDeleteByState = isByMe && (deleteMenuState === undefined || deleteMenuState !== 'HIDE');
+    var showMenuItemDeleteFinal = showMenuItemDeleteByState && showMenuItemDelete;
+    var showMenuItemDownload = !index.isPendingMessage(message) && index.isFileMessage(message) && !(index.isVoiceMessage(message) && (channel === null || channel === void 0 ? void 0 : channel.isSuper) || (channel === null || channel === void 0 ? void 0 : channel.isBroadcast));
+    var showMenuItemReply = replyType === 'QUOTE_REPLY' && !index.isFailedMessage(message) && !index.isPendingMessage(message) && (channel === null || channel === void 0 ? void 0 : channel.isGroupChannel());
+    var showMenuItemThread = replyType === 'THREAD' && !isOpenedFromThread && !index.isFailedMessage(message) && !index.isPendingMessage(message) && !index.isThreadMessage(message) && (channel === null || channel === void 0 ? void 0 : channel.isGroupChannel());
+    var disableDeleteMessage = (deleteMenuState !== undefined && deleteMenuState === 'DISABLE') || ((_c = (_b = message === null || message === void 0 ? void 0 : message.threadInfo) === null || _b === void 0 ? void 0 : _b.replyCount) !== null && _c !== void 0 ? _c : 0) > 0;
+    var contextValue = {
+        message: message,
+        hideMenu: hideMobileMenu,
+        setQuoteMessage: setQuoteMessage,
+        onReplyInThread: onReplyInThread,
+        onMoveToParentMessage: utils.noop,
+        showEdit: showEdit,
+        showRemove: showRemove,
+        deleteMessage: deleteMessage,
+        resendMessage: resendMessage,
+        isOnline: isOnline,
+        disableDeleteMessage: disableDeleteMessage,
+        triggerRef: parentRef,
+        containerRef: parentRef,
+        onDownloadClick: onDownloadClick,
+    };
+    return (React.createElement(BasicItems.MessageMenuProvider, { value: contextValue },
+        React.createElement(ui_ContextMenu.MenuItems, { className: "sendbird-message__mobile-context-menu", parentRef: parentRef, parentContainRef: parentRef, closeDropdown: hideMobileMenu }, (_d = renderMenuItems === null || renderMenuItems === void 0 ? void 0 : renderMenuItems({
+            items: {
+                CopyMenuItem: CopyMenuItem$1,
+                ReplyMenuItem: ReplyMenuItem$1,
+                ThreadMenuItem: ThreadMenuItem$1,
+                EditMenuItem: EditMenuItem$1,
+                ResendMenuItem: ResendMenuItem$1,
+                DeleteMenuItem: DeleteMenuItem$1,
+            },
+        })) !== null && _d !== void 0 ? _d : (React.createElement(React.Fragment, null,
+            showMenuItemCopy && React.createElement(CopyMenuItem$1, null),
+            showMenuItemReply && React.createElement(ReplyMenuItem$1, null),
+            showMenuItemThread && React.createElement(ThreadMenuItem$1, null),
+            showMenuItemEdit && React.createElement(EditMenuItem$1, null),
+            showMenuItemResend && React.createElement(ResendMenuItem$1, null),
+            showMenuItemDeleteFinal && React.createElement(DeleteMenuItem$1, null),
+            showMenuItemDownload && React.createElement(DownloadMenuItem$1, null))))));
+};
+
+var CopyMenuItem = function (props) {
+    var _a;
+    var stringSet = LocalizationContext.useLocalization().stringSet;
+    var _b = BasicItems.useMessageMenuContext(), message = _b.message, hideMenu = _b.hideMenu;
+    return (React.createElement(BasicItems.BottomSheetMenuItem, _tslib.__assign({}, props, { onClick: function (e) {
+            var _a;
+            if (index.isUserMessage(message))
+                index.copyToClipboard(message.message);
+            hideMenu();
+            (_a = props.onClick) === null || _a === void 0 ? void 0 : _a.call(props, e);
+        } }), (_a = props.children) !== null && _a !== void 0 ? _a : (React.createElement(React.Fragment, null,
+        React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.COPY, 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.MESSAGE_MENU__COPY)))));
+};
+var EditMenuItem = function (props) {
+    var _a;
+    var stringSet = LocalizationContext.useLocalization().stringSet;
+    var _b = BasicItems.useMessageMenuContext(), hideMenu = _b.hideMenu, showEdit = _b.showEdit, isOnline = _b.isOnline;
+    return (React.createElement(BasicItems.BottomSheetMenuItem, _tslib.__assign({}, props, { onClick: function (e) {
+            var _a;
+            if (isOnline) {
+                showEdit(true);
+                hideMenu();
+                (_a = props.onClick) === null || _a === void 0 ? void 0 : _a.call(props, e);
+            }
+        } }), (_a = props.children) !== null && _a !== void 0 ? _a : (React.createElement(React.Fragment, null,
+        React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.EDIT, 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.MESSAGE_MENU__EDIT)))));
+};
+var ResendMenuItem = function (props) {
+    var _a;
+    var stringSet = LocalizationContext.useLocalization().stringSet;
+    var _b = BasicItems.useMessageMenuContext(), message = _b.message, hideMenu = _b.hideMenu, resendMessage = _b.resendMessage, isOnline = _b.isOnline;
+    return (React.createElement(BasicItems.BottomSheetMenuItem, _tslib.__assign({}, props, { onClick: function (e) {
+            var _a;
+            if (isOnline) {
+                resendMessage(message);
+                hideMenu();
+                (_a = props.onClick) === null || _a === void 0 ? void 0 : _a.call(props, e);
+            }
+        } }), (_a = props.children) !== null && _a !== void 0 ? _a : (React.createElement(React.Fragment, null,
+        React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.REFRESH, 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.MESSAGE_MENU__RESEND)))));
+};
+var ReplyMenuItem = function (props) {
+    var _a, _b, _c;
+    var stringSet = LocalizationContext.useLocalization().stringSet;
+    var _d = BasicItems.useMessageMenuContext(), message = _d.message, hideMenu = _d.hideMenu, setQuoteMessage = _d.setQuoteMessage;
+    return (React.createElement(BasicItems.BottomSheetMenuItem, _tslib.__assign({}, props, { disabled: message.parentMessageId > 0, onClick: function (e) {
+            var _a;
+            setQuoteMessage(message);
+            hideMenu();
+            (_a = props.onClick) === null || _a === void 0 ? void 0 : _a.call(props, e);
+        } }), (_a = props.children) !== null && _a !== void 0 ? _a : (React.createElement(React.Fragment, null,
+        React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.REPLY, fillColor: ((_b = message.parentMessageId) !== null && _b !== void 0 ? _b : 0) > 0 ? ui_Icon.IconColors.ON_BACKGROUND_3 : ui_Icon.IconColors.PRIMARY, width: "24px", height: "24px" }),
+        React.createElement(ui_Label.Label, { type: ui_Label.LabelTypography.SUBTITLE_1, color: ((_c = message.parentMessageId) !== null && _c !== void 0 ? _c : 0) > 0 ? ui_Label.LabelColors.ONBACKGROUND_4 : ui_Label.LabelColors.ONBACKGROUND_1 }, stringSet.MESSAGE_MENU__REPLY)))));
+};
+var ThreadMenuItem = function (props) {
+    var _a;
+    var stringSet = LocalizationContext.useLocalization().stringSet;
+    var _b = BasicItems.useMessageMenuContext(), message = _b.message, hideMenu = _b.hideMenu, onReplyInThread = _b.onReplyInThread;
+    return (React.createElement(BasicItems.BottomSheetMenuItem, _tslib.__assign({}, props, { onClick: function (e) {
+            var _a;
+            onReplyInThread({ message: message });
+            hideMenu();
+            (_a = props.onClick) === null || _a === void 0 ? void 0 : _a.call(props, e);
+        } }), (_a = props.children) !== null && _a !== void 0 ? _a : (React.createElement(React.Fragment, null,
+        React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.THREAD, 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.MESSAGE_MENU__THREAD)))));
+};
+var DeleteMenuItem = function (props) {
+    var _a, _b, _c;
+    var stringSet = LocalizationContext.useLocalization().stringSet;
+    var _d = BasicItems.useMessageMenuContext(), message = _d.message, hideMenu = _d.hideMenu, deleteMessage = _d.deleteMessage, showRemove = _d.showRemove, isOnline = _d.isOnline, disableDeleteMessage = _d.disableDeleteMessage;
+    return (React.createElement(BasicItems.BottomSheetMenuItem, _tslib.__assign({}, props, { disabled: typeof disableDeleteMessage === 'boolean'
+            ? disableDeleteMessage
+            : ((_b = (_a = message.threadInfo) === null || _a === void 0 ? void 0 : _a.replyCount) !== null && _b !== void 0 ? _b : 0) > 0, onClick: function (e) {
+            var _a;
+            if (index.isFailedMessage(message)) {
+                deleteMessage(message);
+            }
+            else if (isOnline) {
+                showRemove(true);
+                hideMenu();
+                (_a = props.onClick) === null || _a === void 0 ? void 0 : _a.call(props, e);
+            }
+        } }), (_c = props.children) !== null && _c !== void 0 ? _c : (React.createElement(React.Fragment, null,
+        React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.DELETE, fillColor: ui_Icon.IconColors.PRIMARY, width: "24px", height: "24px" }),
+        React.createElement(ui_Label.Label, { type: ui_Label.LabelTypography.SUBTITLE_1, color: disableDeleteMessage ? ui_Label.LabelColors.ONBACKGROUND_4 : ui_Label.LabelColors.ONBACKGROUND_1 }, stringSet.MESSAGE_MENU__DELETE)))));
+};
+var DownloadMenuItem = function (props) {
+    var _a;
+    var stringSet = LocalizationContext.useLocalization().stringSet;
+    var _b = BasicItems.useMessageMenuContext(), hideMenu = _b.hideMenu, message = _b.message, onDownloadClick = _b.onDownloadClick;
+    var url = message.url;
+    return (React.createElement(BasicItems.BottomSheetMenuItem, { onClick: function () { return hideMenu(); } }, (_a = props.children) !== null && _a !== void 0 ? _a : (React.createElement("a", { className: "sendbird-message__bottomsheet--hyperlink", rel: "noopener noreferrer", href: 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.MESSAGE_MENU__SAVE)))));
+};
+
+var EMOJI_SIZE = 38;
+var MobileBottomSheet = function (props) {
+    var _a, _b, _c, _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, _e = props.isReactionEnabled, isReactionEnabled = _e === void 0 ? false : _e, showEdit = props.showEdit, showRemove = props.showRemove, deleteMenuState = props.deleteMenuState, setQuoteMessage = props.setQuoteMessage, onReplyInThread = props.onReplyInThread, _f = props.isOpenedFromThread, isOpenedFromThread = _f === void 0 ? false : _f, onDownloadClick = props.onDownloadClick, renderMenuItems = props.renderMenuItems;
+    var isByMe = ((_a = message === null || message === void 0 ? void 0 : message.sender) === null || _a === void 0 ? void 0 : _a.userId) === userId;
+    var config = useSendbirdStateContext.useSendbirdStateContext().config;
+    var isOnline = config.isOnline;
+    var showMenuItemCopy = index.isUserMessage(message);
+    var showMenuItemEdit = (index.isUserMessage(message) && index.isSentMessage(message) && isByMe);
+    var showMenuItemResend = (isOnline && index.isFailedMessage(message) && (message === null || message === void 0 ? void 0 : message.isResendable) && isByMe);
+    var showMenuItemDelete = !index.isPendingMessage(message) && isByMe;
+    var showMenuItemDeleteByState = isByMe && (deleteMenuState === undefined || deleteMenuState !== 'HIDE');
+    var showMenuItemDeleteFinal = showMenuItemDeleteByState && showMenuItemDelete;
+    var disableDelete = ((deleteMenuState !== undefined && deleteMenuState === 'DISABLE')
+        || ((_c = (_b = message === null || message === void 0 ? void 0 : message.threadInfo) === null || _b === void 0 ? void 0 : _b.replyCount) !== null && _c !== void 0 ? _c : 0) > 0);
+    var showMenuItemDownload = index.isSentMessage(message) && index.isFileMessage(message) && !index.isVoiceMessage(message);
+    var showReaction = !index.isFailedMessage(message) && !index.isPendingMessage(message) && isReactionEnabled;
+    var showMenuItemReply = (replyType === 'QUOTE_REPLY')
+        && !index.isFailedMessage(message)
+        && !index.isPendingMessage(message)
+        && ((channel === null || channel === void 0 ? void 0 : channel.isGroupChannel()) && !(channel === null || channel === void 0 ? void 0 : channel.isBroadcast));
+    var showMenuItemThread = (replyType === 'THREAD') && !isOpenedFromThread
+        && !index.isFailedMessage(message)
+        && !index.isPendingMessage(message)
+        && !index.isThreadMessage(message)
+        && ((channel === null || channel === void 0 ? void 0 : channel.isGroupChannel()) && !(channel === null || channel === void 0 ? void 0 : channel.isBroadcast));
+    var maxEmojisPerRow = Math.floor(window.innerWidth / EMOJI_SIZE) - 1;
+    var _g = React.useState(false), showEmojisOnly = _g[0], setShowEmojisOnly = _g[1];
+    var emojis = emojiContainer && index.getEmojiListAll(emojiContainer);
+    var visibleEmojis = showEmojisOnly ? emojis : emojis === null || emojis === void 0 ? void 0 : emojis.slice(0, maxEmojisPerRow);
+    var canShowMoreEmojis = emojis && emojis.length > maxEmojisPerRow;
+    var contextValue = {
+        message: message,
+        hideMenu: hideMenu,
+        setQuoteMessage: setQuoteMessage,
+        onReplyInThread: onReplyInThread,
+        onMoveToParentMessage: function () { },
+        showEdit: showEdit,
+        showRemove: showRemove,
+        deleteMessage: deleteMessage,
+        resendMessage: resendMessage,
+        isOnline: isOnline,
+        disableDeleteMessage: disableDelete,
+        triggerRef: null,
+        containerRef: null,
+        onDownloadClick: onDownloadClick,
+    };
+    return (React.createElement(BasicItems.MessageMenuProvider, { value: contextValue },
+        React.createElement(ui_BottomSheet, { onBackdropClick: hideMenu },
+            React.createElement("div", { className: "sendbird-message__bottomsheet" },
+                showReaction && (React.createElement("div", { className: "sendbird-message__bottomsheet-reactions" },
+                    React.createElement("ul", { className: "sendbird-message__bottomsheet-reaction-bar" },
+                        React.createElement("div", { className: utils.classnames('sendbird-message__bottomsheet-reaction-bar__row', showEmojisOnly && 'sendbird-message__bottomsheet-reaction-bar__all') },
+                            visibleEmojis.map(function (emoji) {
+                                var _a, _b, _c;
+                                var isReacted = (_c = (_b = (_a = message === null || message === void 0 ? void 0 : message.reactions) === null || _a === void 0 ? void 0 : _a.filter(function (reaction) { return reaction.key === emoji.key; })[0]) === null || _b === void 0 ? void 0 : _b.userIds) === null || _c === void 0 ? void 0 : _c.some(function (reactorId) { return reactorId === userId; });
+                                return (React.createElement(ui_ReactionButton, { key: emoji.key, width: "".concat(EMOJI_SIZE, "px"), height: "".concat(EMOJI_SIZE, "px"), selected: isReacted, onClick: function () {
+                                        hideMenu();
+                                        toggleReaction === null || toggleReaction === void 0 ? void 0 : toggleReaction(message, emoji.key, isReacted);
+                                    }, testID: "ui_mobile_emoji_reactions_menu_".concat(emoji.key) },
+                                    React.createElement(ui_ImageRenderer.default, { url: (emoji === null || emoji === void 0 ? void 0 : emoji.url) || '', width: "28px", height: "28px", placeHolder: function (_a) {
+                                            var style = _a.style;
+                                            return (React.createElement("div", { style: style },
+                                                React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.QUESTION, fillColor: ui_Icon.IconColors.ON_BACKGROUND_3, width: "28px", height: "28px" })));
+                                        } })));
+                            }),
+                            canShowMoreEmojis && !showEmojisOnly && (React.createElement(ui_ReactionButton, { key: "emoji_more", width: "38px", height: "38px", onClick: function () { return setShowEmojisOnly(true); }, testID: "ui_mobile_emoji_reactions_menu_emojiadd" },
+                                React.createElement(ui_ImageRenderer.default, { url: '', width: "28px", height: "28px", placeHolder: function (_a) {
+                                        var style = _a.style;
+                                        return (React.createElement("div", { style: style },
+                                            React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.EMOJI_MORE, fillColor: ui_Icon.IconColors.ON_BACKGROUND_3, width: "28px", height: "28px" })));
+                                    } }))))))),
+                !showEmojisOnly && (React.createElement("div", { className: "sendbird-message__bottomsheet--actions" }, (_d = renderMenuItems === null || renderMenuItems === void 0 ? void 0 : renderMenuItems({
+                    items: {
+                        CopyMenuItem: CopyMenuItem,
+                        EditMenuItem: EditMenuItem,
+                        ResendMenuItem: ResendMenuItem,
+                        ReplyMenuItem: ReplyMenuItem,
+                        ThreadMenuItem: ThreadMenuItem,
+                        DeleteMenuItem: DeleteMenuItem,
+                    },
+                })) !== null && _d !== void 0 ? _d : (React.createElement(React.Fragment, null,
+                    showMenuItemCopy && React.createElement(CopyMenuItem, null),
+                    showMenuItemEdit && React.createElement(EditMenuItem, null),
+                    showMenuItemResend && React.createElement(ResendMenuItem, null),
+                    showMenuItemReply && React.createElement(ReplyMenuItem, null),
+                    showMenuItemThread && React.createElement(ThreadMenuItem, null),
+                    showMenuItemDeleteFinal && React.createElement(DeleteMenuItem, null),
+                    showMenuItemDownload && React.createElement(DownloadMenuItem, null)))))))));
+};
+
+var MobileMenu = function (props) {
+    return (React.createElement(React.Fragment, null, (props === null || props === void 0 ? void 0 : props.isReactionEnabled) ? React.createElement(MobileBottomSheet, _tslib.__assign({}, props)) : React.createElement(MobileContextMenu, _tslib.__assign({}, props))));
+};
+
+exports.MobileMenu = MobileMenu;
+//# sourceMappingURL=bundle-D8yzgwQq.js.map

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

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

package/cjs/chunks/{bundle-CV7G8_Ga.js → bundle-DCTSWuu7.js}

@@ -22,4 +22,4 @@ var UserProfileProvider = function (_a) {
 
 exports.UserProfileContext = UserProfileContext;
 exports.UserProfileProvider = UserProfileProvider;
-//# sourceMappingURL=bundle-CV7G8_Ga.js.map
+//# sourceMappingURL=bundle-DCTSWuu7.js.map

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

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