@sendbird/uikit-react 3.3.7 → 3.4.0-rc.0

package/VoicePlayer/useVoicePlayer.js

@@ -0,0 +1,87 @@
+import { useState, useEffect } from 'react';
+import { u as useVoicePlayerContext, A as AudioUnitDefaultValue } from '../index-60d3992b.js';
+import { g as VOICE_PLAYER_AUDIO_ID } from '../consts-d2d25dac.js';
+import { useVoiceRecorderContext } from '../VoiceRecorder/context.js';
+import '../tslib.es6-fc4a2658.js';
+import '../lame.all.js';
+
+var generateGroupKey = function (channelUrl, key) {
+  if (channelUrl === void 0) {
+    channelUrl = '';
+  }
+
+  if (key === void 0) {
+    key = '';
+  }
+
+  return "".concat(channelUrl, "-").concat(key);
+};
+
+var useVoicePlayer = function (_a) {
+  var _b;
+
+  var _c = _a.key,
+      key = _c === void 0 ? '' : _c,
+      _d = _a.channelUrl,
+      channelUrl = _d === void 0 ? '' : _d,
+      _e = _a.audioFile,
+      audioFile = _e === void 0 ? null : _e,
+      _f = _a.audioFileUrl,
+      audioFileUrl = _f === void 0 ? '' : _f;
+  var groupKey = useState(generateGroupKey(channelUrl, key))[0];
+
+  var _g = useVoicePlayerContext(),
+      play = _g.play,
+      pause = _g.pause,
+      stop = _g.stop,
+      voicePlayerStore = _g.voicePlayerStore;
+
+  var isRecordable = useVoiceRecorderContext().isRecordable;
+  var currentAudioUnit = ((_b = voicePlayerStore === null || voicePlayerStore === void 0 ? void 0 : voicePlayerStore.audioStorage) === null || _b === void 0 ? void 0 : _b[groupKey]) || AudioUnitDefaultValue();
+
+  var playVoicePlayer = function () {
+    if (!isRecordable) {
+      play === null || play === void 0 ? void 0 : play({
+        groupKey: groupKey,
+        audioFile: audioFile,
+        audioFileUrl: audioFileUrl
+      });
+    }
+  };
+
+  var pauseVoicePlayer = function () {
+    pause === null || pause === void 0 ? void 0 : pause(groupKey);
+  };
+
+  var stopVoicePlayer = function (text) {
+    if (text === void 0) {
+      text = '';
+    }
+
+    stop === null || stop === void 0 ? void 0 : stop(text);
+  };
+
+  useEffect(function () {
+    return function () {
+      var _a;
+
+      if (audioFile || audioFileUrl) {
+        // Can't get the current AudioPlayer through the React hooks(useReducer or useState) in this scope
+        var voiceAudioPlayerElement = document.getElementById(VOICE_PLAYER_AUDIO_ID);
+        (_a = voiceAudioPlayerElement === null || voiceAudioPlayerElement === void 0 ? void 0 : voiceAudioPlayerElement.pause) === null || _a === void 0 ? void 0 : _a.call(voiceAudioPlayerElement);
+      }
+    };
+  }, []);
+  return {
+    play: playVoicePlayer,
+    pause: pauseVoicePlayer,
+    stop: stopVoicePlayer,
+    playbackTime: (currentAudioUnit === null || currentAudioUnit === void 0 ? void 0 : currentAudioUnit.playbackTime) * 1000,
+    duration: (currentAudioUnit === null || currentAudioUnit === void 0 ? void 0 : currentAudioUnit.duration) * 1000,
+    // the unit of playbackTime and duration should be millisecond
+    playingStatus: currentAudioUnit === null || currentAudioUnit === void 0 ? void 0 : currentAudioUnit.playingStatus
+  };
+};
+
+export { useVoicePlayer };
+//# sourceMappingURL=useVoicePlayer.js.map

