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

package/cjs/chunks/bundle-Pq-6iw-6.js.map

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

package/cjs/chunks/bundle-R1cJCMsN.js

@@ -0,0 +1,279 @@
+'use strict';
+
+var React = require('react');
+var ui_Button = require('../ui/Button.js');
+var ui_IconButton = require('../ui/IconButton.js');
+var ui_Icon = require('../ui/Icon.js');
+var ui_ContextMenu = require('../ui/ContextMenu.js');
+var ChannelSettings_components_UserListItem = require('../ChannelSettings/components/UserListItem.js');
+var _tslib = require('./bundle-crXcinmk.js');
+var ui_Modal = require('./bundle-IJoXsg7h.js');
+var ui_UserListItem = require('../ui/UserListItem.js');
+var utils = require('./bundle-gEqE3TId.js');
+var ChannelSettings_context = require('../ChannelSettings/context.js');
+var useSendbirdStateContext = require('../useSendbirdStateContext.js');
+var LocalizationContext = require('./bundle-6JxglfHi.js');
+require('./bundle-GBjPe_zz.js');
+var uuid = require('./bundle-H1oA9eVZ.js');
+
+function MembersModal(_a) {
+    var _b;
+    var onCancel = _a.onCancel;
+    var _c = React.useState([]), members = _c[0], setMembers = _c[1];
+    var _d = React.useState(null), memberQuery = _d[0], setMemberQuery = _d[1];
+    var channel = ChannelSettings_context.useChannelSettingsContext().channel;
+    var state = useSendbirdStateContext.useSendbirdStateContext();
+    var currentUser = (_b = state === null || state === void 0 ? void 0 : state.config) === null || _b === void 0 ? void 0 : _b.userId;
+    var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
+    React.useEffect(function () {
+        var memberListQuery = channel === null || channel === void 0 ? void 0 : channel.createMemberListQuery({
+            limit: 20,
+        });
+        memberListQuery.next().then(function (members) {
+            setMembers(members);
+        });
+        setMemberQuery(memberListQuery);
+    }, []);
+    return (React.createElement("div", null,
+        React.createElement(ui_Modal.Modal, { isFullScreenOnMobile: true, hideFooter: true, onCancel: function () { return onCancel(); }, onSubmit: utils.noop, titleText: stringSet.CHANNEL_SETTING__MEMBERS__SEE_ALL_MEMBERS },
+            React.createElement("div", { className: "sendbird-more-members__popup-scroll", onScroll: function (e) {
+                    var hasNext = memberQuery.hasNext;
+                    var target = e.target;
+                    var fetchMore = (target.clientHeight + target.scrollTop === target.scrollHeight);
+                    if (hasNext && fetchMore) {
+                        memberQuery.next().then(function (o) {
+                            setMembers(_tslib.__spreadArray(_tslib.__spreadArray([], members, true), o, true));
+                        });
+                    }
+                } }, members.map(function (member) { return (React.createElement(ui_UserListItem, { user: member, key: member.userId, currentUser: currentUser, action: function (_a) {
+                    var parentRef = _a.parentRef, actionRef = _a.actionRef;
+                    return (React.createElement(React.Fragment, null, (channel === null || channel === void 0 ? void 0 : channel.myRole) === 'operator' && (React.createElement(ui_ContextMenu.default, { menuTrigger: function (toggleDropdown) { return (React.createElement(ui_IconButton, { className: "sendbird-user-message__more__menu", width: "32px", height: "32px", onClick: function () {
+                                toggleDropdown();
+                            } },
+                            React.createElement(ui_Icon.default, { width: "24px", height: "24px", type: ui_Icon.IconTypes.MORE, fillColor: ui_Icon.IconColors.CONTENT_INVERSE }))); }, menuItems: function (closeDropdown) { return (React.createElement(ui_ContextMenu.MenuItems, { parentContainRef: parentRef, parentRef: actionRef, closeDropdown: closeDropdown, openLeft: true },
+                            React.createElement(ui_ContextMenu.MenuItem, { disable: currentUser === member.userId, onClick: function () {
+                                    if ((member.role !== 'operator')) {
+                                        channel === null || channel === void 0 ? void 0 : channel.addOperators([member.userId]).then(function () {
+                                            setMembers(members.map(function (m) {
+                                                if (m.userId === member.userId) {
+                                                    return _tslib.__assign(_tslib.__assign({}, member), { role: 'operator' });
+                                                }
+                                                return m;
+                                            }));
+                                            closeDropdown();
+                                        });
+                                    }
+                                    else {
+                                        channel === null || channel === void 0 ? void 0 : channel.removeOperators([member.userId]).then(function () {
+                                            setMembers(members.map(function (m) {
+                                                if (m.userId === member.userId) {
+                                                    return _tslib.__assign(_tslib.__assign({}, member), { role: '' });
+                                                }
+                                                return m;
+                                            }));
+                                            closeDropdown();
+                                        });
+                                    }
+                                }, dataSbId: "channel_setting_member_context_menu_".concat((member.role !== 'operator') ? 'register_as_operator' : 'unregister_operator') }, member.role !== 'operator'
+                                ? stringSet.CHANNEL_SETTING__MODERATION__REGISTER_AS_OPERATOR
+                                : stringSet.CHANNEL_SETTING__MODERATION__UNREGISTER_OPERATOR),
+                            // No muted members in broadcast channel
+                            !(channel === null || channel === void 0 ? void 0 : channel.isBroadcast) && (React.createElement(ui_ContextMenu.MenuItem, { onClick: function () {
+                                    if (member.isMuted) {
+                                        channel === null || channel === void 0 ? void 0 : channel.unmuteUser(member).then(function () {
+                                            setMembers(members.map(function (m) {
+                                                if (m.userId === member.userId) {
+                                                    return _tslib.__assign(_tslib.__assign({}, member), { isMuted: false });
+                                                }
+                                                return m;
+                                            }));
+                                            closeDropdown();
+                                        });
+                                    }
+                                    else {
+                                        channel === null || channel === void 0 ? void 0 : channel.muteUser(member).then(function () {
+                                            setMembers(members.map(function (m) {
+                                                if (m.userId === member.userId) {
+                                                    return _tslib.__assign(_tslib.__assign({}, member), { isMuted: true });
+                                                }
+                                                return m;
+                                            }));
+                                            closeDropdown();
+                                        });
+                                    }
+                                }, dataSbId: "channel_setting_member_context_menu_".concat((member.isMuted) ? 'unmute' : 'mute') }, member.isMuted
+                                ? stringSet.CHANNEL_SETTING__MODERATION__UNMUTE
+                                : stringSet.CHANNEL_SETTING__MODERATION__MUTE)),
+                            React.createElement(ui_ContextMenu.MenuItem, { onClick: function () {
+                                    channel === null || channel === void 0 ? void 0 : channel.banUser(member, -1, '').then(function () {
+                                        setMembers(members.filter(function (_a) {
+                                            var userId = _a.userId;
+                                            return userId !== member.userId;
+                                        }));
+                                    });
+                                }, dataSbId: "channel_setting_member_context_menu_ban" }, stringSet.CHANNEL_SETTING__MODERATION__BAN))); } }))));
+                } })); })))));
+}
+
+var isAboutSame = function (a, b, px) { return (Math.abs(a - b) <= px); };
+function InviteUsers(_a) {
+    var _b, _c, _d;
+    var onCancel = _a.onCancel, onSubmit = _a.onSubmit;
+    var _e = React.useState([]), members = _e[0], setMembers = _e[1];
+    var _f = React.useState({}), selectedMembers = _f[0], setSelectedMembers = _f[1];
+    var _g = React.useState(null), userQuery = _g[0], setUserQuery = _g[1];
+    var state = useSendbirdStateContext.useSendbirdStateContext();
+    var sdk = (_c = (_b = state === null || state === void 0 ? void 0 : state.stores) === null || _b === void 0 ? void 0 : _b.sdkStore) === null || _c === void 0 ? void 0 : _c.sdk;
+    var globalUserListQuery = (_d = state === null || state === void 0 ? void 0 : state.config) === null || _d === void 0 ? void 0 : _d.userListQuery;
+    var _h = ChannelSettings_context.useChannelSettingsContext(), channel = _h.channel, overrideInviteUser = _h.overrideInviteUser, queries = _h.queries;
+    var userFilledQuery = _tslib.__assign({}, queries === null || queries === void 0 ? void 0 : queries.applicationUserListQuery);
+    var stringSet = LocalizationContext.useLocalization().stringSet;
+    React.useEffect(function () {
+        var userListQuery = globalUserListQuery
+            ? globalUserListQuery()
+            : sdk === null || sdk === void 0 ? void 0 : sdk.createApplicationUserListQuery(userFilledQuery);
+        if (userListQuery === null || userListQuery === void 0 ? void 0 : userListQuery.next) {
+            userListQuery.next().then(function (members) {
+                setMembers(members);
+            });
+            setUserQuery(userListQuery);
+        }
+    }, [sdk]);
+    return (React.createElement("div", null,
+        React.createElement(ui_Modal.Modal, { isFullScreenOnMobile: true, disabled: Object.keys(selectedMembers).length === 0, submitText: stringSet.BUTTON__INVITE, type: ui_Button.ButtonTypes.PRIMARY, onCancel: function () { return onCancel(); }, onSubmit: function () {
+                var members = Object.keys(selectedMembers).filter(function (m) { return selectedMembers[m]; });
+                if (typeof overrideInviteUser === 'function') {
+                    overrideInviteUser({
+                        users: members,
+                        onClose: onCancel,
+                        channel: channel,
+                    });
+                    return;
+                }
+                channel === null || channel === void 0 ? void 0 : channel.inviteWithUserIds(members).then(function () {
+                    onSubmit(members);
+                });
+            }, titleText: stringSet.CHANNEL_SETTING__MEMBERS__SELECT_TITLE },
+            React.createElement("div", { className: "sendbird-more-members__popup-scroll", onScroll: function (e) {
+                    var hasNext = userQuery.hasNext;
+                    var target = e.target;
+                    var fetchMore = isAboutSame(target.clientHeight + target.scrollTop, target.scrollHeight, 20);
+                    if (hasNext && fetchMore) {
+                        userQuery.next().then(function (users) {
+                            setMembers(_tslib.__spreadArray(_tslib.__spreadArray([], members, true), users, true));
+                        });
+                    }
+                } },
+                React.createElement("div", { className: "sendbird-more-members__popup-scroll__inner" }, members.map(function (member) {
+                    var _a;
+                    var isJoinedMember = (_a = channel === null || channel === void 0 ? void 0 : channel.members) === null || _a === void 0 ? void 0 : _a.some(function (_a) {
+                        var userId = _a.userId;
+                        return userId === (member === null || member === void 0 ? void 0 : member.userId);
+                    });
+                    return (React.createElement(ui_UserListItem, { checkBox: true, checked: isJoinedMember || selectedMembers[member.userId], disabled: isJoinedMember, onChange: function (event) {
+                            var _a;
+                            var modifiedSelectedMembers = _tslib.__assign(_tslib.__assign({}, selectedMembers), (_a = {}, _a[event.target.id] = event.target.checked, _a));
+                            if (!event.target.checked) {
+                                delete modifiedSelectedMembers[event.target.id];
+                            }
+                            setSelectedMembers(modifiedSelectedMembers);
+                        }, user: member, key: member.userId }));
+                }))))));
+}
+
+var MemberList = function () {
+    var _a, _b, _c;
+    var _d = React.useState([]), members = _d[0], setMembers = _d[1];
+    var _e = React.useState(false), hasNext = _e[0], setHasNext = _e[1];
+    var _f = React.useState(false), showAllMembers = _f[0], setShowAllMembers = _f[1];
+    var _g = React.useState(false), showInviteUsers = _g[0], setShowInviteUsers = _g[1];
+    var state = useSendbirdStateContext.useSendbirdStateContext();
+    var _h = ChannelSettings_context.useChannelSettingsContext(), channel = _h.channel, setChannelUpdateId = _h.setChannelUpdateId;
+    var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
+    var sdk = (_b = (_a = state === null || state === void 0 ? void 0 : state.stores) === null || _a === void 0 ? void 0 : _a.sdkStore) === null || _b === void 0 ? void 0 : _b.sdk;
+    var userId = (_c = state === null || state === void 0 ? void 0 : state.config) === null || _c === void 0 ? void 0 : _c.userId;
+    React.useEffect(function () {
+        if (!channel) {
+            setMembers([]);
+            return;
+        }
+        var memberUserListQuery = channel === null || channel === void 0 ? void 0 : channel.createMemberListQuery({ limit: 10 });
+        memberUserListQuery.next().then(function (members) {
+            setMembers(members);
+            setHasNext(memberUserListQuery.hasNext);
+        });
+    }, [channel]);
+    var refreshList = React.useCallback(function () {
+        if (!channel) {
+            setMembers([]);
+            return;
+        }
+        var memberUserListQuery = channel === null || channel === void 0 ? void 0 : channel.createMemberListQuery({ limit: 10 });
+        memberUserListQuery.next().then(function (members) {
+            setMembers(members);
+            setHasNext(memberUserListQuery.hasNext);
+            setChannelUpdateId(uuid.uuidv4());
+        });
+    }, [channel]);
+    return (React.createElement("div", { className: "sendbird-channel-settings-member-list sendbird-accordion" },
+        members.map(function (member) { return (React.createElement(ChannelSettings_components_UserListItem, { key: member.userId, user: member, currentUser: sdk.currentUser.userId, action: ((channel === null || channel === void 0 ? void 0 : channel.myRole) === 'operator' && userId !== member.userId)
+                ? function (_a) {
+                    var actionRef = _a.actionRef, parentRef = _a.parentRef;
+                    return (React.createElement(ui_ContextMenu.default, { menuTrigger: function (toggleDropdown) { return (React.createElement(ui_IconButton, { className: "sendbird-user-message__more__menu", width: "32px", height: "32px", onClick: toggleDropdown },
+                            React.createElement(ui_Icon.default, { width: "24px", height: "24px", type: ui_Icon.IconTypes.MORE, fillColor: ui_Icon.IconColors.CONTENT_INVERSE }))); }, menuItems: function (closeDropdown) { return (React.createElement(ui_ContextMenu.MenuItems, { parentContainRef: parentRef, parentRef: actionRef, closeDropdown: closeDropdown, openLeft: true },
+                            React.createElement(ui_ContextMenu.MenuItem, { onClick: function () {
+                                    if ((member.role !== 'operator')) {
+                                        channel === null || channel === void 0 ? void 0 : channel.addOperators([member.userId]).then(function () {
+                                            refreshList();
+                                            closeDropdown();
+                                        });
+                                    }
+                                    else {
+                                        channel === null || channel === void 0 ? void 0 : channel.removeOperators([member.userId]).then(function () {
+                                            refreshList();
+                                            closeDropdown();
+                                        });
+                                    }
+                                }, dataSbId: "channel_setting_member_context_menu_".concat((member.role !== 'operator') ? 'register_as_operator' : 'unregister_operator') }, member.role !== 'operator'
+                                ? stringSet.CHANNEL_SETTING__MODERATION__REGISTER_AS_OPERATOR
+                                : stringSet.CHANNEL_SETTING__MODERATION__UNREGISTER_OPERATOR),
+                            // No muted members in broadcast channel
+                            !(channel === null || channel === void 0 ? void 0 : channel.isBroadcast) && (React.createElement(ui_ContextMenu.MenuItem, { onClick: function () {
+                                    if (member.isMuted) {
+                                        channel === null || channel === void 0 ? void 0 : channel.unmuteUser(member).then(function () {
+                                            refreshList();
+                                            closeDropdown();
+                                        });
+                                    }
+                                    else {
+                                        channel === null || channel === void 0 ? void 0 : channel.muteUser(member).then(function () {
+                                            refreshList();
+                                            closeDropdown();
+                                        });
+                                    }
+                                }, dataSbId: "channel_setting_member_context_menu_".concat((member.isMuted) ? 'unmute' : 'mute') }, member.isMuted
+                                ? stringSet.CHANNEL_SETTING__MODERATION__UNMUTE
+                                : stringSet.CHANNEL_SETTING__MODERATION__MUTE)),
+                            React.createElement(ui_ContextMenu.MenuItem, { onClick: function () {
+                                    channel === null || channel === void 0 ? void 0 : channel.banUser(member, -1, '').then(function () {
+                                        refreshList();
+                                        closeDropdown();
+                                    });
+                                }, dataSbId: "channel_setting_member_context_menu_ban" }, stringSet.CHANNEL_SETTING__MODERATION__BAN))); } }));
+                }
+                : null })); }),
+        React.createElement("div", { className: "sendbird-channel-settings-accordion__footer" },
+            hasNext && (React.createElement(ui_Button.default, { type: ui_Button.ButtonTypes.SECONDARY, size: ui_Button.ButtonSizes.SMALL, onClick: function () { return setShowAllMembers(true); } }, stringSet.CHANNEL_SETTING__MEMBERS__SEE_ALL_MEMBERS)),
+            React.createElement(ui_Button.default, { type: ui_Button.ButtonTypes.SECONDARY, size: ui_Button.ButtonSizes.SMALL, onClick: function () { return setShowInviteUsers(true); } }, stringSet.CHANNEL_SETTING__MEMBERS__INVITE_MEMBER)),
+        showAllMembers && (React.createElement(MembersModal, { onCancel: function () {
+                setShowAllMembers(false);
+                refreshList();
+            } })),
+        showInviteUsers && (React.createElement(InviteUsers, { onSubmit: function () {
+                setShowInviteUsers(false);
+                refreshList();
+            }, onCancel: function () { return setShowInviteUsers(false); } }))));
+};
+
+exports.MemberList = MemberList;
+//# sourceMappingURL=bundle-R1cJCMsN.js.map

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

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

