@sendbird/uikit-react 3.9.1-rc-2 → 3.9.1

package/chunks/bundle-OQ0EWLYP.js

@@ -0,0 +1,230 @@
+import React__default, { createContext, useReducer, useContext } from 'react';
+import { _ as __assign } from './bundle-c5jegKUx.js';
+import { g as VOICE_PLAYER_ROOT_ID, e as VOICE_PLAYER_AUDIO_ID, a as VOICE_MESSAGE_FILE_NAME, b as VOICE_MESSAGE_MIME_TYPE } from './bundle-EQ2jMcm0.js';
+import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
+
+var INITIALIZE_AUDIO_UNIT = 'INITIALIZE_AUDIO_UNIT';
+var SET_CURRENT_PLAYER = 'SET_CURRENT_PLAYER';
+var ON_VOICE_PLAYER_PLAY = 'ON_VOICE_PLAYER_PLAY';
+var ON_VOICE_PLAYER_PAUSE = 'ON_VOICE_PLAYER_PAUSE';
+var ON_CURRENT_TIME_UPDATE = 'ON_CURRENT_TIME_UPDATE';
+
+var VOICE_PLAYER_STATUS = {
+    IDLE: 'IDLE',
+    PREPARING: 'PREPARING',
+    PLAYING: 'PLAYING',
+    PAUSED: 'PAUSED',
+    COMPLETED: 'COMPLETED',
+};
+var AudioUnitDefaultValue = function () { return ({
+    audioFile: null,
+    playbackTime: 0,
+    duration: 1000,
+    playingStatus: VOICE_PLAYER_STATUS.IDLE,
+}); };
+var voicePlayerInitialState = {
+    currentPlayer: null,
+    currentGroupKey: '',
+    audioStorage: {},
+};
+
+function voicePlayerReducer(state, action) {
+    var _a, _b, _c, _d;
+    var _e, _f, _g, _h;
+    switch (action.type) {
+        case INITIALIZE_AUDIO_UNIT: {
+            var groupKey = action.payload.groupKey;
+            var audioUnit = (((_e = state.audioStorage) === null || _e === void 0 ? void 0 : _e[groupKey]) ? state.audioStorage[groupKey] : AudioUnitDefaultValue());
+            audioUnit.playingStatus = VOICE_PLAYER_STATUS.PREPARING;
+            return __assign(__assign({}, state), { audioStorage: __assign(__assign({}, state.audioStorage), (_a = {}, _a[groupKey] = audioUnit, _a)) });
+        }
+        case SET_CURRENT_PLAYER: {
+            var _j = action.payload, audioPlayer = _j.audioPlayer, groupKey = _j.groupKey;
+            return __assign(__assign({}, state), { currentPlayer: audioPlayer, currentGroupKey: groupKey });
+        }
+        case ON_VOICE_PLAYER_PLAY: {
+            var _k = action.payload, groupKey = _k.groupKey, audioFile = _k.audioFile;
+            var audioUnit = (((_f = state.audioStorage) === null || _f === void 0 ? void 0 : _f[groupKey]) ? state.audioStorage[groupKey] : AudioUnitDefaultValue());
+            audioUnit.audioFile = audioFile;
+            audioUnit.playingStatus = VOICE_PLAYER_STATUS.PLAYING;
+            return __assign(__assign({}, state), { audioStorage: __assign(__assign({}, state.audioStorage), (_b = {}, _b[groupKey] = audioUnit, _b)) });
+        }
+        case ON_VOICE_PLAYER_PAUSE: {
+            var groupKey = action.payload.groupKey;
+            var audioUnit = (((_g = state.audioStorage) === null || _g === void 0 ? void 0 : _g[groupKey]) ? state.audioStorage[groupKey] : AudioUnitDefaultValue());
+            audioUnit.playingStatus = VOICE_PLAYER_STATUS.PAUSED;
+            var _l = state.currentPlayer, currentTime = _l.currentTime, duration = _l.duration;
+            if (audioUnit.playbackTime === audioUnit.duration) {
+                audioUnit.playbackTime = 0;
+            }
+            else if (currentTime > 0 && duration > 0) {
+                audioUnit.playbackTime = currentTime;
+                audioUnit.duration = duration;
+            }
+            return __assign(__assign({}, state), { audioStorage: __assign(__assign({}, state.audioStorage), (_c = {}, _c[groupKey] = audioUnit, _c)) });
+        }
+        case ON_CURRENT_TIME_UPDATE: {
+            var groupKey = action.payload.groupKey;
+            var _m = state.currentPlayer, currentTime = _m.currentTime, duration = _m.duration;
+            var audioUnit = (((_h = state.audioStorage) === null || _h === void 0 ? void 0 : _h[groupKey]) ? state.audioStorage[groupKey] : AudioUnitDefaultValue());
+            if (currentTime > 0 && duration > 0) {
+                audioUnit.playbackTime = currentTime;
+                audioUnit.duration = duration;
+            }
+            return __assign(__assign({}, state), { audioStorage: __assign(__assign({}, state.audioStorage), (_d = {}, _d[groupKey] = audioUnit, _d)) });
+        }
+        default:
+            return state;
+    }
+}
+
+var ALL = 'ALL';
+var noop = function () { };
+var VoicePlayerStoreDefaultValue = {
+    currentGroupKey: '',
+    currentPlayer: null,
+    audioStorage: {},
+};
+var Context = createContext({
+    play: noop,
+    pause: noop,
+    stop: noop,
+    voicePlayerStore: VoicePlayerStoreDefaultValue,
+});
+var VoicePlayerProvider = function (_a) {
+    var children = _a.children;
+    var _b = useReducer(voicePlayerReducer, voicePlayerInitialState), voicePlayerStore = _b[0], voicePlayerDispatcher = _b[1];
+    var currentGroupKey = voicePlayerStore.currentGroupKey, currentPlayer = voicePlayerStore.currentPlayer, audioStorage = voicePlayerStore.audioStorage;
+    var config = useSendbirdStateContext().config;
+    var logger = config.logger;
+    var stop = function (text) {
+        if (text === void 0) { text = ''; }
+        if (currentGroupKey.includes(text)) {
+            logger.info('VoicePlayer: Pause playing(by text).');
+            pause(currentGroupKey);
+        }
+    };
+    var pause = function (groupKey) {
+        if (currentGroupKey === groupKey && currentPlayer !== null) {
+            logger.info('VoicePlayer: Pause playing(by group key).');
+            currentPlayer === null || currentPlayer === void 0 ? void 0 : currentPlayer.pause();
+        }
+        if (groupKey === ALL) {
+            logger.info('VoicePlayer: Pause playing(all).');
+            currentPlayer === null || currentPlayer === void 0 ? void 0 : currentPlayer.pause();
+        }
+    };
+    var play = function (_a) {
+        var groupKey = _a.groupKey, _b = _a.audioFile, audioFile = _b === void 0 ? null : _b, _c = _a.audioFileUrl, audioFileUrl = _c === void 0 ? '' : _c;
+        if (groupKey !== currentGroupKey) {
+            pause(currentGroupKey);
+        }
+        // Clear the previous AudioPlayer element
+        var voicePlayerRoot = document.getElementById(VOICE_PLAYER_ROOT_ID);
+        var voicePlayerAudioElement = document.getElementById(VOICE_PLAYER_AUDIO_ID);
+        if (voicePlayerAudioElement) {
+            voicePlayerRoot.removeChild(voicePlayerAudioElement);
+        }
+        logger.info('VoicePlayer: Start getting audio file.');
+        new Promise(function (resolve) {
+            var _a;
+            voicePlayerDispatcher({
+                type: INITIALIZE_AUDIO_UNIT,
+                payload: { groupKey: groupKey },
+            });
+            // audio file passed as a parameter
+            if (audioFile) {
+                logger.info('VoicePlayer: Use the audioFile instance.');
+                resolve(audioFile);
+                return;
+            }
+            // audio file from the audioStorage
+            var cachedAudioFile = (_a = audioStorage === null || audioStorage === void 0 ? void 0 : audioStorage[groupKey]) === null || _a === void 0 ? void 0 : _a.audioFile;
+            if (cachedAudioFile) {
+                logger.info('VoicePlayer: Get from the audioStorage.');
+                resolve(cachedAudioFile);
+                return;
+            }
+            // fetch the audio file from URL
+            fetch(audioFileUrl)
+                .then(function (res) { return res.blob(); })
+                .then(function (blob) {
+                var audioFile = new File([blob], VOICE_MESSAGE_FILE_NAME, {
+                    lastModified: new Date().getTime(),
+                    type: VOICE_MESSAGE_MIME_TYPE,
+                });
+                resolve(audioFile);
+                logger.info('VoicePlayer: Get the audioFile from URL.');
+            });
+        }).then(function (audioFile) {
+            var _a;
+            var voicePlayerRoot = document.getElementById(VOICE_PLAYER_ROOT_ID);
+            logger.info('VoicePlayer: Succeeded getting audio file.', { audioFile: audioFile });
+            var currentAudioUnit = audioStorage[groupKey] || AudioUnitDefaultValue();
+            var audioPlayer = new Audio((_a = URL === null || URL === void 0 ? void 0 : URL.createObjectURL) === null || _a === void 0 ? void 0 : _a.call(URL, audioFile));
+            audioPlayer.id = VOICE_PLAYER_AUDIO_ID;
+            audioPlayer.currentTime = currentAudioUnit.playbackTime;
+            audioPlayer.volume = 1;
+            audioPlayer.loop = false;
+            audioPlayer.onplaying = function () {
+                logger.info('VoicePlayer: OnPlaying event is called from audioPlayer', { groupKey: groupKey, audioPlayer: audioPlayer });
+                voicePlayerDispatcher({
+                    type: ON_VOICE_PLAYER_PLAY,
+                    payload: { groupKey: groupKey, audioFile: audioFile },
+                });
+            };
+            audioPlayer.onpause = function () {
+                logger.info('VoicePlayer: OnPause event is called from audioPlayer', { groupKey: groupKey, audioPlayer: audioPlayer });
+                voicePlayerDispatcher({
+                    type: ON_VOICE_PLAYER_PAUSE,
+                    payload: { groupKey: groupKey },
+                });
+            };
+            audioPlayer.ontimeupdate = function () {
+                voicePlayerDispatcher({
+                    type: ON_CURRENT_TIME_UPDATE,
+                    payload: { groupKey: groupKey },
+                });
+            };
+            audioPlayer.dataset.sbGroupId = groupKey;
+            // clean up the previous audio player
+            try {
+                voicePlayerRoot === null || voicePlayerRoot === void 0 ? void 0 : voicePlayerRoot.childNodes.forEach(function (node) {
+                    var _a, _b;
+                    var element = node;
+                    var thisGroupKey = (_a = element.dataset) === null || _a === void 0 ? void 0 : _a.sbGroupKey;
+                    if (thisGroupKey !== groupKey) {
+                        (_b = element === null || element === void 0 ? void 0 : element.pause) === null || _b === void 0 ? void 0 : _b.call(element);
+                        voicePlayerDispatcher({
+                            type: ON_VOICE_PLAYER_PAUSE,
+                            payload: { groupKey: groupKey },
+                        });
+                        voicePlayerRoot.removeChild(element);
+                        logger.info('VoicePlayer: Removed other player.', { element: element });
+                    }
+                });
+            }
+            finally {
+                audioPlayer === null || audioPlayer === void 0 ? void 0 : audioPlayer.play();
+                voicePlayerRoot === null || voicePlayerRoot === void 0 ? void 0 : voicePlayerRoot.appendChild(audioPlayer);
+                voicePlayerDispatcher({
+                    type: SET_CURRENT_PLAYER,
+                    payload: { groupKey: groupKey, audioPlayer: audioPlayer },
+                });
+                logger.info('VoicePlayer: Succeeded playing audio player.', { groupKey: groupKey, audioPlayer: audioPlayer });
+            }
+        });
+    };
+    return (React__default.createElement(Context.Provider, { value: {
+            play: play,
+            pause: pause,
+            stop: stop,
+            voicePlayerStore: voicePlayerStore,
+        } },
+        React__default.createElement("div", { id: VOICE_PLAYER_ROOT_ID, style: { display: 'none' } }),
+        children));
+};
+var useVoicePlayerContext = function () { return useContext(Context); };
+
+export { AudioUnitDefaultValue as A, VOICE_PLAYER_STATUS as V, ALL as a, VoicePlayerProvider as b, useVoicePlayerContext as u };
+//# sourceMappingURL=bundle-OQ0EWLYP.js.map