package/VoicePlayer/useVoicePlayer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useVoicePlayer.js","sources":["../../src/hooks/VoicePlayer/utils.ts","../../src/hooks/VoicePlayer/useVoicePlayer.tsx"],"sourcesContent":["export type GroupKey = string;\nexport const generateGroupKey = (channelUrl = '', key = ''): GroupKey => (`${channelUrl}-${key}`);\n","import { useEffect, useState } from \"react\";\nimport { useVoicePlayerContext } from \".\";\nimport { VOICE_PLAYER_AUDIO_ID } from \"../../utils/consts\";\nimport { useVoiceRecorderContext } from \"../VoiceRecorder\";\n\nimport { AudioUnitDefaultValue, VoicePlayerStatus } from \"./dux/initialState\";\nimport { generateGroupKey } from \"./utils\";\n\nexport interface UseVoicePlayerProps {\n  key: string;\n  channelUrl: string;\n  audioFile?: File;\n  audioFileUrl?: string;\n}\n\nexport interface UseVoicePlayerContext {\n  play: () => void;\n  pause: () => void;\n  stop: (text?: string) => void;\n  playbackTime: number;\n  duration: number;\n  playingStatus: VoicePlayerStatus;\n}\n\nexport const useVoicePlayer = ({\n  key = '',\n  channelUrl = '',\n  audioFile = null,\n  audioFileUrl = '',\n}: UseVoicePlayerProps): UseVoicePlayerContext => {\n  const [groupKey] = useState<string>(generateGroupKey(channelUrl, key));\n  const {\n    play,\n    pause,\n    stop,\n    voicePlayerStore,\n  } = useVoicePlayerContext();\n  const { isRecordable } = useVoiceRecorderContext();\n  const currentAudioUnit = voicePlayerStore?.audioStorage?.[groupKey] || AudioUnitDefaultValue();\n\n  const playVoicePlayer = () => {\n    if (!isRecordable) {\n      play?.({\n        groupKey,\n        audioFile,\n        audioFileUrl,\n      });\n    }\n  };\n\n  const pauseVoicePlayer = () => {\n    pause?.(groupKey);\n  };\n\n  const stopVoicePlayer = (text = '') => {\n    stop?.(text);\n  };\n\n  useEffect(() => {\n    return () => {\n      if (audioFile || audioFileUrl) {\n        // Can't get the current AudioPlayer through the React hooks(useReducer or useState) in this scope\n        const voiceAudioPlayerElement = document.getElementById(VOICE_PLAYER_AUDIO_ID);\n        (voiceAudioPlayerElement as HTMLAudioElement)?.pause?.();\n      }\n    }\n  }, []);\n\n  return ({\n    play: playVoicePlayer,\n    pause: pauseVoicePlayer,\n    stop: stopVoicePlayer,\n    playbackTime: currentAudioUnit?.playbackTime * 1000,\n    duration: currentAudioUnit?.duration * 1000,\n    // the unit of playbackTime and duration should be millisecond\n    playingStatus: currentAudioUnit?.playingStatus,\n  });\n};\n"],"names":["generateGroupKey","channelUrl","key","concat","useVoicePlayer","_a","_c","_d","_e","audioFile","_f","audioFileUrl","groupKey","useState","_g","useVoicePlayerContext","play","pause","stop","voicePlayerStore","isRecordable","useVoiceRecorderContext","currentAudioUnit","_b","audioStorage","AudioUnitDefaultValue","playVoicePlayer","pauseVoicePlayer","stopVoicePlayer","text","useEffect","voiceAudioPlayerElement","document","getElementById","VOICE_PLAYER_AUDIO_ID","playbackTime","duration","playingStatus"],"mappings":"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"}

package/VoiceRecorder/context.js

