@sendbird/uikit-react 3.7.0 → 3.8.1

package/cjs/chunks/bundle-LoNtsKOJ.js

@@ -0,0 +1,217 @@
+'use strict';
+
+var React = require('react');
+var DOMPurify = require('dompurify');
+var _tslib = require('./bundle-mc8PQfi_.js');
+var consts = require('./bundle-PoR4V_kd.js');
+var consts$2 = require('./bundle-MB8QdyyQ.js');
+var consts$1 = require('./bundle-DRPbz-J2.js');
+
+function renderToString(_a) {
+    var userId = _a.userId, nickname = _a.nickname;
+    // donot change this template, it wont work
+    var el = "<span data-userid=\"".concat(userId, "\" data-sb-mention=\"true\" class=\"").concat(consts.MENTION_USER_LABEL_CLASSNAME, "\">").concat(nickname, "</span>");
+    var purifier = DOMPurify(window);
+    var sanitized_ = purifier.sanitize(el);
+    var token = sanitized_.split(' ');
+    var spanTag = token[0], rest = token.slice(1);
+    // we do this because DOMPurify removes the contenteditable attribute
+    var sanitized = _tslib.__spreadArray([spanTag, 'contenteditable="false"'], rest, true).join(' ');
+    return sanitized;
+}
+
+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)), ';'); });
+};
+/**
+ * NodeList cannot be used with Array methods
+ * @param {NodeListOf<ChildNode>} childNodes
+ * @returns Array of child nodes
+ */
+var nodeListToArray = function (childNodes) {
+    try {
+        return Array.from(childNodes);
+    }
+    catch (error) {
+        return [];
+    }
+};
+function isChannelTypeSupportsMultipleFilesMessage(channel) {
+    var _a;
+    return channel && ((_a = channel.isGroupChannel) === null || _a === void 0 ? void 0 : _a.call(channel)) && !channel.isBroadcast && !channel.isSuper;
+}
+
+function inserTemplateToDOM(templateList) {
+    var nodes = templateList.map(function (template) {
+        var text = template.text, userId = template.userId;
+        if (userId) {
+            return renderToString({ userId: userId, nickname: text });
+        }
+        return sanitizeString(text);
+    })
+        .join(' ')
+        // add a space at the end of the mention, else cursor/caret wont work
+        .concat(' ');
+    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';
+var MENTION_CLASS_COMBINED_QUERY = ".".concat(MENTION_CLASS, ", .").concat(MENTION_CLASS_IN_INPUT);
+
+function querySelectorIncludingSelf(master, selector) {
+    var result = _tslib.__spreadArray([
+        master
+    ], Array.from(master.querySelectorAll(selector)), true).find(function (el) { return el.matches(selector); });
+    return result;
+}
+// Pasted dom node can be OG_MESSAGE or partial message or full message
+// full messsage would have TEXT_MESSAGE_BODY_CLASSNAME and have childNodes
+// partial message would not have TEXT_MESSAGE_BODY_CLASSNAME
+function getLeafNodes(master) {
+    // og message
+    var ogMessage = querySelectorIncludingSelf(master, ".".concat(consts$1.OG_MESSAGE_BODY_CLASSNAME));
+    if (ogMessage) {
+        return nodeListToArray(ogMessage.childNodes);
+    }
+    var textMessageBody = querySelectorIncludingSelf(master, ".".concat(consts$2.TEXT_MESSAGE_BODY_CLASSNAME));
+    if (textMessageBody) {
+        return nodeListToArray(textMessageBody.childNodes);
+    }
+    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;
+}
+var extractTextFromNodes = function (nodes) {
+    var text = '';
+    nodes.forEach(function (node) {
+        // to preserve space between words
+        var textNodes = node.querySelectorAll(".".concat(TEXT_MESSAGE_CLASS));
+        if (textNodes.length > 0) {
+            text += ((extractTextFromNodes(Array.from(textNodes))) + ' ');
+        }
+        text += (node.innerText + ' ');
+    });
+    return text;
+};
+function domToMessageTemplate(nodeArray) {
+    var templates = nodeArray === null || nodeArray === void 0 ? void 0 : nodeArray.reduce(function (accumulator, currentValue) {
+        var _a;
+        // currentValue can be node(from messageBody or messageInput) or text
+        var mentionNode;
+        // this looks awkward, but it is a fallback to set default text
+        var text = currentValue === null || currentValue === void 0 ? void 0 : currentValue.innerText;
+        // if text node, set text
+        if (currentValue instanceof Text) {
+            mentionNode = false;
+            text = currentValue.textContent;
+        }
+        if (currentValue instanceof HTMLElement) {
+            mentionNode = (currentValue.classList.contains(MENTION_CLASS) || currentValue.classList.contains(MENTION_CLASS_IN_INPUT))
+                ? currentValue
+                : currentValue.querySelector(MENTION_CLASS_COMBINED_QUERY);
+        }
+        // if mentionNode is not null, it is a mention
+        if (mentionNode) {
+            var text_1 = currentValue === null || currentValue === void 0 ? void 0 : currentValue.innerText;
+            var userId = (_a = mentionNode.dataset) === null || _a === void 0 ? void 0 : _a.userid;
+            return _tslib.__spreadArray(_tslib.__spreadArray([], accumulator, true), [
+                {
+                    text: text_1,
+                    userId: userId,
+                },
+            ], false);
+        }
+        return _tslib.__spreadArray(_tslib.__spreadArray([], accumulator, true), [
+            {
+                text: text,
+            },
+        ], false);
+    }, []);
+    return templates;
+}
+function getUsersFromWords(templates, channel) {
+    var userMap = {};
+    var users = channel.members;
+    templates.forEach(function (template) {
+        if (template.userId) {
+            var mentionedMember = users.find(function (user) { return user.userId === template.userId; });
+            // Object.values would return array-> [undefined] if the user is not in the channel
+            if (mentionedMember) {
+                userMap[template.userId] = mentionedMember;
+            }
+        }
+    });
+    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 usePaste(_a) {
+    var ref = _a.ref, setIsInput = _a.setIsInput, setHeight = _a.setHeight, channel = _a.channel, setMentionedUsers = _a.setMentionedUsers;
+    return React.useCallback(function (e) {
+        e.preventDefault();
+        var html = e === null || e === void 0 ? void 0 : e.clipboardData.getData('text/html');
+        // simple text, continue as normal
+        if (!html) {
+            var text = e === null || e === void 0 ? void 0 : e.clipboardData.getData('text');
+            document.execCommand('insertHTML', false, sanitizeString(text));
+            setIsInput(true);
+            setHeight();
+            return;
+        }
+        // has html, check if there are mentions, sanitize and insert
+        var purifier = DOMPurify(window);
+        var clean = purifier.sanitize(html);
+        var pasteNode = createPasteNode();
+        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('insertHTML', false, sanitizeString(text));
+            pasteNode.remove();
+            setIsInput(true);
+            setHeight();
+            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);
+        pasteNode.remove();
+        setIsInput(true);
+        setHeight();
+    }, [ref, setIsInput, setHeight, channel, setMentionedUsers]);
+}
+
+exports.isChannelTypeSupportsMultipleFilesMessage = isChannelTypeSupportsMultipleFilesMessage;
+exports.nodeListToArray = nodeListToArray;
+exports.renderToString = renderToString;
+exports.sanitizeString = sanitizeString;
+exports.usePaste = usePaste;
+//# sourceMappingURL=bundle-LoNtsKOJ.js.map

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

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

package/cjs/{types-feda9656.js → chunks/bundle-M6v8bdc6.js}

@@ -1,11 +1,11 @@
 'use strict';
 
-// note to SDK team:
-// using enum inside .d.ts won’t work for jest, but const enum will work.
-var Role = {
-  OPERATOR: 'operator',
-  NONE: 'none'
+// note to SDK team:
+// using enum inside .d.ts won’t work for jest, but const enum will work.
+var Role = {
+    OPERATOR: 'operator',
+    NONE: 'none',
 };
 
 exports.Role = Role;
-//# sourceMappingURL=types-feda9656.js.map
+//# sourceMappingURL=bundle-M6v8bdc6.js.map

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

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

package/cjs/{consts-61d83828.js → chunks/bundle-MB8QdyyQ.js}

@@ -3,4 +3,4 @@
 var TEXT_MESSAGE_BODY_CLASSNAME = 'sendbird-text-message-item-body';
 
 exports.TEXT_MESSAGE_BODY_CLASSNAME = TEXT_MESSAGE_BODY_CLASSNAME;
-//# sourceMappingURL=consts-61d83828.js.map
+//# sourceMappingURL=bundle-MB8QdyyQ.js.map

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

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

package/cjs/chunks/bundle-MwYMtlCB.js

@@ -0,0 +1,109 @@
+'use strict';
+
+var React = require('react');
+var ui_ContextMenu = require('../ui/ContextMenu.js');
+var useSendbirdStateContext = require('../useSendbirdStateContext.js');
+var LocalizationContext = require('./bundle-80bw1Z-w.js');
+
+var OpenChannelMessageStatusTypes = {
+    NONE: 'none',
+    PENDING: 'pending',
+    FAILED: 'failed',
+    CANCELED: 'canceled',
+    SUCCEEDED: 'succeeded',
+};
+var getSenderFromMessage = function (message) {
+    // @ts-ignore
+    return message.sender || message._sender;
+};
+var checkIsSent = function (status) { return (status === OpenChannelMessageStatusTypes.SUCCEEDED); };
+var checkIsPending = function (status) { return (status === OpenChannelMessageStatusTypes.PENDING); };
+var checkIsFailed = function (status) { return (status === OpenChannelMessageStatusTypes.FAILED); };
+var checkIsByMe = function (message, userId) { return (getSenderFromMessage(message).userId === userId); };
+var isFineCopy = function (_a) {
+    var _b;
+    var message = _a.message;
+    return ((message === null || message === void 0 ? void 0 : message.messageType) === 'user' && ((_b = message === null || message === void 0 ? void 0 : message.message) === null || _b === void 0 ? void 0 : _b.length) > 0);
+};
+var isFineResend = function (_a) {
+    var message = _a.message, status = _a.status, userId = _a.userId;
+    return checkIsByMe(message, userId)
+        && checkIsFailed(status)
+        // @ts-ignore
+        && (message === null || message === void 0 ? void 0 : message.isResendable());
+};
+var isFineEdit = function (_a) {
+    var _b;
+    var message = _a.message, status = _a.status, userId = _a.userId;
+    return checkIsByMe(message, userId) && checkIsSent(status) && ((_b = message === null || message === void 0 ? void 0 : message.isUserMessage) === null || _b === void 0 ? void 0 : _b.call(message));
+};
+var isFineDelete = function (_a) {
+    var message = _a.message, userId = _a.userId;
+    return checkIsByMe(message, userId);
+};
+var isFineDownload = function (_a) {
+    var _b;
+    var message = _a.message, status = _a.status;
+    if (((_b = message === null || message === void 0 ? void 0 : message.isFileMessage) === null || _b === void 0 ? void 0 : _b.call(message)) && checkIsSent(status)) {
+        return true;
+    }
+    return false;
+};
+var showMenuTrigger = function (props) {
+    var message = props.message, status = props.status, userId = props.userId;
+    // @ts-ignore
+    if (message.messageType === 'user') {
+        return (isFineDelete({ message: message, status: status, userId: userId })
+            || isFineEdit({ message: message, status: status, userId: userId })
+            // @ts-ignore
+            || isFineCopy({ message: message, status: status, userId: userId })
+            || isFineResend({ message: message, status: status, userId: userId }));
+    }
+    else {
+        return (isFineDelete({ message: message, status: status, userId: userId })
+            || isFineResend({ message: message, status: status, userId: userId }));
+    }
+};
+
+var OpenChannelMobileMenu = function (props) {
+    var _a, _b;
+    var message = props.message, parentRef = props.parentRef, resendMessage = props.resendMessage, showEdit = props.showEdit, showRemove = props.showRemove, copyToClipboard = props.copyToClipboard, hideMenu = props.hideMenu, _c = props.isEphemeral, isEphemeral = _c === void 0 ? false : _c;
+    var userMessage = message;
+    var status = message === null || message === void 0 ? void 0 : message.sendingStatus;
+    var stringSet = LocalizationContext.useLocalization().stringSet;
+    var userId = (_b = (_a = useSendbirdStateContext.useSendbirdStateContext()) === null || _a === void 0 ? void 0 : _a.config) === null || _b === void 0 ? void 0 : _b.userId;
+    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();
+                }, 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();
+                }, 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();
+                }, 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();
+                }, 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 () {
+                    hideMenu();
+                }, dataSbId: "open_channel_mobile_context_menu_download_file" },
+                React.createElement("a", { className: "sendbird-openchannel__mobile-menu-hyperlink", rel: "noopener noreferrer", href: fileMessage === null || fileMessage === void 0 ? void 0 : fileMessage.url, target: "_blank" }, stringSet.CONTEXT_MENU_DROPDOWN__SAVE))))); } }));
+};
+
+exports.OpenChannelMobileMenu = OpenChannelMobileMenu;
+exports.checkIsFailed = checkIsFailed;
+exports.checkIsPending = checkIsPending;
+exports.checkIsSent = checkIsSent;
+exports.getSenderFromMessage = getSenderFromMessage;
+exports.isFineCopy = isFineCopy;
+exports.isFineDelete = isFineDelete;
+exports.isFineEdit = isFineEdit;
+exports.isFineResend = isFineResend;
+exports.showMenuTrigger = showMenuTrigger;
+//# sourceMappingURL=bundle-MwYMtlCB.js.map

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

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

