@sendbird/uikit-react 3.9.0 → 3.9.1-rc-0

package/dist/cjs/chunks/bundle-sjCeO7Mj.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-RmtoGD4w.js');
+var ui_Modal = require('./bundle-stRq_8W4.js');
+var ui_UserListItem = require('../ui/UserListItem.js');
+var utils = require('./bundle-3WvVLPrn.js');
+var ChannelSettings_context = require('../ChannelSettings/context.js');
+var useSendbirdStateContext = require('../useSendbirdStateContext.js');
+var LocalizationContext = require('./bundle-AkDULw2F.js');
+require('./bundle-41kBJWv1.js');
+var uuid = require('./bundle-2B2B2GGi.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-sjCeO7Mj.js.map

package/dist/cjs/chunks/bundle-sjCeO7Mj.js.map

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

package/dist/cjs/chunks/bundle-stRq_8W4.js

@@ -0,0 +1,69 @@
+'use strict';
+
+var React = require('react');
+var reactDom = require('react-dom');
+var utils = require('./bundle-3WvVLPrn.js');
+var LocalizationContext = require('./bundle-AkDULw2F.js');
+var MediaQueryContext = require('./bundle-2utPAHKj.js');
+var ui_IconButton = require('../ui/IconButton.js');
+var ui_Button = require('../ui/Button.js');
+var ui_Icon = require('../ui/Icon.js');
+var ui_Label = require('./bundle-41kBJWv1.js');
+
+// simple component to be used as modal root
+var MODAL_ROOT = 'sendbird-modal-root';
+var ModalRoot = function () { return (React.createElement("div", { id: MODAL_ROOT, className: MODAL_ROOT })); };
+
+var ModalHeader = function (_a) {
+    var titleText = _a.titleText;
+    return (React.createElement("div", { className: "sendbird-modal__header" },
+        React.createElement(ui_Label.Label, { type: ui_Label.LabelTypography.H_1, color: ui_Label.LabelColors.ONBACKGROUND_1 }, titleText)));
+};
+var ModalBody = function (_a) {
+    var children = _a.children;
+    return (React.createElement("div", { className: "sendbird-modal__body" },
+        React.createElement(ui_Label.Label, { type: ui_Label.LabelTypography.SUBTITLE_1, color: ui_Label.LabelColors.ONBACKGROUND_2 }, children)));
+};
+var ModalFooter = function (_a) {
+    var submitText = _a.submitText, _b = _a.disabled, disabled = _b === void 0 ? false : _b, _c = _a.hideCancelButton, hideCancelButton = _c === void 0 ? false : _c, _d = _a.type, type = _d === void 0 ? ui_Button.ButtonTypes.DANGER : _d, onSubmit = _a.onSubmit, onCancel = _a.onCancel;
+    var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
+    return (React.createElement("div", { className: "sendbird-modal__footer" },
+        !hideCancelButton && (React.createElement(ui_Button.default, { type: ui_Button.ButtonTypes.SECONDARY, onClick: onCancel },
+            React.createElement(ui_Label.Label, { type: ui_Label.LabelTypography.BUTTON_1, color: ui_Label.LabelColors.ONBACKGROUND_1 }, stringSet.BUTTON__CANCEL))),
+        React.createElement(ui_Button.default, { type: type, disabled: disabled, onClick: onSubmit }, submitText)));
+};
+function Modal(props) {
+    var _a = props.children, children = _a === void 0 ? null : _a, _b = props.className, className = _b === void 0 ? '' : _b, _c = props.isCloseOnClickOutside, isCloseOnClickOutside = _c === void 0 ? false : _c, _d = props.isFullScreenOnMobile, isFullScreenOnMobile = _d === void 0 ? false : _d, titleText = props.titleText, submitText = props.submitText, _e = props.disabled, disabled = _e === void 0 ? false : _e, _f = props.hideFooter, hideFooter = _f === void 0 ? false : _f, _g = props.type, type = _g === void 0 ? ui_Button.ButtonTypes.DANGER : _g, 
+    /**
+     * Do not use this! We will deprecate onCancel in v4.
+     */
+    _h = props.onCancel, 
+    /**
+     * Do not use this! We will deprecate onCancel in v4.
+     */
+    onCancel = _h === void 0 ? utils.noop : _h, onClose = props.onClose, _j = props.onSubmit, onSubmit = _j === void 0 ? utils.noop : _j, renderHeader = props.renderHeader;
+    var handleClose = onClose !== null && onClose !== void 0 ? onClose : onCancel;
+    var isMobile = MediaQueryContext.useMediaQueryContext().isMobile;
+    return reactDom.createPortal((React.createElement("div", { className: "\n      sendbird-modal ".concat(className, "\n      ").concat((isFullScreenOnMobile && isMobile) ? 'sendbird-modal--full-mobile' : '', "\n    ") },
+        React.createElement("div", { className: "sendbird-modal__content" },
+            (renderHeader === null || renderHeader === void 0 ? void 0 : renderHeader()) || (React.createElement(ModalHeader, { titleText: titleText !== null && titleText !== void 0 ? titleText : '' })),
+            React.createElement(ModalBody, null, children),
+            !hideFooter && (React.createElement(ModalFooter, { disabled: disabled, onCancel: handleClose, onSubmit: onSubmit, submitText: submitText !== null && submitText !== void 0 ? submitText : '', type: type })),
+            React.createElement("div", { className: "sendbird-modal__close" },
+                React.createElement(ui_IconButton, { width: "32px", height: "32px", onClick: handleClose },
+                    React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.CLOSE, fillColor: ui_Icon.IconColors.DEFAULT, width: "24px", height: "24px" })))),
+        React.createElement("div", { className: "\n          sendbird-modal__backdrop\n          ".concat(isCloseOnClickOutside && 'sendbird-modal__backdrop--clickoutside', "\n        "), onClick: function (e) {
+                e === null || e === void 0 ? void 0 : e.stopPropagation();
+                if (isCloseOnClickOutside) {
+                    handleClose();
+                }
+            } }))), document.getElementById(MODAL_ROOT));
+}
+
+exports.MODAL_ROOT = MODAL_ROOT;
+exports.Modal = Modal;
+exports.ModalBody = ModalBody;
+exports.ModalFooter = ModalFooter;
+exports.ModalHeader = ModalHeader;
+exports.ModalRoot = ModalRoot;
+//# sourceMappingURL=bundle-stRq_8W4.js.map

package/dist/cjs/chunks/bundle-stRq_8W4.js.map

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

package/dist/cjs/chunks/bundle-txKvbPEx.js

@@ -0,0 +1,128 @@
+'use strict';
+
+var consts = require('./bundle-98hUmAMo.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-txKvbPEx.js.map

package/dist/cjs/chunks/bundle-txKvbPEx.js.map

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