package/chunks/bundle-OQ0EWLYP.js.map

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

package/chunks/bundle-OuijNFkl.js

@@ -0,0 +1,9 @@
+// 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',
+};
+
+export { Role as R };
+//# sourceMappingURL=bundle-OuijNFkl.js.map

package/chunks/bundle-OuijNFkl.js.map

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

package/chunks/bundle-OwUIW9B_.js

@@ -0,0 +1,42 @@
+var PublishingModuleType;
+(function (PublishingModuleType) {
+    PublishingModuleType["CHANNEL"] = "CHANNEL";
+    PublishingModuleType["THREAD"] = "THREAD";
+})(PublishingModuleType || (PublishingModuleType = {}));
+// NOTE: To maintain compatibility with the sendbirdSelector provided to customers
+//  this utility function ensures that if publishingModules is not provided or its length is zero
+//  it will maintain the same behavior as before.
+var isTargetIncludedInModules = function (target, modules) {
+    if (!modules || modules.length === 0)
+        return true;
+    else
+        return modules.includes(target);
+};
+function shouldPubSubPublishToChannel(modules) {
+    return isTargetIncludedInModules(PublishingModuleType.CHANNEL, modules);
+}
+function shouldPubSubPublishToThread(modules) {
+    return isTargetIncludedInModules(PublishingModuleType.THREAD, modules);
+}
+
+// NOTE: It seems not distinguish topics by channel type.
+var PUBSUB_TOPICS;
+(function (PUBSUB_TOPICS) {
+    // Group Channel
+    PUBSUB_TOPICS["USER_UPDATED"] = "USER_UPDATED";
+    PUBSUB_TOPICS["SEND_MESSAGE_START"] = "SEND_MESSAGE_START";
+    PUBSUB_TOPICS["SEND_MESSAGE_FAILED"] = "SEND_MESSAGE_FAILED";
+    PUBSUB_TOPICS["SEND_USER_MESSAGE"] = "SEND_USER_MESSAGE";
+    PUBSUB_TOPICS["SEND_FILE_MESSAGE"] = "SEND_FILE_MESSAGE";
+    PUBSUB_TOPICS["ON_FILE_INFO_UPLOADED"] = "ON_FILE_INFO_UPLOADED";
+    PUBSUB_TOPICS["UPDATE_USER_MESSAGE"] = "UPDATE_USER_MESSAGE";
+    PUBSUB_TOPICS["DELETE_MESSAGE"] = "DELETE_MESSAGE";
+    PUBSUB_TOPICS["LEAVE_CHANNEL"] = "LEAVE_CHANNEL";
+    PUBSUB_TOPICS["CREATE_CHANNEL"] = "CREATE_CHANNEL";
+    // Open Channel
+    PUBSUB_TOPICS["UPDATE_OPEN_CHANNEL"] = "UPDATE_OPEN_CHANNEL";
+})(PUBSUB_TOPICS || (PUBSUB_TOPICS = {}));
+var pubSubTopics = PUBSUB_TOPICS;
+
+export { PublishingModuleType as P, shouldPubSubPublishToThread as a, PUBSUB_TOPICS as b, pubSubTopics as p, shouldPubSubPublishToChannel as s };
+//# sourceMappingURL=bundle-OwUIW9B_.js.map

