@sendbird/uikit-react 3.15.6 → 3.15.7

package/cjs/chunks/{bundle-Drgw8r9-.js → bundle-D8FmLqeo.js}

@@ -2,12 +2,12 @@
 
 var React = require('react');
 var DOMPurify = require('dompurify');
-var _const = require('./bundle-D7q15dUg.js');
-var _const$1 = require('./bundle-DtjZ8gz_.js');
-var _tslib = require('./bundle-DufP6x7V.js');
-var consts = require('./bundle-cTn0cfLN.js');
-var consts$2 = require('./bundle-CXTI-r-K.js');
-var consts$1 = require('./bundle-1FpUZD1-.js');
+var _const = require('./bundle-BVvqa2be.js');
+var _const$1 = require('./bundle-Cr1Nv2m5.js');
+var _tslib = require('./bundle-M8daFQIk.js');
+var consts = require('./bundle-uI_O2Czp.js');
+var consts$2 = require('./bundle-D6LPwVEM.js');
+var consts$1 = require('./bundle-DogbrTLB.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -26,8 +26,15 @@ function renderToString(_a) {
     return sanitized;
 }
 
+/**
+ * - Converts `<` and `>` characters to their HTML entities (`&#60;` and `&#62;`).
+ * - All other characters (including special symbols, emojis, and non-English text) remain unchanged.
+ */
 var sanitizeString = function (str) {
-    return str === null || str === void 0 ? void 0 : str.replace(/[\u00A0-\u9999<>]/gim, function (i) { return ''.concat('&#', String(i.charCodeAt(0)), ';'); });
+    if (str === void 0) { str = ''; }
+    if (!str)
+        return '';
+    return str.replace(/[<>]/g, function (char) { return (char === '<' ? '&#60;' : '&#62;'); });
 };
 /**
  * NodeList cannot be used with Array methods
@@ -74,7 +81,7 @@ function extractTextAndMentions(childNodes) {
     return { messageText: messageText, mentionTemplate: mentionTemplate };
 }
 
-function inserTemplateToDOM(templateList) {
+function insertTemplateToDOM(templateList) {
     var nodes = templateList.map(function (template) {
         var text = template.text, userId = template.userId;
         if (userId) {
@@ -88,7 +95,6 @@ function inserTemplateToDOM(templateList) {
     document.execCommand('insertHTML', false, nodes);
 }
 
-var PASTE_NODE = 'sendbird-uikit__paste-node';
 var TEXT_MESSAGE_CLASS = 'sendbird-word';
 var MENTION_CLASS = 'sendbird-word__mention';
 var MENTION_CLASS_IN_INPUT = 'sendbird-mention-user-label';
@@ -115,18 +121,6 @@ function getLeafNodes(master) {
     }
     return nodeListToArray(master.childNodes);
 }
-function createPasteNode() {
-    var pasteNode = document.body.querySelector("#".concat(PASTE_NODE));
-    // remove existing paste node
-    if (pasteNode) {
-        pasteNode === null || pasteNode === void 0 ? void 0 : pasteNode.remove();
-    }
-    // create new paste node and return
-    var node = document.createElement('div');
-    node.id = PASTE_NODE;
-    node.style.display = 'none';
-    return node;
-}
 function hasMention(parent) {
     return (parent === null || parent === void 0 ? void 0 : parent.querySelector(MENTION_CLASS_COMBINED_QUERY)) ? true : false;
 }
@@ -193,50 +187,59 @@ function getUsersFromWords(templates, channel) {
     return Object.values(userMap);
 }
 
-// exported, should be backward compatible
-// conditions to test:
-// 1. paste simple text
-// 2. paste text with mention
-// 3. paste text with mention and text
-// 4. paste text with mention and text and paste again before and after
-// 5. copy message with mention(only one mention, no other text) and paste
-// 6. copy message with mention from input and paste(before and after)
+function pasteContentAtCaret(content) {
+    var selection = window.getSelection(); // Get the current selection
+    if (selection && selection.rangeCount > 0) {
+        var range = selection.getRangeAt(selection.rangeCount - 1); // Get the last range
+        range.deleteContents(); // Clear any existing content
+        // Create a new text node with the content and a Zero-width space
+        var textNode = document.createTextNode(content + '\u200B');
+        range.insertNode(textNode); // Insert the new text node at the caret position
+        // Move the caret to the end of the inserted content
+        range.setStart(textNode, textNode.length);
+        range.collapse(true); // Collapse the range (no text selection)
+        // Reset the selection with the updated range
+        selection.removeAllRanges();
+        selection.addRange(range); // Apply the updated selection
+    }
+}
+function createPasteNodeWithContent(html) {
+    var pasteNode = document.createElement('div');
+    pasteNode.innerHTML = html;
+    return pasteNode;
+}
+// usePaste Hook
 function usePaste(_a) {
     var ref = _a.ref, setIsInput = _a.setIsInput, channel = _a.channel, setMentionedUsers = _a.setMentionedUsers;
     return React.useCallback(function (e) {
         e.preventDefault();
         var html = e.clipboardData.getData('text/html');
-        // simple text, continue as normal
+        var text = e.clipboardData.getData('text') || getURIListText(e);
+        // 1. Simple text paste: no HTML present
         if (!html) {
-            var text = e.clipboardData.getData('text') || getURIListText(e);
-            document.execCommand('insertText', false, sanitizeString(text));
+            pasteContentAtCaret(sanitizeString(text));
             setIsInput(true);
             return;
         }
-        // has html, check if there are mentions, sanitize and insert
+        // 2. HTML paste: process mentions and sanitized content
         var purifier = DOMPurify__default.default(window);
-        var clean = purifier.sanitize(html);
-        var pasteNode = createPasteNode();
-        if (pasteNode) {
-            pasteNode.innerHTML = clean;
-            // does not have mention, continue as normal
-            if (!hasMention(pasteNode)) {
-                // to preserve space between words
-                var text = extractTextFromNodes(Array.from(pasteNode.children));
-                document.execCommand('insertText', false, sanitizeString(text));
-                pasteNode.remove();
-                setIsInput(true);
-                return;
-            }
-            // has mention, collect leaf nodes and parse words
-            var leafNodes = getLeafNodes(pasteNode);
-            var words = domToMessageTemplate(leafNodes);
-            var mentionedUsers = channel.isGroupChannel() ? getUsersFromWords(words, channel) : [];
-            // side effects
-            setMentionedUsers(mentionedUsers);
-            inserTemplateToDOM(words);
+        var cleanHtml = purifier.sanitize(html);
+        var pasteNode = createPasteNodeWithContent(cleanHtml);
+        if (!hasMention(pasteNode)) {
+            // No mention, paste as plain text
+            var extractedText = extractTextFromNodes(Array.from(pasteNode.children));
+            pasteContentAtCaret(sanitizeString(extractedText));
             pasteNode.remove();
+            setIsInput(true);
+            return;
         }
+        // 3. Mentions present: process mentions and update state
+        var leafNodes = getLeafNodes(pasteNode);
+        var words = domToMessageTemplate(leafNodes);
+        var mentionedUsers = channel.isGroupChannel() ? getUsersFromWords(words, channel) : [];
+        setMentionedUsers(mentionedUsers); // Update mentioned users state
+        insertTemplateToDOM(words); // Insert mentions and content into the DOM
+        pasteNode.remove();
         setIsInput(true);
     }, [ref, setIsInput, channel, setMentionedUsers]);
 }
@@ -262,4 +265,4 @@ exports.nodeListToArray = nodeListToArray;
 exports.renderToString = renderToString;
 exports.sanitizeString = sanitizeString;
 exports.usePaste = usePaste;
-//# sourceMappingURL=bundle-Drgw8r9-.js.map
+//# sourceMappingURL=bundle-D8FmLqeo.js.map

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

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

package/cjs/chunks/{bundle-CXcDT8Da.js → bundle-DFOy8Vjx.js}

@@ -1,12 +1,12 @@
 'use strict';
 
 var React = require('react');
-var ui_Modal = require('./bundle-BTVhcfBF.js');
-require('./bundle-DufP6x7V.js');
-require('./bundle-DyIjO87F.js');
+var ui_Modal = require('./bundle-BrY1UcVB.js');
+require('./bundle-M8daFQIk.js');
+require('./bundle-DHObKJBi.js');
 var ui_Button = require('../ui/Button.js');
-var LocalizationContext = require('./bundle-CGj7JjS6.js');
-var stringFormatterUtils = require('./bundle-C58VJxCs.js');
+var LocalizationContext = require('./bundle-aG-hWuAD.js');
+var stringFormatterUtils = require('./bundle-7go2K8uq.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -31,4 +31,4 @@ var RemoveMessageModalView = function (props) {
 };
 
 exports.RemoveMessageModalView = RemoveMessageModalView;
-//# sourceMappingURL=bundle-CXcDT8Da.js.map
+//# sourceMappingURL=bundle-DFOy8Vjx.js.map

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

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

package/cjs/chunks/{bundle-DyIjO87F.js → bundle-DHObKJBi.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var _tslib = require('./bundle-DufP6x7V.js');
+var _tslib = require('./bundle-M8daFQIk.js');
 var React = require('react');
-var stringSet = require('./bundle-BSdv_4rq.js');
+var stringSet = require('./bundle-BucbwMfw.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -93,4 +93,4 @@ exports.LabelColors = LabelColors;
 exports.LabelStringSet = LabelStringSet;
 exports.LabelTypography = LabelTypography;
 exports.changeColorToClassName = changeColorToClassName;
-//# sourceMappingURL=bundle-DyIjO87F.js.map
+//# sourceMappingURL=bundle-DHObKJBi.js.map

package/cjs/chunks/{bundle-DyIjO87F.js.map → bundle-DHObKJBi.js.map}

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

package/cjs/chunks/{bundle-CWuXh6bZ.js → bundle-DKH-jTSP.js}

@@ -65,4 +65,4 @@ exports.VOICE_RECORDER_AUDIO_SAMPLE_RATE = VOICE_RECORDER_AUDIO_SAMPLE_RATE;
 exports.VOICE_RECORDER_CLICK_BUFFER_TIME = VOICE_RECORDER_CLICK_BUFFER_TIME;
 exports.VOICE_RECORDER_DEFAULT_MAX = VOICE_RECORDER_DEFAULT_MAX;
 exports.VOICE_RECORDER_DEFAULT_MIN = VOICE_RECORDER_DEFAULT_MIN;
-//# sourceMappingURL=bundle-CWuXh6bZ.js.map
+//# sourceMappingURL=bundle-DKH-jTSP.js.map

package/cjs/chunks/bundle-DKH-jTSP.js.map

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

package/cjs/chunks/{bundle-Dffwbiy_.js → bundle-DMIMzh92.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var consts = require('./bundle-CWuXh6bZ.js');
+var consts = require('./bundle-DKH-jTSP.js');
 var lame_all = require('../lame.all.js');
 
 // Thanks to https://codesandbox.io/s/media-recorder-api-downsampling-16k-mp3-encode-using-lame-js-forked-n1pblw
@@ -129,4 +129,4 @@ function bufferToWav(abuffer, len) {
 
 exports.downsampleToWav = downsampleToWav;
 exports.encodeMp3 = encodeMp3;
-//# sourceMappingURL=bundle-Dffwbiy_.js.map
+//# sourceMappingURL=bundle-DMIMzh92.js.map

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

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

package/cjs/chunks/{bundle-Efqr4p5P.js → bundle-DPwrFGpD.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var consts = require('./bundle-CWuXh6bZ.js');
-var useThrottleCallback = require('./bundle-CtHeK1-9.js');
-var utils = require('./bundle-Cppp85AW.js');
+var consts = require('./bundle-DKH-jTSP.js');
+var useThrottleCallback = require('./bundle-CBNb5A4I.js');
+var utils = require('./bundle-G45ozTAX.js');
 var uikitTools = require('@sendbird/uikit-tools');
 
 var DELAY = 100;
@@ -52,4 +52,4 @@ function useHandleOnScrollCallback(_a) {
 }
 
 exports.useHandleOnScrollCallback = useHandleOnScrollCallback;
-//# sourceMappingURL=bundle-Efqr4p5P.js.map
+//# sourceMappingURL=bundle-DPwrFGpD.js.map

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

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

package/cjs/chunks/{bundle-BHpgOCTU.js → bundle-DT1VkqGP.js}

@@ -1,30 +1,29 @@
 'use strict';
 
 var React = require('react');
-var index = require('./bundle-Dtkhmor2.js');
-var ui_ContextMenu = require('./bundle-DLJaRSlI.js');
-var ui_Avatar = require('./bundle-Bu3BLfvI.js');
+var index = require('./bundle-DbmaLjo7.js');
+var ui_ContextMenu = require('./bundle-T-G9xEkp.js');
+var ui_Avatar = require('./bundle-DZTBaP7X.js');
 var ui_UserProfile = require('../ui/UserProfile.js');
-var UserProfileContext = require('./bundle-BkiVNmZI.js');
-var utils = require('./bundle-CfvwGGIv.js');
-var _tslib = require('./bundle-DufP6x7V.js');
+var UserProfileContext = require('./bundle-D_WlWum1.js');
+var utils = require('./bundle-D0HvD9f6.js');
+var _tslib = require('./bundle-M8daFQIk.js');
 var ui_OGMessageItemBody = require('../ui/OGMessageItemBody.js');
 var ui_TextMessageItemBody = require('../ui/TextMessageItemBody.js');
 var ui_FileMessageItemBody = require('../ui/FileMessageItemBody.js');
-var useFileInfoListWithUploaded = require('./bundle-DWYr_udk.js');
+var useFileInfoListWithUploaded = require('./bundle-CFkoZMCI.js');
 var ui_VoiceMessageItemBody = require('../ui/VoiceMessageItemBody.js');
 var ui_ThumbnailMessageItemBody = require('../ui/ThumbnailMessageItemBody.js');
 var ui_UnknownMessageItemBody = require('../ui/UnknownMessageItemBody.js');
 var ui_TemplateMessageItemBody = require('../ui/TemplateMessageItemBody.js');
 var ui_Button = require('../ui/Button.js');
-var ui_Label = require('./bundle-DyIjO87F.js');
+var ui_Label = require('./bundle-DHObKJBi.js');
 var ui_MessageFeedbackFailedModal = require('../ui/MessageFeedbackFailedModal.js');
-var LocalizationContext = require('./bundle-CGj7JjS6.js');
+var LocalizationContext = require('./bundle-aG-hWuAD.js');
 var ui_Icon = require('../ui/Icon.js');
-var useSendbirdStateContext = require('../useSendbirdStateContext.js');
-var consts = require('./bundle-CXTI-r-K.js');
-var utils$1 = require('./bundle-LPDBHnUG.js');
-var consts$1 = require('./bundle-CWuXh6bZ.js');
+var consts = require('./bundle-D6LPwVEM.js');
+var utils$1 = require('./bundle-ChsWMr1t.js');
+var consts$1 = require('./bundle-DKH-jTSP.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -191,18 +190,16 @@ var FallbackUserMessage = function (_a) {
 };
 function FormMessageItemBody(props) {
     var _this = this;
-    var message = props.message, form = props.form, isByMe = props.isByMe;
+    var message = props.message, form = props.form, isByMe = props.isByMe, logger = props.logger;
     var items = form.items, formId = form.id;
     var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
-    var config = useSendbirdStateContext.useSendbirdStateContext().config;
-    var logger = config.logger;
     var _a = React.useState(false), submitFailed = _a[0], setSubmitFailed = _a[1];
     var _b = React.useState(false), isSubmitTried = _b[0], setIsSubmitTried = _b[1];
     var _c = React.useState(function () {
         var initialFormValues = [];
         items.forEach(function (_a) {
-            var required = _a.required, style = _a.style;
-            var layout = style.layout, _b = style.defaultOptions, defaultOptions = _b === void 0 ? [] : _b;
+            var required = _a.required, _b = _a.style, style = _b === void 0 ? {} : _b;
+            var layout = style.layout, _c = style.defaultOptions, defaultOptions = _c === void 0 ? [] : _c;
             initialFormValues.push({
                 draftValues: layout === 'chip' ? defaultOptions : [],
                 required: required,
@@ -331,7 +328,7 @@ var MessageBody = function (props) {
     var isFormMessageEnabledInGroupChannel = (channel === null || channel === void 0 ? void 0 : channel.isGroupChannel()) && config.groupChannel.enableFormTypeMessage;
     var renderUnknownMessageItemBody = function () { return React__default.default.createElement(ui_UnknownMessageItemBody, { className: className, message: message, isByMe: isByMe, mouseHover: mouseHover, isReactionEnabled: isReactionEnabledInChannel }); };
     return index.K(message)
-        .when(function (message) { return isFormMessageEnabledInGroupChannel && index.isFormMessage(message); }, function () { return (React__default.default.createElement(FormMessageItemBody, { isByMe: isByMe, message: message, form: message.messageForm })); })
+        .when(function (message) { return isFormMessageEnabledInGroupChannel && index.isFormMessage(message); }, function () { return (React__default.default.createElement(FormMessageItemBody, { isByMe: isByMe, message: message, form: message.messageForm, logger: config.logger })); })
         .when(index.isTemplateMessage, function () {
         var _a, _b;
         var templatePayload = message.extendedMessagePayload[consts$1.MESSAGE_TEMPLATE_KEY];
@@ -388,4 +385,4 @@ var MessageHeader = function (props) {
 exports.MessageBody = MessageBody;
 exports.MessageHeader = MessageHeader;
 exports.MessageProfile = MessageProfile;
-//# sourceMappingURL=bundle-BHpgOCTU.js.map
+//# sourceMappingURL=bundle-DT1VkqGP.js.map

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

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

package/cjs/chunks/{bundle-Bu3BLfvI.js → bundle-DZTBaP7X.js}

@@ -1,11 +1,11 @@
 'use strict';
 
-var _tslib = require('./bundle-DufP6x7V.js');
+var _tslib = require('./bundle-M8daFQIk.js');
 var React = require('react');
 var ui_ImageRenderer = require('../ui/ImageRenderer.js');
-var pxToNumber = require('./bundle-Co9yOyxu.js');
+var pxToNumber = require('./bundle-vUisJAG7.js');
 var ui_Icon = require('../ui/Icon.js');
-var utils = require('./bundle-CfvwGGIv.js');
+var utils = require('./bundle-D0HvD9f6.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -76,4 +76,4 @@ var Avatar$1 = React__default.default.forwardRef(Avatar);
 exports.Avatar = Avatar$1;
 exports.AvatarDefault = AvatarDefault;
 exports.AvatarInner = AvatarInner;
-//# sourceMappingURL=bundle-Bu3BLfvI.js.map
+//# sourceMappingURL=bundle-DZTBaP7X.js.map

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

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

package/cjs/chunks/{bundle-BkiVNmZI.js → bundle-D_WlWum1.js}

@@ -1,23 +1,23 @@
 'use strict';
 
 var React = require('react');
-require('./bundle-DufP6x7V.js');
+require('./bundle-M8daFQIk.js');
 require('@sendbird/uikit-tools');
 require('../withSendbird.js');
-require('./bundle-BTVhcfBF.js');
+require('./bundle-BrY1UcVB.js');
 require('css-vars-ponyfill');
-require('./bundle-Dtkhmor2.js');
+require('./bundle-DbmaLjo7.js');
 require('@sendbird/chat');
 require('@sendbird/chat/openChannel');
 require('@sendbird/chat/groupChannel');
-require('./bundle-B8bE6mmM.js');
-require('./bundle-CGj7JjS6.js');
-require('./bundle-FupN89oG.js');
-require('./bundle-DLJaRSlI.js');
+require('./bundle-Bt03qFW-.js');
+require('./bundle-aG-hWuAD.js');
+require('./bundle-CLPMQSSE.js');
+require('./bundle-T-G9xEkp.js');
 require('react-dom');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
 require('../ui/IconButton.js');
-require('./bundle-DyIjO87F.js');
+require('./bundle-DHObKJBi.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -49,4 +49,4 @@ var UserProfileProvider = function (_a) {
 
 exports.UserProfileProvider = UserProfileProvider;
 exports.useUserProfileContext = useUserProfileContext;
-//# sourceMappingURL=bundle-BkiVNmZI.js.map
+//# sourceMappingURL=bundle-D_WlWum1.js.map

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

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

package/cjs/chunks/{bundle-B19u8wg6.js → bundle-D_YmKhKg.js}

@@ -1,17 +1,17 @@
 'use strict';
 
-var _tslib = require('./bundle-DufP6x7V.js');
+var _tslib = require('./bundle-M8daFQIk.js');
 var React = require('react');
 var SendbirdChat = require('@sendbird/chat');
 var openChannel = require('@sendbird/chat/openChannel');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
 require('../withSendbird.js');
-var ui_ContextMenu = require('./bundle-DLJaRSlI.js');
+var ui_ContextMenu = require('./bundle-T-G9xEkp.js');
 require('react-dom');
 var ui_IconButton = require('../ui/IconButton.js');
-require('./bundle-Dtkhmor2.js');
-var LocalizationContext = require('./bundle-CGj7JjS6.js');
-var utils = require('./bundle-CfvwGGIv.js');
+require('./bundle-DbmaLjo7.js');
+var LocalizationContext = require('./bundle-aG-hWuAD.js');
+var utils = require('./bundle-D0HvD9f6.js');
 var ui_Icon = require('../ui/Icon.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
@@ -283,4 +283,4 @@ var UserListItemMenu = function (props) {
 exports.UserListItemMenu = UserListItemMenu;
 exports.UserListItemMenuProvider = UserListItemMenuProvider;
 exports.useUserListItemMenuContext = useUserListItemMenuContext;
-//# sourceMappingURL=bundle-B19u8wg6.js.map
+//# sourceMappingURL=bundle-D_YmKhKg.js.map

package/cjs/chunks/{bundle-B19u8wg6.js.map → bundle-D_YmKhKg.js.map}

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

package/cjs/chunks/{bundle-Dtkhmor2.js → bundle-DbmaLjo7.js}

@@ -1,11 +1,11 @@
 'use strict';
 
-var _tslib = require('./bundle-DufP6x7V.js');
+var _tslib = require('./bundle-M8daFQIk.js');
 var groupChannel = require('@sendbird/chat/groupChannel');
 var utils_message_getOutgoingMessageState = require('../utils/message/getOutgoingMessageState.js');
-var browser = require('./bundle-C46LqYyh.js');
-var index = require('./bundle-Ct7Vja5E.js');
-var consts = require('./bundle-CWuXh6bZ.js');
+var browser = require('./bundle-6UON_E5C.js');
+var index = require('./bundle-BsTi1HKd.js');
+var consts = require('./bundle-DKH-jTSP.js');
 
 var n=Symbol("@ts-pattern/matcher"),t="@ts-pattern/anonymous-select-key",e=function(n){return Boolean(n&&"object"==typeof n)},r=function(t){return t&&!!t[n]},u=function t(u,i,c){if(e(u)){if(r(u)){var o=u[n]().match(i),a=o.matched,f=o.selections;return a&&f&&Object.keys(f).forEach(function(n){return c(n,f[n])}),a}if(!e(i))return !1;if(Array.isArray(u))return !!Array.isArray(i)&&u.length===i.length&&u.every(function(n,e){return t(n,i[e],c)});if(u instanceof Map)return i instanceof Map&&Array.from(u.keys()).every(function(n){return t(u.get(n),i.get(n),c)});if(u instanceof Set){if(!(i instanceof Set))return !1;if(0===u.size)return 0===i.size;if(1===u.size){var s=Array.from(u.values())[0];return r(s)?Array.from(i.values()).every(function(n){return t(s,n,c)}):i.has(s)}return Array.from(u.values()).every(function(n){return i.has(n)})}return Object.keys(u).every(function(e){var o,a=u[e];return (e in i||r(o=a)&&"optional"===o[n]().matcherType)&&t(a,i[e],c)})}return Object.is(i,u)},i=function t(u){var i,o,a;return e(u)?r(u)?null!=(i=null==(o=(a=u[n]()).getSelectionKeys)?void 0:o.call(a))?i:[]:Array.isArray(u)?c(u,t):c(Object.values(u),t):[]},c=function(n,t){return n.reduce(function(n,e){return n.concat(t(e))},[])};function o(t){var e;return (e={})[n]=function(){return {match:function(n){var e={},r=function(n,t){e[n]=t;};return void 0===n?(i(t).forEach(function(n){return r(n,void 0)}),{matched:!0,selections:e}):{matched:u(t,n,r),selections:e}},getSelectionKeys:function(){return i(t)},matcherType:"optional"}},e}function a(t){var e;return (e={})[n]=function(){return {match:function(n){if(!Array.isArray(n))return {matched:!1};var e={};if(0===n.length)return i(t).forEach(function(n){e[n]=[];}),{matched:!0,selections:e};var r=function(n,t){e[n]=(e[n]||[]).concat([t]);};return {matched:n.every(function(n){return u(t,n,r)}),selections:e}},getSelectionKeys:function(){return i(t)}}},e}function f(){var t,e=[].slice.call(arguments);return (t={})[n]=function(){return {match:function(n){var t={},r=function(n,e){t[n]=e;};return {matched:e.every(function(t){return u(t,n,r)}),selections:t}},getSelectionKeys:function(){return c(e,i)},matcherType:"and"}},t}function s(){var t,e=[].slice.call(arguments);return (t={})[n]=function(){return {match:function(n){var t={},r=function(n,e){t[n]=e;};return c(e,i).forEach(function(n){return r(n,void 0)}),{matched:e.some(function(t){return u(t,n,r)}),selections:t}},getSelectionKeys:function(){return c(e,i)},matcherType:"or"}},t}function l(t){var e;return (e={})[n]=function(){return {match:function(n){return {matched:!u(t,n,function(){})}},getSelectionKeys:function(){return []},matcherType:"not"}},e}function h(t){var e;return (e={})[n]=function(){return {match:function(n){return {matched:Boolean(t(n))}}}},e}function v(){var e,r=[].slice.call(arguments),c="string"==typeof r[0]?r[0]:void 0,o=2===r.length?r[1]:"string"==typeof r[0]?void 0:r[0];return (e={})[n]=function(){return {match:function(n){var e,r=((e={})[null!=c?c:t]=n,e);return {matched:void 0===o||u(o,n,function(n,t){r[n]=t;}),selections:r}},getSelectionKeys:function(){return [null!=c?c:t].concat(void 0===o?[]:i(o))}}},e}var y=h(function(n){return !0}),m=y,d=h(function(n){return "string"==typeof n}),g=h(function(n){return "number"==typeof n}),p=h(function(n){return "boolean"==typeof n}),b=h(function(n){return "bigint"==typeof n}),w=h(function(n){return "symbol"==typeof n}),A=h(function(n){return null==n}),S={__proto__:null,optional:o,array:a,intersection:f,union:s,not:l,when:h,select:v,any:y,_:m,string:d,number:g,boolean:p,bigint:b,symbol:w,nullish:A,instanceOf:function(n){return h(function(n){return function(t){return t instanceof n}}(n))},typed:function(){return {array:a,optional:o,intersection:f,union:s,not:l,select:v,when:h}}};function K(n){return new O(n,[])}var O=/*#__PURE__*/function(){function n(n,t){this.value=void 0,this.cases=void 0,this.value=n,this.cases=t;}var e=n.prototype;return e.with=function(){var e=[].slice.call(arguments),r=e[e.length-1],i=[e[0]],c=[];return 3===e.length&&"function"==typeof e[1]?(i.push(e[0]),c.push(e[1])):e.length>2&&i.push.apply(i,e.slice(1,e.length-1)),new n(this.value,this.cases.concat([{match:function(n){var e={},r=Boolean(i.some(function(t){return u(t,n,function(n,t){e[n]=t;})})&&c.every(function(t){return t(n)}));return {matched:r,value:r&&Object.keys(e).length?t in e?e[t]:e:n}},handler:r}]))},e.when=function(t,e){return new n(this.value,this.cases.concat([{match:function(n){return {matched:Boolean(t(n)),value:n}},handler:e}]))},e.otherwise=function(t){return new n(this.value,this.cases.concat([{match:function(n){return {matched:!0,value:n}},handler:t}])).run()},e.exhaustive=function(){return this.run()},e.run=function(){for(var n=this.value,t=void 0,e=0;e<this.cases.length;e++){var r=this.cases[e],u=r.match(this.value);if(u.matched){n=u.value,t=r.handler;break}}if(!t){var i;try{i=JSON.stringify(this.value);}catch(n){i=this.value;}throw new Error("Pattern matching error: no pattern matches value "+i)}return t(n,this.value)},n}();
 