package/cjs/chunks/bundle-NOQysszZ.js

@@ -0,0 +1,10 @@
+'use strict';
+
+var USER_ACTIONS = {
+    INIT_USER: 'INIT_USER',
+    RESET_USER: 'RESET_USER',
+    UPDATE_USER_INFO: 'UPDATE_USER_INFO',
+};
+
+exports.USER_ACTIONS = USER_ACTIONS;
+//# sourceMappingURL=bundle-NOQysszZ.js.map

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

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

package/cjs/chunks/bundle-OfmF0BBb.js

@@ -0,0 +1,99 @@
+'use strict';
+
+var React = require('react');
+var ui_PlaybackTime = require('../ui/PlaybackTime.js');
+var ui_ProgressBar = require('../ui/ProgressBar.js');
+var ui_TextButton = require('../ui/TextButton.js');
+var ui_Icon = require('../ui/Icon.js');
+var ui_Label = require('./bundle-fTDV9UxX.js');
+var LocalizationContext = require('./bundle-80bw1Z-w.js');
+var consts = require('./bundle-4iro9CUN.js');
+
+/* eslint-disable no-redeclare */
+var VoiceMessageInputStatus = {
+    READY_TO_RECORD: 'READY_TO_RECORD',
+    RECORDING: 'RECORDING',
+    READY_TO_PLAY: 'READY_TO_PLAY',
+    PLAYING: 'PLAYING',
+};
+
+var ControlerIcon = function (_a) {
+    var inputState = _a.inputState;
+    switch (inputState) {
+        case VoiceMessageInputStatus.READY_TO_RECORD: {
+            return (React.createElement("div", { className: "sendbird-controler-icon record-icon" }));
+        }
+        case VoiceMessageInputStatus.RECORDING: {
+            return (React.createElement("div", { className: "sendbird-controler-icon stop-icon" }));
+        }
+        case VoiceMessageInputStatus.READY_TO_PLAY: {
+            return (React.createElement(ui_Icon.default, { className: "sendbird-controler-icon play-icon", width: "20px", height: "20px", type: ui_Icon.IconTypes.PLAY, fillColor: ui_Icon.IconColors.ON_BACKGROUND_1 }));
+        }
+        case VoiceMessageInputStatus.PLAYING: {
+            return (React.createElement("div", { className: "sendbird-controler-icon pause-icon" },
+                React.createElement("div", { className: "sendbird-controler-icon pause-icon-inner" }),
+                React.createElement("div", { className: "sendbird-controler-icon pause-icon-inner" })));
+        }
+        default:
+            return null;
+    }
+};
+
+var VoiceMessageInput = function (_a) {
+    var _b = _a.minRecordTime, minRecordTime = _b === void 0 ? consts.VOICE_RECORDER_DEFAULT_MIN : _b, maximumValue = _a.maximumValue, _c = _a.currentValue, currentValue = _c === void 0 ? 0 : _c, currentType = _a.currentType, onCancelClick = _a.onCancelClick, onControlClick = _a.onControlClick, onSubmitClick = _a.onSubmitClick, renderCancelButton = _a.renderCancelButton, renderControlButton = _a.renderControlButton, renderSubmitButton = _a.renderSubmitButton;
+    var _d = React.useState(0), lastClickTime = _d[0], setLastClickTime = _d[1];
+    var isReadyToRecord = React.useMemo(function () { return currentType === VoiceMessageInputStatus.READY_TO_RECORD; }, [currentType]);
+    var isRecording = React.useMemo(function () { return currentType === VoiceMessageInputStatus.RECORDING; }, [currentType]);
+    var isSendButtonDisabled = React.useMemo(function () {
+        if (currentType === VoiceMessageInputStatus.READY_TO_RECORD
+            || currentType === VoiceMessageInputStatus.RECORDING) {
+            return minRecordTime > currentValue;
+        }
+        return false;
+    }, [currentType, minRecordTime, currentValue]);
+    var isPlayMode = React.useMemo(function () {
+        return (currentType === VoiceMessageInputStatus.READY_TO_PLAY
+            || currentType === VoiceMessageInputStatus.PLAYING);
+    }, [currentType]);
+    var stringSet = LocalizationContext.useLocalization().stringSet;
+    var handleOnCancelClick = function () {
+        var currentTime = Date.now();
+        if (currentTime - lastClickTime > consts.VOICE_RECORDER_CLICK_BUFFER_TIME) {
+            onCancelClick();
+            setLastClickTime(currentTime);
+        }
+    };
+    var handleOnControlClick = React.useCallback(function () {
+        var currentTime = Date.now();
+        if (currentTime - lastClickTime > consts.VOICE_RECORDER_CLICK_BUFFER_TIME) {
+            onControlClick(currentType);
+            setLastClickTime(currentTime);
+        }
+    }, [currentType]);
+    var handleOnSubmitClick = function () {
+        var currentTime = Date.now();
+        if (currentTime - lastClickTime > consts.VOICE_RECORDER_CLICK_BUFFER_TIME) {
+            if (!isSendButtonDisabled) {
+                onSubmitClick();
+            }
+            setLastClickTime(currentTime);
+        }
+    };
+    return (React.createElement("div", { className: "sendbird-voice-message-input" },
+        React.createElement("div", { className: "sendbird-voice-message-input__indicator" },
+            React.createElement("div", { className: "sendbird-voice-message-input__indicator__progress-bar" },
+                React.createElement(ui_ProgressBar.ProgressBar, { className: "sendbird-voice-message-input__indicator__progress-bar__bar", disabled: isReadyToRecord, maxSize: maximumValue, currentSize: currentValue })),
+            (isRecording) ? (React.createElement("div", { className: "sendbird-voice-message-input__indicator__on-rec" })) : null,
+            React.createElement(ui_PlaybackTime.PlaybackTime, { className: "sendbird-voice-message-input__indicator__playback-time", time: isPlayMode ? maximumValue - currentValue : currentValue, labelColor: isReadyToRecord ? ui_Label.LabelColors.ONBACKGROUND_4 : ui_Label.LabelColors.ONCONTENT_1 })),
+        React.createElement("div", { className: "sendbird-voice-message-input__controler" },
+            (renderCancelButton === null || renderCancelButton === void 0 ? void 0 : renderCancelButton()) || (React.createElement(ui_TextButton, { className: "sendbird-voice-message-input__controler__cancel", onClick: handleOnCancelClick, disableUnderline: true },
+                React.createElement(ui_Label.Label, { type: ui_Label.LabelTypography.BUTTON_1, color: ui_Label.LabelColors.PRIMARY }, stringSet.BUTTON__CANCEL))),
+            (renderControlButton === null || renderControlButton === void 0 ? void 0 : renderControlButton(currentType)) || (React.createElement("div", { className: "sendbird-voice-message-input__controler__main", onClick: handleOnControlClick },
+                React.createElement(ControlerIcon, { inputState: currentType }))),
+            (renderSubmitButton === null || renderSubmitButton === void 0 ? void 0 : renderSubmitButton()) || (React.createElement("div", { className: "sendbird-voice-message-input__controler__submit ".concat(isSendButtonDisabled ? 'voice-message--disabled' : ''), onClick: handleOnSubmitClick },
+                React.createElement(ui_Icon.default, { width: "19px", height: "19px", type: ui_Icon.IconTypes.SEND, fillColor: isSendButtonDisabled ? ui_Icon.IconColors.ON_BACKGROUND_4 : ui_Icon.IconColors.CONTENT }))))));
+};
+
+exports.VoiceMessageInput = VoiceMessageInput;
+exports.VoiceMessageInputStatus = VoiceMessageInputStatus;
+//# sourceMappingURL=bundle-OfmF0BBb.js.map

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

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