@@ -0,0 +1,243 @@
+import React__default, { useState, useCallback, useContext, createContext } from 'react';
+import { WavHeader as WavHeader_1, Mp3Encoder as Mp3Encoder_1 } from '../lame.all.js';
+import { b as VOICE_RECORDER_MIME_TYPE, c as VOICE_RECORDER_AUDIO_BITS, d as VOICE_MESSAGE_FILE_NAME, e as VOICE_MESSAGE_MIME_TYPE } from '../consts-d2d25dac.js';
+
+// Thanks to https://codesandbox.io/s/media-recorder-api-downsampling-16k-mp3-encode-using-lame-js-forked-n1pblw
+
+function encodeMp3(arrayBuffer) {
+  var wav = WavHeader_1.readHeader(new DataView(arrayBuffer));
+  var dataView = new Int16Array(arrayBuffer, wav.dataOffset, wav.dataLen / 2);
+  var mp3Encoder = new Mp3Encoder_1(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();
+  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).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;
+  }
+}
+
+var noop = function () {};
+
+var VoiceRecorderContext = /*#__PURE__*/createContext({
+  start: noop,
+  stop: noop,
+  isRecordable: false
+});
+var VoiceRecorderProvider = function (props) {
+  var _a = useState(null),
+      mediaRecorder = _a[0],
+      setMediaRecorder = _a[1];
+
+  var _b = useState(false),
+      isRecordable = _b[0],
+      setIsRecordable = _b[1];
+
+  var children = props.children;
+  var start = useCallback(function (eventHandler) {
+    var _a, _b;
+
+    if (mediaRecorder) {
+      stop();
+    }
+
+    (_b = (_a = navigator === null || navigator === void 0 ? void 0 : navigator.mediaDevices) === null || _a === void 0 ? void 0 : _a.getUserMedia) === null || _b === void 0 ? void 0 : _b.call(_a, {
+      audio: true
+    }).then(function (stream) {
+      setIsRecordable(true);
+      var mediaRecorder = new MediaRecorder(stream, {
+        mimeType: VOICE_RECORDER_MIME_TYPE,
+        audioBitsPerSecond: VOICE_RECORDER_AUDIO_BITS
+      });
+
+      mediaRecorder.ondataavailable = function (e) {
+        var _a, _b, _c;
+
+        var audioFile = new File([e.data], VOICE_MESSAGE_FILE_NAME, {
+          lastModified: new Date().getTime(),
+          type: VOICE_MESSAGE_MIME_TYPE
+        });
+        downsampleToWav(audioFile, function (buffer) {
+          var mp3Buffer = encodeMp3(buffer);
+          var mp3blob = new Blob(mp3Buffer, {
+            type: VOICE_MESSAGE_MIME_TYPE
+          });
+          var convertedAudioFile = new File([mp3blob], VOICE_MESSAGE_FILE_NAME, {
+            lastModified: new Date().getTime(),
+            type: VOICE_MESSAGE_MIME_TYPE
+          });
+          eventHandler === null || eventHandler === void 0 ? void 0 : eventHandler.onRecordingEnded(convertedAudioFile);
+        });
+        (_c = (_a = stream === null || stream === void 0 ? void 0 : stream.getAudioTracks) === null || _a === void 0 ? void 0 : (_b = _a.call(stream)).forEach) === null || _c === void 0 ? void 0 : _c.call(_b, function (track) {
+          return track === null || track === void 0 ? void 0 : track.stop();
+        });
+        setIsRecordable(false);
+      };
+
+      mediaRecorder === null || mediaRecorder === void 0 ? void 0 : mediaRecorder.start();
+      setMediaRecorder(mediaRecorder);
+      eventHandler === null || eventHandler === void 0 ? void 0 : eventHandler.onRecordingStarted();
+    }).catch(function () {
+      // error
+      setMediaRecorder(null);
+    });
+  }, [mediaRecorder]);
+  var stop = useCallback(function () {
+    // Stop recording
+    mediaRecorder === null || mediaRecorder === void 0 ? void 0 : mediaRecorder.stop();
+    setMediaRecorder(null);
+    setIsRecordable(false); // TODO: logger
+  }, [mediaRecorder]);
+  return /*#__PURE__*/React__default.createElement(VoiceRecorderContext.Provider, {
+    value: {
+      start: start,
+      stop: stop,
+      isRecordable: isRecordable
+    }
+  }, children);
+};
+var useVoiceRecorderContext = function () {
+  return useContext(VoiceRecorderContext);
+};
+var index = {
+  VoiceRecorderProvider: VoiceRecorderProvider,
+  useVoiceRecorderContext: useVoiceRecorderContext
+};
+
+export { VoiceRecorderProvider, index as default, useVoiceRecorderContext };
+//# sourceMappingURL=context.js.map