package/cjs/chunks/bundle-R3WLzhtN.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-6JxglfHi.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-R3WLzhtN.js.map

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

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

package/cjs/chunks/bundle-R3Ze9NdG.js

@@ -0,0 +1,28 @@
+'use strict';
+
+exports.Colors = void 0;
+(function (Colors) {
+    Colors["ONBACKGROUND_1"] = "ONBACKGROUND_1";
+    Colors["ONBACKGROUND_2"] = "ONBACKGROUND_2";
+    Colors["ONBACKGROUND_3"] = "ONBACKGROUND_3";
+    Colors["ONBACKGROUND_4"] = "ONBACKGROUND_4";
+    Colors["ONCONTENT_1"] = "ONCONTENT_1";
+    Colors["ONCONTENT_2"] = "ONCONTENT_2";
+    Colors["PRIMARY"] = "PRIMARY";
+    Colors["ERROR"] = "ERROR";
+})(exports.Colors || (exports.Colors = {}));
+var changeColorToClassName = function (color) {
+    switch (color) {
+        case exports.Colors.ONBACKGROUND_1: return 'sendbird-color--onbackground-1';
+        case exports.Colors.ONBACKGROUND_2: return 'sendbird-color--onbackground-2';
+        case exports.Colors.ONBACKGROUND_3: return 'sendbird-color--onbackground-3';
+        case exports.Colors.ONBACKGROUND_4: return 'sendbird-color--onbackground-4';
+        case exports.Colors.ONCONTENT_1: return 'sendbird-color--oncontent-1';
+        case exports.Colors.PRIMARY: return 'sendbird-color--primary';
+        case exports.Colors.ERROR: return 'sendbird-color--error';
+        default: return null;
+    }
+};
+
+exports.changeColorToClassName = changeColorToClassName;
+//# sourceMappingURL=bundle-R3Ze9NdG.js.map

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

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