package/chunks/bundle-OwUIW9B_.js.map

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

package/chunks/bundle-QScSctu4.js

@@ -0,0 +1,222 @@
+import React__default, { useState } from 'react';
+import ContextMenu, { MenuItems, MenuItem } from '../ui/ContextMenu.js';
+import { j as isUserMessage, k as isSentMessage, l as isFailedMessage, m as isPendingMessage, d as isFileMessage, i as isVoiceMessage, M as isThreadMessage, o as copyToClipboard, p as getEmojiListAll } from './bundle-CQMOLj5V.js';
+import { u as useLocalization } from './bundle-ZSLOjQvb.js';
+import Icon, { IconTypes, IconColors } from '../ui/Icon.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from './bundle-u2CeAx57.js';
+import BottomSheet from '../ui/BottomSheet.js';
+import ImageRenderer from '../ui/ImageRenderer.js';
+import ReactionButton from '../ui/ReactionButton.js';
+import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
+
+var MobileContextMenu = function (props) {
+    var _a, _b, _c;
+    var hideMenu = props.hideMenu, channel = props.channel, message = props.message, replyType = props.replyType, userId = props.userId, resendMessage = props.resendMessage, showEdit = props.showEdit, showRemove = props.showRemove, deleteMenuState = props.deleteMenuState, deleteMessage = props.deleteMessage, setQuoteMessage = props.setQuoteMessage, parentRef = props.parentRef, onReplyInThread = props.onReplyInThread, _d = props.isOpenedFromThread, isOpenedFromThread = _d === void 0 ? false : _d;
+    var isByMe = ((_a = message === null || message === void 0 ? void 0 : message.sender) === null || _a === void 0 ? void 0 : _a.userId) === userId;
+    var stringSet = useLocalization().stringSet;
+    var showMenuItemCopy = isUserMessage(message);
+    var showMenuItemEdit = (isUserMessage(message) && isSentMessage(message) && isByMe);
+    var showMenuItemResend = (isFailedMessage(message) && (message === null || message === void 0 ? void 0 : message.isResendable) && isByMe);
+    var showMenuItemDelete = !isPendingMessage(message) && isByMe;
+    var showMenuItemDeleteByState = isByMe && (deleteMenuState === undefined || deleteMenuState !== 'HIDE');
+    var showMenuItemDeleteFinal = showMenuItemDeleteByState && showMenuItemDelete;
+    var disableDelete = ((deleteMenuState !== undefined && deleteMenuState === 'DISABLE')
+        || ((_c = (_b = message === null || message === void 0 ? void 0 : message.threadInfo) === null || _b === void 0 ? void 0 : _b.replyCount) !== null && _c !== void 0 ? _c : 0) > 0);
+    var showMenuItemDownload = !isPendingMessage(message) && isFileMessage(message)
+        && !(isVoiceMessage(message) && ((channel === null || channel === void 0 ? void 0 : channel.isSuper) || (channel === null || channel === void 0 ? void 0 : channel.isBroadcast)));
+    var showMenuItemReply = (replyType === 'QUOTE_REPLY')
+        && !isFailedMessage(message)
+        && !isPendingMessage(message)
+        && (channel === null || channel === void 0 ? void 0 : channel.isGroupChannel());
+    var showMenuItemThread = (replyType === 'THREAD') && !isOpenedFromThread
+        && !isFailedMessage(message)
+        && !isPendingMessage(message)
+        && !isThreadMessage(message)
+        && (channel === null || channel === void 0 ? void 0 : channel.isGroupChannel());
+    var fileMessage = message;
+    return (React__default.createElement(ContextMenu, { isOpen: true, menuItems: function () {
+            var _a, _b, _c;
+            return (React__default.createElement(MenuItems, { className: "sendbird-message__mobile-context-menu", parentRef: parentRef, parentContainRef: parentRef, closeDropdown: hideMenu },
+                showMenuItemCopy && (React__default.createElement(MenuItem, { className: "sendbird-message__mobile-context-menu-item menu-item-copy", onClick: function () {
+                        hideMenu();
+                        copyToClipboard(message === null || message === void 0 ? void 0 : message.message);
+                    }, dataSbId: "ui_mobile_message_item_menu_copy" },
+                    React__default.createElement(Label, { type: LabelTypography.SUBTITLE_1, color: LabelColors.ONBACKGROUND_1 }, stringSet === null || stringSet === void 0 ? void 0 : stringSet.MESSAGE_MENU__COPY),
+                    React__default.createElement(Icon, { type: IconTypes.COPY, fillColor: IconColors.PRIMARY, width: "24px", height: "24px" }))),
+                showMenuItemReply && (React__default.createElement(MenuItem, { className: "sendbird-message__mobile-context-menu-item menu-item-reply", onClick: function () {
+                        hideMenu();
+                        setQuoteMessage(message);
+                    }, disable: ((_a = message === null || message === void 0 ? void 0 : message.parentMessageId) !== null && _a !== void 0 ? _a : 0) > 0, dataSbId: "ui_mobile_message_item_menu_reply" },
+                    React__default.createElement(Label, { type: LabelTypography.SUBTITLE_1, color: ((_b = message === null || message === void 0 ? void 0 : message.parentMessageId) !== null && _b !== void 0 ? _b : 0) > 0
+                            ? LabelColors.ONBACKGROUND_4
+                            : LabelColors.ONBACKGROUND_1 }, stringSet.MESSAGE_MENU__REPLY),
+                    React__default.createElement(Icon, { type: IconTypes.REPLY, fillColor: ((_c = message === null || message === void 0 ? void 0 : message.parentMessageId) !== null && _c !== void 0 ? _c : 0) > 0
+                            ? IconColors.ON_BACKGROUND_4
+                            : IconColors.PRIMARY, width: "24px", height: "24px" }))),
+                showMenuItemThread && (React__default.createElement(MenuItem, { className: "sendbird-message__mobile-context-menu-item menu-item-reply", onClick: function () {
+                        hideMenu();
+                        onReplyInThread === null || onReplyInThread === void 0 ? void 0 : onReplyInThread({ message: message });
+                    }, dataSbId: "ui_mobile_message_item_menu_thread" },
+                    React__default.createElement(Label, { type: LabelTypography.SUBTITLE_1, color: LabelColors.ONBACKGROUND_1 }, stringSet.MESSAGE_MENU__THREAD),
+                    React__default.createElement(Icon, { type: IconTypes.THREAD, fillColor: IconColors.PRIMARY, width: "24px", height: "24px" }))),
+                showMenuItemEdit && (React__default.createElement(MenuItem, { className: "sendbird-message__mobile-context-menu-item menu-item-edit", onClick: function () {
+                        hideMenu();
+                        showEdit(true);
+                    }, dataSbId: "ui_mobile_message_item_menu_edit" },
+                    React__default.createElement(Label, { type: LabelTypography.SUBTITLE_1, color: LabelColors.ONBACKGROUND_1 }, stringSet.MESSAGE_MENU__EDIT),
+                    React__default.createElement(Icon, { type: IconTypes.EDIT, fillColor: IconColors.PRIMARY, width: "24px", height: "24px" }))),
+                showMenuItemResend && (React__default.createElement(MenuItem, { className: "sendbird-message__mobile-context-menu-item menu-item-resend", onClick: function () {
+                        hideMenu();
+                        resendMessage(message);
+                    }, dataSbId: "ui_mobile_message_item_menu_resend" },
+                    React__default.createElement(Label, { type: LabelTypography.SUBTITLE_1, color: LabelColors.ONBACKGROUND_1 }, stringSet.MESSAGE_MENU__RESEND),
+                    React__default.createElement(Icon, { type: IconTypes.REFRESH, fillColor: IconColors.PRIMARY, width: "24px", height: "24px" }))),
+                showMenuItemDeleteFinal && (React__default.createElement(MenuItem, { className: "sendbird-message__mobile-context-menu-item menu-item-delete", onClick: function () {
+                        if (isFailedMessage(message)) {
+                            hideMenu();
+                            deleteMessage === null || deleteMessage === void 0 ? void 0 : deleteMessage(message);
+                        }
+                        else if (!disableDelete) {
+                            hideMenu();
+                            showRemove === null || showRemove === void 0 ? void 0 : showRemove(true);
+                        }
+                    }, disable: disableDelete, dataSbId: "ui_mobile_message_item_menu_delete" },
+                    React__default.createElement(Label, { type: LabelTypography.SUBTITLE_1, color: disableDelete
+                            ? LabelColors.ONBACKGROUND_4
+                            : LabelColors.ONBACKGROUND_1 }, stringSet.MESSAGE_MENU__DELETE),
+                    React__default.createElement(Icon, { type: IconTypes.DELETE, fillColor: disableDelete
+                            ? IconColors.ON_BACKGROUND_4
+                            : IconColors.PRIMARY, width: "24px", height: "24px" }))),
+                showMenuItemDownload && (React__default.createElement(MenuItem, { className: "sendbird-message__mobile-context-menu-item menu-item-save", onClick: function () {
+                        hideMenu();
+                    }, dataSbId: "ui_mobile_message_item_menu_download_file" },
+                    React__default.createElement("a", { className: "sendbird-message__contextmenu--hyperlink", rel: "noopener noreferrer", href: fileMessage === null || fileMessage === void 0 ? void 0 : fileMessage.url, target: "_blank" },
+                        React__default.createElement(Label, { type: LabelTypography.SUBTITLE_1, color: LabelColors.ONBACKGROUND_1 }, stringSet.MESSAGE_MENU__SAVE),
+                        React__default.createElement(Icon, { type: IconTypes.DOWNLOAD, fillColor: IconColors.PRIMARY, width: "24px", height: "24px" }))))));
+        } }));
+};
+
+var EMOJI_SIZE = 38;
+var MobileBottomSheet = function (props) {
+    var _a, _b, _c;
+    var hideMenu = props.hideMenu, channel = props.channel, emojiContainer = props.emojiContainer, message = props.message, replyType = props.replyType, userId = props.userId, resendMessage = props.resendMessage, deleteMessage = props.deleteMessage, toggleReaction = props.toggleReaction, isReactionEnabled = props.isReactionEnabled, showEdit = props.showEdit, showRemove = props.showRemove, deleteMenuState = props.deleteMenuState, setQuoteMessage = props.setQuoteMessage, onReplyInThread = props.onReplyInThread, _d = props.isOpenedFromThread, isOpenedFromThread = _d === void 0 ? false : _d;
+    var isByMe = ((_a = message === null || message === void 0 ? void 0 : message.sender) === null || _a === void 0 ? void 0 : _a.userId) === userId;
+    var stringSet = useLocalization().stringSet;
+    var globalStore = useSendbirdStateContext();
+    var isOnline = globalStore.config.isOnline;
+    var showMenuItemCopy = isUserMessage(message);
+    var showMenuItemEdit = (isUserMessage(message) && isSentMessage(message) && isByMe);
+    var showMenuItemResend = (isOnline && isFailedMessage(message) && (message === null || message === void 0 ? void 0 : message.isResendable) && isByMe);
+    var showMenuItemDelete = !isPendingMessage(message) && isByMe;
+    var showMenuItemDeleteByState = isByMe && (deleteMenuState === undefined || deleteMenuState !== 'HIDE');
+    var showMenuItemDeleteFinal = showMenuItemDeleteByState && showMenuItemDelete;
+    var disableDelete = ((deleteMenuState !== undefined && deleteMenuState === 'DISABLE')
+        || ((_c = (_b = message === null || message === void 0 ? void 0 : message.threadInfo) === null || _b === void 0 ? void 0 : _b.replyCount) !== null && _c !== void 0 ? _c : 0) > 0);
+    var showMenuItemDownload = isSentMessage(message) && isFileMessage(message) && !isVoiceMessage(message);
+    var showReaction = !isFailedMessage(message) && !isPendingMessage(message) && isReactionEnabled;
+    var showMenuItemReply = (replyType === 'QUOTE_REPLY')
+        && !isFailedMessage(message)
+        && !isPendingMessage(message)
+        && ((channel === null || channel === void 0 ? void 0 : channel.isGroupChannel()) && !(channel === null || channel === void 0 ? void 0 : channel.isBroadcast));
+    var showMenuItemThread = (replyType === 'THREAD') && !isOpenedFromThread
+        && !isFailedMessage(message)
+        && !isPendingMessage(message)
+        && !isThreadMessage(message)
+        && ((channel === null || channel === void 0 ? void 0 : channel.isGroupChannel()) && !(channel === null || channel === void 0 ? void 0 : channel.isBroadcast));
+    var disableReaction = (message === null || message === void 0 ? void 0 : message.parentMessageId) > 0;
+    var fileMessage = message;
+    var maxEmojisPerRow = Math.floor(window.innerWidth / EMOJI_SIZE) - 1;
+    var _e = useState(false), showEmojisOnly = _e[0], setShowEmojisOnly = _e[1];
+    var emojis = getEmojiListAll(emojiContainer);
+    // calculate max emojis that can be shown in screen
+    var visibleEmojis = showEmojisOnly
+        ? emojis
+        : emojis === null || emojis === void 0 ? void 0 : emojis.slice(0, maxEmojisPerRow);
+    var canShowMoreEmojis = emojis.length > maxEmojisPerRow;
+    return (React__default.createElement(BottomSheet, { onBackdropClick: hideMenu },
+        React__default.createElement("div", { className: 'sendbird-message__bottomsheet' },
+            showReaction && (React__default.createElement("div", { className: 'sendbird-message__bottomsheet-reactions' },
+                React__default.createElement("ul", { className: "sendbird-message__bottomsheet-reaction-bar" },
+                    React__default.createElement("div", { className: "\n                    sendbird-message__bottomsheet-reaction-bar__row\n                    ".concat(showEmojisOnly ? 'sendbird-message__bottomsheet-reaction-bar__all' : '', "\n                  ") },
+                        visibleEmojis.map(function (emoji) {
+                            var _a, _b, _c;
+                            var isReacted = (_c = (_b = (_a = message === null || message === void 0 ? void 0 : message.reactions) === null || _a === void 0 ? void 0 : _a.filter(function (reaction) { return reaction.key === emoji.key; })[0]) === null || _b === void 0 ? void 0 : _b.userIds) === null || _c === void 0 ? void 0 : _c.some(function (reactorId) { return reactorId === userId; });
+                            return (React__default.createElement(ReactionButton, { key: emoji.key, width: "".concat(EMOJI_SIZE, "px"), height: "".concat(EMOJI_SIZE, "px"), selected: isReacted, onClick: function () {
+                                    hideMenu();
+                                    toggleReaction(message, emoji.key, isReacted);
+                                }, dataSbId: "ui_mobile_emoji_reactions_menu_".concat(emoji.key) },
+                                React__default.createElement(ImageRenderer, { url: (emoji === null || emoji === void 0 ? void 0 : emoji.url) || '', width: "28px", height: "28px", placeHolder: function (style) { return (React__default.createElement("div", { style: style },
+                                        React__default.createElement(Icon, { type: IconTypes.QUESTION, fillColor: IconColors.ON_BACKGROUND_3, width: "28px", height: "28px" }))); } })));
+                        }),
+                        canShowMoreEmojis && !showEmojisOnly && (React__default.createElement(ReactionButton, { key: "emoji_more", width: "38px", height: "38px", onClick: function () {
+                                setShowEmojisOnly(true);
+                            }, dataSbId: "ui_mobile_emoji_reactions_menu_emojiadd" },
+                            React__default.createElement(ImageRenderer, { url: '', width: "28px", height: "28px", placeHolder: function (style) { return (React__default.createElement("div", { style: style },
+                                    React__default.createElement(Icon, { type: IconTypes.EMOJI_MORE, fillColor: IconColors.ON_BACKGROUND_3, width: "28px", height: "28px" }))); } }))))))),
+            !showEmojisOnly && (React__default.createElement("div", { className: 'sendbird-message__bottomsheet--actions' },
+                showMenuItemCopy && (React__default.createElement("div", { className: 'sendbird-message__bottomsheet--action', onClick: function () {
+                        hideMenu();
+                        copyToClipboard(message === null || message === void 0 ? void 0 : message.message);
+                    } },
+                    React__default.createElement(Icon, { type: IconTypes.COPY, fillColor: IconColors.PRIMARY, width: "24px", height: "24px" }),
+                    React__default.createElement(Label, { type: LabelTypography.SUBTITLE_1, color: LabelColors.ONBACKGROUND_1 }, stringSet === null || stringSet === void 0 ? void 0 : stringSet.MESSAGE_MENU__COPY))),
+                showMenuItemEdit && (React__default.createElement("div", { className: 'sendbird-message__bottomsheet--action', onClick: function () {
+                        hideMenu();
+                        showEdit(true);
+                    } },
+                    React__default.createElement(Icon, { type: IconTypes.EDIT, fillColor: IconColors.PRIMARY, width: "24px", height: "24px" }),
+                    React__default.createElement(Label, { type: LabelTypography.SUBTITLE_1, color: LabelColors.ONBACKGROUND_1 }, stringSet === null || stringSet === void 0 ? void 0 : stringSet.MESSAGE_MENU__EDIT))),
+                showMenuItemResend && (React__default.createElement("div", { className: 'sendbird-message__bottomsheet--action', onClick: function () {
+                        hideMenu();
+                        resendMessage(message);
+                    } },
+                    React__default.createElement(Icon, { type: IconTypes.REFRESH, fillColor: IconColors.PRIMARY, width: "24px", height: "24px" }),
+                    React__default.createElement(Label, { type: LabelTypography.SUBTITLE_1, color: LabelColors.ONBACKGROUND_1 }, stringSet === null || stringSet === void 0 ? void 0 : stringSet.MESSAGE_MENU__RESEND))),
+                showMenuItemReply && (React__default.createElement("div", { className: "sendbird-message__bottomsheet--action\n                      ".concat(disableReaction ? 'sendbird-message__bottomsheet--action-disabled' : '', "\n                    "), role: "menuitem", "aria-disabled": disableReaction ? true : false, onClick: function () {
+                        if (!disableReaction) {
+                            hideMenu();
+                            setQuoteMessage(message);
+                        }
+                    } },
+                    React__default.createElement(Icon, { type: IconTypes.REPLY, fillColor: disableReaction
+                            ? IconColors.ON_BACKGROUND_3
+                            : IconColors.PRIMARY, width: "24px", height: "24px" }),
+                    React__default.createElement(Label, { type: LabelTypography.SUBTITLE_1, color: disableReaction ? LabelColors.ONBACKGROUND_4 : LabelColors.ONBACKGROUND_1 }, stringSet === null || stringSet === void 0 ? void 0 : stringSet.MESSAGE_MENU__REPLY))),
+                showMenuItemThread && (React__default.createElement("div", { className: 'sendbird-message__bottomsheet--action', onClick: function () {
+                        hideMenu();
+                        onReplyInThread === null || onReplyInThread === void 0 ? void 0 : onReplyInThread({ message: message });
+                    } },
+                    React__default.createElement(Icon, { type: IconTypes.THREAD, fillColor: IconColors.PRIMARY, width: "24px", height: "24px" }),
+                    React__default.createElement(Label, { type: LabelTypography.SUBTITLE_1, color: LabelColors.ONBACKGROUND_1 }, stringSet.MESSAGE_MENU__THREAD))),
+                showMenuItemDeleteFinal && (React__default.createElement("div", { className: 'sendbird-message__bottomsheet--action', onClick: function () {
+                        if (isFailedMessage(message)) {
+                            hideMenu();
+                            deleteMessage === null || deleteMessage === void 0 ? void 0 : deleteMessage(message);
+                        }
+                        else if (!disableDelete) {
+                            hideMenu();
+                            showRemove === null || showRemove === void 0 ? void 0 : showRemove(true);
+                        }
+                    } },
+                    React__default.createElement(Icon, { type: IconTypes.DELETE, fillColor: disableDelete
+                            ? IconColors.ON_BACKGROUND_4
+                            : IconColors.PRIMARY, width: "24px", height: "24px" }),
+                    React__default.createElement(Label, { type: LabelTypography.SUBTITLE_1, color: disableDelete
+                            ? LabelColors.ONBACKGROUND_4
+                            : LabelColors.ONBACKGROUND_1 }, stringSet === null || stringSet === void 0 ? void 0 : stringSet.MESSAGE_MENU__DELETE))),
+                showMenuItemDownload && (React__default.createElement("div", { className: 'sendbird-message__bottomsheet--action', onClick: function () {
+                        hideMenu();
+                    } },
+                    React__default.createElement("a", { className: "sendbird-message__bottomsheet--hyperlink", rel: "noopener noreferrer", href: fileMessage === null || fileMessage === void 0 ? void 0 : fileMessage.url, target: "_blank" },
+                        React__default.createElement(Icon, { type: IconTypes.DOWNLOAD, fillColor: IconColors.PRIMARY, width: "24px", height: "24px" }),
+                        React__default.createElement(Label, { type: LabelTypography.SUBTITLE_1, color: LabelColors.ONBACKGROUND_1 }, stringSet === null || stringSet === void 0 ? void 0 : stringSet.MESSAGE_MENU__SAVE)))))))));
+};
+
+var MobileMenu = function (props) {
+    var message = props.message, hideMenu = props.hideMenu, userId = props.userId, channel = props.channel, _a = props.isReactionEnabled, isReactionEnabled = _a === void 0 ? false : _a, isByMe = props.isByMe, replyType = props.replyType, disabled = props.disabled, deleteMenuState = props.deleteMenuState, showRemove = props.showRemove, showEdit = props.showEdit, resendMessage = props.resendMessage, deleteMessage = props.deleteMessage, setQuoteMessage = props.setQuoteMessage, emojiContainer = props.emojiContainer, toggleReaction = props.toggleReaction, parentRef = props.parentRef, onReplyInThread = props.onReplyInThread, isOpenedFromThread = props.isOpenedFromThread;
+    return (React__default.createElement(React__default.Fragment, null, isReactionEnabled
+        ? (React__default.createElement(MobileBottomSheet, { channel: channel, message: message, hideMenu: hideMenu, isByMe: isByMe, userId: userId, replyType: replyType, disabled: disabled, showRemove: showRemove, showEdit: showEdit, deleteMenuState: deleteMenuState, resendMessage: resendMessage, deleteMessage: deleteMessage, setQuoteMessage: setQuoteMessage, emojiContainer: emojiContainer, toggleReaction: toggleReaction, isReactionEnabled: isReactionEnabled, onReplyInThread: onReplyInThread, isOpenedFromThread: isOpenedFromThread })) : (React__default.createElement(MobileContextMenu, { channel: channel, userId: userId, message: message, hideMenu: hideMenu, isByMe: isByMe, showEdit: showEdit, replyType: replyType, disabled: disabled, deleteMenuState: deleteMenuState, showRemove: showRemove, resendMessage: resendMessage, deleteMessage: deleteMessage, setQuoteMessage: setQuoteMessage, parentRef: parentRef, onReplyInThread: onReplyInThread, isOpenedFromThread: isOpenedFromThread }))));
+};
+
+export { MobileMenu as M };
+//# sourceMappingURL=bundle-QScSctu4.js.map

