@sendbird/uikit-react 3.14.3 → 3.14.4

package/chunks/{bundle-Otcx8Wxy.js → bundle-DJTSztr0.js}

@@ -1,134 +1,134 @@
-import { c as __spreadArray } from './bundle-DZcgZWKq.js';
+import { c as __spreadArray } from './bundle-7oF7KbGv.js';
 import React__default from 'react';
-import { f as format } from './bundle-DZie-lCF.js';
+import { f as format } from './bundle-C040958G.js';
 import Icon, { IconTypes, IconColors } from '../ui/Icon.js';
-import { c as LabelStringSet, L as Label, a as LabelTypography, b as LabelColors } from './bundle-Dk211z5R.js';
+import { c as LabelStringSet, L as Label, a as LabelTypography, b as LabelColors } from './bundle-LYAWKk4n.js';
 import Loader from '../ui/Loader.js';
-import { C as isTemplateMessage, k as isImage, A as isGif, j as isVideo, D as isAudio, E as isVoiceMessageMimeType, F as isSentStatus } from './bundle-DwApARpe.js';
+import { C as isTemplateMessage, k as isImage, A as isGif, j as isVideo, D as isAudio, E as isVoiceMessageMimeType, F as isSentStatus } from './bundle-BWCGFXhj.js';
 import { getOutgoingMessageState, OutgoingMessageStates } from '../utils/message/getOutgoingMessageState.js';
-import { i as isToday, a as isYesterday, b as isThisYear } from './bundle-BKTUnkiE.js';
-import { u as useLocalization } from './bundle-tIPAQa1P.js';
+import { i as isToday, a as isYesterday, b as isThisYear } from './bundle-yZ1rqvSQ.js';
+import { u as useLocalization } from './bundle-Bx5vhTbU.js';
 
