@sendbird/uikit-react 3.5.0-beta.0 → 3.5.0-mobile-web-0

package/index-5644a6c0.js

@@ -0,0 +1,283 @@
+import React__default, { useReducer, useContext, createContext } from 'react';
+import { _ as _objectSpread2 } from './_rollupPluginBabelHelpers-ce69e916.js';
+import { f as VOICE_PLAYER_ROOT_ID, g as VOICE_PLAYER_AUDIO_ID, b as VOICE_MESSAGE_FILE_NAME, c as VOICE_MESSAGE_MIME_TYPE } from './consts-9393e7c8.js';
+import useSendbirdStateContext from './useSendbirdStateContext.js';
+
+const INITIALIZE_AUDIO_UNIT = 'INITIALIZE_AUDIO_UNIT';
+const SET_CURRENT_PLAYER = 'SET_CURRENT_PLAYER';
+const ON_VOICE_PLAYER_PLAY = 'ON_VOICE_PLAYER_PLAY';
+const ON_VOICE_PLAYER_PAUSE = 'ON_VOICE_PLAYER_PAUSE';
+const ON_CURRENT_TIME_UPDATE = 'ON_CURRENT_TIME_UPDATE';
+
+const VOICE_PLAYER_STATUS = {
+  IDLE: 'IDLE',
+  PREPARING: 'PREPARING',
+  PLAYING: 'PLAYING',
+  PAUSED: 'PAUSED',
+  COMPLETED: 'COMPLETED'
+};
+const AudioUnitDefaultValue = () => ({
+  audioFile: null,
+  playbackTime: 0,
+  duration: 1000,
+  playingStatus: VOICE_PLAYER_STATUS.IDLE
+});
+const voicePlayerInitialState = {
+  currentPlayer: null,
+  currentGroupKey: '',
+  audioStorage: {}
+};
+
+function voicePlayerReducer(state, action) {
+  switch (action.type) {
+    case INITIALIZE_AUDIO_UNIT:
+      {
+        var _state$audioStorage;
+        const {
+          groupKey
+        } = action.payload;
+        const audioUnit = (_state$audioStorage = state.audioStorage) !== null && _state$audioStorage !== void 0 && _state$audioStorage[groupKey] ? state.audioStorage[groupKey] : AudioUnitDefaultValue();
+        audioUnit.playingStatus = VOICE_PLAYER_STATUS.PREPARING;
+        return _objectSpread2(_objectSpread2({}, state), {}, {
+          audioStorage: _objectSpread2(_objectSpread2({}, state.audioStorage), {}, {
+            [groupKey]: audioUnit
+          })
+        });
+      }
+    case SET_CURRENT_PLAYER:
+      {
+        const {
+          audioPlayer,
+          groupKey
+        } = action.payload;
+        return _objectSpread2(_objectSpread2({}, state), {}, {
+          currentPlayer: audioPlayer,
+          currentGroupKey: groupKey
+        });
+      }
+    case ON_VOICE_PLAYER_PLAY:
+      {
+        var _state$audioStorage2;
+        const {
+          groupKey,
+          audioFile
+        } = action.payload;
+        const audioUnit = (_state$audioStorage2 = state.audioStorage) !== null && _state$audioStorage2 !== void 0 && _state$audioStorage2[groupKey] ? state.audioStorage[groupKey] : AudioUnitDefaultValue();
+        audioUnit.audioFile = audioFile;
+        audioUnit.playingStatus = VOICE_PLAYER_STATUS.PLAYING;
+        return _objectSpread2(_objectSpread2({}, state), {}, {
+          audioStorage: _objectSpread2(_objectSpread2({}, state.audioStorage), {}, {
+            [groupKey]: audioUnit
+          })
+        });
+      }
+    case ON_VOICE_PLAYER_PAUSE:
+      {
+        var _state$audioStorage3;
+        const {
+          groupKey
+        } = action.payload;
+        const audioUnit = (_state$audioStorage3 = state.audioStorage) !== null && _state$audioStorage3 !== void 0 && _state$audioStorage3[groupKey] ? state.audioStorage[groupKey] : AudioUnitDefaultValue();
+        audioUnit.playingStatus = VOICE_PLAYER_STATUS.PAUSED;
+        const {
+          currentTime,
+          duration
+        } = state.currentPlayer;
+        if (audioUnit.playbackTime === audioUnit.duration) {
+          audioUnit.playbackTime = 0;
+        } else if (currentTime > 0 && duration > 0) {
+          audioUnit.playbackTime = currentTime;
+          audioUnit.duration = duration;
+        }
+        return _objectSpread2(_objectSpread2({}, state), {}, {
+          audioStorage: _objectSpread2(_objectSpread2({}, state.audioStorage), {}, {
+            [groupKey]: audioUnit
+          })
+        });
+      }
+    case ON_CURRENT_TIME_UPDATE:
+      {
+        var _state$audioStorage4;
+        const {
+          groupKey
+        } = action.payload;
+        const {
+          currentTime,
+          duration
+        } = state.currentPlayer;
+        const audioUnit = (_state$audioStorage4 = state.audioStorage) !== null && _state$audioStorage4 !== void 0 && _state$audioStorage4[groupKey] ? state.audioStorage[groupKey] : AudioUnitDefaultValue();
+        if (currentTime > 0 && duration > 0) {
+          audioUnit.playbackTime = currentTime;
+          audioUnit.duration = duration;
+        }
+        return _objectSpread2(_objectSpread2({}, state), {}, {
+          audioStorage: _objectSpread2(_objectSpread2({}, state.audioStorage), {}, {
+            [groupKey]: audioUnit
+          })
+        });
+      }
+    default:
+      return state;
+  }
+}
+
+// VoicePlayerProvider interface
+
+const noop = () => {/* noop */};
+const VoicePlayerStoreDefaultValue = {
+  currentGroupKey: '',
+  currentPlayer: null,
+  audioStorage: {}
+};
+const Context = /*#__PURE__*/createContext({
+  play: noop,
+  pause: noop,
+  stop: noop,
+  voicePlayerStore: VoicePlayerStoreDefaultValue
+});
+const VoicePlayerProvider = _ref => {
+  let {
+    children
+  } = _ref;
+  const [voicePlayerStore, voicePlayerDispatcher] = useReducer(voicePlayerReducer, voicePlayerInitialState);
+  const {
+    currentGroupKey,
+    currentPlayer,
+    audioStorage
+  } = voicePlayerStore;
+  const {
+    config
+  } = useSendbirdStateContext();
+  const {
+    logger
+  } = config;
+  const stop = function () {
+    let text = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+    if (currentGroupKey.includes(text)) {
+      logger.info('VoicePlayer: Pause playing(by text).');
+      pause(currentGroupKey);
+    }
+  };
+  const pause = groupKey => {
+    if (currentGroupKey === groupKey && currentPlayer !== null) {
+      logger.info('VoicePlayer: Pause playing(by group key).');
+      currentPlayer === null || currentPlayer === void 0 ? void 0 : currentPlayer.pause();
+    }
+  };
+  const play = _ref2 => {
+    let {
+      groupKey,
+      audioFile = null,
+      audioFileUrl = ''
+    } = _ref2;
+    if (groupKey !== currentGroupKey) {
+      pause(currentGroupKey);
+    }
+
+    // Clear the previous AudioPlayer element
+    const voicePlayerRoot = document.getElementById(VOICE_PLAYER_ROOT_ID);
+    const voicePlayerAudioElement = document.getElementById(VOICE_PLAYER_AUDIO_ID);
+    if (voicePlayerAudioElement) {
+      voicePlayerRoot.removeChild(voicePlayerAudioElement);
+    }
+    logger.info('VoicePlayer: Start getting audio file.');
+    new Promise(resolve => {
+      var _audioStorage$groupKe;
+      if (audioFile) {
+        resolve(audioFile);
+        logger.info('VoicePlayer: Use the audioFile instance.');
+      }
+      if (audioStorage !== null && audioStorage !== void 0 && (_audioStorage$groupKe = audioStorage[groupKey]) !== null && _audioStorage$groupKe !== void 0 && _audioStorage$groupKe.audioFile) {
+        resolve(audioStorage[groupKey].audioFile);
+        logger.info('VoicePlayer: Get from the audioStorage.');
+      }
+      voicePlayerDispatcher({
+        type: INITIALIZE_AUDIO_UNIT,
+        payload: {
+          groupKey
+        }
+      });
+      fetch(audioFileUrl).then(res => res.blob()).then(blob => {
+        const audioFile = new File([blob], VOICE_MESSAGE_FILE_NAME, {
+          lastModified: new Date().getTime(),
+          type: VOICE_MESSAGE_MIME_TYPE
+        });
+        resolve(audioFile);
+        logger.info('VoicePlayer: Get the audioFile from URL.');
+      });
+    }).then(audioFile => {
+      var _URL, _URL$createObjectURL;
+      logger.info('VoicePlayer: Succeeded getting audio file.', audioFile);
+      const currentAudioUnit = audioStorage[groupKey] || AudioUnitDefaultValue();
+      const audioPlayer = new Audio((_URL = URL) === null || _URL === void 0 ? void 0 : (_URL$createObjectURL = _URL.createObjectURL) === null || _URL$createObjectURL === void 0 ? void 0 : _URL$createObjectURL.call(_URL, audioFile));
+      audioPlayer.id = VOICE_PLAYER_AUDIO_ID;
+      audioPlayer.currentTime = currentAudioUnit.playbackTime;
+      audioPlayer.volume = 1;
+      audioPlayer.loop = false;
+      audioPlayer.onplaying = () => {
+        logger.info('VoicePlayer: OnPlaying event is called from audioPlayer', {
+          groupKey,
+          audioPlayer
+        });
+        voicePlayerDispatcher({
+          type: ON_VOICE_PLAYER_PLAY,
+          payload: {
+            groupKey,
+            audioFile
+          }
+        });
+      };
+      audioPlayer.onpause = () => {
+        logger.info('VoicePlayer: OnPause event is called from audioPlayer', {
+          groupKey,
+          audioPlayer
+        });
+        voicePlayerDispatcher({
+          type: ON_VOICE_PLAYER_PAUSE,
+          payload: {
+            groupKey
+          }
+        });
+      };
+      audioPlayer.ontimeupdate = () => {
+        voicePlayerDispatcher({
+          type: ON_CURRENT_TIME_UPDATE,
+          payload: {
+            groupKey
+          }
+        });
+      };
+      audioPlayer === null || audioPlayer === void 0 ? void 0 : audioPlayer.play();
+      const voicePlayerRoot = document.getElementById(VOICE_PLAYER_ROOT_ID);
+      voicePlayerRoot.appendChild(audioPlayer);
+      voicePlayerDispatcher({
+        type: SET_CURRENT_PLAYER,
+        payload: {
+          groupKey,
+          audioPlayer
+        }
+      });
+      logger.info('VoicePlayer: Succeeded playing audio player.', {
+        groupKey,
+        audioPlayer
+      });
+    });
+  };
+  return /*#__PURE__*/React__default.createElement(Context.Provider, {
+    value: {
+      play,
+      pause,
+      stop,
+      voicePlayerStore
+    }
+  }, /*#__PURE__*/React__default.createElement("div", {
+    id: VOICE_PLAYER_ROOT_ID,
+    style: {
+      display: 'none'
+    }
+  }), children);
+};
+const useVoicePlayerContext = () => useContext(Context);
+
+export { AudioUnitDefaultValue as A, VoicePlayerProvider as V, VOICE_PLAYER_STATUS as a, useVoicePlayerContext as u };
+//# sourceMappingURL=index-5644a6c0.js.map