package/cjs/{consts-b3c4f548.js → chunks/bundle-PoR4V_kd.js}

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

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

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

package/cjs/{index-54279ec2.js → chunks/bundle-RG3ZDmvE.js}

@@ -4,4 +4,4 @@ var n=Symbol("@ts-pattern/matcher"),t="@ts-pattern/anonymous-select-key",e=funct
 
 exports.K = K;
 exports.S = S;
-//# sourceMappingURL=index-54279ec2.js.map
+//# sourceMappingURL=bundle-RG3ZDmvE.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"bundle-RG3ZDmvE.js","sources":["../../../node_modules/ts-pattern/dist/index.module.js"],"sourcesContent":["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}();function j(){var n=[].slice.call(arguments);if(1===n.length){var t=n[0];return function(n){return u(t,n,function(){})}}if(2===n.length){var e=n,r=e[0],i=e[1];return u(r,i,function(){})}throw new Error(\"isMatching wasn't given the right number of arguments: expected 1 or 2, received \"+n.length+\".\")}export{S as P,S as Pattern,j as isMatching,K as match};\n//# sourceMappingURL=index.module.js.map\n"],"names":[],"mappings":"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","x_google_ignoreList":[0]}

package/cjs/chunks/bundle-RV4B0RCM.js

@@ -0,0 +1,27 @@
+'use strict';
+
+var ui_Label = require('./bundle-fTDV9UxX.js');
+
+var getChannelTitle = function (channel, currentUserId, stringSet) {
+    var _a;
+    var LABEL_STRING_SET = stringSet || ui_Label.LabelStringSet;
+    if (!(channel === null || channel === void 0 ? void 0 : channel.name) && !(channel === null || channel === void 0 ? void 0 : channel.members)) {
+        return LABEL_STRING_SET.NO_TITLE;
+    }
+    if ((channel === null || channel === void 0 ? void 0 : channel.name) && channel.name !== 'Group Channel') {
+        return channel.name;
+    }
+    if (((_a = channel === null || channel === void 0 ? void 0 : channel.members) === null || _a === void 0 ? void 0 : _a.length) === 1) {
+        return LABEL_STRING_SET.NO_MEMBERS;
+    }
+    return channel === null || channel === void 0 ? void 0 : channel.members.filter(function (_a) {
+        var userId = _a.userId;
+        return userId !== currentUserId;
+    }).map(function (_a) {
+        var nickname = _a.nickname;
+        return (nickname || LABEL_STRING_SET.NO_NAME);
+    }).join(', ');
+};
+
+exports.getChannelTitle = getChannelTitle;
+//# sourceMappingURL=bundle-RV4B0RCM.js.map

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

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

