@sendbird/uikit-react 3.7.0 → 3.8.1

package/chunks/bundle-5Z7nY-qa.js

@@ -0,0 +1,355 @@
+import React__default, { useCallback, useEffect, useContext, useMemo, useReducer } from 'react';
+import { p as pubSubTopics } from './bundle--Hrow3p-.js';
+import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
+import { _ as __assign, a as __spreadArray } from './bundle-AVOWwEQ4.js';
+
+var OpenChannelListFetchingStatus;
+(function (OpenChannelListFetchingStatus) {
+    OpenChannelListFetchingStatus["EMPTY"] = "EMPTY";
+    OpenChannelListFetchingStatus["FETCHING"] = "FETCHING";
+    OpenChannelListFetchingStatus["DONE"] = "DONE";
+    OpenChannelListFetchingStatus["ERROR"] = "ERROR";
+})(OpenChannelListFetchingStatus || (OpenChannelListFetchingStatus = {}));
+
+var OpenChannelListActionTypes;
+(function (OpenChannelListActionTypes) {
+    // actions
+    OpenChannelListActionTypes["INIT_OPEN_CHANNEL_LIST_START"] = "INIT_OPEN_CHANNEL_LIST_START";
+    OpenChannelListActionTypes["INIT_OPEN_CHANNEL_LIST_SUCCESS"] = "INIT_OPEN_CHANNEL_LIST_SUCCESS";
+    OpenChannelListActionTypes["INIT_OPEN_CHANNEL_LIST_FAILURE"] = "INIT_OPEN_CHANNEL_LIST_FAILURE";
+    OpenChannelListActionTypes["RESET_OPEN_CHANNEL_LIST"] = "RESET_OPEN_CHANNEL_LIST";
+    OpenChannelListActionTypes["FETCH_OPEN_CHANNEL_LIST_START"] = "FETCH_OPEN_CHANNEL_LIST_START";
+    OpenChannelListActionTypes["FETCH_OPEN_CHANNEL_LIST_SUCCESS"] = "FETCH_OPEN_CHANNEL_LIST_SUCCESS";
+    OpenChannelListActionTypes["FETCH_OPEN_CHANNEL_LIST_FAILURE"] = "FETCH_OPEN_CHANNEL_LIST_FAILURE";
+    OpenChannelListActionTypes["CREATE_OPEN_CHANNEL"] = "CREATE_OPEN_CHANNEL";
+    OpenChannelListActionTypes["SET_CURRENT_OPEN_CHANNEL"] = "SET_CURRENT_OPEN_CHANNEL";
+    OpenChannelListActionTypes["UPDATE_OPEN_CHANNEL_LIST_QUERY"] = "UPDATE_OPEN_CHANNEL_LIST_QUERY";
+    OpenChannelListActionTypes["UPDATE_OPEN_CHANNEL"] = "UPDATE_OPEN_CHANNEL";
+})(OpenChannelListActionTypes || (OpenChannelListActionTypes = {}));
+var OpenChannelListActionTypes$1 = OpenChannelListActionTypes;
+
+function reducer(state, action) {
+    var _a, _b;
+    switch (action.type) {
+        case OpenChannelListActionTypes$1.INIT_OPEN_CHANNEL_LIST_START: {
+            return __assign(__assign({}, state), { fetchingStatus: OpenChannelListFetchingStatus.FETCHING });
+        }
+        case OpenChannelListActionTypes$1.INIT_OPEN_CHANNEL_LIST_SUCCESS: {
+            var channelList = action.payload;
+            return __assign(__assign({}, state), { allChannels: channelList, fetchingStatus: channelList.length > 0
+                    ? OpenChannelListFetchingStatus.DONE
+                    : OpenChannelListFetchingStatus.EMPTY });
+        }
+        case OpenChannelListActionTypes$1.INIT_OPEN_CHANNEL_LIST_FAILURE: {
+            return __assign(__assign({}, state), { allChannels: [], fetchingStatus: OpenChannelListFetchingStatus.ERROR });
+        }
+        case OpenChannelListActionTypes$1.RESET_OPEN_CHANNEL_LIST: {
+            return __assign(__assign({}, state), { allChannels: [], fetchingStatus: OpenChannelListFetchingStatus.EMPTY });
+        }
+        case OpenChannelListActionTypes$1.FETCH_OPEN_CHANNEL_LIST_START: {
+            return state;
+        }
+        case OpenChannelListActionTypes$1.FETCH_OPEN_CHANNEL_LIST_SUCCESS: {
+            return __assign(__assign({}, state), { allChannels: __spreadArray(__spreadArray([], state.allChannels, true), action.payload, true) });
+        }
+        case OpenChannelListActionTypes$1.FETCH_OPEN_CHANNEL_LIST_FAILURE: {
+            return state;
+        }
+        case OpenChannelListActionTypes$1.CREATE_OPEN_CHANNEL: {
+            return __assign(__assign({}, state), { currentChannel: action.payload, allChannels: __spreadArray([action.payload], state.allChannels, true) });
+        }
+        case OpenChannelListActionTypes$1.SET_CURRENT_OPEN_CHANNEL: {
+            return __assign(__assign({}, state), { currentChannel: action.payload });
+        }
+        case OpenChannelListActionTypes$1.UPDATE_OPEN_CHANNEL_LIST_QUERY: {
+            return __assign(__assign({}, state), { channelListQuery: action === null || action === void 0 ? void 0 : action.payload });
+        }
+        case OpenChannelListActionTypes$1.UPDATE_OPEN_CHANNEL: {
+            return __assign(__assign({}, state), { allChannels: state.allChannels.map(function (channel) {
+                    var _a;
+                    return ((channel === null || channel === void 0 ? void 0 : channel.url) === ((_a = action.payload) === null || _a === void 0 ? void 0 : _a.url) ? action.payload : channel);
+                }), currentChannel: (((_a = state.currentChannel) === null || _a === void 0 ? void 0 : _a.url) === ((_b = action === null || action === void 0 ? void 0 : action.payload) === null || _b === void 0 ? void 0 : _b.url))
+                    ? state.currentChannel
+                    : action.payload });
+        }
+        default: {
+            return state;
+        }
+    }
+}
+
+var openChannelListInitialState = {
+    allChannels: [],
+    currentChannel: null,
+    fetchingStatus: OpenChannelListFetchingStatus.EMPTY,
+    channelListQuery: null,
+};
+
+function useFetchNextCallback(_a, _b) {
+    var sdkInitialized = _a.sdkInitialized, openChannelListQuery = _a.openChannelListQuery;
+    var logger = _b.logger, openChannelListDispatcher = _b.openChannelListDispatcher;
+    return useCallback(function (callback) {
+        if (sdkInitialized && (openChannelListQuery === null || openChannelListQuery === void 0 ? void 0 : openChannelListQuery.hasNext)) {
+            logger.info('OpenChannelList|useFetchNextCallback : Fetch channels');
+            openChannelListDispatcher({
+                type: OpenChannelListActionTypes$1.FETCH_OPEN_CHANNEL_LIST_START,
+                payload: null,
+            });
+            openChannelListQuery.next()
+                .then(function (channelList) {
+                callback(channelList, null);
+                logger.info('OpenChannelList|useFetchNextCallback: Succeeded fetching channels', channelList);
+                openChannelListDispatcher({
+                    type: OpenChannelListActionTypes$1.FETCH_OPEN_CHANNEL_LIST_SUCCESS,
+                    payload: channelList,
+                });
+            })
+                .catch(function (err) {
+                callback(null, err);
+                logger.error('OpenChannelList|useFetchNextCallback: Failed fetching channels', err);
+                openChannelListDispatcher({
+                    type: OpenChannelListActionTypes$1.FETCH_OPEN_CHANNEL_LIST_FAILURE,
+                    payload: null,
+                });
+            });
+        }
+        else {
+            logger.info('OpenChannelList|useFetchNextCallback : There is no more channels');
+        }
+    }, [sdkInitialized, openChannelListQuery]);
+}
+
+function createChannelListQuery(_a) {
+    var _b, _c;
+    var sdk = _a.sdk, logMessage = _a.logMessage, openChannelListQuery = _a.openChannelListQuery, logger = _a.logger, openChannelListDispatcher = _a.openChannelListDispatcher;
+    var params = {};
+    params.limit = 20;
+    params.includeFrozen = true;
+    if (openChannelListQuery) {
+        Object.keys(openChannelListQuery).forEach(function (key) {
+            params[key] = openChannelListQuery[key];
+        });
+    }
+    var channelListQuery = (_c = (_b = sdk === null || sdk === void 0 ? void 0 : sdk.openChannel) === null || _b === void 0 ? void 0 : _b.createOpenChannelListQuery) === null || _c === void 0 ? void 0 : _c.call(_b, params);
+    logger.info(logMessage, channelListQuery);
+    openChannelListDispatcher({
+        type: OpenChannelListActionTypes$1.UPDATE_OPEN_CHANNEL_LIST_QUERY,
+        payload: channelListQuery,
+    });
+    return channelListQuery;
+}
+
+function useSetupOpenChannelList(_a, _b) {
+    var sdk = _a.sdk, sdkInitialized = _a.sdkInitialized, openChannelListQuery = _a.openChannelListQuery;
+    var logger = _b.logger, openChannelListDispatcher = _b.openChannelListDispatcher;
+    useEffect(function () {
+        var _a;
+        if (sdkInitialized) {
+            if (sdk === null || sdk === void 0 ? void 0 : sdk.openChannel) {
+                if ((_a = sdk === null || sdk === void 0 ? void 0 : sdk.openChannel) === null || _a === void 0 ? void 0 : _a.createOpenChannelListQuery) {
+                    logger.info('OpenChannelList|useSetupOpenChannelList: Setup OpenChannelList', { sdkInitialized: sdkInitialized });
+                    var channelListQuery = createChannelListQuery({
+                        sdk: sdk,
+                        logger: logger,
+                        openChannelListQuery: openChannelListQuery,
+                        openChannelListDispatcher: openChannelListDispatcher,
+                        logMessage: 'OpenChannelList|useSetupOpenChannelList: Succeeded create channelListQuery',
+                    });
+                    if (channelListQuery === null || channelListQuery === void 0 ? void 0 : channelListQuery.hasNext) {
+                        logger.info('OpenChannelList|useSetupOpenChannelList: Fetch channels');
+                        openChannelListDispatcher({
+                            type: OpenChannelListActionTypes$1.INIT_OPEN_CHANNEL_LIST_START,
+                            payload: null,
+                        });
+                        channelListQuery.next()
+                            .then(function (channelList) {
+                            logger.info('OpenChannelList|useSetupOpenChannelList: Succeeded fetching channels', channelList);
+                            openChannelListDispatcher({
+                                type: OpenChannelListActionTypes$1.INIT_OPEN_CHANNEL_LIST_SUCCESS,
+                                payload: channelList,
+                            });
+                        })
+                            .catch(function (err) {
+                            logger.error('OpenChannelList|useSetupOpenChannelList: Failed fetching channels', err);
+                            openChannelListDispatcher({
+                                type: OpenChannelListActionTypes$1.INIT_OPEN_CHANNEL_LIST_FAILURE,
+                                payload: null,
+                            });
+                        });
+                    }
+                    else {
+                        logger.info('OpenChannelList|useSetupOpenChannelList: There is no more channels');
+                    }
+                }
+                else {
+                    logger.warning('OpenChannelList|useSetupOpenChannelList: createOpenChannelListQuery is not included in the openChannel', sdk.openChannel);
+                }
+            }
+            else {
+                logger.warning('OpenChannelList|useSetupOpenChannelList: openChannel is not included in the Chat SDK', sdk);
+            }
+        }
+        else {
+            logger.info('OpenChannelList|useSetupOpenChannelList: Reset OpenChannelList', { sdkInitialized: sdkInitialized });
+            openChannelListDispatcher({
+                type: OpenChannelListActionTypes$1.RESET_OPEN_CHANNEL_LIST,
+                payload: null,
+            });
+        }
+    }, [sdkInitialized, openChannelListQuery]);
+}
+
+function useRefreshOpenChannelList(_a, _b) {
+    var sdk = _a.sdk, sdkInitialized = _a.sdkInitialized, openChannelListQuery = _a.openChannelListQuery;
+    var logger = _b.logger, openChannelListDispatcher = _b.openChannelListDispatcher;
+    return useCallback(function () {
+        var _a;
+        if (!sdkInitialized) {
+            logger.info('OpenChannelList|useRefreshOpenChannelList: Reset OpenChannelList', { sdkInitialized: sdkInitialized });
+            openChannelListDispatcher({
+                type: OpenChannelListActionTypes$1.RESET_OPEN_CHANNEL_LIST,
+                payload: null,
+            });
+            return;
+        }
+        if (!(sdk === null || sdk === void 0 ? void 0 : sdk.openChannel)) {
+            logger.warning('OpenChannelList|useRefreshOpenChannelList: openChannel is not included in the Chat SDK', sdk);
+            return;
+        }
+        if (!((_a = sdk === null || sdk === void 0 ? void 0 : sdk.openChannel) === null || _a === void 0 ? void 0 : _a.createOpenChannelListQuery)) {
+            logger.warning('OpenChannelList|useRefreshOpenChannelList: createOpenChannelListQuery is not included in the openChannel', sdk.openChannel);
+            return;
+        }
+        logger.info('OpenChannelList|useRefreshOpenChannelList: Setup OpenChannelList', { sdkInitialized: sdkInitialized });
+        var channelListQuery = createChannelListQuery({
+            sdk: sdk,
+            logger: logger,
+            openChannelListQuery: openChannelListQuery,
+            openChannelListDispatcher: openChannelListDispatcher,
+            logMessage: 'OpenChannelList|useRefreshOpenChannelList: Succeeded create channelListQuery',
+        });
+        if (channelListQuery.hasNext) {
+            logger.info('OpenChannelList|useRefreshOpenChannelList: Fetch channels');
+            openChannelListDispatcher({
+                type: OpenChannelListActionTypes$1.INIT_OPEN_CHANNEL_LIST_START,
+                payload: null,
+            });
+            channelListQuery.next()
+                .then(function (channelList) {
+                logger.info('OpenChannelList|useRefreshOpenChannelList: Succeeded fetching channels', channelList);
+                openChannelListDispatcher({
+                    type: OpenChannelListActionTypes$1.INIT_OPEN_CHANNEL_LIST_SUCCESS,
+                    payload: channelList,
+                });
+            })
+                .catch(function (err) {
+                logger.error('OpenChannelList|useRefreshOpenChannelList: Failed fetching channels', err);
+                openChannelListDispatcher({
+                    type: OpenChannelListActionTypes$1.INIT_OPEN_CHANNEL_LIST_FAILURE,
+                    payload: null,
+                });
+            });
+        }
+        else {
+            logger.info('OpenChannelList|useRefreshOpenChannelList: There is no more channels');
+        }
+    }, [sdkInitialized, openChannelListQuery]);
+}
+
+var OpenChannelListContext = React__default.createContext({
+    onChannelSelected: null,
+    currentChannel: null,
+    allChannels: [],
+    fetchingStatus: OpenChannelListFetchingStatus.EMPTY,
+    customOpenChannelListQuery: {},
+    fetchNextChannels: null,
+    refreshOpenChannelList: null,
+    openChannelListDispatcher: null,
+    logger: null,
+});
+function useOpenChannelListContext() {
+    var context = useContext(OpenChannelListContext);
+    return context;
+}
+var OpenChannelListProvider = function (_a) {
+    var _b, _c;
+    var className = _a.className, children = _a.children, queries = _a.queries, onChannelSelected = _a.onChannelSelected;
+    // props
+    var _d = useSendbirdStateContext(), stores = _d.stores, config = _d.config;
+    var logger = config.logger, pubSub = config.pubSub;
+    var sdk = ((_b = stores === null || stores === void 0 ? void 0 : stores.sdkStore) === null || _b === void 0 ? void 0 : _b.sdk) || null;
+    var sdkInitialized = ((_c = stores === null || stores === void 0 ? void 0 : stores.sdkStore) === null || _c === void 0 ? void 0 : _c.initialized) || false;
+    var customOpenChannelListQuery = useMemo(function () {
+        return (queries === null || queries === void 0 ? void 0 : queries.openChannelListQuery) || null;
+    }, [queries === null || queries === void 0 ? void 0 : queries.openChannelListQuery]);
+    // dux
+    var _e = useReducer(reducer, openChannelListInitialState), openChannelListStore = _e[0], openChannelListDispatcher = _e[1];
+    var allChannels = openChannelListStore.allChannels, currentChannel = openChannelListStore.currentChannel, fetchingStatus = openChannelListStore.fetchingStatus, channelListQuery = openChannelListStore.channelListQuery;
+    // Initialize
+    useSetupOpenChannelList({
+        sdk: sdk,
+        sdkInitialized: sdkInitialized,
+        openChannelListQuery: customOpenChannelListQuery,
+    }, {
+        logger: logger,
+        openChannelListDispatcher: openChannelListDispatcher,
+    });
+    // Events & PubSub
+    useEffect(function () {
+        var subscriber = (pubSub === null || pubSub === void 0 ? void 0 : pubSub.subscribe) ? new Map() : null;
+        subscriber === null || subscriber === void 0 ? void 0 : subscriber.set(pubSubTopics.UPDATE_OPEN_CHANNEL, pubSub === null || pubSub === void 0 ? void 0 : pubSub.subscribe(pubSubTopics.UPDATE_OPEN_CHANNEL, function (channel) {
+            openChannelListDispatcher({
+                type: OpenChannelListActionTypes$1.UPDATE_OPEN_CHANNEL,
+                payload: channel,
+            });
+        }));
+        return function () {
+            subscriber === null || subscriber === void 0 ? void 0 : subscriber.forEach(function (s) {
+                try {
+                    s.remove();
+                }
+                catch (_a) {
+                    //
+                }
+            });
+        };
+    }, [sdkInitialized, pubSub]);
+    // Fetch next channels by scroll event
+    var fetchNextChannels = useFetchNextCallback({
+        sdkInitialized: sdkInitialized,
+        openChannelListQuery: channelListQuery,
+    }, {
+        logger: logger,
+        openChannelListDispatcher: openChannelListDispatcher,
+    });
+    // Refresh channel list by click event of 'refresh button'
+    var refreshOpenChannelList = useRefreshOpenChannelList({
+        sdk: sdk,
+        sdkInitialized: sdkInitialized,
+        openChannelListQuery: customOpenChannelListQuery,
+    }, {
+        logger: logger,
+        openChannelListDispatcher: openChannelListDispatcher,
+    });
+    return (React__default.createElement(OpenChannelListContext.Provider, { value: {
+            // props
+            onChannelSelected: onChannelSelected,
+            customOpenChannelListQuery: customOpenChannelListQuery,
+            // interface
+            logger: logger,
+            currentChannel: currentChannel,
+            allChannels: allChannels,
+            fetchingStatus: fetchingStatus,
+            fetchNextChannels: fetchNextChannels,
+            refreshOpenChannelList: refreshOpenChannelList,
+            openChannelListDispatcher: openChannelListDispatcher,
+        } },
+        React__default.createElement("div", { className: "sendbird-open-channel-list ".concat(className) }, children)));
+};
+var OpenChannelListProvider$1 = {
+    OpenChannelListProvider: OpenChannelListProvider,
+    useOpenChannelListContext: useOpenChannelListContext,
+};
+
+export { OpenChannelListProvider as O, OpenChannelListFetchingStatus as a, OpenChannelListActionTypes$1 as b, OpenChannelListProvider$1 as c, useOpenChannelListContext as u };
+//# sourceMappingURL=bundle-5Z7nY-qa.js.map