package/index-5644a6c0.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-5644a6c0.js","sources":["../src/hooks/VoicePlayer/dux/actionTypes.ts","../src/hooks/VoicePlayer/dux/initialState.ts","../src/hooks/VoicePlayer/dux/reducer.ts","../src/hooks/VoicePlayer/index.tsx"],"sourcesContent":["import { ObjectValues } from '../../../utils/typeHelpers/objectValues';\n\nexport const actionTypes = {\n  INITIALIZE_AUDIO_UNIT: 'INITIALIZE_AUDIO_UNIT',\n  SET_CURRENT_PLAYER: 'SET_CURRENT_PLAYER',\n  ON_VOICE_PLAYER_PLAY: 'ON_VOICE_PLAYER_PLAY',\n  ON_VOICE_PLAYER_PAUSE: 'ON_VOICE_PLAYER_PAUSE',\n  ON_CURRENT_TIME_UPDATE: 'ON_CURRENT_TIME_UPDATE',\n} as const;\n\nexport type VoicePlayerActionType = ObjectValues<typeof actionTypes>;\n\nexport const INITIALIZE_AUDIO_UNIT: VoicePlayerActionType = 'INITIALIZE_AUDIO_UNIT';\nexport const SET_CURRENT_PLAYER: VoicePlayerActionType = 'SET_CURRENT_PLAYER';\nexport const ON_VOICE_PLAYER_PLAY: VoicePlayerActionType = 'ON_VOICE_PLAYER_PLAY';\nexport const ON_VOICE_PLAYER_PAUSE: VoicePlayerActionType = 'ON_VOICE_PLAYER_PAUSE';\nexport const ON_CURRENT_TIME_UPDATE: VoicePlayerActionType = 'ON_CURRENT_TIME_UPDATE';\n","import { ObjectValues } from '../../../utils/typeHelpers/objectValues';\nimport { GroupKey } from '../utils';\n\nexport const VOICE_PLAYER_STATUS = {\n  IDLE: 'IDLE',\n  PREPARING: 'PREPARING',\n  PLAYING: 'PLAYING',\n  PAUSED: 'PAUSED',\n  COMPLETED: 'COMPLETED',\n} as const;\n// VoicePlayerStatus should be deprecated / It's left for backward legacy\nexport const VoicePlayerStatus = VOICE_PLAYER_STATUS;\nexport type VoicePlayerStatusType = ObjectValues<typeof VOICE_PLAYER_STATUS>;\n\nexport type AudioStorageUnit = {\n  playingStatus: VoicePlayerStatusType;\n  audioFile: null | File;\n  playbackTime: number;\n  duration: number;\n};\nexport const AudioUnitDefaultValue = (): AudioStorageUnit => ({\n  audioFile: null,\n  playbackTime: 0,\n  duration: 1000,\n  playingStatus: VOICE_PLAYER_STATUS.IDLE,\n});\n\nexport interface VoicePlayerInitialState {\n  currentPlayer: null | HTMLAudioElement;\n  currentGroupKey: string;\n  audioStorage: Record<GroupKey, AudioStorageUnit>;\n}\n\nexport const voicePlayerInitialState: VoicePlayerInitialState = {\n  currentPlayer: null,\n  currentGroupKey: '',\n  audioStorage: {},\n};\n","import {\n  INITIALIZE_AUDIO_UNIT,\n  ON_CURRENT_TIME_UPDATE,\n  ON_VOICE_PLAYER_PAUSE,\n  ON_VOICE_PLAYER_PLAY,\n  SET_CURRENT_PLAYER,\n} from './actionTypes';\nimport {\n  AudioStorageUnit,\n  AudioUnitDefaultValue,\n  VoicePlayerInitialState,\n  VOICE_PLAYER_STATUS,\n} from './initialState';\n\ntype InitializeAudioUnitPayload = { groupKey: string };\ntype SetCurrentPlayerPayload = { audioPlayer: HTMLAudioElement, groupKey: string };\ntype OnVoicePlayerPlayPayload = { groupKey: string, audioFile: File };\ntype OnVoicePlayerPausePayload = { groupKey: string };\ntype OnCurrentTimeUpdatePayload = { groupKey: string };\ntype PayloadType = (\n  InitializeAudioUnitPayload\n  | SetCurrentPlayerPayload\n  | OnVoicePlayerPlayPayload\n  | OnVoicePlayerPausePayload\n  | OnCurrentTimeUpdatePayload\n);\ntype ActionType = {\n  type: string;\n  payload: PayloadType;\n};\n\nexport default function voicePlayerReducer(\n  state: VoicePlayerInitialState,\n  action: ActionType,\n): VoicePlayerInitialState {\n  switch (action.type) {\n    case INITIALIZE_AUDIO_UNIT: {\n      const { groupKey } = action.payload as InitializeAudioUnitPayload;\n      const audioUnit = (state.audioStorage?.[groupKey] ? state.audioStorage[groupKey] : AudioUnitDefaultValue()) as AudioStorageUnit;\n      audioUnit.playingStatus = VOICE_PLAYER_STATUS.PREPARING;\n      return {\n        ...state,\n        audioStorage: {\n          ...state.audioStorage,\n          [groupKey]: audioUnit,\n        },\n      };\n    }\n    case SET_CURRENT_PLAYER: {\n      const { audioPlayer, groupKey } = action.payload as SetCurrentPlayerPayload;\n      return {\n        ...state,\n        currentPlayer: audioPlayer,\n        currentGroupKey: groupKey,\n      };\n    }\n    case ON_VOICE_PLAYER_PLAY: {\n      const { groupKey, audioFile } = action.payload as OnVoicePlayerPlayPayload;\n      const audioUnit = (state.audioStorage?.[groupKey] ? state.audioStorage[groupKey] : AudioUnitDefaultValue()) as AudioStorageUnit;\n      audioUnit.audioFile = audioFile;\n      audioUnit.playingStatus = VOICE_PLAYER_STATUS.PLAYING;\n      return {\n        ...state,\n        audioStorage: {\n          ...state.audioStorage,\n          [groupKey]: audioUnit,\n        },\n      };\n    }\n    case ON_VOICE_PLAYER_PAUSE: {\n      const { groupKey } = action.payload as OnVoicePlayerPausePayload;\n      const audioUnit = (state.audioStorage?.[groupKey] ? state.audioStorage[groupKey] : AudioUnitDefaultValue()) as AudioStorageUnit;\n      audioUnit.playingStatus = VOICE_PLAYER_STATUS.PAUSED;\n      const { currentTime, duration } = state.currentPlayer as HTMLAudioElement;\n      if (audioUnit.playbackTime === audioUnit.duration) {\n        audioUnit.playbackTime = 0;\n      } else if (currentTime > 0 && duration > 0) {\n        audioUnit.playbackTime = currentTime;\n        audioUnit.duration = duration;\n      }\n      return {\n        ...state,\n        audioStorage: {\n          ...state.audioStorage,\n          [groupKey]: audioUnit,\n        },\n      };\n    }\n    case ON_CURRENT_TIME_UPDATE: {\n      const { groupKey } = action.payload as OnCurrentTimeUpdatePayload;\n      const { currentTime, duration } = state.currentPlayer as HTMLAudioElement;\n      const audioUnit = (state.audioStorage?.[groupKey] ? state.audioStorage[groupKey] : AudioUnitDefaultValue()) as AudioStorageUnit;\n      if (currentTime > 0 && duration > 0) {\n        audioUnit.playbackTime = currentTime;\n        audioUnit.duration = duration;\n      }\n      return {\n        ...state,\n        audioStorage: {\n          ...state.audioStorage,\n          [groupKey]: audioUnit,\n        },\n      };\n    }\n    default:\n      return state;\n  }\n}\n","import React, { createContext, useContext, useReducer } from 'react';\nimport voicePlayerReducer from './dux/reducer';\nimport {\n  AudioStorageUnit,\n  AudioUnitDefaultValue,\n  VoicePlayerInitialState,\n  voicePlayerInitialState,\n} from './dux/initialState';\nimport {\n  INITIALIZE_AUDIO_UNIT,\n  ON_CURRENT_TIME_UPDATE,\n  ON_VOICE_PLAYER_PAUSE,\n  ON_VOICE_PLAYER_PLAY,\n  SET_CURRENT_PLAYER,\n} from './dux/actionTypes';\nimport {\n  VOICE_MESSAGE_FILE_NAME,\n  VOICE_MESSAGE_MIME_TYPE,\n  VOICE_PLAYER_AUDIO_ID,\n  VOICE_PLAYER_ROOT_ID,\n} from '../../utils/consts';\nimport useSendbirdStateContext from '../useSendbirdStateContext';\n\n// VoicePlayerProvider interface\nexport interface VoicePlayerProps {\n  children: React.ReactElement;\n}\nexport interface VoicePlayerPlayProps {\n  groupKey: string;\n  audioFile?: File;\n  audioFileUrl?: string;\n}\nexport interface VoicePlayerContext {\n  play: (props: VoicePlayerPlayProps) => void;\n  pause: (groupKey?: string) => void;\n  stop: (text?: string) => void;\n  voicePlayerStore: VoicePlayerInitialState;\n}\n\nconst noop = () => { /* noop */ };\nconst VoicePlayerStoreDefaultValue = {\n  currentGroupKey: '',\n  currentPlayer: null,\n  audioStorage: {},\n};\n\nconst Context = createContext<VoicePlayerContext>({\n  play: noop,\n  pause: noop,\n  stop: noop,\n  voicePlayerStore: VoicePlayerStoreDefaultValue,\n});\n\nexport const VoicePlayerProvider = ({\n  children,\n}: VoicePlayerProps): React.ReactElement => {\n  const [voicePlayerStore, voicePlayerDispatcher] = useReducer(voicePlayerReducer, voicePlayerInitialState);\n  const {\n    currentGroupKey,\n    currentPlayer,\n    audioStorage,\n  } = voicePlayerStore;\n  const { config } = useSendbirdStateContext();\n  const { logger } = config;\n\n  const stop = (text = '') => {\n    if (currentGroupKey.includes(text)) {\n      logger.info('VoicePlayer: Pause playing(by text).');\n      pause(currentGroupKey);\n    }\n  };\n\n  const pause = (groupKey: string) => {\n    if (currentGroupKey === groupKey && currentPlayer !== null) {\n      logger.info('VoicePlayer: Pause playing(by group key).');\n      currentPlayer?.pause();\n    }\n  };\n\n  const play = ({\n    groupKey,\n    audioFile = null,\n    audioFileUrl = '',\n  }: VoicePlayerPlayProps): void => {\n    if (groupKey !== currentGroupKey) {\n      pause(currentGroupKey);\n    }\n\n    // Clear the previous AudioPlayer element\n    const voicePlayerRoot = document.getElementById(VOICE_PLAYER_ROOT_ID);\n    const voicePlayerAudioElement = document.getElementById(VOICE_PLAYER_AUDIO_ID);\n    if (voicePlayerAudioElement) {\n      voicePlayerRoot.removeChild(voicePlayerAudioElement);\n    }\n\n    logger.info('VoicePlayer: Start getting audio file.');\n    new Promise((resolve) => {\n      if (audioFile) {\n        resolve(audioFile);\n        logger.info('VoicePlayer: Use the audioFile instance.');\n      }\n      if (audioStorage?.[groupKey]?.audioFile) {\n        resolve(audioStorage[groupKey].audioFile);\n        logger.info('VoicePlayer: Get from the audioStorage.');\n      }\n      voicePlayerDispatcher({\n        type: INITIALIZE_AUDIO_UNIT,\n        payload: { groupKey },\n      });\n      fetch(audioFileUrl)\n        .then((res) => res.blob())\n        .then((blob) => {\n          const audioFile = new File([blob], VOICE_MESSAGE_FILE_NAME, {\n            lastModified: new Date().getTime(),\n            type: VOICE_MESSAGE_MIME_TYPE,\n          });\n          resolve(audioFile);\n          logger.info('VoicePlayer: Get the audioFile from URL.');\n        });\n    }).then((audioFile: File) => {\n      logger.info('VoicePlayer: Succeeded getting audio file.', audioFile);\n      const currentAudioUnit = audioStorage[groupKey] || AudioUnitDefaultValue() as AudioStorageUnit;\n      const audioPlayer = new Audio(URL?.createObjectURL?.(audioFile));\n      audioPlayer.id = VOICE_PLAYER_AUDIO_ID;\n      audioPlayer.currentTime = currentAudioUnit.playbackTime;\n      audioPlayer.volume = 1;\n      audioPlayer.loop = false;\n      audioPlayer.onplaying = () => {\n        logger.info('VoicePlayer: OnPlaying event is called from audioPlayer', { groupKey, audioPlayer });\n        voicePlayerDispatcher({\n          type: ON_VOICE_PLAYER_PLAY,\n          payload: { groupKey, audioFile },\n        });\n      };\n      audioPlayer.onpause = () => {\n        logger.info('VoicePlayer: OnPause event is called from audioPlayer', { groupKey, audioPlayer });\n        voicePlayerDispatcher({\n          type: ON_VOICE_PLAYER_PAUSE,\n          payload: { groupKey },\n        });\n      };\n      audioPlayer.ontimeupdate = () => {\n        voicePlayerDispatcher({\n          type: ON_CURRENT_TIME_UPDATE,\n          payload: { groupKey },\n        });\n      };\n      audioPlayer?.play();\n      const voicePlayerRoot = document.getElementById(VOICE_PLAYER_ROOT_ID);\n      voicePlayerRoot.appendChild(audioPlayer);\n      voicePlayerDispatcher({\n        type: SET_CURRENT_PLAYER,\n        payload: { groupKey, audioPlayer },\n      });\n      logger.info('VoicePlayer: Succeeded playing audio player.', { groupKey, audioPlayer });\n    });\n  };\n\n  return (\n    <Context.Provider value={{\n      play,\n      pause,\n      stop,\n      voicePlayerStore,\n    }}>\n      <div id={VOICE_PLAYER_ROOT_ID} style={{ display: 'none' }} />\n      {children}\n    </Context.Provider>\n  );\n};\n\nexport const useVoicePlayerContext = (): VoicePlayerContext => useContext(Context);\n"],"names":["INITIALIZE_AUDIO_UNIT","SET_CURRENT_PLAYER","ON_VOICE_PLAYER_PLAY","ON_VOICE_PLAYER_PAUSE","ON_CURRENT_TIME_UPDATE","VOICE_PLAYER_STATUS","IDLE","PREPARING","PLAYING","PAUSED","COMPLETED","AudioUnitDefaultValue","audioFile","playbackTime","duration","playingStatus","voicePlayerInitialState","currentPlayer","currentGroupKey","audioStorage","voicePlayerReducer","state","action","type","_state$audioStorage","groupKey","payload","audioUnit","_objectSpread","audioPlayer","_state$audioStorage2","_state$audioStorage3","currentTime","_state$audioStorage4","noop","VoicePlayerStoreDefaultValue","Context","createContext","play","pause","stop","voicePlayerStore","VoicePlayerProvider","_ref","children","voicePlayerDispatcher","useReducer","config","useSendbirdStateContext","logger","text","arguments","length","undefined","includes","info","_ref2","audioFileUrl","voicePlayerRoot","document","getElementById","VOICE_PLAYER_ROOT_ID","voicePlayerAudioElement","VOICE_PLAYER_AUDIO_ID","removeChild","Promise","resolve","_audioStorage$groupKe","fetch","then","res","blob","File","VOICE_MESSAGE_FILE_NAME","lastModified","Date","getTime","VOICE_MESSAGE_MIME_TYPE","_URL","_URL$createObjectURL","currentAudioUnit","Audio","URL","createObjectURL","call","id","volume","loop","onplaying","onpause","ontimeupdate","appendChild","React","createElement","Provider","value","style","display","useVoicePlayerContext","useContext"],"mappings":"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"}