-var getChannelTitle = function (channel, currentUserId, stringSet) {
-    var _a;
-    if (stringSet === void 0) { stringSet = LabelStringSet; }
-    if (!(channel === null || channel === void 0 ? void 0 : channel.name) && !(channel === null || channel === void 0 ? void 0 : channel.members)) {
-        return stringSet.NO_TITLE;
-    }
-    if ((channel === null || channel === void 0 ? void 0 : channel.name) && channel.name !== 'Group Channel') {
-        return channel.name;
-    }
-    if (((_a = channel === null || channel === void 0 ? void 0 : channel.members) === null || _a === void 0 ? void 0 : _a.length) === 1) {
-        return stringSet.NO_MEMBERS;
-    }
-    return ((channel === null || channel === void 0 ? void 0 : channel.members) || [])
-        .filter(function (_a) {
-        var userId = _a.userId;
-        return userId !== currentUserId;
-    })
-        .map(function (_a) {
-        var nickname = _a.nickname;
-        return nickname || stringSet.NO_NAME;
-    })
-        .join(', ');
-};
-var getLastMessageCreatedAt = function (_a) {
-    var _b;
-    var channel = _a.channel, locale = _a.locale, _c = _a.stringSet, stringSet = _c === void 0 ? LabelStringSet : _c;
-    var createdAt = (_b = channel === null || channel === void 0 ? void 0 : channel.lastMessage) === null || _b === void 0 ? void 0 : _b.createdAt;
-    var optionalParam = locale ? { locale: locale } : null;
-    if (!createdAt) {
-        return '';
-    }
-    if (isToday(createdAt)) {
-        return format(createdAt, 'p', optionalParam);
-    }
-    if (isYesterday(createdAt)) {
-        return stringSet.MESSAGE_STATUS__YESTERDAY || 'Yesterday';
-    }
-    if (isThisYear(createdAt)) {
-        return format(createdAt, 'MMM d', optionalParam);
-    }
-    return format(createdAt, 'yyyy/M/d', optionalParam);
-};
-var getTotalMembers = function (channel) { return ((channel === null || channel === void 0 ? void 0 : channel.memberCount) ? channel.memberCount : 0); };
-var getChannelPreviewFileDisplayString = function (mimeType, stringSet) {
-    var _a, _b, _c, _d, _e, _f;
-    if (stringSet === void 0) { stringSet = LabelStringSet; }
-    if (isGif(mimeType)) {
-        return (_a = stringSet === null || stringSet === void 0 ? void 0 : stringSet.CHANNEL_PREVIEW_LAST_MESSAGE_FILE_TYPE_GIF) !== null && _a !== void 0 ? _a : '';
-    }
-    if (isImage(mimeType)) {
-        return (_b = stringSet === null || stringSet === void 0 ? void 0 : stringSet.CHANNEL_PREVIEW_LAST_MESSAGE_FILE_TYPE_PHOTO) !== null && _b !== void 0 ? _b : '';
-    }
-    if (isVideo(mimeType)) {
-        return (_c = stringSet === null || stringSet === void 0 ? void 0 : stringSet.CHANNEL_PREVIEW_LAST_MESSAGE_FILE_TYPE_VIDEO) !== null && _c !== void 0 ? _c : '';
-    }
-    if (isAudio(mimeType)) {
-        return (_d = stringSet === null || stringSet === void 0 ? void 0 : stringSet.CHANNEL_PREVIEW_LAST_MESSAGE_FILE_TYPE_AUDIO) !== null && _d !== void 0 ? _d : '';
-    }
-    if (isVoiceMessageMimeType(mimeType)) {
-        return (_e = stringSet === null || stringSet === void 0 ? void 0 : stringSet.CHANNEL_PREVIEW_LAST_MESSAGE_FILE_TYPE_VOICE_MESSAGE) !== null && _e !== void 0 ? _e : '';
-    }
-    return (_f = stringSet === null || stringSet === void 0 ? void 0 : stringSet.CHANNEL_PREVIEW_LAST_MESSAGE_FILE_TYPE_GENERAL) !== null && _f !== void 0 ? _f : '';
-};
-var getPrettyLastMessage = function (message, stringSet) {
-    var _a, _b, _c, _d;
-    if (message === void 0) { message = null; }
-    if (stringSet === void 0) { stringSet = LabelStringSet; }
-    if (!message)
-        return '';
-    if (isTemplateMessage(message)) {
-        return stringSet.CHANNEL_PREVIEW_LAST_MESSAGE_TEMPLATE_MESSAGE;
-    }
-    if (message.isFileMessage()) {
-        return getChannelPreviewFileDisplayString(message.type, stringSet);
-    }
-    if (message.isMultipleFilesMessage()) {
-        var mimeType = (_b = (_a = message.fileInfoList) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.mimeType;
-        if (isImage(mimeType) || isGif(mimeType)) {
-            return (_c = stringSet === null || stringSet === void 0 ? void 0 : stringSet.CHANNEL_PREVIEW_LAST_MESSAGE_FILE_TYPE_PHOTO) !== null && _c !== void 0 ? _c : '';
-        }
-        return getChannelPreviewFileDisplayString(mimeType, stringSet);
-    }
-    return (_d = message.message) !== null && _d !== void 0 ? _d : '';
-};
-var getLastMessage = function (channel, stringSet) {
-    if (stringSet === void 0) { stringSet = LabelStringSet; }
-    return (channel === null || channel === void 0 ? void 0 : channel.lastMessage) ? getPrettyLastMessage(channel === null || channel === void 0 ? void 0 : channel.lastMessage, stringSet) : '';
-};
+var getChannelTitle = function (channel, currentUserId, stringSet) {
+    var _a;
+    if (stringSet === void 0) { stringSet = LabelStringSet; }
+    if (!(channel === null || channel === void 0 ? void 0 : channel.name) && !(channel === null || channel === void 0 ? void 0 : channel.members)) {
+        return stringSet.NO_TITLE;
+    }
+    if ((channel === null || channel === void 0 ? void 0 : channel.name) && channel.name !== 'Group Channel') {
+        return channel.name;
+    }
+    if (((_a = channel === null || channel === void 0 ? void 0 : channel.members) === null || _a === void 0 ? void 0 : _a.length) === 1) {
+        return stringSet.NO_MEMBERS;
+    }
+    return ((channel === null || channel === void 0 ? void 0 : channel.members) || [])
+        .filter(function (_a) {
+        var userId = _a.userId;
+        return userId !== currentUserId;
+    })
+        .map(function (_a) {
+        var nickname = _a.nickname;
+        return nickname || stringSet.NO_NAME;
+    })
+        .join(', ');
+};
+var getLastMessageCreatedAt = function (_a) {
+    var _b;
+    var channel = _a.channel, locale = _a.locale, _c = _a.stringSet, stringSet = _c === void 0 ? LabelStringSet : _c;
+    var createdAt = (_b = channel === null || channel === void 0 ? void 0 : channel.lastMessage) === null || _b === void 0 ? void 0 : _b.createdAt;
+    var optionalParam = locale ? { locale: locale } : null;
+    if (!createdAt) {
+        return '';
+    }
+    if (isToday(createdAt)) {
+        return format(createdAt, 'p', optionalParam);
+    }
+    if (isYesterday(createdAt)) {
+        return stringSet.MESSAGE_STATUS__YESTERDAY || 'Yesterday';
+    }
+    if (isThisYear(createdAt)) {
+        return format(createdAt, 'MMM d', optionalParam);
+    }
+    return format(createdAt, 'yyyy/M/d', optionalParam);
+};
+var getTotalMembers = function (channel) { return ((channel === null || channel === void 0 ? void 0 : channel.memberCount) ? channel.memberCount : 0); };
+var getChannelPreviewFileDisplayString = function (mimeType, stringSet) {
+    var _a, _b, _c, _d, _e, _f;
+    if (stringSet === void 0) { stringSet = LabelStringSet; }
+    if (isGif(mimeType)) {
+        return (_a = stringSet === null || stringSet === void 0 ? void 0 : stringSet.CHANNEL_PREVIEW_LAST_MESSAGE_FILE_TYPE_GIF) !== null && _a !== void 0 ? _a : '';
+    }
+    if (isImage(mimeType)) {
+        return (_b = stringSet === null || stringSet === void 0 ? void 0 : stringSet.CHANNEL_PREVIEW_LAST_MESSAGE_FILE_TYPE_PHOTO) !== null && _b !== void 0 ? _b : '';
+    }
+    if (isVideo(mimeType)) {
+        return (_c = stringSet === null || stringSet === void 0 ? void 0 : stringSet.CHANNEL_PREVIEW_LAST_MESSAGE_FILE_TYPE_VIDEO) !== null && _c !== void 0 ? _c : '';
+    }
+    if (isAudio(mimeType)) {
+        return (_d = stringSet === null || stringSet === void 0 ? void 0 : stringSet.CHANNEL_PREVIEW_LAST_MESSAGE_FILE_TYPE_AUDIO) !== null && _d !== void 0 ? _d : '';
+    }
+    if (isVoiceMessageMimeType(mimeType)) {
+        return (_e = stringSet === null || stringSet === void 0 ? void 0 : stringSet.CHANNEL_PREVIEW_LAST_MESSAGE_FILE_TYPE_VOICE_MESSAGE) !== null && _e !== void 0 ? _e : '';
+    }
+    return (_f = stringSet === null || stringSet === void 0 ? void 0 : stringSet.CHANNEL_PREVIEW_LAST_MESSAGE_FILE_TYPE_GENERAL) !== null && _f !== void 0 ? _f : '';
+};
+var getPrettyLastMessage = function (message, stringSet) {
+    var _a, _b, _c, _d;
+    if (message === void 0) { message = null; }
+    if (stringSet === void 0) { stringSet = LabelStringSet; }
+    if (!message)
+        return '';
+    if (isTemplateMessage(message)) {
+        return stringSet.CHANNEL_PREVIEW_LAST_MESSAGE_TEMPLATE_MESSAGE;
+    }
+    if (message.isFileMessage()) {
+        return getChannelPreviewFileDisplayString(message.type, stringSet);
+    }
+    if (message.isMultipleFilesMessage()) {
+        var mimeType = (_b = (_a = message.fileInfoList) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.mimeType;
+        if (isImage(mimeType) || isGif(mimeType)) {
+            return (_c = stringSet === null || stringSet === void 0 ? void 0 : stringSet.CHANNEL_PREVIEW_LAST_MESSAGE_FILE_TYPE_PHOTO) !== null && _c !== void 0 ? _c : '';
+        }
+        return getChannelPreviewFileDisplayString(mimeType, stringSet);
+    }
+    return (_d = message.message) !== null && _d !== void 0 ? _d : '';
+};
+var getLastMessage = function (channel, stringSet) {
+    if (stringSet === void 0) { stringSet = LabelStringSet; }
+    return (channel === null || channel === void 0 ? void 0 : channel.lastMessage) ? getPrettyLastMessage(channel === null || channel === void 0 ? void 0 : channel.lastMessage, stringSet) : '';
+};
 var getChannelUnreadMessageCount = function (channel) { return (channel === null || channel === void 0 ? void 0 : channel.unreadMessageCount) ? channel.unreadMessageCount : 0; };
 
-var MessageStatusTypes = OutgoingMessageStates;
-function MessageStatus(_a) {
-    var _b, _c;
-    var _d;
-    var className = _a.className, message = _a.message, channel = _a.channel, _e = _a.isDateSeparatorConsidered, isDateSeparatorConsidered = _e === void 0 ? true : _e;
-    var _f = useLocalization(), stringSet = _f.stringSet, dateLocale = _f.dateLocale;
-    var status = getOutgoingMessageState(channel, message);
-    var hideMessageStatusIcon = ((_d = channel === null || channel === void 0 ? void 0 : channel.isGroupChannel) === null || _d === void 0 ? void 0 : _d.call(channel)) && ((channel.isSuper || channel.isPublic || channel.isBroadcast)
-        && !(status === OutgoingMessageStates.PENDING || status === OutgoingMessageStates.FAILED));
-    var iconType = (_b = {},
-        _b[OutgoingMessageStates.SENT] = IconTypes.DONE,
-        _b[OutgoingMessageStates.DELIVERED] = IconTypes.DONE_ALL,
-        _b[OutgoingMessageStates.READ] = IconTypes.DONE_ALL,
-        _b[OutgoingMessageStates.FAILED] = IconTypes.ERROR,
-        _b);
-    var iconColor = (_c = {},
-        _c[OutgoingMessageStates.SENT] = IconColors.SENT,
-        _c[OutgoingMessageStates.DELIVERED] = IconColors.SENT,
-        _c[OutgoingMessageStates.READ] = IconColors.READ,
-        _c[OutgoingMessageStates.FAILED] = IconColors.ERROR,
-        _c);
-    return (React__default.createElement("div", { className: __spreadArray(__spreadArray([], (Array.isArray(className) ? className : [className]), true), [
-            'sendbird-message-status',
-        ], false).join(' ') },
-        (status === OutgoingMessageStates.PENDING) ? (React__default.createElement(Loader, { className: "sendbird-message-status__icon", width: "16px", height: "16px" },
-            React__default.createElement(Icon, { type: IconTypes.SPINNER, fillColor: IconColors.PRIMARY, width: "16px", height: "16px" }))) : (React__default.createElement(Icon, { className: "sendbird-message-status__icon ".concat(hideMessageStatusIcon ? 'hide-icon' : '', " ").concat(status === OutgoingMessageStates.FAILED ? '' : 'sendbird-message-status--sent'), type: iconType[status] || IconTypes.ERROR, fillColor: iconColor[status], width: "16px", height: "16px" })),
-        isSentStatus(status) && (React__default.createElement(Label, { className: "sendbird-message-status__text", type: LabelTypography.CAPTION_3, color: LabelColors.ONBACKGROUND_2 }, isDateSeparatorConsidered
-            ? format((message === null || message === void 0 ? void 0 : message.createdAt) || 0, 'p', { locale: dateLocale })
-            : getLastMessageCreatedAt({ channel: channel, locale: dateLocale, stringSet: stringSet })))));
+var MessageStatusTypes = OutgoingMessageStates;
+function MessageStatus(_a) {
+    var _b, _c;
+    var _d;
+    var className = _a.className, message = _a.message, channel = _a.channel, _e = _a.isDateSeparatorConsidered, isDateSeparatorConsidered = _e === void 0 ? true : _e;
+    var _f = useLocalization(), stringSet = _f.stringSet, dateLocale = _f.dateLocale;
+    var status = getOutgoingMessageState(channel, message);
+    var hideMessageStatusIcon = ((_d = channel === null || channel === void 0 ? void 0 : channel.isGroupChannel) === null || _d === void 0 ? void 0 : _d.call(channel)) && ((channel.isSuper || channel.isPublic || channel.isBroadcast)
+        && !(status === OutgoingMessageStates.PENDING || status === OutgoingMessageStates.FAILED));
+    var iconType = (_b = {},
+        _b[OutgoingMessageStates.SENT] = IconTypes.DONE,
+        _b[OutgoingMessageStates.DELIVERED] = IconTypes.DONE_ALL,
+        _b[OutgoingMessageStates.READ] = IconTypes.DONE_ALL,
+        _b[OutgoingMessageStates.FAILED] = IconTypes.ERROR,
+        _b);
+    var iconColor = (_c = {},
+        _c[OutgoingMessageStates.SENT] = IconColors.SENT,
+        _c[OutgoingMessageStates.DELIVERED] = IconColors.SENT,
+        _c[OutgoingMessageStates.READ] = IconColors.READ,
+        _c[OutgoingMessageStates.FAILED] = IconColors.ERROR,
+        _c);
+    return (React__default.createElement("div", { className: __spreadArray(__spreadArray([], (Array.isArray(className) ? className : [className]), true), [
+            'sendbird-message-status',
+        ], false).join(' ') },
+        (status === OutgoingMessageStates.PENDING) ? (React__default.createElement(Loader, { className: "sendbird-message-status__icon", width: "16px", height: "16px" },
+            React__default.createElement(Icon, { type: IconTypes.SPINNER, fillColor: IconColors.PRIMARY, width: "16px", height: "16px" }))) : (React__default.createElement(Icon, { className: "sendbird-message-status__icon ".concat(hideMessageStatusIcon ? 'hide-icon' : '', " ").concat(status === OutgoingMessageStates.FAILED ? '' : 'sendbird-message-status--sent'), type: iconType[status] || IconTypes.ERROR, fillColor: iconColor[status], width: "16px", height: "16px" })),
+        isSentStatus(status) && (React__default.createElement(Label, { className: "sendbird-message-status__text", type: LabelTypography.CAPTION_3, color: LabelColors.ONBACKGROUND_2 }, isDateSeparatorConsidered
+            ? format((message === null || message === void 0 ? void 0 : message.createdAt) || 0, 'p', { locale: dateLocale })
+            : getLastMessageCreatedAt({ channel: channel, locale: dateLocale, stringSet: stringSet })))));
 }
 
 export { MessageStatus as M, getTotalMembers as a, getLastMessageCreatedAt as b, getLastMessage as c, getChannelUnreadMessageCount as d, MessageStatusTypes as e, getChannelTitle as g };
-//# sourceMappingURL=bundle-Otcx8Wxy.js.map
+//# sourceMappingURL=bundle-DJTSztr0.js.map

package/chunks/bundle-DJTSztr0.js.map

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

package/chunks/{bundle-WmbZYtqM.js → bundle-DNMURwG9.js}

@@ -1,125 +1,125 @@
-import { c as VOICE_RECORDER_AUDIO_SAMPLE_RATE } from './bundle-Dc7E6GJc.js';
+import { V as VOICE_RECORDER_AUDIO_SAMPLE_RATE } from './bundle-CD9AzC6s.js';
 import { WavHeader as ut, Mp3Encoder as ht } from '../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 = ut.readHeader(new DataView(arrayBuffer));
-    var dataView = new Int16Array(arrayBuffer, wav.dataOffset, wav.dataLen / 2);
-    var mp3Encoder = new ht(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: 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;
-    }
+// Thanks to https://codesandbox.io/s/media-recorder-api-downsampling-16k-mp3-encode-using-lame-js-forked-n1pblw
+function encodeMp3(arrayBuffer) {
+    var wav = ut.readHeader(new DataView(arrayBuffer));
+    var dataView = new Int16Array(arrayBuffer, wav.dataOffset, wav.dataLen / 2);
+    var mp3Encoder = new ht(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: 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;
+    }
 }
 
 export { downsampleToWav, encodeMp3 };
-//# sourceMappingURL=bundle-WmbZYtqM.js.map
+//# sourceMappingURL=bundle-DNMURwG9.js.map

package/chunks/bundle-DNMURwG9.js.map

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