@@ -88,6 +88,7 @@ var SUPPORTED_MIMES = {
         'image/gif',
         'image/svg+xml',
         'image/webp', // not supported in IE
+        'image/bmp',
     ],
     VIDEO: [
         'video/mpeg',
@@ -117,6 +118,7 @@ var SUPPORTED_MIMES = {
         'text/calendar',
         'text/javascript',
         'text/xml',
+        'text/x-log',
         'video/quicktime', // NOTE: Assume this video is a normal file, not video
     ],
     APPLICATION: [
@@ -158,22 +160,45 @@ var SUPPORTED_MIMES = {
         'application/zip',
         'application/x-7z-compressed',
     ],
+    ARCHIVE: [
+        'application/zip',
+        'application/x-rar-compressed',
+        'application/x-7z-compressed',
+        'application/x-tar',
+        'application/gzip',
+        'application/x-bzip',
+        'application/x-bzip2',
+        'application/x-xz',
+        'application/x-iso9660-image',
+    ],
+};
+var SUPPORTED_FILE_EXTENSIONS = {
+    IMAGE: ['.apng', '.avif', '.gif', '.jpg', '.jpeg', '.jfif', '.pjpeg', '.pjp', '.png', '.svg', '.webp', '.bmp', '.ico', '.cur', '.tif', '.tiff', '.heic', '.heif'],
+    VIDEO: ['.mp4', '.webm', '.ogv', '.3gp', '.3g2', '.avi', '.mov', '.wmv', '.mpg', '.mpeg', '.m4v', '.mkv'],
+    AUDIO: ['.aac', '.midi', '.mp3', '.oga', '.opus', '.wav', '.weba', '.3gp', '.3g2'],
+    DOCUMENT: ['.txt', '.log', '.csv', '.rtf', '.pdf', '.doc', '.docx', '.xls', '.xlsx', '.ppt', '.pptx'],
+    ARCHIVE: ['.zip', '.rar', '.7z', '.tar', '.gz', '.bz2', '.xz', '.iso'],
 };
-var getMimeTypesUIKitAccepts = function (acceptableMimeTypes) {
-    if (Array.isArray(acceptableMimeTypes) && acceptableMimeTypes.length > 0) {
-        return acceptableMimeTypes
+var getMimeTypesUIKitAccepts = function (acceptableTypes) {
+    if (Array.isArray(acceptableTypes) && acceptableTypes.length > 0) {
+        var uniqueTypes = acceptableTypes
             .reduce(function (prev, curr) {
-            switch (curr) {
+            var lowerCurr = curr.toLowerCase();
+            switch (lowerCurr) {
                 case 'image': {
-                    prev.push.apply(prev, SUPPORTED_MIMES.IMAGE);
+                    prev.push.apply(prev, _tslib.__spreadArray(_tslib.__spreadArray([], SUPPORTED_MIMES.IMAGE, false), SUPPORTED_FILE_EXTENSIONS.IMAGE, false));
                     break;
                 }
                 case 'video': {
-                    prev.push.apply(prev, SUPPORTED_MIMES.VIDEO);
+                    prev.push.apply(prev, _tslib.__spreadArray(_tslib.__spreadArray([], SUPPORTED_MIMES.VIDEO, false), SUPPORTED_FILE_EXTENSIONS.VIDEO, false));
                     break;
                 }
                 case 'audio': {
-                    prev.push.apply(prev, SUPPORTED_MIMES.AUDIO);
+                    prev.push.apply(prev, _tslib.__spreadArray(_tslib.__spreadArray([], SUPPORTED_MIMES.AUDIO, false), SUPPORTED_FILE_EXTENSIONS.AUDIO, false));
+                    break;
+                }
+                case 'archive': {
+                    prev.push.apply(prev, _tslib.__spreadArray(_tslib.__spreadArray([], SUPPORTED_MIMES.ARCHIVE, false), SUPPORTED_FILE_EXTENSIONS.ARCHIVE, false));
                     break;
                 }
                 default: {
@@ -182,10 +207,11 @@ var getMimeTypesUIKitAccepts = function (acceptableMimeTypes) {
                 }
             }
             return prev;
-        }, [])
-            .join();
+        }, []);
+        // To remove duplicates
+        return Array.from(new Set(uniqueTypes)).join(',');
     }
-    return Object.values(SUPPORTED_MIMES).reduce(function (prev, curr) { return (prev.concat(curr)); }, []).join();
+    return _tslib.__spreadArray(_tslib.__spreadArray([], Object.values(SUPPORTED_MIMES).flat(), true), Object.values(SUPPORTED_FILE_EXTENSIONS).flat(), true).join(',');
 };
 var UIKitMessageTypes = {
     ADMIN: 'ADMIN',
@@ -858,4 +884,4 @@ exports.isVoiceMessage = isVoiceMessage;
 exports.isVoiceMessageMimeType = isVoiceMessageMimeType;
 exports.truncateString = truncateString;
 exports.uiContainerType = uiContainerType;
-//# sourceMappingURL=bundle-Dtkhmor2.js.map
+//# sourceMappingURL=bundle-DbmaLjo7.js.map