@sendbird/uikit-react 3.4.5 → 3.4.6-0

package/cjs/{UserProfileContext-c4642438.js → UserProfileContext-ce0c283c.js}

@@ -12,14 +12,12 @@ var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
  * user profile goes deep inside the component tree
  * use this context as a short circuit to send in values
  */
-
 const UserProfileContext = /*#__PURE__*/React__default["default"].createContext({
   disableUserProfile: true,
   isOpenChannel: false,
   renderUserProfile: null,
   onUserProfileMessage: null
 });
-
 const UserProfileProvider = props => {
   const {
     children
@@ -28,7 +26,6 @@ const UserProfileProvider = props => {
     value: props
   }, children);
 };
-
 UserProfileProvider.propTypes = {
   children: PropTypes__default["default"].oneOfType([PropTypes__default["default"].element, PropTypes__default["default"].arrayOf(PropTypes__default["default"].element), PropTypes__default["default"].any]).isRequired,
   // eslint-disable-next-line react/no-unused-prop-types
@@ -49,4 +46,4 @@ UserProfileProvider.defaultProps = {
 
 exports.UserProfileContext = UserProfileContext;
 exports.UserProfileProvider = UserProfileProvider;
-//# sourceMappingURL=UserProfileContext-c4642438.js.map
+//# sourceMappingURL=UserProfileContext-ce0c283c.js.map

package/cjs/{UserProfileContext-c4642438.js.map → UserProfileContext-ce0c283c.js.map}

@@ -1 +1 @@
-{"version":3,"file":"UserProfileContext-c4642438.js","sources":["../../src/lib/UserProfileContext.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\n/**\n * user profile goes deep inside the component tree\n * use this context as a short circuit to send in values\n */\nconst UserProfileContext = React.createContext({\n  disableUserProfile: true,\n  isOpenChannel: false,\n  renderUserProfile: null,\n  onUserProfileMessage: null,\n});\n\nconst UserProfileProvider = (props) => {\n  const { children } = props;\n  return (\n    <UserProfileContext.Provider value={props}>\n      {children}\n    </UserProfileContext.Provider>\n  );\n};\n\nUserProfileProvider.propTypes = {\n  children: PropTypes.oneOfType([\n    PropTypes.element,\n    PropTypes.arrayOf(PropTypes.element),\n    PropTypes.any,\n  ]).isRequired,\n  // eslint-disable-next-line react/no-unused-prop-types\n  isOpenChannel: PropTypes.bool,\n  // eslint-disable-next-line react/no-unused-prop-types\n  disableUserProfile: PropTypes.bool,\n  // eslint-disable-next-line react/no-unused-prop-types\n  renderUserProfile: PropTypes.func,\n  // eslint-disable-next-line react/no-unused-prop-types\n  onUserProfileMessage: PropTypes.func,\n};\n\nUserProfileProvider.defaultProps = {\n  isOpenChannel: false,\n  disableUserProfile: false,\n  renderUserProfile: null,\n  onUserProfileMessage: null,\n};\n\nexport { UserProfileContext, UserProfileProvider };\n"],"names":["UserProfileContext","React","createContext","disableUserProfile","isOpenChannel","renderUserProfile","onUserProfileMessage","UserProfileProvider","props","children","propTypes","PropTypes","oneOfType","element","arrayOf","any","isRequired","bool","func","defaultProps"],"mappings":";;;;;;;;;;AAGA;AACA;AACA;AACA;;AACA,MAAMA,kBAAkB,gBAAGC,yBAAK,CAACC,aAAN,CAAoB;AAC7CC,EAAAA,kBAAkB,EAAE,IADyB;AAE7CC,EAAAA,aAAa,EAAE,KAF8B;AAG7CC,EAAAA,iBAAiB,EAAE,IAH0B;AAI7CC,EAAAA,oBAAoB,EAAE,IAAA;AAJuB,CAApB,EAA3B;;AAOMC,MAAAA,mBAAmB,GAAIC,KAAD,IAAW;EACrC,MAAM;AAAEC,IAAAA,QAAAA;AAAF,GAAA,GAAeD,KAArB,CAAA;EACA,oBACEP,yBAAA,CAAA,aAAA,CAAC,kBAAD,CAAoB,QAApB,EAAA;AAA6B,IAAA,KAAK,EAAEO,KAAAA;AAApC,GAAA,EACGC,QADH,CADF,CAAA;AAKD,EAPD;;AASAF,mBAAmB,CAACG,SAApB,GAAgC;EAC9BD,QAAQ,EAAEE,6BAAS,CAACC,SAAV,CAAoB,CAC5BD,6BAAS,CAACE,OADkB,EAE5BF,6BAAS,CAACG,OAAV,CAAkBH,6BAAS,CAACE,OAA5B,CAF4B,EAG5BF,6BAAS,CAACI,GAHkB,CAApB,CAAA,CAIPC,UAL2B;AAM9B;EACAZ,aAAa,EAAEO,6BAAS,CAACM,IAPK;AAQ9B;EACAd,kBAAkB,EAAEQ,6BAAS,CAACM,IATA;AAU9B;EACAZ,iBAAiB,EAAEM,6BAAS,CAACO,IAXC;AAY9B;EACAZ,oBAAoB,EAAEK,6BAAS,CAACO,IAAAA;AAbF,CAAhC,CAAA;AAgBAX,mBAAmB,CAACY,YAApB,GAAmC;AACjCf,EAAAA,aAAa,EAAE,KADkB;AAEjCD,EAAAA,kBAAkB,EAAE,KAFa;AAGjCE,EAAAA,iBAAiB,EAAE,IAHc;AAIjCC,EAAAA,oBAAoB,EAAE,IAAA;AAJW,CAAnC;;;;;"}
+{"version":3,"file":"UserProfileContext-ce0c283c.js","sources":["../../src/lib/UserProfileContext.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\n/**\n * user profile goes deep inside the component tree\n * use this context as a short circuit to send in values\n */\nconst UserProfileContext = React.createContext({\n  disableUserProfile: true,\n  isOpenChannel: false,\n  renderUserProfile: null,\n  onUserProfileMessage: null,\n});\n\nconst UserProfileProvider = (props) => {\n  const { children } = props;\n  return (\n    <UserProfileContext.Provider value={props}>\n      {children}\n    </UserProfileContext.Provider>\n  );\n};\n\nUserProfileProvider.propTypes = {\n  children: PropTypes.oneOfType([\n    PropTypes.element,\n    PropTypes.arrayOf(PropTypes.element),\n    PropTypes.any,\n  ]).isRequired,\n  // eslint-disable-next-line react/no-unused-prop-types\n  isOpenChannel: PropTypes.bool,\n  // eslint-disable-next-line react/no-unused-prop-types\n  disableUserProfile: PropTypes.bool,\n  // eslint-disable-next-line react/no-unused-prop-types\n  renderUserProfile: PropTypes.func,\n  // eslint-disable-next-line react/no-unused-prop-types\n  onUserProfileMessage: PropTypes.func,\n};\n\nUserProfileProvider.defaultProps = {\n  isOpenChannel: false,\n  disableUserProfile: false,\n  renderUserProfile: null,\n  onUserProfileMessage: null,\n};\n\nexport { UserProfileContext, UserProfileProvider };\n"],"names":["UserProfileContext","React","createContext","disableUserProfile","isOpenChannel","renderUserProfile","onUserProfileMessage","UserProfileProvider","props","children","createElement","Provider","value","propTypes","PropTypes","oneOfType","element","arrayOf","any","isRequired","bool","func","defaultProps"],"mappings":";;;;;;;;;;AAGA;AACA;AACA;AACA;AACA,MAAMA,kBAAkB,gBAAGC,yBAAK,CAACC,aAAa,CAAC;AAC7CC,EAAAA,kBAAkB,EAAE,IAAI;AACxBC,EAAAA,aAAa,EAAE,KAAK;AACpBC,EAAAA,iBAAiB,EAAE,IAAI;AACvBC,EAAAA,oBAAoB,EAAE,IAAA;AACxB,CAAC,EAAC;AAEIC,MAAAA,mBAAmB,GAAIC,KAAK,IAAK;EACrC,MAAM;AAAEC,IAAAA,QAAAA;AAAS,GAAC,GAAGD,KAAK,CAAA;AAC1B,EAAA,oBACEP,yBAAA,CAAAS,aAAA,CAACV,kBAAkB,CAACW,QAAQ,EAAA;AAACC,IAAAA,KAAK,EAAEJ,KAAAA;AAAM,GAAA,EACvCC,QAAQ,CACmB,CAAA;AAElC,EAAC;AAEDF,mBAAmB,CAACM,SAAS,GAAG;EAC9BJ,QAAQ,EAAEK,6BAAS,CAACC,SAAS,CAAC,CAC5BD,6BAAS,CAACE,OAAO,EACjBF,6BAAS,CAACG,OAAO,CAACH,6BAAS,CAACE,OAAO,CAAC,EACpCF,6BAAS,CAACI,GAAG,CACd,CAAC,CAACC,UAAU;AACb;EACAf,aAAa,EAAEU,6BAAS,CAACM,IAAI;AAC7B;EACAjB,kBAAkB,EAAEW,6BAAS,CAACM,IAAI;AAClC;EACAf,iBAAiB,EAAES,6BAAS,CAACO,IAAI;AACjC;EACAf,oBAAoB,EAAEQ,6BAAS,CAACO,IAAAA;AAClC,CAAC,CAAA;AAEDd,mBAAmB,CAACe,YAAY,GAAG;AACjClB,EAAAA,aAAa,EAAE,KAAK;AACpBD,EAAAA,kBAAkB,EAAE,KAAK;AACzBE,EAAAA,iBAAiB,EAAE,IAAI;AACvBC,EAAAA,oBAAoB,EAAE,IAAA;AACxB,CAAC;;;;;"}

package/cjs/{VoiceMessageInputWrapper-3b5db880.js → VoiceMessageInputWrapper-88ad4670.js}

@@ -1,17 +1,17 @@
 'use strict';
 
 var React = require('react');
-var LocalizationContext = require('./LocalizationContext-01fceac0.js');
+var LocalizationContext = require('./LocalizationContext-e4a874cf.js');
 var VoicePlayer_useVoicePlayer = require('./VoicePlayer/useVoicePlayer.js');
 var VoiceRecorder_useVoiceRecorder = require('./VoiceRecorder/useVoiceRecorder.js');
-var Channel_context = require('./ChannelProvider-af0b997c.js');
-var ui_VoiceMessgeInput = require('./index-1e57cbdb.js');
+var Channel_context = require('./ChannelProvider-473548f7.js');
+var ui_VoiceMessgeInput = require('./index-3d08adec.js');
 var ui_Modal = require('./ui/Modal.js');
 var ui_Button = require('./ui/Button.js');
 var useSendbirdStateContext = require('./useSendbirdStateContext.js');
-var consts = require('./consts-69fc20be.js');
-var VoicePlayer_context = require('./index-c825cf5b.js');
-var uuid = require('./uuid-26b61f16.js');
+var consts = require('./consts-b8c0be49.js');
+var VoicePlayer_context = require('./index-ba9683ca.js');
+var uuid = require('./uuid-f23c161c.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -19,63 +19,53 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 var VoiceMessageInputWrapper = function (_a) {
   var _b;
-
   var channel = _a.channel,
-      onCancelClick = _a.onCancelClick,
-      onSubmitClick = _a.onSubmitClick;
-
+    onCancelClick = _a.onCancelClick,
+    onSubmitClick = _a.onSubmitClick;
   var _c = React.useState(null),
-      audioFile = _c[0],
-      setAudioFile = _c[1];
-
+    audioFile = _c[0],
+    setAudioFile = _c[1];
   var uuid$1 = React.useState(uuid.uuidv4())[0];
-
   var _d = React.useState(ui_VoiceMessgeInput.VoiceMessageInputStatus.READY_TO_RECORD),
-      voiceInputState = _d[0],
-      setVoiceInputState = _d[1];
-
+    voiceInputState = _d[0],
+    setVoiceInputState = _d[1];
   var _e = React.useState(false),
-      isSubmited = _e[0],
-      setSubmit = _e[1];
-
+    isSubmited = _e[0],
+    setSubmit = _e[1];
   var _f = React.useState(false),
-      isDisabled = _f[0],
-      setDisabled = _f[1];
-
+    isDisabled = _f[0],
+    setDisabled = _f[1];
   var _g = React.useState(false),
-      showModal = _g[0],
-      setShowModal = _g[1];
-
+    showModal = _g[0],
+    setShowModal = _g[1];
   var stringSet = LocalizationContext.useLocalization().stringSet;
   var config = useSendbirdStateContext().config;
   var minRecordingTime = ((_b = config === null || config === void 0 ? void 0 : config.voiceRecord) === null || _b === void 0 ? void 0 : _b.minRecordingTime) || consts.VOICE_RECORDER_DEFAULT_MIN;
-
   var _h = VoiceRecorder_useVoiceRecorder.useVoiceRecorder({
-    onRecordingStarted: function () {
-      setVoiceInputState(ui_VoiceMessgeInput.VoiceMessageInputStatus.RECORDING);
-    },
-    onRecordingEnded: function (audioFile) {
-      setAudioFile(audioFile);
-    }
-  }),
-      start = _h.start,
-      stop = _h.stop,
-      cancel = _h.cancel,
-      recordingTime = _h.recordingTime,
-      recordingStatus = _h.recordingStatus,
-      recordingLimit = _h.recordingLimit;
-
+      onRecordingStarted: function () {
+        setVoiceInputState(ui_VoiceMessgeInput.VoiceMessageInputStatus.RECORDING);
+      },
+      onRecordingEnded: function (audioFile) {
+        setAudioFile(audioFile);
+      }
+    }),
+    start = _h.start,
+    stop = _h.stop,
+    cancel = _h.cancel,
+    recordingTime = _h.recordingTime,
+    recordingStatus = _h.recordingStatus,
+    recordingLimit = _h.recordingLimit;
   var voicePlayer = VoicePlayer_useVoicePlayer.useVoicePlayer({
     channelUrl: channel === null || channel === void 0 ? void 0 : channel.url,
     key: uuid$1,
     audioFile: audioFile
   });
   var play = voicePlayer.play,
-      pause = voicePlayer.pause,
-      playbackTime = voicePlayer.playbackTime,
-      playingStatus = voicePlayer.playingStatus;
-  var stopVoicePlayer = voicePlayer.stop; // disabled state: muted & frozen
-
+    pause = voicePlayer.pause,
+    playbackTime = voicePlayer.playbackTime,
+    playingStatus = voicePlayer.playingStatus;
+  var stopVoicePlayer = voicePlayer.stop;
+  // disabled state: muted & frozen
   React.useEffect(function () {
     if (Channel_context.isDisabledBecauseFrozen(channel) || Channel_context.isDisabledBecauseMuted(channel)) {
       setDisabled(true);
@@ -127,7 +117,6 @@ var VoiceMessageInputWrapper = function (_a) {
             start();
             break;
           }
-
         case ui_VoiceMessgeInput.VoiceMessageInputStatus.RECORDING:
           {
             if (recordingTime >= minRecordingTime && !isDisabled) {
@@ -140,16 +129,13 @@ var VoiceMessageInputWrapper = function (_a) {
               cancel();
               setVoiceInputState(ui_VoiceMessgeInput.VoiceMessageInputStatus.READY_TO_RECORD);
             }
-
             break;
           }
-
         case ui_VoiceMessgeInput.VoiceMessageInputStatus.READY_TO_PLAY:
           {
             play();
             break;
           }
-
         case ui_VoiceMessgeInput.VoiceMessageInputStatus.PLAYING:
           {
             pause();
@@ -180,4 +166,4 @@ var VoiceMessageInputWrapper = function (_a) {
 };
 
 exports.VoiceMessageInputWrapper = VoiceMessageInputWrapper;
-//# sourceMappingURL=VoiceMessageInputWrapper-3b5db880.js.map
+//# sourceMappingURL=VoiceMessageInputWrapper-88ad4670.js.map

package/cjs/{VoiceMessageInputWrapper-3b5db880.js.map → VoiceMessageInputWrapper-88ad4670.js.map}

@@ -1 +1 @@
-{"version":3,"file":"VoiceMessageInputWrapper-3b5db880.js","sources":["../../src/smart-components/Channel/components/MessageInput/VoiceMessageInputWrapper.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { GroupChannel } from '@sendbird/chat/groupChannel';\nimport './voice-message-wrapper.scss';\n\nimport { useLocalization } from '../../../../lib/LocalizationContext';\nimport { useVoicePlayer } from '../../../../hooks/VoicePlayer/useVoicePlayer';\nimport { useVoiceRecorder, VoiceRecorderStatus } from '../../../../hooks/VoiceRecorder/useVoiceRecorder';\nimport { isDisabledBecauseFrozen, isDisabledBecauseMuted } from '../../context/utils';\n\nimport { VoiceMessageInput } from '../../../../ui/VoiceMessageInput';\nimport { VoiceMessageInputStatus } from '../../../../ui/VoiceMessageInput/types';\nimport Modal from '../../../../ui/Modal';\nimport Button, { ButtonSizes, ButtonTypes } from '../../../../ui/Button';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport { VOICE_RECORDER_DEFAULT_MIN } from '../../../../utils/consts';\nimport { VoicePlayerStatus } from '../../../../hooks/VoicePlayer/dux/initialState';\nimport uuidv4 from '../../../../utils/uuid';\n\nexport interface VoiceMessageInputWrapperProps {\n  channel?: GroupChannel;\n  onCancelClick?: () => void;\n  onSubmitClick?: (file: File, duration: number) => void;\n}\n\nexport const VoiceMessageInputWrapper = ({\n  channel,\n  onCancelClick,\n  onSubmitClick,\n}: VoiceMessageInputWrapperProps): React.ReactElement => {\n  const [audioFile, setAudioFile] = useState<File>(null);\n  const [uuid] = useState<string>(uuidv4());\n  const [voiceInputState, setVoiceInputState] = useState<VoiceMessageInputStatus>(VoiceMessageInputStatus.READY_TO_RECORD);\n  const [isSubmited, setSubmit] = useState(false);\n  const [isDisabled, setDisabled] = useState(false);\n  const [showModal, setShowModal] = useState(false);\n  const { stringSet } = useLocalization();\n  const { config } = useSendbirdStateContext();\n  const minRecordingTime = config?.voiceRecord?.minRecordingTime || VOICE_RECORDER_DEFAULT_MIN;\n  const {\n    start,\n    stop,\n    cancel,\n    recordingTime,\n    recordingStatus,\n    recordingLimit,\n  } = useVoiceRecorder({\n    onRecordingStarted: () => {\n      setVoiceInputState(VoiceMessageInputStatus.RECORDING);\n    },\n    onRecordingEnded: (audioFile) => {\n      setAudioFile(audioFile);\n    },\n  });\n  const voicePlayer = useVoicePlayer({\n    channelUrl: channel?.url,\n    key: uuid,\n    audioFile: audioFile,\n  });\n  const {\n    play,\n    pause,\n    playbackTime,\n    playingStatus,\n  } = voicePlayer;\n  const stopVoicePlayer = voicePlayer.stop;\n\n  // disabled state: muted & frozen\n  useEffect(() => {\n    if (isDisabledBecauseFrozen(channel) || isDisabledBecauseMuted(channel)) {\n      setDisabled(true);\n    } else {\n      setDisabled(false);\n    }\n  }, [channel?.myRole, channel?.isFrozen, channel?.myMutedState]);\n\n  useEffect(() => {\n    if (isSubmited && audioFile) {\n      onSubmitClick(audioFile, recordingTime);\n      setSubmit(false);\n      setAudioFile(null);\n    }\n  }, [isSubmited, audioFile, recordingTime]);\n  useEffect(() => {\n    if (audioFile) {\n      if (recordingTime < minRecordingTime) {\n        setVoiceInputState(VoiceMessageInputStatus.READY_TO_RECORD);\n        setAudioFile(null);\n      } else if (playingStatus === VoicePlayerStatus.PLAYING) {\n        setVoiceInputState(VoiceMessageInputStatus.PLAYING);\n      } else {\n        setVoiceInputState(VoiceMessageInputStatus.READY_TO_PLAY);\n      }\n    }\n  }, [isSubmited, audioFile, recordingTime, playingStatus]);\n\n  return (\n    <div className=\"sendbird-voice-message-input-wrapper\">\n      <VoiceMessageInput\n        currentValue={recordingStatus === VoiceRecorderStatus.COMPLETED ? playbackTime : recordingTime}\n        maximumValue={recordingStatus === VoiceRecorderStatus.COMPLETED ? recordingTime : recordingLimit}\n        currentType={voiceInputState}\n        onCancelClick={onCancelClick}\n        onSubmitClick={() => {\n          if (isDisabled) {\n            setShowModal(true);\n            setVoiceInputState(VoiceMessageInputStatus.READY_TO_RECORD);\n          } else {\n            stop();\n            pause();\n            setSubmit(true);\n          }\n        }}\n        onControlClick={(type) => {\n          switch (type) {\n            case VoiceMessageInputStatus.READY_TO_RECORD: {\n              stopVoicePlayer();\n              start();\n              break;\n            }\n            case VoiceMessageInputStatus.RECORDING: {\n              if (recordingTime >= minRecordingTime && !isDisabled) {\n                stop();\n              } else if (isDisabled) {\n                cancel();\n                setShowModal(true);\n                setVoiceInputState(VoiceMessageInputStatus.READY_TO_RECORD);\n              } else {\n                cancel();\n                setVoiceInputState(VoiceMessageInputStatus.READY_TO_RECORD);\n              }\n              break;\n            }\n            case VoiceMessageInputStatus.READY_TO_PLAY: {\n              play();\n              break;\n            }\n            case VoiceMessageInputStatus.PLAYING: {\n              pause();\n              break;\n            }\n          }\n        }}\n      />\n      {\n        showModal && (\n          <Modal\n            className=\"sendbird-voice-message-input-wrapper-alert\"\n            titleText={isDisabledBecauseMuted(channel)\n              ? stringSet.MODAL__VOICE_MESSAGE_INPUT_DISABLED__TITLE_MUTED\n              : stringSet.MODAL__VOICE_MESSAGE_INPUT_DISABLED__TITLE_FROZEN\n            }\n            hideFooter\n            isCloseOnClickOutside\n            onCancel={() => {\n              setShowModal(false);\n              onCancelClick();\n            }}\n          >\n            <div className=\"sendbird-voice-message-input-wrapper-alert__body\">\n              <Button\n                className=\"sendbird-voice-message-input-wrapper-alert__body__ok-button\"\n                type={ButtonTypes.PRIMARY}\n                size={ButtonSizes.BIG}\n                onClick={() => {\n                  setShowModal(false);\n                  onCancelClick();\n                }}\n              >\n                {stringSet.BUTTON__OK}\n              </Button>\n            </div>\n          </Modal>\n        )\n      }\n    </div>\n  );\n};\n\nexport default VoiceMessageInputWrapper;\n"],"names":["VoiceMessageInputWrapper","_a","channel","onCancelClick","onSubmitClick","_c","useState","audioFile","setAudioFile","uuid","uuidv4","_d","VoiceMessageInputStatus","READY_TO_RECORD","voiceInputState","setVoiceInputState","_e","isSubmited","setSubmit","_f","isDisabled","setDisabled","_g","showModal","setShowModal","stringSet","useLocalization","config","useSendbirdStateContext","minRecordingTime","_b","voiceRecord","VOICE_RECORDER_DEFAULT_MIN","_h","useVoiceRecorder","onRecordingStarted","RECORDING","onRecordingEnded","start","stop","cancel","recordingTime","recordingStatus","recordingLimit","voicePlayer","useVoicePlayer","channelUrl","url","key","play","pause","playbackTime","playingStatus","stopVoicePlayer","useEffect","isDisabledBecauseFrozen","isDisabledBecauseMuted","myRole","isFrozen","myMutedState","VoicePlayerStatus","PLAYING","READY_TO_PLAY","React","VoiceMessageInput","VoiceRecorderStatus","COMPLETED","type","Modal","MODAL__VOICE_MESSAGE_INPUT_DISABLED__TITLE_MUTED","MODAL__VOICE_MESSAGE_INPUT_DISABLED__TITLE_FROZEN","Button","ButtonTypes","PRIMARY","ButtonSizes","BIG","BUTTON__OK"],"mappings":"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"}
+{"version":3,"file":"VoiceMessageInputWrapper-88ad4670.js","sources":["../../src/smart-components/Channel/components/MessageInput/VoiceMessageInputWrapper.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { GroupChannel } from '@sendbird/chat/groupChannel';\nimport './voice-message-wrapper.scss';\n\nimport { useLocalization } from '../../../../lib/LocalizationContext';\nimport { useVoicePlayer } from '../../../../hooks/VoicePlayer/useVoicePlayer';\nimport { useVoiceRecorder, VoiceRecorderStatus } from '../../../../hooks/VoiceRecorder/useVoiceRecorder';\nimport { isDisabledBecauseFrozen, isDisabledBecauseMuted } from '../../context/utils';\n\nimport { VoiceMessageInput } from '../../../../ui/VoiceMessageInput';\nimport { VoiceMessageInputStatus } from '../../../../ui/VoiceMessageInput/types';\nimport Modal from '../../../../ui/Modal';\nimport Button, { ButtonSizes, ButtonTypes } from '../../../../ui/Button';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport { VOICE_RECORDER_DEFAULT_MIN } from '../../../../utils/consts';\nimport { VoicePlayerStatus } from '../../../../hooks/VoicePlayer/dux/initialState';\nimport uuidv4 from '../../../../utils/uuid';\n\nexport interface VoiceMessageInputWrapperProps {\n  channel?: GroupChannel;\n  onCancelClick?: () => void;\n  onSubmitClick?: (file: File, duration: number) => void;\n}\n\nexport const VoiceMessageInputWrapper = ({\n  channel,\n  onCancelClick,\n  onSubmitClick,\n}: VoiceMessageInputWrapperProps): React.ReactElement => {\n  const [audioFile, setAudioFile] = useState<File>(null);\n  const [uuid] = useState<string>(uuidv4());\n  const [voiceInputState, setVoiceInputState] = useState<VoiceMessageInputStatus>(VoiceMessageInputStatus.READY_TO_RECORD);\n  const [isSubmited, setSubmit] = useState(false);\n  const [isDisabled, setDisabled] = useState(false);\n  const [showModal, setShowModal] = useState(false);\n  const { stringSet } = useLocalization();\n  const { config } = useSendbirdStateContext();\n  const minRecordingTime = config?.voiceRecord?.minRecordingTime || VOICE_RECORDER_DEFAULT_MIN;\n  const {\n    start,\n    stop,\n    cancel,\n    recordingTime,\n    recordingStatus,\n    recordingLimit,\n  } = useVoiceRecorder({\n    onRecordingStarted: () => {\n      setVoiceInputState(VoiceMessageInputStatus.RECORDING);\n    },\n    onRecordingEnded: (audioFile) => {\n      setAudioFile(audioFile);\n    },\n  });\n  const voicePlayer = useVoicePlayer({\n    channelUrl: channel?.url,\n    key: uuid,\n    audioFile: audioFile,\n  });\n  const {\n    play,\n    pause,\n    playbackTime,\n    playingStatus,\n  } = voicePlayer;\n  const stopVoicePlayer = voicePlayer.stop;\n\n  // disabled state: muted & frozen\n  useEffect(() => {\n    if (isDisabledBecauseFrozen(channel) || isDisabledBecauseMuted(channel)) {\n      setDisabled(true);\n    } else {\n      setDisabled(false);\n    }\n  }, [channel?.myRole, channel?.isFrozen, channel?.myMutedState]);\n\n  useEffect(() => {\n    if (isSubmited && audioFile) {\n      onSubmitClick(audioFile, recordingTime);\n      setSubmit(false);\n      setAudioFile(null);\n    }\n  }, [isSubmited, audioFile, recordingTime]);\n  useEffect(() => {\n    if (audioFile) {\n      if (recordingTime < minRecordingTime) {\n        setVoiceInputState(VoiceMessageInputStatus.READY_TO_RECORD);\n        setAudioFile(null);\n      } else if (playingStatus === VoicePlayerStatus.PLAYING) {\n        setVoiceInputState(VoiceMessageInputStatus.PLAYING);\n      } else {\n        setVoiceInputState(VoiceMessageInputStatus.READY_TO_PLAY);\n      }\n    }\n  }, [isSubmited, audioFile, recordingTime, playingStatus]);\n\n  return (\n    <div className=\"sendbird-voice-message-input-wrapper\">\n      <VoiceMessageInput\n        currentValue={recordingStatus === VoiceRecorderStatus.COMPLETED ? playbackTime : recordingTime}\n        maximumValue={recordingStatus === VoiceRecorderStatus.COMPLETED ? recordingTime : recordingLimit}\n        currentType={voiceInputState}\n        onCancelClick={onCancelClick}\n        onSubmitClick={() => {\n          if (isDisabled) {\n            setShowModal(true);\n            setVoiceInputState(VoiceMessageInputStatus.READY_TO_RECORD);\n          } else {\n            stop();\n            pause();\n            setSubmit(true);\n          }\n        }}\n        onControlClick={(type) => {\n          switch (type) {\n            case VoiceMessageInputStatus.READY_TO_RECORD: {\n              stopVoicePlayer();\n              start();\n              break;\n            }\n            case VoiceMessageInputStatus.RECORDING: {\n              if (recordingTime >= minRecordingTime && !isDisabled) {\n                stop();\n              } else if (isDisabled) {\n                cancel();\n                setShowModal(true);\n                setVoiceInputState(VoiceMessageInputStatus.READY_TO_RECORD);\n              } else {\n                cancel();\n                setVoiceInputState(VoiceMessageInputStatus.READY_TO_RECORD);\n              }\n              break;\n            }\n            case VoiceMessageInputStatus.READY_TO_PLAY: {\n              play();\n              break;\n            }\n            case VoiceMessageInputStatus.PLAYING: {\n              pause();\n              break;\n            }\n          }\n        }}\n      />\n      {\n        showModal && (\n          <Modal\n            className=\"sendbird-voice-message-input-wrapper-alert\"\n            titleText={isDisabledBecauseMuted(channel)\n              ? stringSet.MODAL__VOICE_MESSAGE_INPUT_DISABLED__TITLE_MUTED\n              : stringSet.MODAL__VOICE_MESSAGE_INPUT_DISABLED__TITLE_FROZEN\n            }\n            hideFooter\n            isCloseOnClickOutside\n            onCancel={() => {\n              setShowModal(false);\n              onCancelClick();\n            }}\n          >\n            <div className=\"sendbird-voice-message-input-wrapper-alert__body\">\n              <Button\n                className=\"sendbird-voice-message-input-wrapper-alert__body__ok-button\"\n                type={ButtonTypes.PRIMARY}\n                size={ButtonSizes.BIG}\n                onClick={() => {\n                  setShowModal(false);\n                  onCancelClick();\n                }}\n              >\n                {stringSet.BUTTON__OK}\n              </Button>\n            </div>\n          </Modal>\n        )\n      }\n    </div>\n  );\n};\n\nexport default VoiceMessageInputWrapper;\n"],"names":["VoiceMessageInputWrapper","_a","channel","onCancelClick","onSubmitClick","_c","useState","audioFile","setAudioFile","uuid","uuidv4","_d","VoiceMessageInputStatus","READY_TO_RECORD","voiceInputState","setVoiceInputState","_e","isSubmited","setSubmit","_f","isDisabled","setDisabled","_g","showModal","setShowModal","stringSet","useLocalization","config","useSendbirdStateContext","minRecordingTime","_b","voiceRecord","VOICE_RECORDER_DEFAULT_MIN","_h","useVoiceRecorder","onRecordingStarted","RECORDING","onRecordingEnded","start","stop","cancel","recordingTime","recordingStatus","recordingLimit","voicePlayer","useVoicePlayer","channelUrl","url","key","play","pause","playbackTime","playingStatus","stopVoicePlayer","useEffect","isDisabledBecauseFrozen","isDisabledBecauseMuted","myRole","isFrozen","myMutedState","VoicePlayerStatus","PLAYING","READY_TO_PLAY","React","createElement","className","VoiceMessageInput","currentValue","VoiceRecorderStatus","COMPLETED","maximumValue","currentType","onControlClick","type","Modal","titleText","MODAL__VOICE_MESSAGE_INPUT_DISABLED__TITLE_MUTED","MODAL__VOICE_MESSAGE_INPUT_DISABLED__TITLE_FROZEN","hideFooter","isCloseOnClickOutside","onCancel","Button","ButtonTypes","PRIMARY","size","ButtonSizes","BIG","onClick","BUTTON__OK"],"mappings":"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"}

package/cjs/VoicePlayer/context.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 require('react');
-var VoicePlayer_context = require('../index-c825cf5b.js');
-require('../consts-69fc20be.js');
+var VoicePlayer_context = require('../index-ba9683ca.js');
+require('../consts-b8c0be49.js');
 require('../useSendbirdStateContext.js');
-require('../tslib.es6-ee1122c5.js');
+require('../tslib.es6-67bdb021.js');
 require('../withSendbird.js');
 
 

package/cjs/VoicePlayer/useVoicePlayer.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var VoicePlayer_context = require('../index-c825cf5b.js');
-var consts = require('../consts-69fc20be.js');
+var VoicePlayer_context = require('../index-ba9683ca.js');
+var consts = require('../consts-b8c0be49.js');
 var VoiceRecorder_context = require('../VoiceRecorder/context.js');
-require('../tslib.es6-ee1122c5.js');
+require('../tslib.es6-67bdb021.js');
 require('../useSendbirdStateContext.js');
 require('../withSendbird.js');
 require('../lame.all.js');
@@ -15,36 +15,30 @@ 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;
+    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 = React.useState(generateGroupKey(channelUrl, key))[0];
-
   var _g = VoicePlayer_context.useVoicePlayerContext(),
-      play = _g.play,
-      pause = _g.pause,
-      stop = _g.stop,
-      voicePlayerStore = _g.voicePlayerStore;
-
+    play = _g.play,
+    pause = _g.pause,
+    stop = _g.stop,
+    voicePlayerStore = _g.voicePlayerStore;
   var isRecordable = VoiceRecorder_context.useVoiceRecorderContext().isRecordable;
   var currentAudioUnit = ((_b = voicePlayerStore === null || voicePlayerStore === void 0 ? void 0 : voicePlayerStore.audioStorage) === null || _b === void 0 ? void 0 : _b[groupKey]) || VoicePlayer_context.AudioUnitDefaultValue();
-
   var playVoicePlayer = function () {
     if (!isRecordable) {
       play === null || play === void 0 ? void 0 : play({
@@ -54,23 +48,18 @@ var useVoicePlayer = function (_a) {
       });
     }
   };
-
   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);
   };
-
   React.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(consts.VOICE_PLAYER_AUDIO_ID);

package/cjs/VoicePlayer/useVoicePlayer.js.map

@@ -1 +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":";;;;;;;;;;;;;AACO,IAAMA,gBAAgB,GAAG,UAACC,UAAD,EAAkBC,GAAlB,EAA0B;AAAzB,EAAA,IAAAD,UAAA,KAAA,KAAA,CAAA,EAAA;AAAAA,IAAAA,UAAe,GAAA,EAAf,CAAA;AAAe,GAAA;;AAAE,EAAA,IAAAC,GAAA,KAAA,KAAA,CAAA,EAAA;AAAAA,IAAAA,GAAQ,GAAA,EAAR,CAAA;AAAQ,GAAA;;EAAe,OAAC,EAAA,CAAGC,MAAH,CAAGF,UAAH,EAAiB,GAAjB,CAAiBE,CAAAA,MAAjB,CAAiBD,GAAjB,CAAD,CAAA;AAAwB,CAA1F;;ACuBME,IAAAA,cAAc,GAAG,UAACC,EAAD,EAKR;;;MAJpBC,EAAQ,GAAAD,EAAA,CAAAH;MAARA,GAAG,GAAAI,EAAA,KAAA,KAAA,CAAA,GAAG,EAAH,GAAKA;MACRC,EAAe,GAAAF,EAAA,CAAAJ;MAAfA,UAAU,GAAAM,EAAA,KAAA,KAAA,CAAA,GAAG,EAAH,GAAKA;MACfC,EAAgB,GAAAH,EAAA,CAAAI;MAAhBA,SAAS,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,IAAH,GAAOA;MAChBE,EAAA,GAAAL,EAAA,CAAAM;MAAAA,YAAY,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAEA;AAEV,EAAA,IAAAE,QAAQ,GAAIC,cAAQ,CAASb,gBAAgB,CAACC,UAAD,EAAaC,GAAb,CAAzB,CAAR,CAAmD,CAAnD,CAAZ,CAAA;;EACD,IAAAY,EAKF,GAAAC,yCAAqB,EALnB;AAAA,MACJC,IAAI,GAAAF,EAAA,CAAAE,IADA;AAAA,MAEJC,KAAK,GAAAH,EAAA,CAAAG,KAFD;AAAA,MAGJC,IAAI,GAAAJ,EAAA,CAAAI,IAHA;AAAA,MAIJC,gBAAgB,sBAJZ,CAAA;;AAME,EAAA,IAAAC,YAAY,GAAKC,6CAAuB,EAAA,aAAxC,CAAA;AACR,EAAA,IAAMC,gBAAgB,GAAG,CAAA,CAAAC,EAAA,GAAAJ,gBAAgB,SAAhB,IAAAA,gBAAgB,KAAA,KAAA,CAAhB,GAAgB,KAAA,CAAhB,GAAAA,gBAAgB,CAAEK,YAAlB,MAAiC,IAAjC,IAAiCD,EAAA,KAAA,KAAA,CAAjC,GAAiC,KAAA,CAAjC,GAAiCA,EAAA,CAAAX,QAAA,CAAjC,KAA8Ca,yCAAqB,EAA5F,CAAA;;EAEA,IAAMC,eAAe,GAAG,YAAA;IACtB,IAAI,CAACN,YAAL,EAAmB;AACjBJ,MAAAA,IAAI,KAAJ,IAAA,IAAAA,IAAI,KAAJ,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,IAAI,CAAG;AACLJ,QAAAA,QAAQ,EAAAA,QADH;AAELH,QAAAA,SAAS,EAAAA,SAFJ;AAGLE,QAAAA,YAAY,EAAAA,YAAAA;AAHP,OAAH,CAAJ,CAAA;AAKD,KAAA;GAPH,CAAA;;EAUA,IAAMgB,gBAAgB,GAAG,YAAA;AACvBV,IAAAA,KAAK,SAAL,IAAAA,KAAK,KAAA,KAAA,CAAL,GAAK,KAAA,CAAL,GAAAA,KAAK,CAAGL,QAAH,CAAL,CAAA;GADF,CAAA;;AAIA,EAAA,IAAMgB,eAAe,GAAG,UAACC,IAAD,EAAU;AAAT,IAAA,IAAAA,IAAA,KAAA,KAAA,CAAA,EAAA;AAAAA,MAAAA,IAAS,GAAA,EAAT,CAAA;AAAS,KAAA;;AAChCX,IAAAA,IAAI,SAAJ,IAAAA,IAAI,KAAA,KAAA,CAAJ,GAAI,KAAA,CAAJ,GAAAA,IAAI,CAAGW,IAAH,CAAJ,CAAA;GADF,CAAA;;AAIAC,EAAAA,eAAS,CAAC,YAAA;AACR,IAAA,OAAO,YAAA;;;MACL,IAAIrB,SAAS,IAAIE,YAAjB,EAA+B;AAC7B;AACA,QAAA,IAAMoB,uBAAuB,GAAGC,QAAQ,CAACC,cAAT,CAAwBC,4BAAxB,CAAhC,CAAA;AACA,QAAA,CAAC7B,EAAA,GAAA0B,uBAA4C,SAA5C,IAAAA,uBAAuB,KAAA,KAAA,CAAvB,GAAuB,KAAA,CAAvB,GAAAA,uBAAuB,CAAuBd,KAA/C,UAAA,iBAAA,SAAA,mCAAA,CAAA;AACD,OAAA;KALH,CAAA;GADO,EAQN,EARM,CAAT,CAAA;EAUA,OAAQ;AACND,IAAAA,IAAI,EAAEU,eADA;AAENT,IAAAA,KAAK,EAAEU,gBAFD;AAGNT,IAAAA,IAAI,EAAEU,eAHA;AAINO,IAAAA,YAAY,EAAE,CAAAb,gBAAgB,KAAhB,IAAA,IAAAA,gBAAgB,WAAhB,SAAA,GAAAA,gBAAgB,CAAEa,YAAlB,IAAiC,IAJzC;AAKNC,IAAAA,QAAQ,EAAE,CAAAd,gBAAgB,KAAhB,IAAA,IAAAA,gBAAgB,WAAhB,SAAA,GAAAA,gBAAgB,CAAEc,QAAlB,IAA6B,IALjC;AAMN;AACAC,IAAAA,aAAa,EAAEf,gBAAgB,KAAA,IAAhB,IAAAA,gBAAgB,KAAhB,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,gBAAgB,CAAEe,aAAAA;GAPnC,CAAA;AASD;;;;"}
+{"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/cjs/VoiceRecorder/context.js

@@ -4,17 +4,16 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var lame_all = require('../lame.all.js');
-var consts = require('../consts-69fc20be.js');
+var consts = require('../consts-b8c0be49.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
 require('../withSendbird.js');
-require('../tslib.es6-ee1122c5.js');
+require('../tslib.es6-67bdb021.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 // 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);
@@ -22,42 +21,34 @@ function encodeMp3(arrayBuffer) {
   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
-
-
+}
+// 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) {
@@ -68,17 +59,14 @@ function downsampleToWav(file, callback) {
       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();
@@ -88,15 +76,12 @@ function downsampleToWav(file, callback) {
           });
         }
       };
-
       reader.readAsArrayBuffer(file);
       soundSource.start(0);
     });
   };
-
   fileReader.readAsArrayBuffer(file);
 }
-
 function bufferToWav(abuffer, len) {
   var numOfChan = abuffer.numberOfChannels;
   var length = len * numOfChan * 2 + 44;
@@ -106,57 +91,39 @@ function bufferToWav(abuffer, len) {
   var i = 0;
   var sample;
   var offset = 0;
-  var pos = 0; // write WAVE header
-
+  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;
@@ -164,7 +131,6 @@ function bufferToWav(abuffer, len) {
 }
 
 var noop = function () {};
-
 var VoiceRecorderContext = /*#__PURE__*/React.createContext({
   start: noop,
   stop: noop,
@@ -174,25 +140,19 @@ var VoiceRecorderProvider = function (props) {
   var children = props.children;
   var config = useSendbirdStateContext().config;
   var logger = config.logger;
-
   var _a = React.useState(null),
-      mediaRecorder = _a[0],
-      setMediaRecorder = _a[1];
-
+    mediaRecorder = _a[0],
+    setMediaRecorder = _a[1];
   var _b = React.useState(false),
-      isRecordable = _b[0],
-      setIsRecordable = _b[1];
-
+    isRecordable = _b[0],
+    setIsRecordable = _b[1];
   var start = React.useCallback(function (eventHandler) {
     var _a, _b;
-
     logger.info('VoiceRecorder: Start recording.');
-
     if (mediaRecorder) {
       stop();
       logger.info('VoiceRecorder: Previous mediaRecorder is stopped.');
     }
-
     (_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) {
@@ -202,10 +162,8 @@ var VoiceRecorderProvider = function (props) {
         mimeType: consts.VOICE_RECORDER_MIME_TYPE,
         audioBitsPerSecond: consts.VOICE_RECORDER_AUDIO_BITS
       });
-
       mediaRecorder.ondataavailable = function (e) {
         var _a, _b, _c;
-
         logger.info('VoiceRecorder: Succeeded getting an available data.', e.data);
         var audioFile = new File([e.data], consts.VOICE_MESSAGE_FILE_NAME, {
           lastModified: new Date().getTime(),
@@ -228,7 +186,6 @@ var VoiceRecorderProvider = function (props) {
         });
         setIsRecordable(false);
       };
-
       mediaRecorder === null || mediaRecorder === void 0 ? void 0 : mediaRecorder.start();
       setMediaRecorder(mediaRecorder);
       eventHandler === null || eventHandler === void 0 ? void 0 : eventHandler.onRecordingStarted();