package/cjs/chunks/bundle-TLWExetX.js

@@ -0,0 +1,128 @@
+'use strict';
+
+var consts = require('./bundle-noiyvZaq.js');
+var lame_all = require('../lame.all.js');
+
+// Thanks to https://codesandbox.io/s/media-recorder-api-downsampling-16k-mp3-encode-using-lame-js-forked-n1pblw
+function encodeMp3(arrayBuffer) {
+    var wav = lame_all.WavHeader.readHeader(new DataView(arrayBuffer));
+    var dataView = new Int16Array(arrayBuffer, wav.dataOffset, wav.dataLen / 2);
+    var mp3Encoder = new lame_all.Mp3Encoder(wav.channels, wav.sampleRate, 128);
+    var maxSamples = 1152;
+    var samplesLeft = (wav.channels === 1) ? dataView : new Int16Array(wav.dataLen / (2 * wav.channels));
+    var samplesRight = (wav.channels === 2) ? new Int16Array(wav.dataLen / (2 * wav.channels)) : undefined;
+    if (wav.channels > 1) {
+        for (var j = 0; j < samplesLeft.length; j++) {
+            samplesLeft[j] = dataView[j * 2];
+            samplesRight[j] = dataView[j * 2 + 1];
+        }
+    }
+    var dataBuffer = [];
+    var remaining = samplesLeft.length;
+    for (var i = 0; remaining >= maxSamples; i += maxSamples) {
+        var left = samplesLeft.subarray(i, i + maxSamples);
+        var right = void 0;
+        if (samplesRight) {
+            right = samplesRight.subarray(i, i + maxSamples);
+        }
+        var mp3buf = mp3Encoder.encodeBuffer(left, right);
+        dataBuffer.push(new Int8Array(mp3buf));
+        remaining -= maxSamples;
+    }
+    var mp3Lastbuf = mp3Encoder.flush();
+    dataBuffer.push(new Int8Array(mp3Lastbuf));
+    return dataBuffer;
+}
+// Convert audioFile to arrayBuffer, because Mp3Encoder requires a parameter of ArrayBuffer type
+function downsampleToWav(file, callback) {
+    // Browser compatibility
+    // https://caniuse.com/?search=AudioContext
+    var audioCtx = new AudioContext({ sampleRate: consts.VOICE_RECORDER_AUDIO_SAMPLE_RATE });
+    var fileReader = new FileReader();
+    fileReader.onload = function (ev) {
+        // Decode audio
+        audioCtx.decodeAudioData(ev.target.result, function (buffer) {
+            // this is where you down sample the audio, usually is 44100 samples per second
+            var usingWebkit = !window.OfflineAudioContext;
+            var offlineAudioCtx = new OfflineAudioContext(1, 16000 * buffer.duration, 16000);
+            var soundSource = offlineAudioCtx.createBufferSource();
+            soundSource.buffer = buffer;
+            soundSource.connect(offlineAudioCtx.destination);
+            var reader = new FileReader();
+            reader.onload = function () {
+                var renderCompleteHandler = function (evt) {
+                    var renderedBuffer = usingWebkit ? evt.renderedBuffer : evt;
+                    var buffer = bufferToWav(renderedBuffer, renderedBuffer.length);
+                    if (callback) {
+                        callback(buffer);
+                    }
+                };
+                if (usingWebkit) {
+                    offlineAudioCtx.oncomplete = renderCompleteHandler;
+                    offlineAudioCtx.startRendering();
+                }
+                else {
+                    offlineAudioCtx
+                        .startRendering()
+                        .then(renderCompleteHandler)
+                        // eslint-disable-next-line no-console
+                        .catch(function (err) { return console.warn(err); });
+                }
+            };
+            reader.readAsArrayBuffer(file);
+            soundSource.start(0);
+        });
+    };
+    fileReader.readAsArrayBuffer(file);
+}
+function bufferToWav(abuffer, len) {
+    var numOfChan = abuffer.numberOfChannels;
+    var length = len * numOfChan * 2 + 44;
+    var buffer = new ArrayBuffer(length);
+    var view = new DataView(buffer);
+    var channels = [];
+    var i = 0;
+    var sample;
+    var offset = 0;
+    var pos = 0;
+    // write WAVE header
+    setUint32(0x46464952); // "RIFF"
+    setUint32(length - 8); // file length - 8
+    setUint32(0x45564157); // "WAVE"
+    setUint32(0x20746d66); // "fmt " chunk
+    setUint32(16); // length = 16
+    setUint16(1); // PCM (uncompressed)
+    setUint16(numOfChan);
+    setUint32(abuffer.sampleRate);
+    setUint32(abuffer.sampleRate * 2 * numOfChan); // avg. bytes/sec
+    setUint16(numOfChan * 2); // block-align
+    setUint16(16); // 16-bit (hardcoded in this demo)
+    setUint32(0x61746164); // "data" - chunk
+    setUint32(length - pos - 4); // chunk length
+    // write interleaved data
+    for (i = 0; i < abuffer.numberOfChannels; i++)
+        channels.push(abuffer.getChannelData(i));
+    while (pos < length) {
+        for (i = 0; i < numOfChan; i++) {
+            // interleave channels
+            sample = Math.max(-1, Math.min(1, channels[i][offset])); // clamp
+            sample = (0.5 + sample < 0 ? sample * 32768 : sample * 32767) | 0; // scale to 16-bit signed int
+            view.setInt16(pos, sample, true); // write 16-bit sample
+            pos += 2;
+        }
+        offset++; // next source sample
+    }
+    return buffer;
+    function setUint16(data) {
+        view.setUint16(pos, data, true);
+        pos += 2;
+    }
+    function setUint32(data) {
+        view.setUint32(pos, data, true);
+        pos += 4;
+    }
+}
+
+exports.downsampleToWav = downsampleToWav;
+exports.encodeMp3 = encodeMp3;
+//# sourceMappingURL=bundle-TLWExetX.js.map

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

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