package/chunks/bundle-5Z7nY-qa.js.map

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

package/chunks/bundle-62G-DTVs.js

@@ -0,0 +1,211 @@
+import { useCallback } from 'react';
+import DOMPurify from 'dompurify';
+import { a as __spreadArray } from './bundle-AVOWwEQ4.js';
+import { M as MENTION_USER_LABEL_CLASSNAME } from './bundle-0plqkdfC.js';
+import { T as TEXT_MESSAGE_BODY_CLASSNAME } from './bundle-kaJaYGwQ.js';
+import { O as OG_MESSAGE_BODY_CLASSNAME } from './bundle-_nlJSeuz.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(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 = __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 = __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(OG_MESSAGE_BODY_CLASSNAME));
+    if (ogMessage) {
+        return nodeListToArray(ogMessage.childNodes);
+    }
+    var textMessageBody = querySelectorIncludingSelf(master, ".".concat(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 __spreadArray(__spreadArray([], accumulator, true), [
+                {
+                    text: text_1,
+                    userId: userId,
+                },
+            ], false);
+        }
+        return __spreadArray(__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 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]);
+}
+
+export { isChannelTypeSupportsMultipleFilesMessage as i, nodeListToArray as n, renderToString as r, sanitizeString as s, usePaste as u };
+//# sourceMappingURL=bundle-62G-DTVs.js.map

package/chunks/bundle-62G-DTVs.js.map

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