package/VoiceRecorder/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sources":["../../src/hooks/VoiceRecorder/WebAudioUtils.ts","../../src/hooks/VoiceRecorder/index.tsx"],"sourcesContent":["// Thanks to https://codesandbox.io/s/media-recorder-api-downsampling-16k-mp3-encode-using-lame-js-forked-n1pblw\nimport { WavHeader, Mp3Encoder } from \"../../_externals/lamejs/js/index.js\";\n\nfunction encodeMp3(arrayBuffer: ArrayBuffer): WavHeader {\n  const wav = WavHeader.readHeader(new DataView(arrayBuffer));\n  const dataView = new Int16Array(arrayBuffer, wav.dataOffset, wav.dataLen / 2);\n  const mp3Encoder = new Mp3Encoder(wav.channels, wav.sampleRate, 128);\n  const maxSamples = 1152;\n\n  const samplesLeft = (wav.channels === 1) ? dataView : new Int16Array(wav.dataLen / (2 * wav.channels));\n  const samplesRight = (wav.channels === 2) ? new Int16Array(wav.dataLen / (2 * wav.channels)) : undefined;\n\n  if (wav.channels > 1) {\n    for (let j = 0; j < samplesLeft.length; j++) {\n      samplesLeft[j] = dataView[j * 2];\n      samplesRight[j] = dataView[j * 2 + 1];\n    }\n  }\n\n  const dataBuffer = [];\n  let remaining = samplesLeft.length;\n  for (let i = 0; remaining >= maxSamples; i += maxSamples) {\n    const left = samplesLeft.subarray(i, i + maxSamples);\n    let right;\n    if (samplesRight) {\n      right = samplesRight.subarray(i, i + maxSamples);\n    }\n    const mp3buf = mp3Encoder.encodeBuffer(left, right);\n    dataBuffer.push(new Int8Array(mp3buf));\n    remaining -= maxSamples;\n  }\n\n  const mp3Lastbuf = mp3Encoder.flush();\n  dataBuffer.push(new Int8Array(mp3Lastbuf));\n  return dataBuffer;\n}\n\n// Convert audioFile to arrayBuffer, because Mp3Encoder requires a parameter of ArrayBuffer type\nfunction downsampleToWav(file: File, callback: (buffer: ArrayBuffer) => void): void {\n  //Browser compatibility\n  // https://caniuse.com/?search=AudioContext\n  const audioCtx = new AudioContext();\n  const fileReader = new FileReader();\n  fileReader.onload = function (ev) {\n    // Decode audio\n    audioCtx.decodeAudioData(ev.target.result as ArrayBuffer, (buffer) => {\n      // this is where you down sample the audio, usually is 44100 samples per second\n      const usingWebkit = !window.OfflineAudioContext;\n      const offlineAudioCtx = new OfflineAudioContext(1, 16000 * buffer.duration, 16000);\n\n      const soundSource = offlineAudioCtx.createBufferSource();\n      soundSource.buffer = buffer;\n      soundSource.connect(offlineAudioCtx.destination);\n\n      const reader = new FileReader();\n      reader.onload = function () {\n        const renderCompleteHandler = (evt): void => {\n          const renderedBuffer = usingWebkit ? evt.renderedBuffer : evt;\n          const buffer = bufferToWav(renderedBuffer, renderedBuffer.length);\n          if (callback) {\n            callback(buffer);\n          }\n        };\n        if (usingWebkit) {\n          offlineAudioCtx.oncomplete = renderCompleteHandler;\n          offlineAudioCtx.startRendering();\n        } else {\n          offlineAudioCtx\n            .startRendering()\n            .then(renderCompleteHandler)\n            .catch((err) => console.warn(err));\n        }\n      };\n      reader.readAsArrayBuffer(file);\n      soundSource.start(0);\n    });\n  };\n  fileReader.readAsArrayBuffer(file);\n}\n\nfunction bufferToWav(abuffer, len) {\n  const numOfChan = abuffer.numberOfChannels;\n  const length = len * numOfChan * 2 + 44;\n  const buffer = new ArrayBuffer(length);\n  const view = new DataView(buffer);\n  const channels = [];\n  let i = 0;\n  let sample;\n  let offset = 0;\n  let pos = 0;\n\n  // write WAVE header\n  setUint32(0x46464952); // \"RIFF\"\n  setUint32(length - 8); // file length - 8\n  setUint32(0x45564157); // \"WAVE\"\n  setUint32(0x20746d66); // \"fmt \" chunk\n  setUint32(16); // length = 16\n  setUint16(1); // PCM (uncompressed)\n  setUint16(numOfChan);\n  setUint32(abuffer.sampleRate);\n  setUint32(abuffer.sampleRate * 2 * numOfChan); // avg. bytes/sec\n  setUint16(numOfChan * 2); // block-align\n  setUint16(16); // 16-bit (hardcoded in this demo)\n  setUint32(0x61746164); // \"data\" - chunk\n  setUint32(length - pos - 4); // chunk length\n  // write interleaved data\n  for (i = 0; i < abuffer.numberOfChannels; i++)\n    channels.push(abuffer.getChannelData(i));\n\n  while (pos < length) {\n    for (i = 0; i < numOfChan; i++) {\n      // interleave channels\n      sample = Math.max(-1, Math.min(1, channels[i][offset])); // clamp\n      sample = (0.5 + sample < 0 ? sample * 32768 : sample * 32767) | 0; // scale to 16-bit signed int\n      view.setInt16(pos, sample, true); // write 16-bit sample\n      pos += 2;\n    }\n    offset++; // next source sample\n  }\n\n  return buffer;\n\n  function setUint16(data) {\n    view.setUint16(pos, data, true);\n    pos += 2;\n  }\n\n  function setUint32(data) {\n    view.setUint32(pos, data, true);\n    pos += 4;\n  }\n}\n\nexport { downsampleToWav, encodeMp3 };\n","import React, { createContext, useCallback, useContext, useState } from 'react';\nimport { downsampleToWav, encodeMp3 } from './WebAudioUtils';\nimport {\n  VOICE_MESSAGE_FILE_NAME,\n  VOICE_MESSAGE_MIME_TYPE,\n  VOICE_RECORDER_AUDIO_BITS,\n  VOICE_RECORDER_MIME_TYPE,\n} from '../../utils/consts';\n\n// Input props of VoiceRecorder\nexport interface VoiceRecorderProps {\n  children: React.ReactElement;\n}\n\nexport interface VoiceRecorderEventHandler {\n  onRecordingStarted?: () => void;\n  onRecordingEnded?: (props: null | File) => void;\n}\n\n// Output of VoiceRecorder\nexport interface VoiceRecorderContext {\n  start: (eventHandler?: VoiceRecorderEventHandler) => void,\n  stop: () => void,\n  isRecordable: boolean;\n}\nconst noop = () => {/* noop */ };\nconst VoiceRecorderContext = createContext<VoiceRecorderContext>({\n  start: noop,\n  stop: noop,\n  isRecordable: false,\n});\n\nexport const VoiceRecorderProvider = (props: VoiceRecorderProps): React.ReactElement => {\n  const [mediaRecorder, setMediaRecorder] = useState<MediaRecorder>(null);\n  const [isRecordable, setIsRecordable] = useState<boolean>(false);\n\n  const { children } = props;\n\n  const start = useCallback((eventHandler: VoiceRecorderEventHandler): void => {\n    if (mediaRecorder) {\n      stop();\n    }\n    navigator?.mediaDevices?.getUserMedia?.({ audio: true })\n      .then((stream) => {\n        setIsRecordable(true);\n        const mediaRecorder = new MediaRecorder(stream, {\n          mimeType: VOICE_RECORDER_MIME_TYPE,\n          audioBitsPerSecond: VOICE_RECORDER_AUDIO_BITS,\n        });\n        mediaRecorder.ondataavailable = (e) => {// when recording stops\n          const audioFile = new File([e.data], VOICE_MESSAGE_FILE_NAME, {\n            lastModified: new Date().getTime(),\n            type: VOICE_MESSAGE_MIME_TYPE,\n          });\n          downsampleToWav(audioFile, (buffer) => {\n            const mp3Buffer = encodeMp3(buffer);\n            const mp3blob = new Blob(mp3Buffer, { type: VOICE_MESSAGE_MIME_TYPE });\n            const convertedAudioFile = new File([mp3blob], VOICE_MESSAGE_FILE_NAME, {\n              lastModified: new Date().getTime(),\n              type: VOICE_MESSAGE_MIME_TYPE,\n            });\n            eventHandler?.onRecordingEnded(convertedAudioFile);\n          });\n          stream?.getAudioTracks?.().forEach?.(track => track?.stop());\n          setIsRecordable(false);\n        };\n        mediaRecorder?.start();\n        setMediaRecorder(mediaRecorder);\n        eventHandler?.onRecordingStarted();\n      })\n      .catch(() => {\n        // error\n        setMediaRecorder(null);\n      });\n  }, [mediaRecorder]);\n\n  const stop = useCallback((): void => {\n    // Stop recording\n    mediaRecorder?.stop();\n    setMediaRecorder(null);\n    setIsRecordable(false);\n    // TODO: logger\n  }, [mediaRecorder]);\n\n  return (\n    <VoiceRecorderContext.Provider value={{\n      start,\n      stop,\n      isRecordable,\n    }}>\n      {children}\n    </VoiceRecorderContext.Provider>\n  )\n};\n\nexport const useVoiceRecorderContext = (): VoiceRecorderContext => useContext(VoiceRecorderContext);\n\nexport default {\n  VoiceRecorderProvider,\n  useVoiceRecorderContext,\n};\n"],"names":["encodeMp3","arrayBuffer","wav","WavHeader","readHeader","DataView","dataView","Int16Array","dataOffset","dataLen","mp3Encoder","Mp3Encoder","channels","sampleRate","maxSamples","samplesLeft","samplesRight","undefined","j","length","dataBuffer","remaining","i","left","subarray","right","mp3buf","encodeBuffer","push","Int8Array","mp3Lastbuf","flush","downsampleToWav","file","callback","audioCtx","AudioContext","fileReader","FileReader","onload","ev","decodeAudioData","target","result","buffer","usingWebkit","window","OfflineAudioContext","offlineAudioCtx","duration","soundSource","createBufferSource","connect","destination","reader","renderCompleteHandler","evt","renderedBuffer","bufferToWav","oncomplete","startRendering","then","catch","err","console","warn","readAsArrayBuffer","start","abuffer","len","numOfChan","numberOfChannels","ArrayBuffer","view","sample","offset","pos","setUint32","setUint16","getChannelData","Math","max","min","setInt16","data","noop","VoiceRecorderContext","createContext","stop","isRecordable","VoiceRecorderProvider","props","_a","useState","mediaRecorder","setMediaRecorder","_b","setIsRecordable","children","useCallback","eventHandler","navigator","mediaDevices","getUserMedia","audio","stream","MediaRecorder","mimeType","VOICE_RECORDER_MIME_TYPE","audioBitsPerSecond","VOICE_RECORDER_AUDIO_BITS","ondataavailable","e","audioFile","File","VOICE_MESSAGE_FILE_NAME","lastModified","Date","getTime","type","VOICE_MESSAGE_MIME_TYPE","mp3Buffer","mp3blob","Blob","convertedAudioFile","onRecordingEnded","_c","getAudioTracks","call","forEach","track","onRecordingStarted","React","useVoiceRecorderContext","useContext"],"mappings":"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"}