package/cjs/chunks/bundle-Ur6-okMD.js

@@ -0,0 +1,79 @@
+'use strict';
+
+var _tslib = require('./bundle-crXcinmk.js');
+var React = require('react');
+var MediaQueryContext = require('./bundle-Csb8JrWu.js');
+
+var DEFAULT_DURATION = 300;
+function preventDefault(e) {
+    if (!isTouchEvent(e)) {
+        return;
+    }
+    if (e.touches.length < 2 && e.preventDefault) {
+        e.preventDefault();
+    }
+}
+function isTouchEvent(e) {
+    return e && 'touches' in e;
+}
+function useLongPress(_a, _b) {
+    var onLongPress = _a.onLongPress, onClick = _a.onClick;
+    var _c = _b === void 0 ? {} : _b, _d = _c.delay, delay = _d === void 0 ? DEFAULT_DURATION : _d, _e = _c.shouldPreventDefault, shouldPreventDefault = _e === void 0 ? true : _e, _f = _c.shouldStopPropagation, shouldStopPropagation = _f === void 0 ? false : _f;
+    var isMobile = MediaQueryContext.useMediaQueryContext().isMobile;
+    var _g = React.useState(false), longPressTriggered = _g[0], setLongPressTriggered = _g[1];
+    var _h = React.useState(false), dragTriggered = _h[0], setDragTriggered = _h[1];
+    // https://www.typescriptlang.org/docs/handbook/utility-types.html#returntypetype
+    var timeout = React.useRef();
+    var target = React.useRef();
+    var start = React.useCallback(function (e) {
+        e.persist();
+        var clonedEvent = _tslib.__assign({}, e);
+        setDragTriggered(false);
+        if (shouldStopPropagation) {
+            e.stopPropagation();
+        }
+        if (shouldPreventDefault && e.target) {
+            e.target.addEventListener('touchend', preventDefault, {
+                passive: false,
+            });
+            target.current = e.target;
+        }
+        timeout.current = setTimeout(function () {
+            onLongPress(clonedEvent);
+            setLongPressTriggered(true);
+        }, delay);
+    }, [onLongPress, delay, shouldPreventDefault, shouldStopPropagation, isMobile]);
+    var clear = React.useCallback(function (e, shouldTriggerClick, onDrag) {
+        if (shouldTriggerClick === void 0) { shouldTriggerClick = true; }
+        if (onDrag === void 0) { onDrag = false; }
+        if (onDrag) {
+            setDragTriggered(true);
+        }
+        else {
+            setDragTriggered(false);
+        }
+        if (timeout === null || timeout === void 0 ? void 0 : timeout.current) {
+            clearTimeout(timeout.current);
+        }
+        if (shouldTriggerClick && !longPressTriggered && !dragTriggered) {
+            onClick === null || onClick === void 0 ? void 0 : onClick(e);
+        }
+        setLongPressTriggered(false);
+        if (shouldPreventDefault && target.current) {
+            target.current.removeEventListener('touchend', preventDefault);
+        }
+    }, [shouldPreventDefault, onClick, longPressTriggered, dragTriggered]);
+    return {
+        onMouseDown: function (e) { return start(e); },
+        onMouseUp: function (e) { return clear(e); },
+        onMouseLeave: function (e) { return clear(e, false); },
+        onTouchStart: function (e) { return start(e); },
+        // setDragTriggered as true on touchmove, so that next onTouchEnd is ignored
+        // if we dont do it, onClick?.(e) will be triggred, see inside clear()
+        onTouchMove: function (e) { return clear(e, false, true); },
+        onTouchEnd: function (e) { return clear(e); },
+    };
+}
+
+exports.useLongPress = useLongPress;
+//# sourceMappingURL=bundle-Ur6-okMD.js.map

package/cjs/chunks/bundle-Ur6-okMD.js.map

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