package/{index-defabece.js → index-5db37327.js}

@@ -1,5 +1,5 @@
-import { i as isSameDay } from './index-d3f6dbb9.js';
-import { r as requiredArgs, t as toDate, a as toInteger } from './index-3f26a31c.js';
+import { i as isSameDay } from './index-9781d2b9.js';
+import { r as requiredArgs, t as toDate, a as toInteger } from './index-06f34585.js';
 
 /**
  * @name isToday
@@ -28,6 +28,59 @@ function isToday(dirtyDate) {
   return isSameDay(dirtyDate, Date.now());
 }
 
+/**
+ * @name isSameYear
+ * @category Year Helpers
+ * @summary Are the given dates in the same year?
+ *
+ * @description
+ * Are the given dates in the same year?
+ *
+ * @param {Date|Number} dateLeft - the first date to check
+ * @param {Date|Number} dateRight - the second date to check
+ * @returns {Boolean} the dates are in the same year
+ * @throws {TypeError} 2 arguments required
+ *
+ * @example
+ * // Are 2 September 2014 and 25 September 2014 in the same year?
+ * const result = isSameYear(new Date(2014, 8, 2), new Date(2014, 8, 25))
+ * //=> true
+ */
+
+function isSameYear(dirtyDateLeft, dirtyDateRight) {
+  requiredArgs(2, arguments);
+  var dateLeft = toDate(dirtyDateLeft);
+  var dateRight = toDate(dirtyDateRight);
+  return dateLeft.getFullYear() === dateRight.getFullYear();
+}
+
+/**
+ * @name isThisYear
+ * @category Year Helpers
+ * @summary Is the given date in the same year as the current date?
+ * @pure false
+ *
+ * @description
+ * Is the given date in the same year as the current date?
+ *
+ * > ⚠️ Please note that this function is not present in the FP submodule as
+ * > it uses `Date.now()` internally hence impure and can't be safely curried.
+ *
+ * @param {Date|Number} date - the date to check
+ * @returns {Boolean} the date is in this year
+ * @throws {TypeError} 1 argument required
+ *
+ * @example
+ * // If today is 25 September 2014, is 2 July 2014 in this year?
+ * const result = isThisYear(new Date(2014, 6, 2))
+ * //=> true
+ */
+
+function isThisYear(dirtyDate) {
+  requiredArgs(1, arguments);
+  return isSameYear(dirtyDate, Date.now());
+}
+
 /**
  * @name addDays
  * @category Day Helpers
@@ -117,5 +170,5 @@ function isYesterday(dirtyDate) {
   return isSameDay(dirtyDate, subDays(Date.now(), 1));
 }
 
-export { isYesterday as a, isToday as i };
-//# sourceMappingURL=index-defabece.js.map
+export { isYesterday as a, isThisYear as b, isToday as i };
+//# sourceMappingURL=index-5db37327.js.map

package/index-5db37327.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-5db37327.js","sources":["../node_modules/date-fns/esm/isToday/index.js","../node_modules/date-fns/esm/isSameYear/index.js","../node_modules/date-fns/esm/isThisYear/index.js","../node_modules/date-fns/esm/addDays/index.js","../node_modules/date-fns/esm/subDays/index.js","../node_modules/date-fns/esm/isYesterday/index.js"],"sourcesContent":["import isSameDay from \"../isSameDay/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name isToday\n * @category Day Helpers\n * @summary Is the given date today?\n * @pure false\n *\n * @description\n * Is the given date today?\n *\n * > ⚠️ Please note that this function is not present in the FP submodule as\n * > it uses `Date.now()` internally hence impure and can't be safely curried.\n *\n * @param {Date|Number} date - the date to check\n * @returns {Boolean} the date is today\n * @throws {TypeError} 1 argument required\n *\n * @example\n * // If today is 6 October 2014, is 6 October 14:00:00 today?\n * const result = isToday(new Date(2014, 9, 6, 14, 0))\n * //=> true\n */\n\nexport default function isToday(dirtyDate) {\n  requiredArgs(1, arguments);\n  return isSameDay(dirtyDate, Date.now());\n}","import toDate from \"../toDate/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name isSameYear\n * @category Year Helpers\n * @summary Are the given dates in the same year?\n *\n * @description\n * Are the given dates in the same year?\n *\n * @param {Date|Number} dateLeft - the first date to check\n * @param {Date|Number} dateRight - the second date to check\n * @returns {Boolean} the dates are in the same year\n * @throws {TypeError} 2 arguments required\n *\n * @example\n * // Are 2 September 2014 and 25 September 2014 in the same year?\n * const result = isSameYear(new Date(2014, 8, 2), new Date(2014, 8, 25))\n * //=> true\n */\n\nexport default function isSameYear(dirtyDateLeft, dirtyDateRight) {\n  requiredArgs(2, arguments);\n  var dateLeft = toDate(dirtyDateLeft);\n  var dateRight = toDate(dirtyDateRight);\n  return dateLeft.getFullYear() === dateRight.getFullYear();\n}","import isSameYear from \"../isSameYear/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name isThisYear\n * @category Year Helpers\n * @summary Is the given date in the same year as the current date?\n * @pure false\n *\n * @description\n * Is the given date in the same year as the current date?\n *\n * > ⚠️ Please note that this function is not present in the FP submodule as\n * > it uses `Date.now()` internally hence impure and can't be safely curried.\n *\n * @param {Date|Number} date - the date to check\n * @returns {Boolean} the date is in this year\n * @throws {TypeError} 1 argument required\n *\n * @example\n * // If today is 25 September 2014, is 2 July 2014 in this year?\n * const result = isThisYear(new Date(2014, 6, 2))\n * //=> true\n */\n\nexport default function isThisYear(dirtyDate) {\n  requiredArgs(1, arguments);\n  return isSameYear(dirtyDate, Date.now());\n}","import toInteger from \"../_lib/toInteger/index.js\";\nimport toDate from \"../toDate/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name addDays\n * @category Day Helpers\n * @summary Add the specified number of days to the given date.\n *\n * @description\n * Add the specified number of days to the given date.\n *\n * @param {Date|Number} date - the date to be changed\n * @param {Number} amount - the amount of days to be added. Positive decimals will be rounded using `Math.floor`, decimals less than zero will be rounded using `Math.ceil`.\n * @returns {Date} - the new date with the days added\n * @throws {TypeError} - 2 arguments required\n *\n * @example\n * // Add 10 days to 1 September 2014:\n * const result = addDays(new Date(2014, 8, 1), 10)\n * //=> Thu Sep 11 2014 00:00:00\n */\n\nexport default function addDays(dirtyDate, dirtyAmount) {\n  requiredArgs(2, arguments);\n  var date = toDate(dirtyDate);\n  var amount = toInteger(dirtyAmount);\n\n  if (isNaN(amount)) {\n    return new Date(NaN);\n  }\n\n  if (!amount) {\n    // If 0 days, no-op to avoid changing times in the hour before end of DST\n    return date;\n  }\n\n  date.setDate(date.getDate() + amount);\n  return date;\n}","import addDays from \"../addDays/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\nimport toInteger from \"../_lib/toInteger/index.js\";\n/**\n * @name subDays\n * @category Day Helpers\n * @summary Subtract the specified number of days from the given date.\n *\n * @description\n * Subtract the specified number of days from the given date.\n *\n * @param {Date|Number} date - the date to be changed\n * @param {Number} amount - the amount of days to be subtracted. Positive decimals will be rounded using `Math.floor`, decimals less than zero will be rounded using `Math.ceil`.\n * @returns {Date} the new date with the days subtracted\n * @throws {TypeError} 2 arguments required\n *\n * @example\n * // Subtract 10 days from 1 September 2014:\n * const result = subDays(new Date(2014, 8, 1), 10)\n * //=> Fri Aug 22 2014 00:00:00\n */\n\nexport default function subDays(dirtyDate, dirtyAmount) {\n  requiredArgs(2, arguments);\n  var amount = toInteger(dirtyAmount);\n  return addDays(dirtyDate, -amount);\n}","import isSameDay from \"../isSameDay/index.js\";\nimport subDays from \"../subDays/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name isYesterday\n * @category Day Helpers\n * @summary Is the given date yesterday?\n * @pure false\n *\n * @description\n * Is the given date yesterday?\n *\n * > ⚠️ Please note that this function is not present in the FP submodule as\n * > it uses `Date.now()` internally hence impure and can't be safely curried.\n *\n * @param {Date|Number} date - the date to check\n * @returns {Boolean} the date is yesterday\n * @throws {TypeError} 1 argument required\n *\n * @example\n * // If today is 6 October 2014, is 5 October 14:00:00 yesterday?\n * const result = isYesterday(new Date(2014, 9, 5, 14, 0))\n * //=> true\n */\n\nexport default function isYesterday(dirtyDate) {\n  requiredArgs(1, arguments);\n  return isSameDay(dirtyDate, subDays(Date.now(), 1));\n}"],"names":[],"mappings":"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"}