package/cjs/chunks/bundle-TCdgqawd.js

@@ -0,0 +1,75 @@
+'use strict';
+
+var React = require('react');
+var consts = require('./bundle-4iro9CUN.js');
+
+function useDebounce(callback, delay) {
+    var timeoutRef = React.useRef(null);
+    React.useEffect(function () {
+        // Cleanup the timeout on unmount
+        return function () {
+            if (timeoutRef.current) {
+                clearTimeout(timeoutRef.current);
+            }
+        };
+    }, []);
+    function debounceFunction() {
+        var args = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+            args[_i] = arguments[_i];
+        }
+        if (timeoutRef.current) {
+            clearTimeout(timeoutRef.current);
+        }
+        timeoutRef.current = setTimeout(function () {
+            callback.apply(void 0, args);
+        }, delay);
+    }
+    return debounceFunction;
+}
+
+var DELAY = 500;
+function calcScrollBottom(scrollHeight, scrollTop) {
+    return scrollHeight - scrollTop;
+}
+function useHandleOnScrollCallback(_a) {
+    var hasMore = _a.hasMore, hasNext = _a.hasNext, onScroll = _a.onScroll, scrollRef = _a.scrollRef, setShowScrollDownButton = _a.setShowScrollDownButton;
+    var scrollCb = React.useCallback(function () {
+        var element = scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current;
+        if (element == null) {
+            return;
+        }
+        var scrollTop = element.scrollTop, scrollHeight = element.scrollHeight, clientHeight = element.clientHeight;
+        // https://sendbird.atlassian.net/browse/SBISSUE-11759
+        // the edge case where channel is inside a page that already has scroll
+        // scrollintoView will move the whole page, which we dont want
+        var scrollBottom = calcScrollBottom(scrollHeight, scrollTop);
+        // even if there is more to fetch or not,
+        // we still have to show the scroll to bottom button
+        if (typeof setShowScrollDownButton === 'function') {
+            setShowScrollDownButton(scrollHeight > scrollTop + clientHeight + 1);
+        }
+        if (hasMore && scrollTop < consts.SCROLL_BUFFER) {
+            onScroll(function () {
+                // sets the scroll position to the bottom of the new messages
+                element.scrollTop = element.scrollHeight - scrollBottom;
+            });
+        }
+        if (hasNext) {
+            onScroll(function () {
+                // sets the scroll position to the top of the new messages
+                element.scrollTop = scrollTop - (scrollHeight - element.scrollHeight);
+            });
+        }
+    }, [
+        setShowScrollDownButton,
+        hasMore,
+        onScroll,
+        scrollRef,
+    ]);
+    return useDebounce(scrollCb, DELAY);
+}
+
+exports.useDebounce = useDebounce;
+exports.useHandleOnScrollCallback = useHandleOnScrollCallback;
+//# sourceMappingURL=bundle-TCdgqawd.js.map

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

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