package/chunks/bundle-QScSctu4.js.map

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

package/chunks/bundle-S1smGX8b.js

@@ -0,0 +1,36 @@
+import React__default, { useState } from 'react';
+import { getCreateGroupChannel } from '../sendbirdSelectors.js';
+import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
+
+var CHANNEL_TYPE;
+(function (CHANNEL_TYPE) {
+    CHANNEL_TYPE["GROUP"] = "group";
+    CHANNEL_TYPE["SUPERGROUP"] = "supergroup";
+    CHANNEL_TYPE["BROADCAST"] = "broadcast";
+})(CHANNEL_TYPE || (CHANNEL_TYPE = {}));
+
+var CreateChannelContext = React__default.createContext(undefined);
+var CreateChannelProvider = function (props) {
+    var _a;
+    var children = props.children, onCreateChannel = props.onCreateChannel, onBeforeCreateChannel = props.onBeforeCreateChannel, overrideInviteUser = props.overrideInviteUser, userListQuery = props.userListQuery;
+    var store = useSendbirdStateContext();
+    var userListQuery_ = (_a = store === null || store === void 0 ? void 0 : store.config) === null || _a === void 0 ? void 0 : _a.userListQuery;
+    var createChannel = getCreateGroupChannel(store);
+    var _b = useState(0), step = _b[0], setStep = _b[1];
+    var _c = useState(CHANNEL_TYPE.GROUP), type = _c[0], setType = _c[1];
+    return (React__default.createElement(CreateChannelContext.Provider, { value: {
+            onBeforeCreateChannel: onBeforeCreateChannel,
+            createChannel: createChannel,
+            onCreateChannel: onCreateChannel,
+            overrideInviteUser: overrideInviteUser,
+            userListQuery: userListQuery || userListQuery_,
+            step: step,
+            setStep: setStep,
+            type: type,
+            setType: setType,
+        } }, children));
+};
+var useCreateChannelContext = function () { return (React__default.useContext(CreateChannelContext)); };
+
+export { CreateChannelProvider as C, CHANNEL_TYPE as a, useCreateChannelContext as u };
+//# sourceMappingURL=bundle-S1smGX8b.js.map

package/chunks/bundle-S1smGX8b.js.map

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