@sendbird/uikit-react 3.7.0 → 3.8.1

package/cjs/VoiceRecorder/useVoiceRecorder.js

@@ -1,124 +1,109 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var React = require('react');
 var VoiceRecorder_context = require('./context.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
-require('../LocalizationContext-58b6ed7c.js');
-require('../stringSet-1539ac47.js');
-require('../index-e8928da6.js');
-require('../ui/Modal.js');
+require('../chunks/bundle-80bw1Z-w.js');
+require('../chunks/bundle-5l7POen0.js');
+require('../chunks/bundle-EVv3xRW8.js');
+require('../chunks/bundle-o66lc7qg.js');
 require('react-dom');
-require('../utils-eb6d90e0.js');
-require('../tslib.es6-c74b513f.js');
-require('../index-54279ec2.js');
-require('../index-b8ba4548.js');
-require('../MediaQueryContext-6141d955.js');
+require('../chunks/bundle-viTxhrPr.js');
+require('../chunks/bundle-kkxTVcGD.js');
 require('../ui/IconButton.js');
+require('../chunks/bundle-mc8PQfi_.js');
 require('../ui/Button.js');
-require('../index-b5a9b4b7.js');
-require('prop-types');
-require('../types-d0d770c3.js');
+require('../chunks/bundle-fTDV9UxX.js');
 require('../ui/Icon.js');
-require('../consts-f54b15c2.js');
+require('../chunks/bundle-4iro9CUN.js');
 require('../withSendbird.js');
 
-// export interface UseVoiceRecorderProps extends VoiceRecorderEventHandler {
-//   /**
-//    * onRecordingStarted
-//    * onRecordingEnded
-//    */
-// }
-/* eslint-disable no-redeclare */
-var VoiceRecorderStatus = {
-  PREPARING: 'PREPARING',
-  READY_TO_RECORD: 'READY_TO_RECORD',
-  RECORDING: 'RECORDING',
-  COMPLETED: 'COMPLETED'
-};
-var noop = function () {};
-var useVoiceRecorder = function (_a) {
-  var _b = _a.onRecordingStarted,
-    onRecordingStarted = _b === void 0 ? noop : _b,
-    _c = _a.onRecordingEnded,
-    onRecordingEnded = _c === void 0 ? noop : _c;
-  var config = useSendbirdStateContext.useSendbirdStateContext().config;
-  var voiceRecord = config.voiceRecord;
-  var maxRecordingTime = voiceRecord.maxRecordingTime;
-  var voiceRecorder = VoiceRecorder_context.useVoiceRecorderContext();
-  var isRecordable = voiceRecorder.isRecordable;
-  var _d = React.useState(null),
-    recordedFile = _d[0],
-    setRecordedFile = _d[1];
-  var _e = React.useState(VoiceRecorderStatus.PREPARING),
-    recordingStatus = _e[0],
-    setRecordingStatus = _e[1];
-  React.useEffect(function () {
-    if (isRecordable && recordingStatus === VoiceRecorderStatus.PREPARING) {
-      setRecordingStatus(VoiceRecorderStatus.READY_TO_RECORD);
-    }
-  }, [isRecordable]);
-  var start = React.useCallback(function () {
-    voiceRecorder === null || voiceRecorder === void 0 ? void 0 : voiceRecorder.start({
-      onRecordingStarted: function () {
-        setRecordingStatus(VoiceRecorderStatus.RECORDING);
-        onRecordingStarted();
-        startTimer();
-      },
-      onRecordingEnded: function (audioFile) {
-        setRecordingStatus(VoiceRecorderStatus.COMPLETED);
-        onRecordingEnded(audioFile);
-        setRecordedFile(audioFile);
-        stopTimer();
-      }
-    });
-  }, [onRecordingStarted, onRecordingEnded]);
-  var stop = React.useCallback(function () {
-    voiceRecorder === null || voiceRecorder === void 0 ? void 0 : voiceRecorder.stop();
-    stopTimer();
-  }, [voiceRecorder]);
-  var cancel = React.useCallback(function () {
-    stop();
-    setRecordedFile(null);
-  }, [voiceRecorder]);
-  // Timer
-  var _f = React.useState(0),
-    recordingTime = _f[0],
-    setRecordingTime = _f[1];
-  var timer = null;
-  function startTimer() {
-    stopTimer();
-    setRecordingTime(0);
-    var interval = setInterval(function () {
-      setRecordingTime(function (prevTime) {
-        var newTime = prevTime + 100;
-        if (newTime > maxRecordingTime) {
-          stopTimer();
-        }
-        return newTime;
-      });
-    }, 100);
-    timer = interval;
-  }
-  function stopTimer() {
-    clearInterval(timer);
-    timer = null;
-  }
-  React.useEffect(function () {
-    if (recordingTime > maxRecordingTime) {
-      stop();
-    }
-  }, [recordingTime, maxRecordingTime, stop]);
-  return {
-    start: start,
-    stop: stop,
-    cancel: cancel,
-    recordingStatus: recordingStatus,
-    recordingTime: recordingTime,
-    recordedFile: recordedFile,
-    recordingLimit: maxRecordingTime
-  };
+// export interface UseVoiceRecorderProps extends VoiceRecorderEventHandler {
+//   /**
+//    * onRecordingStarted
+//    * onRecordingEnded
+//    */
+// }
+/* eslint-disable no-redeclare */
+var VoiceRecorderStatus = {
+    PREPARING: 'PREPARING',
+    READY_TO_RECORD: 'READY_TO_RECORD',
+    RECORDING: 'RECORDING',
+    COMPLETED: 'COMPLETED',
+};
+var noop = function () { };
+var useVoiceRecorder = function (_a) {
+    var _b = _a.onRecordingStarted, onRecordingStarted = _b === void 0 ? noop : _b, _c = _a.onRecordingEnded, onRecordingEnded = _c === void 0 ? noop : _c;
+    var config = useSendbirdStateContext.useSendbirdStateContext().config;
+    var voiceRecord = config.voiceRecord;
+    var maxRecordingTime = voiceRecord.maxRecordingTime;
+    var voiceRecorder = VoiceRecorder_context.useVoiceRecorderContext();
+    var isRecordable = voiceRecorder.isRecordable;
+    var _d = React.useState(null), recordedFile = _d[0], setRecordedFile = _d[1];
+    var _e = React.useState(VoiceRecorderStatus.PREPARING), recordingStatus = _e[0], setRecordingStatus = _e[1];
+    React.useEffect(function () {
+        if (isRecordable && recordingStatus === VoiceRecorderStatus.PREPARING) {
+            setRecordingStatus(VoiceRecorderStatus.READY_TO_RECORD);
+        }
+    }, [isRecordable]);
+    var start = React.useCallback(function () {
+        voiceRecorder === null || voiceRecorder === void 0 ? void 0 : voiceRecorder.start({
+            onRecordingStarted: function () {
+                setRecordingStatus(VoiceRecorderStatus.RECORDING);
+                onRecordingStarted();
+                startTimer();
+            },
+            onRecordingEnded: function (audioFile) {
+                setRecordingStatus(VoiceRecorderStatus.COMPLETED);
+                onRecordingEnded(audioFile);
+                setRecordedFile(audioFile);
+                stopTimer();
+            },
+        });
+    }, [onRecordingStarted, onRecordingEnded]);
+    var stop = React.useCallback(function () {
+        voiceRecorder === null || voiceRecorder === void 0 ? void 0 : voiceRecorder.stop();
+        stopTimer();
+    }, [voiceRecorder]);
+    var cancel = React.useCallback(function () {
+        stop();
+        setRecordedFile(null);
+    }, [voiceRecorder]);
+    // Timer
+    var _f = React.useState(0), recordingTime = _f[0], setRecordingTime = _f[1];
+    var timer = null;
+    function startTimer() {
+        stopTimer();
+        setRecordingTime(0);
+        var interval = setInterval(function () {
+            setRecordingTime(function (prevTime) {
+                var newTime = prevTime + 100;
+                if (newTime > maxRecordingTime) {
+                    stopTimer();
+                }
+                return newTime;
+            });
+        }, 100);
+        timer = interval;
+    }
+    function stopTimer() {
+        clearInterval(timer);
+        timer = null;
+    }
+    React.useEffect(function () {
+        if (recordingTime > maxRecordingTime) {
+            stop();
+        }
+    }, [recordingTime, maxRecordingTime, stop]);
+    return ({
+        start: start,
+        stop: stop,
+        cancel: cancel,
+        recordingStatus: recordingStatus,
+        recordingTime: recordingTime,
+        recordedFile: recordedFile,
+        recordingLimit: maxRecordingTime,
+    });
 };
 
 exports.VoiceRecorderStatus = VoiceRecorderStatus;

package/cjs/VoiceRecorder/useVoiceRecorder.js.map

@@ -1 +1 @@
-{"version":3,"file":"useVoiceRecorder.js","sources":["../../../src/hooks/VoiceRecorder/useVoiceRecorder.tsx"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react';\nimport { VoiceRecorderEventHandler, useVoiceRecorderContext } from '.';\nimport useSendbirdStateContext from '../useSendbirdStateContext';\n\n// export interface UseVoiceRecorderProps extends VoiceRecorderEventHandler {\n//   /**\n//    * onRecordingStarted\n//    * onRecordingEnded\n//    */\n// }\n/* eslint-disable no-redeclare */\nexport const VoiceRecorderStatus = {\n  PREPARING: 'PREPARING',\n  READY_TO_RECORD: 'READY_TO_RECORD',\n  RECORDING: 'RECORDING',\n  COMPLETED: 'COMPLETED',\n} as const;\nexport type VoiceRecorderStatus = typeof VoiceRecorderStatus[keyof typeof VoiceRecorderStatus];\nexport interface UseVoiceRecorderContext {\n  start: () => void;\n  stop: () => void;\n  cancel: () => void;\n  recordingLimit: number;\n  recordingTime: number;\n  recordedFile: File;\n  recordingStatus: VoiceRecorderStatus;\n}\n\nconst noop = () => { /* noop */ };\n\nexport const useVoiceRecorder = ({\n  onRecordingStarted = noop,\n  onRecordingEnded = noop,\n}: VoiceRecorderEventHandler): UseVoiceRecorderContext => {\n  const { config } = useSendbirdStateContext();\n  const { voiceRecord } = config;\n  const { maxRecordingTime } = voiceRecord;\n  const voiceRecorder = useVoiceRecorderContext();\n  const { isRecordable } = voiceRecorder;\n\n  const [recordedFile, setRecordedFile] = useState<File>(null);\n  const [recordingStatus, setRecordingStatus] = useState<VoiceRecorderStatus>(VoiceRecorderStatus.PREPARING);\n  useEffect(() => {\n    if (isRecordable && recordingStatus === VoiceRecorderStatus.PREPARING) {\n      setRecordingStatus(VoiceRecorderStatus.READY_TO_RECORD);\n    }\n  }, [isRecordable]);\n\n  const start = useCallback(() => {\n    voiceRecorder?.start({\n      onRecordingStarted: () => {\n        setRecordingStatus(VoiceRecorderStatus.RECORDING);\n        onRecordingStarted();\n        startTimer();\n      },\n      onRecordingEnded: (audioFile) => {\n        setRecordingStatus(VoiceRecorderStatus.COMPLETED);\n        onRecordingEnded(audioFile);\n        setRecordedFile(audioFile);\n        stopTimer();\n      },\n    });\n  }, [onRecordingStarted, onRecordingEnded]);\n  const stop = useCallback(() => {\n    voiceRecorder?.stop();\n    stopTimer();\n  }, [voiceRecorder]);\n  const cancel = useCallback(() => {\n    stop();\n    setRecordedFile(null);\n  }, [voiceRecorder]);\n\n  // Timer\n  const [recordingTime, setRecordingTime] = useState<number>(0);\n  let timer: ReturnType<typeof setInterval> = null;\n  function startTimer() {\n    stopTimer();\n    setRecordingTime(0);\n    const interval = setInterval(() => {\n      setRecordingTime(prevTime => {\n        const newTime = prevTime + 100;\n        if (newTime > maxRecordingTime) {\n          stopTimer();\n        }\n        return newTime;\n      });\n    }, 100);\n    timer = interval;\n  }\n  function stopTimer() {\n    clearInterval(timer);\n    timer = null;\n  }\n  useEffect(() => {\n    if (recordingTime > maxRecordingTime) {\n      stop();\n    }\n  }, [recordingTime, maxRecordingTime, stop]);\n\n  return ({\n    start,\n    stop,\n    cancel,\n    recordingStatus,\n    recordingTime,\n    recordedFile,\n    recordingLimit: maxRecordingTime,\n  });\n};\n"],"names":["VoiceRecorderStatus","PREPARING","READY_TO_RECORD","RECORDING","COMPLETED","noop","useVoiceRecorder","_a","_b","onRecordingStarted","_c","onRecordingEnded","config","useSendbirdStateContext","voiceRecord","maxRecordingTime","voiceRecorder","useVoiceRecorderContext","isRecordable","_d","useState","recordedFile","setRecordedFile","_e","recordingStatus","setRecordingStatus","useEffect","start","useCallback","startTimer","audioFile","stopTimer","stop","cancel","_f","recordingTime","setRecordingTime","timer","interval","setInterval","prevTime","newTime","clearInterval","recordingLimit"],"mappings":"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"}
+{"version":3,"file":"useVoiceRecorder.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/cjs/chunks/bundle-2KPLdyEL.js

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

package/cjs/chunks/bundle-2KPLdyEL.js.map

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

package/cjs/chunks/bundle-3qeMVUne.js

@@ -0,0 +1,38 @@
+'use strict';
+
+var React = require('react');
+var index_module = require('./bundle-RG3ZDmvE.js');
+var tokenize = require('./bundle-Bekm94S6.js');
+var Message_context = require('../Message/context.js');
+var ui_MentionLabel = require('../ui/MentionLabel.js');
+var ui_LinkLabel = require('../ui/LinkLabel.js');
+var ui_Label = require('./bundle-fTDV9UxX.js');
+
+// this function is used to generate a unique key for token in message
+// it changes with updated time and index
+// messageUpdatedAt is the key part of this key generator
+function keyGenerator(createdAt, messageUpdatedAt, index) {
+    return "sb-msg_".concat(createdAt, "_").concat(messageUpdatedAt, "_").concat(index);
+}
+
+function TextFragment(_a) {
+    var tokens = _a.tokens;
+    var messageStore = Message_context.useMessageContext();
+    var message = messageStore === null || messageStore === void 0 ? void 0 : messageStore.message;
+    var isByMe = messageStore === null || messageStore === void 0 ? void 0 : messageStore.isByMe;
+    var updatedAt = message.updatedAt, createdAt = message.createdAt;
+    return (React.createElement(React.Fragment, null, tokens === null || tokens === void 0 ? void 0 : tokens.map(function (token, idx) {
+        var key = keyGenerator(createdAt, updatedAt, idx);
+        return index_module.K(token.type)
+            .with(tokenize.TOKEN_TYPES.mention, function () { return (React.createElement("span", { className: "sendbird-word", key: key },
+            React.createElement(ui_MentionLabel, { mentionTemplate: tokenize.USER_MENTION_PREFIX, 
+                // @ts-ignore
+                mentionedUserId: token.userId, mentionedUserNickname: token.value, isByMe: isByMe }))); })
+            .with(tokenize.TOKEN_TYPES.url, function () { return (React.createElement("span", { className: "sendbird-word", key: key },
+            React.createElement(ui_LinkLabel.default, { className: "sendbird-word__url", src: token.value, type: ui_Label.LabelTypography.BODY_1 }, token.value))); })
+            .otherwise(function () { return React.createElement(React.Fragment, { key: key }, tokenize.getWhiteSpacePreservedText(token.value)); });
+    })));
+}
+
+exports.TextFragment = TextFragment;
+//# sourceMappingURL=bundle-3qeMVUne.js.map

package/cjs/chunks/bundle-3qeMVUne.js.map

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

package/cjs/{consts-f54b15c2.js → chunks/bundle-4iro9CUN.js}

@@ -1,31 +1,31 @@
 'use strict';
 
-var SCROLL_BUFFER = 10;
-// voice message record
-var VOICE_RECORDER_CLICK_BUFFER_TIME = 250;
-var VOICE_RECORDER_DEFAULT_MIN = 1000; // 1 seconds
-var VOICE_RECORDER_DEFAULT_MAX = 600000; // 10 minutes
-var VOICE_RECORDER_AUDIO_BIT_RATE = 12000;
-var VOICE_RECORDER_AUDIO_SAMPLE_RATE = 11025;
-var BROWSER_SUPPORT_MIME_TYPE_LIST = ['audio/webm', 'audio/mp4', 'audio/mpeg', 'audio/ogg'];
-/**
- * Append Audio element to the root
- * because I can't get the Audio element in the useEffect unmount scope
- */
-var VOICE_PLAYER_ROOT_ID = 'sendbird-voice-player-provider-root';
-var VOICE_PLAYER_AUDIO_ID = 'sendbird-global-audio-player-id';
-// voice message file
-var VOICE_MESSAGE_FILE_NAME = 'Voice_message.mp3';
-var VOICE_MESSAGE_MIME_TYPE = 'audio/mp3;sbu_type=voice';
-// meta array
-var META_ARRAY_VOICE_DURATION_KEY = 'KEY_VOICE_MESSAGE_DURATION';
-var META_ARRAY_MESSAGE_TYPE_KEY = 'KEY_INTERNAL_MESSAGE_TYPE';
-var META_ARRAY_MESSAGE_TYPE_VALUE__VOICE = 'voice/mp3';
-// delivery receipt in feature list
-var DELIVERY_RECEIPT = 'delivery_receipt';
-// file viewer slider
-var SLIDER_BUTTON_ICON_SIDE_LENGTH = '32px';
-// multiple files message file info count limit
+var SCROLL_BUFFER = 10;
+// voice message record
+var VOICE_RECORDER_CLICK_BUFFER_TIME = 250;
+var VOICE_RECORDER_DEFAULT_MIN = 1000; // 1 seconds
+var VOICE_RECORDER_DEFAULT_MAX = 600000; // 10 minutes
+var VOICE_RECORDER_AUDIO_BIT_RATE = 12000;
+var VOICE_RECORDER_AUDIO_SAMPLE_RATE = 11025;
+var BROWSER_SUPPORT_MIME_TYPE_LIST = ['audio/webm', 'audio/mp4', 'audio/mpeg', 'audio/ogg'];
+/**
+ * Append Audio element to the root
+ * because I can't get the Audio element in the useEffect unmount scope
+ */
+var VOICE_PLAYER_ROOT_ID = 'sendbird-voice-player-provider-root';
+var VOICE_PLAYER_AUDIO_ID = 'sendbird-global-audio-player-id';
+// voice message file
+var VOICE_MESSAGE_FILE_NAME = 'Voice_message.mp3';
+var VOICE_MESSAGE_MIME_TYPE = 'audio/mp3;sbu_type=voice';
+// meta array
+var META_ARRAY_VOICE_DURATION_KEY = 'KEY_VOICE_MESSAGE_DURATION';
+var META_ARRAY_MESSAGE_TYPE_KEY = 'KEY_INTERNAL_MESSAGE_TYPE';
+var META_ARRAY_MESSAGE_TYPE_VALUE__VOICE = 'voice/mp3';
+// delivery receipt in feature list
+var DELIVERY_RECEIPT = 'delivery_receipt';
+// file viewer slider
+var SLIDER_BUTTON_ICON_SIDE_LENGTH = '32px';
+// multiple files message file info count limit
 var DEFAULT_MULTIPLE_FILES_MESSAGE_LIMIT = 10;
 
 exports.BROWSER_SUPPORT_MIME_TYPE_LIST = BROWSER_SUPPORT_MIME_TYPE_LIST;
@@ -45,4 +45,4 @@ exports.VOICE_RECORDER_AUDIO_SAMPLE_RATE = VOICE_RECORDER_AUDIO_SAMPLE_RATE;
 exports.VOICE_RECORDER_CLICK_BUFFER_TIME = VOICE_RECORDER_CLICK_BUFFER_TIME;
 exports.VOICE_RECORDER_DEFAULT_MAX = VOICE_RECORDER_DEFAULT_MAX;
 exports.VOICE_RECORDER_DEFAULT_MIN = VOICE_RECORDER_DEFAULT_MIN;
-//# sourceMappingURL=consts-f54b15c2.js.map
+//# sourceMappingURL=bundle-4iro9CUN.js.map

package/cjs/chunks/bundle-4iro9CUN.js.map

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