package/VoiceRecorder/useVoiceRecorder.js

@@ -0,0 +1,117 @@
+import { useState, useEffect, useCallback } from 'react';
+import { useVoiceRecorderContext } from './context.js';
+import useSendbirdStateContext from '../useSendbirdStateContext.js';
+import '../lame.all.js';
+import '../consts-d2d25dac.js';
+import '../withSendbird.js';
+import '../_rollupPluginBabelHelpers-09618dc3.js';
+
+//   /**
+//    * onRecordingStarted
+//    * onRecordingEnded
+//    */
+// }
+
+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().config;
+  var voiceRecord = config.voiceRecord;
+  var maxRecordingTime = voiceRecord.maxRecordingTime;
+  var voiceRecorder = useVoiceRecorderContext();
+  var isRecordable = voiceRecorder.isRecordable;
+
+  var _d = useState(null),
+      recordedFile = _d[0],
+      setRecordedFile = _d[1];
+
+  var _e = useState(VoiceRecorderStatus.PREPARING),
+      recordingStatus = _e[0],
+      setRecordingStatus = _e[1];
+
+  useEffect(function () {
+    if (isRecordable && recordingStatus === VoiceRecorderStatus.PREPARING) {
+      setRecordingStatus(VoiceRecorderStatus.READY_TO_RECORD);
+    }
+  }, [isRecordable]);
+  var start = 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 = useCallback(function () {
+    voiceRecorder === null || voiceRecorder === void 0 ? void 0 : voiceRecorder.stop();
+    stopTimer();
+  }, [voiceRecorder]);
+  var cancel = useCallback(function () {
+    stop();
+    setRecordedFile(null);
+  }, [voiceRecorder]); // Timer
+
+  var _f = 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;
+  }
+
+  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 { VoiceRecorderStatus, useVoiceRecorder };
+//# sourceMappingURL=useVoiceRecorder.js.map