package/{index-fc4702b7.js → index-7c9ebc67.js}

@@ -1,92 +1,82 @@
 import React__default, { useMemo, useRef, useContext, useState } from 'react';
 import Modal from './ui/Modal.js';
-import { a as LocalizationContext } from './LocalizationContext-4df0cc32.js';
+import { a as LocalizationContext } from './LocalizationContext-1839d2db.js';
 import useSendbirdStateContext from './useSendbirdStateContext.js';
 import Input, { InputLabel } from './ui/Input.js';
 import Avatar from './ui/Avatar.js';
 import Icon, { IconTypes } from './ui/Icon.js';
 import { ButtonTypes } from './ui/Button.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from './index-44470dab.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from './index-e1cd2fcf.js';
 import TextButton from './ui/TextButton.js';
-import { n as noop } from './utils-e720e03a.js';
-import { U as UPDATE_USER_INFO } from './actionTypes-ad2cbd73.js';
+import { n as noop } from './utils-256f157f.js';
+import { U as USER_ACTIONS } from './actionTypes-a5283c75.js';
 
-var EditUserProfileProviderContext = /*#__PURE__*/React__default.createContext(undefined);
-
-var EditUserProfileProvider = function (props) {
-  var children = props.children,
-      onEditProfile = props.onEditProfile,
-      onCancel = props.onCancel,
-      onThemeChange = props.onThemeChange;
-  var value = useMemo(function () {
+const EditUserProfileProviderContext = /*#__PURE__*/React__default.createContext(undefined);
+const EditUserProfileProvider = props => {
+  const {
+    children,
+    onEditProfile,
+    onCancel,
+    onThemeChange
+  } = props;
+  const value = useMemo(() => {
     return {
-      onEditProfile: onEditProfile,
-      onCancel: onCancel,
-      onThemeChange: onThemeChange
+      onEditProfile,
+      onCancel,
+      onThemeChange
     };
   }, []);
   return /*#__PURE__*/React__default.createElement(EditUserProfileProviderContext.Provider, {
     value: value
   }, children);
 };
-
-var useEditUserProfileContext = function () {
-  return React__default.useContext(EditUserProfileProviderContext);
-};
+const useEditUserProfileContext = () => React__default.useContext(EditUserProfileProviderContext);
 
 function EditUserProfile() {
-  var _a, _b, _c, _d, _e, _f, _g;
-
-  var editProfileProps = useEditUserProfileContext();
-  var store = useSendbirdStateContext();
-  var hiddenInputRef = useRef(null);
-  var inputRef = useRef(null);
-  var formRef = useRef(null);
-  var stringSet = useContext(LocalizationContext).stringSet;
-
-  var _h = useState(null),
-      currentImg = _h[0],
-      setCurrentImg = _h[1];
-
-  var _j = useState(null),
-      newFile = _j[0],
-      setNewFile = _j[1];
-
-  var onEditProfile = editProfileProps.onEditProfile,
-      onCancel = editProfileProps.onCancel,
-      onThemeChange = editProfileProps.onThemeChange;
-  var theme = ((_a = store === null || store === void 0 ? void 0 : store.config) === null || _a === void 0 ? void 0 : _a.theme) || 'light';
-  var changeTheme = ((_b = store === null || store === void 0 ? void 0 : store.config) === null || _b === void 0 ? void 0 : _b.setCurrenttheme) || noop;
-  var user = (_d = (_c = store === null || store === void 0 ? void 0 : store.stores) === null || _c === void 0 ? void 0 : _c.userStore) === null || _d === void 0 ? void 0 : _d.user;
-  var sdk = (_f = (_e = store === null || store === void 0 ? void 0 : store.stores) === null || _e === void 0 ? void 0 : _e.sdkStore) === null || _f === void 0 ? void 0 : _f.sdk;
-  var userDispatcher = (_g = store === null || store === void 0 ? void 0 : store.dispatchers) === null || _g === void 0 ? void 0 : _g.userDispatcher;
+  var _store$config, _store$config2, _store$stores, _store$stores$userSto, _store$stores2, _store$stores2$sdkSto, _store$dispatchers;
+  const editProfileProps = useEditUserProfileContext();
+  const store = useSendbirdStateContext();
+  const hiddenInputRef = useRef(null);
+  const inputRef = useRef(null);
+  const formRef = useRef(null);
+  const {
+    stringSet
+  } = useContext(LocalizationContext);
+  const [currentImg, setCurrentImg] = useState(null);
+  const [newFile, setNewFile] = useState(null);
+  const {
+    onEditProfile,
+    onCancel,
+    onThemeChange
+  } = editProfileProps;
+  const theme = (store === null || store === void 0 ? void 0 : (_store$config = store.config) === null || _store$config === void 0 ? void 0 : _store$config.theme) || 'light';
+  const changeTheme = (store === null || store === void 0 ? void 0 : (_store$config2 = store.config) === null || _store$config2 === void 0 ? void 0 : _store$config2.setCurrenttheme) || noop;
+  const user = store === null || store === void 0 ? void 0 : (_store$stores = store.stores) === null || _store$stores === void 0 ? void 0 : (_store$stores$userSto = _store$stores.userStore) === null || _store$stores$userSto === void 0 ? void 0 : _store$stores$userSto.user;
+  const sdk = store === null || store === void 0 ? void 0 : (_store$stores2 = store.stores) === null || _store$stores2 === void 0 ? void 0 : (_store$stores2$sdkSto = _store$stores2.sdkStore) === null || _store$stores2$sdkSto === void 0 ? void 0 : _store$stores2$sdkSto.sdk;
+  const userDispatcher = store === null || store === void 0 ? void 0 : (_store$dispatchers = store.dispatchers) === null || _store$dispatchers === void 0 ? void 0 : _store$dispatchers.userDispatcher;
   return /*#__PURE__*/React__default.createElement(Modal, {
     titleText: stringSet.EDIT_PROFILE__TITLE,
     submitText: stringSet.BUTTON__SAVE,
     type: ButtonTypes.PRIMARY,
     onCancel: onCancel,
     isFullScreenOnMobile: true,
-    onSubmit: function () {
-      var _a;
-
+    onSubmit: () => {
+      var _inputRef$current;
       if ((user === null || user === void 0 ? void 0 : user.nickname) !== '' && !inputRef.current.value) {
         if (formRef.current.reportValidity) {
           // might not work in explorer
           formRef.current.reportValidity();
         }
-
         return;
       }
-
       sdk === null || sdk === void 0 ? void 0 : sdk.updateCurrentUserInfo({
-        nickname: (_a = inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) === null || _a === void 0 ? void 0 : _a.value,
+        nickname: inputRef === null || inputRef === void 0 ? void 0 : (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.value,
         profileImage: newFile
-      }).then(function (updatedUser) {
+      }).then(updatedUser => {
         userDispatcher({
-          type: UPDATE_USER_INFO,
+          type: USER_ACTIONS.UPDATE_USER_INFO,
           payload: updatedUser
         });
-
         if (onEditProfile && typeof onEditProfile === 'function') {
           onEditProfile(updatedUser);
         }
@@ -95,7 +85,7 @@ function EditUserProfile() {
   }, /*#__PURE__*/React__default.createElement("form", {
     className: "sendbird-edit-user-profile",
     ref: formRef,
-    onSubmit: function (e) {
+    onSubmit: e => {
       e.preventDefault();
     }
   }, /*#__PURE__*/React__default.createElement("section", {
@@ -113,7 +103,7 @@ function EditUserProfile() {
     style: {
       display: 'none'
     },
-    onChange: function (e) {
+    onChange: e => {
       setCurrentImg(URL.createObjectURL(e.target.files[0]));
       setNewFile(e.target.files[0]);
       hiddenInputRef.current.value = '';
@@ -121,9 +111,7 @@ function EditUserProfile() {
   }), /*#__PURE__*/React__default.createElement(TextButton, {
     className: "sendbird-edit-user-profile__img__avatar-button",
     disableUnderline: true,
-    onClick: function () {
-      return hiddenInputRef.current.click();
-    }
+    onClick: () => hiddenInputRef.current.click()
   }, /*#__PURE__*/React__default.createElement(Label, {
     type: LabelTypography.BUTTON_1,
     color: LabelColors.PRIMARY
@@ -146,22 +134,26 @@ function EditUserProfile() {
   }, /*#__PURE__*/React__default.createElement(InputLabel, null, stringSet.EDIT_PROFILE__THEME_LABEL), /*#__PURE__*/React__default.createElement("div", {
     className: "sendbird-edit-user-profile__theme__theme-icon"
   }, theme === 'dark' ? /*#__PURE__*/React__default.createElement(Icon, {
-    onClick: function () {
+    onClick: () => {
       changeTheme('light');
-      onThemeChange === null || onThemeChange === void 0 ? void 0 : onThemeChange('light'); // if (onThemeChange && typeof onThemeChange === 'function') {
+      onThemeChange === null || onThemeChange === void 0 ? void 0 : onThemeChange('light');
+      // if (onThemeChange && typeof onThemeChange === 'function') {
       //   onThemeChange('light');
       // }
     },
+
     type: IconTypes.TOGGLE_ON,
     width: 44,
     height: 24
   }) : /*#__PURE__*/React__default.createElement(Icon, {
-    onClick: function () {
+    onClick: () => {
       changeTheme('dark');
-      onThemeChange === null || onThemeChange === void 0 ? void 0 : onThemeChange('dark'); // if (onThemeChange && typeof onThemeChange === 'function') {
+      onThemeChange === null || onThemeChange === void 0 ? void 0 : onThemeChange('dark');
+      // if (onThemeChange && typeof onThemeChange === 'function') {
       //   onThemeChange('dark');
       // }
     },
+
     type: IconTypes.TOGGLE_OFF,
     width: 44,
     height: 24
@@ -169,4 +161,4 @@ function EditUserProfile() {
 }
 
 export { EditUserProfileProvider as E, EditUserProfile as a };
-//# sourceMappingURL=index-fc4702b7.js.map
+//# sourceMappingURL=index-7c9ebc67.js.map