package/VoiceRecorder/useVoiceRecorder.js.map

@@ -0,0 +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// }\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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"}

package/{_rollupPluginBabelHelpers-b45d3824.js → _rollupPluginBabelHelpers-09618dc3.js}

@@ -57,4 +57,4 @@ function _extends() {
 }
 
 export { _objectSpread2 as _, _extends as a };
-//# sourceMappingURL=_rollupPluginBabelHelpers-b45d3824.js.map
+//# sourceMappingURL=_rollupPluginBabelHelpers-09618dc3.js.map

package/_rollupPluginBabelHelpers-09618dc3.js.map

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

package/{actionTypes-c69daac1.js → actionTypes-0dd0c34b.js}

@@ -3,4 +3,4 @@ const RESET_USER = 'RESET_USER';
 const UPDATE_USER_INFO = 'UPDATE_USER_INFO';
 
 export { INIT_USER as I, RESET_USER as R, UPDATE_USER_INFO as U };
-//# sourceMappingURL=actionTypes-c69daac1.js.map
+//# sourceMappingURL=actionTypes-0dd0c34b.js.map

package/{actionTypes-c69daac1.js.map → actionTypes-0dd0c34b.js.map}

@@ -1 +1 @@
-{"version":3,"file":"actionTypes-c69daac1.js","sources":["../src/lib/dux/user/actionTypes.js"],"sourcesContent":["export const INIT_USER = 'INIT_USER';\nexport const RESET_USER = 'RESET_USER';\nexport const SET_USER_LOADING = 'SET_USER_LOADING';\nexport const UPDATE_USER_INFO = 'UPDATE_USER_INFO';\n"],"names":["INIT_USER","RESET_USER","UPDATE_USER_INFO"],"mappings":"AAAO,MAAMA,SAAS,GAAG,YAAlB;AACA,MAAMC,UAAU,GAAG,aAAnB;AAEA,MAAMC,gBAAgB,GAAG;;;;"}
+{"version":3,"file":"actionTypes-0dd0c34b.js","sources":["../src/lib/dux/user/actionTypes.js"],"sourcesContent":["export const INIT_USER = 'INIT_USER';\nexport const RESET_USER = 'RESET_USER';\nexport const SET_USER_LOADING = 'SET_USER_LOADING';\nexport const UPDATE_USER_INFO = 'UPDATE_USER_INFO';\n"],"names":["INIT_USER","RESET_USER","UPDATE_USER_INFO"],"mappings":"AAAO,MAAMA,SAAS,GAAG,YAAlB;AACA,MAAMC,UAAU,GAAG,aAAnB;AAEA,MAAMC,gBAAgB,GAAG;;;;"}