@sendbird/uikit-react 3.4.4 → 3.4.5

package/cjs/{UserProfileContext-7bc4eec4.js → UserProfileContext-c4642438.js}

@@ -49,4 +49,4 @@ UserProfileProvider.defaultProps = {
 
 exports.UserProfileContext = UserProfileContext;
 exports.UserProfileProvider = UserProfileProvider;
-//# sourceMappingURL=UserProfileContext-7bc4eec4.js.map
+//# sourceMappingURL=UserProfileContext-c4642438.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"UserProfileContext-7bc4eec4.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-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;;;;;"}

package/cjs/{VoiceMessageInputWrapper-82c8ef13.js → VoiceMessageInputWrapper-3b5db880.js}

@@ -1,17 +1,17 @@
 'use strict';
 
 var React = require('react');
-var LocalizationContext = require('./LocalizationContext-4822793b.js');
+var LocalizationContext = require('./LocalizationContext-01fceac0.js');
 var VoicePlayer_useVoicePlayer = require('./VoicePlayer/useVoicePlayer.js');
 var VoiceRecorder_useVoiceRecorder = require('./VoiceRecorder/useVoiceRecorder.js');
-var Channel_context = require('./ChannelProvider-b963c72c.js');
-var ui_VoiceMessgeInput = require('./index-a867516a.js');
+var Channel_context = require('./ChannelProvider-af0b997c.js');
+var ui_VoiceMessgeInput = require('./index-1e57cbdb.js');
 var ui_Modal = require('./ui/Modal.js');
 var ui_Button = require('./ui/Button.js');
 var useSendbirdStateContext = require('./useSendbirdStateContext.js');
-var consts = require('./consts-2b0eaee0.js');
-var VoicePlayer_context = require('./index-e9d3a5d6.js');
-var uuid = require('./uuid-8454abf3.js');
+var consts = require('./consts-69fc20be.js');
+var VoicePlayer_context = require('./index-c825cf5b.js');
+var uuid = require('./uuid-26b61f16.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -180,4 +180,4 @@ var VoiceMessageInputWrapper = function (_a) {
 };
 
 exports.VoiceMessageInputWrapper = VoiceMessageInputWrapper;
-//# sourceMappingURL=VoiceMessageInputWrapper-82c8ef13.js.map
+//# sourceMappingURL=VoiceMessageInputWrapper-3b5db880.js.map

package/cjs/{VoiceMessageInputWrapper-82c8ef13.js.map → VoiceMessageInputWrapper-3b5db880.js.map}

@@ -1 +1 @@
-{"version":3,"file":"VoiceMessageInputWrapper-82c8ef13.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":";;;;;;;;;;;;;;;;;;;AAwBaA,IAAAA,wBAAwB,GAAG,UAACC,EAAD,EAIR;;;AAH9B,EAAA,IAAAC,OAAO,aAAP;AAAA,MACAC,aAAa,GAAAF,EAAA,CAAAE,aADb;AAAA,MAEAC,aAAa,GAAAH,EAAA,CAAAG,aAFb,CAAA;;AAIM,EAAA,IAAAC,EAAA,GAA4BC,cAAQ,CAAO,IAAP,CAApC;AAAA,MAACC,SAAS,GAAAF,EAAA,CAAA,CAAA,CAAV;AAAA,MAAYG,YAAY,GAAAH,EAAA,CAAA,CAAA,CAAxB,CAAA;;EACC,IAAAI,MAAI,GAAIH,cAAQ,CAASI,WAAM,EAAf,CAAR,EAAA,CAAR,CAAA;;AACD,EAAA,IAAAC,EAAwC,GAAAL,cAAQ,CAA0BM,2CAAuB,CAACC,eAAlD,CAAhD;AAAA,MAACC,eAAe,GAAAH,EAAA,CAAA,CAAA,CAAhB;AAAA,MAAkBI,kBAAkB,QAApC,CAAA;;AACA,EAAA,IAAAC,EAAA,GAA0BV,cAAQ,CAAC,KAAD,CAAlC;AAAA,MAACW,UAAU,GAAAD,EAAA,CAAA,CAAA,CAAX;AAAA,MAAaE,SAAS,GAAAF,EAAA,CAAA,CAAA,CAAtB,CAAA;;AACA,EAAA,IAAAG,EAAA,GAA4Bb,cAAQ,CAAC,KAAD,CAApC;AAAA,MAACc,UAAU,GAAAD,EAAA,CAAA,CAAA,CAAX;AAAA,MAAaE,WAAW,GAAAF,EAAA,CAAA,CAAA,CAAxB,CAAA;;AACA,EAAA,IAAAG,EAAA,GAA4BhB,cAAQ,CAAC,KAAD,CAApC;AAAA,MAACiB,SAAS,GAAAD,EAAA,CAAA,CAAA,CAAV;AAAA,MAAYE,YAAY,GAAAF,EAAA,CAAA,CAAA,CAAxB,CAAA;;AACE,EAAA,IAAAG,SAAS,GAAKC,mCAAe,EAAA,UAA7B,CAAA;AACA,EAAA,IAAAC,MAAM,GAAKC,uBAAuB,EAAA,OAAlC,CAAA;AACR,EAAA,IAAMC,gBAAgB,GAAG,CAAA,CAAAC,EAAA,GAAAH,MAAM,KAAN,IAAA,IAAAA,MAAM,KAAN,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,MAAM,CAAEI,WAAR,MAAmB,IAAnB,IAAmBD,EAAA,KAAA,KAAA,CAAnB,GAAmB,KAAA,CAAnB,GAAmBA,EAAA,CAAED,gBAArB,KAAyCG,iCAAlE,CAAA;;EACM,IAAAC,EAAA,GAOFC,+CAAgB,CAAC;AACnBC,IAAAA,kBAAkB,EAAE,YAAA;AAClBpB,MAAAA,kBAAkB,CAACH,2CAAuB,CAACwB,SAAzB,CAAlB,CAAA;KAFiB;IAInBC,gBAAgB,EAAE,UAAC9B,SAAD,EAAU;MAC1BC,YAAY,CAACD,SAAD,CAAZ,CAAA;AACD,KAAA;AANkB,GAAD,CAPd;AAAA,MACJ+B,KAAK,GAAAL,EAAA,CAAAK,KADD;AAAA,MAEJC,IAAI,GAAAN,EAAA,CAAAM,IAFA;AAAA,MAGJC,MAAM,GAAAP,EAAA,CAAAO,MAHF;AAAA,MAIJC,aAAa,mBAJT;AAAA,MAKJC,eAAe,qBALX;AAAA,MAMJC,cAAc,oBANV,CAAA;;EAeN,IAAMC,WAAW,GAAGC,yCAAc,CAAC;AACjCC,IAAAA,UAAU,EAAE5C,OAAO,KAAA,IAAP,IAAAA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAO,CAAE6C,GADY;AAEjCC,IAAAA,GAAG,EAAEvC,MAF4B;AAGjCF,IAAAA,SAAS,EAAEA,SAAAA;AAHsB,GAAD,CAAlC,CAAA;AAME,EAAA,IAAA0C,IAAI,GAIFL,WAAW,KAJb;AAAA,MACAM,KAAK,GAGHN,WAAW,CAAAM,KAJb;AAAA,MAEAC,YAAY,GAEVP,WAAW,CAFDO,YAFZ;AAAA,MAGAC,aAAa,GACXR,WAAW,cAJb,CAAA;AAKF,EAAA,IAAMS,eAAe,GAAGT,WAAW,CAACL,IAApC,CApC8B;;AAuC9Be,EAAAA,eAAS,CAAC,YAAA;IACR,IAAIC,uCAAuB,CAACrD,OAAD,CAAvB,IAAoCsD,sCAAsB,CAACtD,OAAD,CAA9D,EAAyE;MACvEmB,WAAW,CAAC,IAAD,CAAX,CAAA;AACD,KAFD,MAEO;MACLA,WAAW,CAAC,KAAD,CAAX,CAAA;AACD,KAAA;GALM,EAMN,CAACnB,OAAO,KAAP,IAAA,IAAAA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAO,CAAEuD,MAAV,EAAkBvD,OAAO,KAAP,IAAA,IAAAA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAO,CAAEwD,QAA3B,EAAqCxD,OAAO,KAAP,IAAA,IAAAA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAO,CAAEyD,YAA9C,CANM,CAAT,CAAA;AAQAL,EAAAA,eAAS,CAAC,YAAA;IACR,IAAIrC,UAAU,IAAIV,SAAlB,EAA6B;AAC3BH,MAAAA,aAAa,CAACG,SAAD,EAAYkC,aAAZ,CAAb,CAAA;MACAvB,SAAS,CAAC,KAAD,CAAT,CAAA;MACAV,YAAY,CAAC,IAAD,CAAZ,CAAA;AACD,KAAA;GALM,EAMN,CAACS,UAAD,EAAaV,SAAb,EAAwBkC,aAAxB,CANM,CAAT,CAAA;AAOAa,EAAAA,eAAS,CAAC,YAAA;AACR,IAAA,IAAI/C,SAAJ,EAAe;MACb,IAAIkC,aAAa,GAAGZ,gBAApB,EAAsC;AACpCd,QAAAA,kBAAkB,CAACH,2CAAuB,CAACC,eAAzB,CAAlB,CAAA;QACAL,YAAY,CAAC,IAAD,CAAZ,CAAA;AACD,OAHD,MAGO,IAAI4C,aAAa,KAAKQ,qCAAiB,CAACC,OAAxC,EAAiD;AACtD9C,QAAAA,kBAAkB,CAACH,2CAAuB,CAACiD,OAAzB,CAAlB,CAAA;AACD,OAFM,MAEA;AACL9C,QAAAA,kBAAkB,CAACH,2CAAuB,CAACkD,aAAzB,CAAlB,CAAA;AACD,OAAA;AACF,KAAA;GAVM,EAWN,CAAC7C,UAAD,EAAaV,SAAb,EAAwBkC,aAAxB,EAAuCW,aAAvC,CAXM,CAAT,CAAA;EAaA,oBACEW,yBAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,IAAA,SAAS,EAAC,sCAAA;AAAf,GAAA,eACEA,wCAACC,qCAAD,EAAA;IACE,YAAY,EAAEtB,eAAe,KAAKuB,kDAAmB,CAACC,SAAxC,GAAoDf,YAApD,GAAmEV,aADnF;IAEE,YAAY,EAAEC,eAAe,KAAKuB,kDAAmB,CAACC,SAAxC,GAAoDzB,aAApD,GAAoEE,cAFpF;AAGE,IAAA,WAAW,EAAE7B,eAHf;AAIE,IAAA,aAAa,EAAEX,aAJjB;AAKE,IAAA,aAAa,EAAE,YAAA;AACb,MAAA,IAAIiB,UAAJ,EAAgB;QACdI,YAAY,CAAC,IAAD,CAAZ,CAAA;AACAT,QAAAA,kBAAkB,CAACH,2CAAuB,CAACC,eAAzB,CAAlB,CAAA;AACD,OAHD,MAGO;QACL0B,IAAI,EAAA,CAAA;QACJW,KAAK,EAAA,CAAA;QACLhC,SAAS,CAAC,IAAD,CAAT,CAAA;AACD,OAAA;KAbL;IAeE,cAAc,EAAE,UAACiD,IAAD,EAAK;AACnB,MAAA,QAAQA,IAAR;QACE,KAAKvD,2CAAuB,CAACC,eAA7B;AAA8C,UAAA;YAC5CwC,eAAe,EAAA,CAAA;YACff,KAAK,EAAA,CAAA;AACL,YAAA,MAAA;AACD,WAAA;;QACD,KAAK1B,2CAAuB,CAACwB,SAA7B;AAAwC,UAAA;AACtC,YAAA,IAAIK,aAAa,IAAIZ,gBAAjB,IAAqC,CAACT,UAA1C,EAAsD;cACpDmB,IAAI,EAAA,CAAA;aADN,MAEO,IAAInB,UAAJ,EAAgB;cACrBoB,MAAM,EAAA,CAAA;cACNhB,YAAY,CAAC,IAAD,CAAZ,CAAA;AACAT,cAAAA,kBAAkB,CAACH,2CAAuB,CAACC,eAAzB,CAAlB,CAAA;AACD,aAJM,MAIA;cACL2B,MAAM,EAAA,CAAA;AACNzB,cAAAA,kBAAkB,CAACH,2CAAuB,CAACC,eAAzB,CAAlB,CAAA;AACD,aAAA;;AACD,YAAA,MAAA;AACD,WAAA;;QACD,KAAKD,2CAAuB,CAACkD,aAA7B;AAA4C,UAAA;YAC1Cb,IAAI,EAAA,CAAA;AACJ,YAAA,MAAA;AACD,WAAA;;QACD,KAAKrC,2CAAuB,CAACiD,OAA7B;AAAsC,UAAA;YACpCX,KAAK,EAAA,CAAA;AACL,YAAA,MAAA;AACD,WAAA;AA1BH,OAAA;AA4BD,KAAA;AA5CH,GAAA,CADF,EAgDI3B,SAAS,iBACPwC,yBAAA,CAAA,aAAA,CAACK,mBAAD,EAAA;AACE,IAAA,SAAS,EAAC,4CADZ;AAEE,IAAA,SAAS,EAAEZ,sCAAsB,CAACtD,OAAD,CAAtB,GACPuB,SAAS,CAAC4C,gDADH,GAEP5C,SAAS,CAAC6C,iDAJhB;AAME,IAAA,UAAU,EANZ,IAAA;AAOE,IAAA,qBAAqB,EAPvB,IAAA;AAQE,IAAA,QAAQ,EAAE,YAAA;MACR9C,YAAY,CAAC,KAAD,CAAZ,CAAA;MACArB,aAAa,EAAA,CAAA;AACd,KAAA;GAED,eAAA4D,yBAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,IAAA,SAAS,EAAC,kDAAA;AAAf,GAAA,eACEA,wCAACQ,oBAAD,EAAA;AACE,IAAA,SAAS,EAAC,6DADZ;IAEE,IAAI,EAAEC,qBAAW,CAACC,OAFpB;IAGE,IAAI,EAAEC,qBAAW,CAACC,GAHpB;AAIE,IAAA,OAAO,EAAE,YAAA;MACPnD,YAAY,CAAC,KAAD,CAAZ,CAAA;MACArB,aAAa,EAAA,CAAA;AACd,KAAA;AAPH,GAAA,EASGsB,SAAS,CAACmD,UATb,CADF,CAbF,CAjDN,CADF,CAAA;AAiFD;;;;"}
+{"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":";;;;;;;;;;;;;;;;;;;AAwBaA,IAAAA,wBAAwB,GAAG,UAACC,EAAD,EAIR;;;AAH9B,EAAA,IAAAC,OAAO,aAAP;AAAA,MACAC,aAAa,GAAAF,EAAA,CAAAE,aADb;AAAA,MAEAC,aAAa,GAAAH,EAAA,CAAAG,aAFb,CAAA;;AAIM,EAAA,IAAAC,EAAA,GAA4BC,cAAQ,CAAO,IAAP,CAApC;AAAA,MAACC,SAAS,GAAAF,EAAA,CAAA,CAAA,CAAV;AAAA,MAAYG,YAAY,GAAAH,EAAA,CAAA,CAAA,CAAxB,CAAA;;EACC,IAAAI,MAAI,GAAIH,cAAQ,CAASI,WAAM,EAAf,CAAR,EAAA,CAAR,CAAA;;AACD,EAAA,IAAAC,EAAwC,GAAAL,cAAQ,CAA0BM,2CAAuB,CAACC,eAAlD,CAAhD;AAAA,MAACC,eAAe,GAAAH,EAAA,CAAA,CAAA,CAAhB;AAAA,MAAkBI,kBAAkB,QAApC,CAAA;;AACA,EAAA,IAAAC,EAAA,GAA0BV,cAAQ,CAAC,KAAD,CAAlC;AAAA,MAACW,UAAU,GAAAD,EAAA,CAAA,CAAA,CAAX;AAAA,MAAaE,SAAS,GAAAF,EAAA,CAAA,CAAA,CAAtB,CAAA;;AACA,EAAA,IAAAG,EAAA,GAA4Bb,cAAQ,CAAC,KAAD,CAApC;AAAA,MAACc,UAAU,GAAAD,EAAA,CAAA,CAAA,CAAX;AAAA,MAAaE,WAAW,GAAAF,EAAA,CAAA,CAAA,CAAxB,CAAA;;AACA,EAAA,IAAAG,EAAA,GAA4BhB,cAAQ,CAAC,KAAD,CAApC;AAAA,MAACiB,SAAS,GAAAD,EAAA,CAAA,CAAA,CAAV;AAAA,MAAYE,YAAY,GAAAF,EAAA,CAAA,CAAA,CAAxB,CAAA;;AACE,EAAA,IAAAG,SAAS,GAAKC,mCAAe,EAAA,UAA7B,CAAA;AACA,EAAA,IAAAC,MAAM,GAAKC,uBAAuB,EAAA,OAAlC,CAAA;AACR,EAAA,IAAMC,gBAAgB,GAAG,CAAA,CAAAC,EAAA,GAAAH,MAAM,KAAN,IAAA,IAAAA,MAAM,KAAN,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,MAAM,CAAEI,WAAR,MAAmB,IAAnB,IAAmBD,EAAA,KAAA,KAAA,CAAnB,GAAmB,KAAA,CAAnB,GAAmBA,EAAA,CAAED,gBAArB,KAAyCG,iCAAlE,CAAA;;EACM,IAAAC,EAAA,GAOFC,+CAAgB,CAAC;AACnBC,IAAAA,kBAAkB,EAAE,YAAA;AAClBpB,MAAAA,kBAAkB,CAACH,2CAAuB,CAACwB,SAAzB,CAAlB,CAAA;KAFiB;IAInBC,gBAAgB,EAAE,UAAC9B,SAAD,EAAU;MAC1BC,YAAY,CAACD,SAAD,CAAZ,CAAA;AACD,KAAA;AANkB,GAAD,CAPd;AAAA,MACJ+B,KAAK,GAAAL,EAAA,CAAAK,KADD;AAAA,MAEJC,IAAI,GAAAN,EAAA,CAAAM,IAFA;AAAA,MAGJC,MAAM,GAAAP,EAAA,CAAAO,MAHF;AAAA,MAIJC,aAAa,mBAJT;AAAA,MAKJC,eAAe,qBALX;AAAA,MAMJC,cAAc,oBANV,CAAA;;EAeN,IAAMC,WAAW,GAAGC,yCAAc,CAAC;AACjCC,IAAAA,UAAU,EAAE5C,OAAO,KAAA,IAAP,IAAAA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAO,CAAE6C,GADY;AAEjCC,IAAAA,GAAG,EAAEvC,MAF4B;AAGjCF,IAAAA,SAAS,EAAEA,SAAAA;AAHsB,GAAD,CAAlC,CAAA;AAME,EAAA,IAAA0C,IAAI,GAIFL,WAAW,KAJb;AAAA,MACAM,KAAK,GAGHN,WAAW,CAAAM,KAJb;AAAA,MAEAC,YAAY,GAEVP,WAAW,CAFDO,YAFZ;AAAA,MAGAC,aAAa,GACXR,WAAW,cAJb,CAAA;AAKF,EAAA,IAAMS,eAAe,GAAGT,WAAW,CAACL,IAApC,CApC8B;;AAuC9Be,EAAAA,eAAS,CAAC,YAAA;IACR,IAAIC,uCAAuB,CAACrD,OAAD,CAAvB,IAAoCsD,sCAAsB,CAACtD,OAAD,CAA9D,EAAyE;MACvEmB,WAAW,CAAC,IAAD,CAAX,CAAA;AACD,KAFD,MAEO;MACLA,WAAW,CAAC,KAAD,CAAX,CAAA;AACD,KAAA;GALM,EAMN,CAACnB,OAAO,KAAP,IAAA,IAAAA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAO,CAAEuD,MAAV,EAAkBvD,OAAO,KAAP,IAAA,IAAAA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAO,CAAEwD,QAA3B,EAAqCxD,OAAO,KAAP,IAAA,IAAAA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAO,CAAEyD,YAA9C,CANM,CAAT,CAAA;AAQAL,EAAAA,eAAS,CAAC,YAAA;IACR,IAAIrC,UAAU,IAAIV,SAAlB,EAA6B;AAC3BH,MAAAA,aAAa,CAACG,SAAD,EAAYkC,aAAZ,CAAb,CAAA;MACAvB,SAAS,CAAC,KAAD,CAAT,CAAA;MACAV,YAAY,CAAC,IAAD,CAAZ,CAAA;AACD,KAAA;GALM,EAMN,CAACS,UAAD,EAAaV,SAAb,EAAwBkC,aAAxB,CANM,CAAT,CAAA;AAOAa,EAAAA,eAAS,CAAC,YAAA;AACR,IAAA,IAAI/C,SAAJ,EAAe;MACb,IAAIkC,aAAa,GAAGZ,gBAApB,EAAsC;AACpCd,QAAAA,kBAAkB,CAACH,2CAAuB,CAACC,eAAzB,CAAlB,CAAA;QACAL,YAAY,CAAC,IAAD,CAAZ,CAAA;AACD,OAHD,MAGO,IAAI4C,aAAa,KAAKQ,qCAAiB,CAACC,OAAxC,EAAiD;AACtD9C,QAAAA,kBAAkB,CAACH,2CAAuB,CAACiD,OAAzB,CAAlB,CAAA;AACD,OAFM,MAEA;AACL9C,QAAAA,kBAAkB,CAACH,2CAAuB,CAACkD,aAAzB,CAAlB,CAAA;AACD,OAAA;AACF,KAAA;GAVM,EAWN,CAAC7C,UAAD,EAAaV,SAAb,EAAwBkC,aAAxB,EAAuCW,aAAvC,CAXM,CAAT,CAAA;EAaA,oBACEW,yBAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,IAAA,SAAS,EAAC,sCAAA;AAAf,GAAA,eACEA,wCAACC,qCAAD,EAAA;IACE,YAAY,EAAEtB,eAAe,KAAKuB,kDAAmB,CAACC,SAAxC,GAAoDf,YAApD,GAAmEV,aADnF;IAEE,YAAY,EAAEC,eAAe,KAAKuB,kDAAmB,CAACC,SAAxC,GAAoDzB,aAApD,GAAoEE,cAFpF;AAGE,IAAA,WAAW,EAAE7B,eAHf;AAIE,IAAA,aAAa,EAAEX,aAJjB;AAKE,IAAA,aAAa,EAAE,YAAA;AACb,MAAA,IAAIiB,UAAJ,EAAgB;QACdI,YAAY,CAAC,IAAD,CAAZ,CAAA;AACAT,QAAAA,kBAAkB,CAACH,2CAAuB,CAACC,eAAzB,CAAlB,CAAA;AACD,OAHD,MAGO;QACL0B,IAAI,EAAA,CAAA;QACJW,KAAK,EAAA,CAAA;QACLhC,SAAS,CAAC,IAAD,CAAT,CAAA;AACD,OAAA;KAbL;IAeE,cAAc,EAAE,UAACiD,IAAD,EAAK;AACnB,MAAA,QAAQA,IAAR;QACE,KAAKvD,2CAAuB,CAACC,eAA7B;AAA8C,UAAA;YAC5CwC,eAAe,EAAA,CAAA;YACff,KAAK,EAAA,CAAA;AACL,YAAA,MAAA;AACD,WAAA;;QACD,KAAK1B,2CAAuB,CAACwB,SAA7B;AAAwC,UAAA;AACtC,YAAA,IAAIK,aAAa,IAAIZ,gBAAjB,IAAqC,CAACT,UAA1C,EAAsD;cACpDmB,IAAI,EAAA,CAAA;aADN,MAEO,IAAInB,UAAJ,EAAgB;cACrBoB,MAAM,EAAA,CAAA;cACNhB,YAAY,CAAC,IAAD,CAAZ,CAAA;AACAT,cAAAA,kBAAkB,CAACH,2CAAuB,CAACC,eAAzB,CAAlB,CAAA;AACD,aAJM,MAIA;cACL2B,MAAM,EAAA,CAAA;AACNzB,cAAAA,kBAAkB,CAACH,2CAAuB,CAACC,eAAzB,CAAlB,CAAA;AACD,aAAA;;AACD,YAAA,MAAA;AACD,WAAA;;QACD,KAAKD,2CAAuB,CAACkD,aAA7B;AAA4C,UAAA;YAC1Cb,IAAI,EAAA,CAAA;AACJ,YAAA,MAAA;AACD,WAAA;;QACD,KAAKrC,2CAAuB,CAACiD,OAA7B;AAAsC,UAAA;YACpCX,KAAK,EAAA,CAAA;AACL,YAAA,MAAA;AACD,WAAA;AA1BH,OAAA;AA4BD,KAAA;AA5CH,GAAA,CADF,EAgDI3B,SAAS,iBACPwC,yBAAA,CAAA,aAAA,CAACK,mBAAD,EAAA;AACE,IAAA,SAAS,EAAC,4CADZ;AAEE,IAAA,SAAS,EAAEZ,sCAAsB,CAACtD,OAAD,CAAtB,GACPuB,SAAS,CAAC4C,gDADH,GAEP5C,SAAS,CAAC6C,iDAJhB;AAME,IAAA,UAAU,EANZ,IAAA;AAOE,IAAA,qBAAqB,EAPvB,IAAA;AAQE,IAAA,QAAQ,EAAE,YAAA;MACR9C,YAAY,CAAC,KAAD,CAAZ,CAAA;MACArB,aAAa,EAAA,CAAA;AACd,KAAA;GAED,eAAA4D,yBAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,IAAA,SAAS,EAAC,kDAAA;AAAf,GAAA,eACEA,wCAACQ,oBAAD,EAAA;AACE,IAAA,SAAS,EAAC,6DADZ;IAEE,IAAI,EAAEC,qBAAW,CAACC,OAFpB;IAGE,IAAI,EAAEC,qBAAW,CAACC,GAHpB;AAIE,IAAA,OAAO,EAAE,YAAA;MACPnD,YAAY,CAAC,KAAD,CAAZ,CAAA;MACArB,aAAa,EAAA,CAAA;AACd,KAAA;AAPH,GAAA,EASGsB,SAAS,CAACmD,UATb,CADF,CAbF,CAjDN,CADF,CAAA;AAiFD;;;;"}

package/cjs/VoicePlayer/context.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 require('react');
-var VoicePlayer_context = require('../index-e9d3a5d6.js');
-require('../consts-2b0eaee0.js');
+var VoicePlayer_context = require('../index-c825cf5b.js');
+require('../consts-69fc20be.js');
 require('../useSendbirdStateContext.js');
-require('../tslib.es6-46c08a06.js');
+require('../tslib.es6-ee1122c5.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-e9d3a5d6.js');
-var consts = require('../consts-2b0eaee0.js');
+var VoicePlayer_context = require('../index-c825cf5b.js');
+var consts = require('../consts-69fc20be.js');
 var VoiceRecorder_context = require('../VoiceRecorder/context.js');
-require('../tslib.es6-46c08a06.js');
+require('../tslib.es6-ee1122c5.js');
 require('../useSendbirdStateContext.js');
 require('../withSendbird.js');
 require('../lame.all.js');

package/cjs/VoiceRecorder/context.js

@@ -4,10 +4,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var lame_all = require('../lame.all.js');
-var consts = require('../consts-2b0eaee0.js');
+var consts = require('../consts-69fc20be.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
 require('../withSendbird.js');
-require('../tslib.es6-46c08a06.js');
+require('../tslib.es6-ee1122c5.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/VoiceRecorder/useVoiceRecorder.js

@@ -6,9 +6,9 @@ var React = require('react');
 var VoiceRecorder_context = require('./context.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
 require('../lame.all.js');
-require('../consts-2b0eaee0.js');
+require('../consts-69fc20be.js');
 require('../withSendbird.js');
-require('../tslib.es6-46c08a06.js');
+require('../tslib.es6-ee1122c5.js');
 
 //   /**
 //    * onRecordingStarted

package/cjs/{_rollupPluginBabelHelpers-1218aafb.js → _rollupPluginBabelHelpers-994cd1da.js}

@@ -60,4 +60,4 @@ function _extends() {
 
 exports._extends = _extends;
 exports._objectSpread2 = _objectSpread2;
-//# sourceMappingURL=_rollupPluginBabelHelpers-1218aafb.js.map
+//# sourceMappingURL=_rollupPluginBabelHelpers-994cd1da.js.map

package/cjs/_rollupPluginBabelHelpers-994cd1da.js.map

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

package/cjs/{actionTypes-f186c4dd.js → actionTypes-38d53eaf.js}

@@ -7,4 +7,4 @@ const UPDATE_USER_INFO = 'UPDATE_USER_INFO';
 exports.INIT_USER = INIT_USER;
 exports.RESET_USER = RESET_USER;
 exports.UPDATE_USER_INFO = UPDATE_USER_INFO;
-//# sourceMappingURL=actionTypes-f186c4dd.js.map
+//# sourceMappingURL=actionTypes-38d53eaf.js.map

package/cjs/{actionTypes-f186c4dd.js.map → actionTypes-38d53eaf.js.map}

@@ -1 +1 @@
-{"version":3,"file":"actionTypes-f186c4dd.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-38d53eaf.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;;;;;;"}

package/cjs/{color-937f65ad.js → color-8f9fe57f.js}

@@ -42,4 +42,4 @@ var changeColorToClassName = function (color) {
 };
 
 exports.changeColorToClassName = changeColorToClassName;
-//# sourceMappingURL=color-937f65ad.js.map
+//# sourceMappingURL=color-8f9fe57f.js.map

package/cjs/{color-937f65ad.js.map → color-8f9fe57f.js.map}

@@ -1 +1 @@
-{"version":3,"file":"color-937f65ad.js","sources":["../../src/utils/color.ts"],"sourcesContent":["import './color.scss';\n\nexport enum Colors {\n  ONBACKGROUND_1 = 'ONBACKGROUND_1',\n  ONBACKGROUND_2 = 'ONBACKGROUND_2',\n  ONBACKGROUND_3 = 'ONBACKGROUND_3',\n  ONBACKGROUND_4 = 'ONBACKGROUND_4',\n  ONCONTENT_1 = 'ONCONTENT_1',\n  ONCONTENT_2 = 'ONCONTENT_2',\n  PRIMARY = 'PRIMARY',\n  ERROR = 'ERROR',\n}\n\nexport const changeColorToClassName = (color: Colors): string => {\n  switch (color) {\n    case Colors.ONBACKGROUND_1: return 'sendbird-color--onbackground-1';\n    case Colors.ONBACKGROUND_2: return 'sendbird-color--onbackground-2';\n    case Colors.ONBACKGROUND_3: return 'sendbird-color--onbackground-3';\n    case Colors.ONBACKGROUND_4: return 'sendbird-color--onbackground-4';\n    case Colors.ONCONTENT_1: return 'sendbird-color--oncontent-1';\n    case Colors.PRIMARY: return 'sendbird-color--primary';\n    case Colors.ERROR: return 'sendbird-color--error';\n    default: return null;\n  }\n};\n"],"names":["Colors","changeColorToClassName","color","ONBACKGROUND_1","ONBACKGROUND_2","ONBACKGROUND_3","ONBACKGROUND_4","ONCONTENT_1","PRIMARY","ERROR"],"mappings":";;AAEYA,wBAAZ;;AAAA,CAAA,UAAYA,MAAZ,EAAkB;AAChBA,EAAAA,MAAA,CAAA,gBAAA,CAAA,GAAA,gBAAA,CAAA;AACAA,EAAAA,MAAA,CAAA,gBAAA,CAAA,GAAA,gBAAA,CAAA;AACAA,EAAAA,MAAA,CAAA,gBAAA,CAAA,GAAA,gBAAA,CAAA;AACAA,EAAAA,MAAA,CAAA,gBAAA,CAAA,GAAA,gBAAA,CAAA;AACAA,EAAAA,MAAA,CAAA,aAAA,CAAA,GAAA,aAAA,CAAA;AACAA,EAAAA,MAAA,CAAA,aAAA,CAAA,GAAA,aAAA,CAAA;AACAA,EAAAA,MAAA,CAAA,SAAA,CAAA,GAAA,SAAA,CAAA;AACAA,EAAAA,MAAA,CAAA,OAAA,CAAA,GAAA,OAAA,CAAA;AACD,CATD,EAAYA,cAAM,KAANA,cAAM,GASjB,EATiB,CAAlB,CAAA,CAAA;;AAWaC,IAAAA,sBAAsB,GAAG,UAACC,KAAD,EAAc;AAClD,EAAA,QAAQA,KAAR;IACE,KAAKF,cAAM,CAACG,cAAZ;AAA4B,MAAA,OAAO,gCAAP,CAAA;;IAC5B,KAAKH,cAAM,CAACI,cAAZ;AAA4B,MAAA,OAAO,gCAAP,CAAA;;IAC5B,KAAKJ,cAAM,CAACK,cAAZ;AAA4B,MAAA,OAAO,gCAAP,CAAA;;IAC5B,KAAKL,cAAM,CAACM,cAAZ;AAA4B,MAAA,OAAO,gCAAP,CAAA;;IAC5B,KAAKN,cAAM,CAACO,WAAZ;AAAyB,MAAA,OAAO,6BAAP,CAAA;;IACzB,KAAKP,cAAM,CAACQ,OAAZ;AAAqB,MAAA,OAAO,yBAAP,CAAA;;IACrB,KAAKR,cAAM,CAACS,KAAZ;AAAmB,MAAA,OAAO,uBAAP,CAAA;;AACnB,IAAA;AAAS,MAAA,OAAO,IAAP,CAAA;AARX,GAAA;AAUD;;;;"}
+{"version":3,"file":"color-8f9fe57f.js","sources":["../../src/utils/color.ts"],"sourcesContent":["import './color.scss';\n\nexport enum Colors {\n  ONBACKGROUND_1 = 'ONBACKGROUND_1',\n  ONBACKGROUND_2 = 'ONBACKGROUND_2',\n  ONBACKGROUND_3 = 'ONBACKGROUND_3',\n  ONBACKGROUND_4 = 'ONBACKGROUND_4',\n  ONCONTENT_1 = 'ONCONTENT_1',\n  ONCONTENT_2 = 'ONCONTENT_2',\n  PRIMARY = 'PRIMARY',\n  ERROR = 'ERROR',\n}\n\nexport const changeColorToClassName = (color: Colors): string => {\n  switch (color) {\n    case Colors.ONBACKGROUND_1: return 'sendbird-color--onbackground-1';\n    case Colors.ONBACKGROUND_2: return 'sendbird-color--onbackground-2';\n    case Colors.ONBACKGROUND_3: return 'sendbird-color--onbackground-3';\n    case Colors.ONBACKGROUND_4: return 'sendbird-color--onbackground-4';\n    case Colors.ONCONTENT_1: return 'sendbird-color--oncontent-1';\n    case Colors.PRIMARY: return 'sendbird-color--primary';\n    case Colors.ERROR: return 'sendbird-color--error';\n    default: return null;\n  }\n};\n"],"names":["Colors","changeColorToClassName","color","ONBACKGROUND_1","ONBACKGROUND_2","ONBACKGROUND_3","ONBACKGROUND_4","ONCONTENT_1","PRIMARY","ERROR"],"mappings":";;AAEYA,wBAAZ;;AAAA,CAAA,UAAYA,MAAZ,EAAkB;AAChBA,EAAAA,MAAA,CAAA,gBAAA,CAAA,GAAA,gBAAA,CAAA;AACAA,EAAAA,MAAA,CAAA,gBAAA,CAAA,GAAA,gBAAA,CAAA;AACAA,EAAAA,MAAA,CAAA,gBAAA,CAAA,GAAA,gBAAA,CAAA;AACAA,EAAAA,MAAA,CAAA,gBAAA,CAAA,GAAA,gBAAA,CAAA;AACAA,EAAAA,MAAA,CAAA,aAAA,CAAA,GAAA,aAAA,CAAA;AACAA,EAAAA,MAAA,CAAA,aAAA,CAAA,GAAA,aAAA,CAAA;AACAA,EAAAA,MAAA,CAAA,SAAA,CAAA,GAAA,SAAA,CAAA;AACAA,EAAAA,MAAA,CAAA,OAAA,CAAA,GAAA,OAAA,CAAA;AACD,CATD,EAAYA,cAAM,KAANA,cAAM,GASjB,EATiB,CAAlB,CAAA,CAAA;;AAWaC,IAAAA,sBAAsB,GAAG,UAACC,KAAD,EAAc;AAClD,EAAA,QAAQA,KAAR;IACE,KAAKF,cAAM,CAACG,cAAZ;AAA4B,MAAA,OAAO,gCAAP,CAAA;;IAC5B,KAAKH,cAAM,CAACI,cAAZ;AAA4B,MAAA,OAAO,gCAAP,CAAA;;IAC5B,KAAKJ,cAAM,CAACK,cAAZ;AAA4B,MAAA,OAAO,gCAAP,CAAA;;IAC5B,KAAKL,cAAM,CAACM,cAAZ;AAA4B,MAAA,OAAO,gCAAP,CAAA;;IAC5B,KAAKN,cAAM,CAACO,WAAZ;AAAyB,MAAA,OAAO,6BAAP,CAAA;;IACzB,KAAKP,cAAM,CAACQ,OAAZ;AAAqB,MAAA,OAAO,yBAAP,CAAA;;IACrB,KAAKR,cAAM,CAACS,KAAZ;AAAmB,MAAA,OAAO,uBAAP,CAAA;;AACnB,IAAA;AAAS,MAAA,OAAO,IAAP,CAAA;AARX,GAAA;AAUD;;;;"}

package/cjs/{compareIds-3d732a01.js → compareIds-b77b66f3.js}

@@ -15,4 +15,4 @@ function compareIds (a, b) {
 }
 
 exports.compareIds = compareIds;
-//# sourceMappingURL=compareIds-3d732a01.js.map
+//# sourceMappingURL=compareIds-b77b66f3.js.map

package/cjs/{compareIds-3d732a01.js.map → compareIds-b77b66f3.js.map}

@@ -1 +1 @@
-{"version":3,"file":"compareIds-3d732a01.js","sources":["../../src/utils/compareIds.js"],"sourcesContent":["const isEmpty = (val) => (val === null || val === undefined);\n\n// Some Ids return string and number inconsistently\n// only use to comapre IDs\nexport default function (a, b) {\n  if (isEmpty(a) || isEmpty(b)) {\n    return false;\n  }\n  const aString = a.toString();\n  const bString = b.toString();\n  return aString === bString;\n}\n"],"names":["isEmpty","val","undefined","a","b","aString","toString","bString"],"mappings":";;AAAA,MAAMA,OAAO,GAAIC,GAAD,IAAUA,GAAG,KAAK,IAAR,IAAgBA,GAAG,KAAKC,SAAlD;AAGA;;;AACe,mBAAUC,EAAAA,CAAV,EAAaC,CAAb,EAAgB;EAC7B,IAAIJ,OAAO,CAACG,CAAD,CAAP,IAAcH,OAAO,CAACI,CAAD,CAAzB,EAA8B;AAC5B,IAAA,OAAO,KAAP,CAAA;AACD,GAAA;;AACD,EAAA,MAAMC,OAAO,GAAGF,CAAC,CAACG,QAAF,EAAhB,CAAA;AACA,EAAA,MAAMC,OAAO,GAAGH,CAAC,CAACE,QAAF,EAAhB,CAAA;EACA,OAAOD,OAAO,KAAKE,OAAnB,CAAA;AACD;;;;"}
+{"version":3,"file":"compareIds-b77b66f3.js","sources":["../../src/utils/compareIds.js"],"sourcesContent":["const isEmpty = (val) => (val === null || val === undefined);\n\n// Some Ids return string and number inconsistently\n// only use to comapre IDs\nexport default function (a, b) {\n  if (isEmpty(a) || isEmpty(b)) {\n    return false;\n  }\n  const aString = a.toString();\n  const bString = b.toString();\n  return aString === bString;\n}\n"],"names":["isEmpty","val","undefined","a","b","aString","toString","bString"],"mappings":";;AAAA,MAAMA,OAAO,GAAIC,GAAD,IAAUA,GAAG,KAAK,IAAR,IAAgBA,GAAG,KAAKC,SAAlD;AAGA;;;AACe,mBAAUC,EAAAA,CAAV,EAAaC,CAAb,EAAgB;EAC7B,IAAIJ,OAAO,CAACG,CAAD,CAAP,IAAcH,OAAO,CAACI,CAAD,CAAzB,EAA8B;AAC5B,IAAA,OAAO,KAAP,CAAA;AACD,GAAA;;AACD,EAAA,MAAMC,OAAO,GAAGF,CAAC,CAACG,QAAF,EAAhB,CAAA;AACA,EAAA,MAAMC,OAAO,GAAGH,CAAC,CAACE,QAAF,EAAhB,CAAA;EACA,OAAOD,OAAO,KAAKE,OAAnB,CAAA;AACD;;;;"}

package/cjs/{const-44ac2c14.js → const-35f8be84.js}

@@ -19,4 +19,4 @@ var NodeNames = {
 exports.MessageInputKeys = MessageInputKeys;
 exports.NodeNames = NodeNames;
 exports.NodeTypes = NodeTypes;
-//# sourceMappingURL=const-44ac2c14.js.map
+//# sourceMappingURL=const-35f8be84.js.map

package/cjs/{const-44ac2c14.js.map → const-35f8be84.js.map}

@@ -1 +1 @@
-{"version":3,"file":"const-44ac2c14.js","sources":["../../src/ui/MessageInput/const.ts"],"sourcesContent":["export const MessageInputKeys = {\n  Enter: 'Enter',\n  ArrowUp: 'ArrowUp',\n  ArrowDown: 'ArrowDown',\n  Backspace: 'Backspace',\n};\n\nexport const NodeTypes = {\n  ElementNode: 1,\n  TextNode: 3,\n};\n\nexport const NodeNames = {\n  Span: 'SPAN',\n  Br: 'BR',\n  Div: 'DIV',\n};\n"],"names":["MessageInputKeys","Enter","ArrowUp","ArrowDown","Backspace","NodeTypes","ElementNode","TextNode","NodeNames","Span","Br","Div"],"mappings":";;AAAO,IAAMA,gBAAgB,GAAG;AAC9BC,EAAAA,KAAK,EAAE,OADuB;AAE9BC,EAAAA,OAAO,EAAE,SAFqB;AAG9BC,EAAAA,SAAS,EAAE,WAHmB;AAI9BC,EAAAA,SAAS,EAAE,WAAA;AAJmB,EAAzB;AAOA,IAAMC,SAAS,GAAG;AACvBC,EAAAA,WAAW,EAAE,CADU;AAEvBC,EAAAA,QAAQ,EAAE,CAAA;AAFa,EAAlB;AAKA,IAAMC,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,MADiB;AAEvBC,EAAAA,EAAE,EAAE,IAFmB;AAGvBC,EAAAA,GAAG,EAAE,KAAA;AAHkB;;;;;;"}
+{"version":3,"file":"const-35f8be84.js","sources":["../../src/ui/MessageInput/const.ts"],"sourcesContent":["export const MessageInputKeys = {\n  Enter: 'Enter',\n  ArrowUp: 'ArrowUp',\n  ArrowDown: 'ArrowDown',\n  Backspace: 'Backspace',\n};\n\nexport const NodeTypes = {\n  ElementNode: 1,\n  TextNode: 3,\n};\n\nexport const NodeNames = {\n  Span: 'SPAN',\n  Br: 'BR',\n  Div: 'DIV',\n};\n"],"names":["MessageInputKeys","Enter","ArrowUp","ArrowDown","Backspace","NodeTypes","ElementNode","TextNode","NodeNames","Span","Br","Div"],"mappings":";;AAAO,IAAMA,gBAAgB,GAAG;AAC9BC,EAAAA,KAAK,EAAE,OADuB;AAE9BC,EAAAA,OAAO,EAAE,SAFqB;AAG9BC,EAAAA,SAAS,EAAE,WAHmB;AAI9BC,EAAAA,SAAS,EAAE,WAAA;AAJmB,EAAzB;AAOA,IAAMC,SAAS,GAAG;AACvBC,EAAAA,WAAW,EAAE,CADU;AAEvBC,EAAAA,QAAQ,EAAE,CAAA;AAFa,EAAlB;AAKA,IAAMC,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,MADiB;AAEvBC,EAAAA,EAAE,EAAE,IAFmB;AAGvBC,EAAAA,GAAG,EAAE,KAAA;AAHkB;;;;;;"}

package/cjs/{const-73aa22ac.js → const-e03cb4c1.js}

@@ -17,4 +17,4 @@ exports.MAX_USER_SUGGESTION_COUNT = MAX_USER_SUGGESTION_COUNT;
 exports.NEXT_RESULT_SIZE = NEXT_RESULT_SIZE;
 exports.PREV_RESULT_SIZE = PREV_RESULT_SIZE;
 exports.USER_MENTION_TEMP_CHAR = USER_MENTION_TEMP_CHAR;
-//# sourceMappingURL=const-73aa22ac.js.map
+//# sourceMappingURL=const-e03cb4c1.js.map

package/cjs/{const-73aa22ac.js.map → const-e03cb4c1.js.map}

@@ -1 +1 @@
-{"version":3,"file":"const-73aa22ac.js","sources":["../../src/smart-components/Channel/context/const.ts"],"sourcesContent":["export const PREV_RESULT_SIZE = 30;\nexport const NEXT_RESULT_SIZE = 15;\n\nexport const MAX_USER_MENTION_COUNT = 10;\nexport const MAX_USER_SUGGESTION_COUNT = 15;\nexport const USER_MENTION_TEMP_CHAR = '@';\n\nexport enum ThreadReplySelectType {\n  PARENT = 'PARENT',\n  THREAD = 'THREAD',\n}\n"],"names":["PREV_RESULT_SIZE","NEXT_RESULT_SIZE","MAX_USER_MENTION_COUNT","MAX_USER_SUGGESTION_COUNT","USER_MENTION_TEMP_CHAR","ThreadReplySelectType"],"mappings":";;AAAO,IAAMA,gBAAgB,GAAG,GAAzB;AACA,IAAMC,gBAAgB,GAAG,GAAzB;AAEA,IAAMC,sBAAsB,GAAG,GAA/B;AACA,IAAMC,yBAAyB,GAAG,GAAlC;AACA,IAAMC,sBAAsB,GAAG,IAA/B;AAEKC,uCAAZ;;AAAA,CAAA,UAAYA,qBAAZ,EAAiC;AAC/BA,EAAAA,qBAAA,CAAA,QAAA,CAAA,GAAA,QAAA,CAAA;AACAA,EAAAA,qBAAA,CAAA,QAAA,CAAA,GAAA,QAAA,CAAA;AACD,CAHD,EAAYA,6BAAqB,KAArBA,6BAAqB,GAGhC,EAHgC,CAAjC,CAAA;;;;;;;;"}
+{"version":3,"file":"const-e03cb4c1.js","sources":["../../src/smart-components/Channel/context/const.ts"],"sourcesContent":["export const PREV_RESULT_SIZE = 30;\nexport const NEXT_RESULT_SIZE = 15;\n\nexport const MAX_USER_MENTION_COUNT = 10;\nexport const MAX_USER_SUGGESTION_COUNT = 15;\nexport const USER_MENTION_TEMP_CHAR = '@';\n\nexport enum ThreadReplySelectType {\n  PARENT = 'PARENT',\n  THREAD = 'THREAD',\n}\n"],"names":["PREV_RESULT_SIZE","NEXT_RESULT_SIZE","MAX_USER_MENTION_COUNT","MAX_USER_SUGGESTION_COUNT","USER_MENTION_TEMP_CHAR","ThreadReplySelectType"],"mappings":";;AAAO,IAAMA,gBAAgB,GAAG,GAAzB;AACA,IAAMC,gBAAgB,GAAG,GAAzB;AAEA,IAAMC,sBAAsB,GAAG,GAA/B;AACA,IAAMC,yBAAyB,GAAG,GAAlC;AACA,IAAMC,sBAAsB,GAAG,IAA/B;AAEKC,uCAAZ;;AAAA,CAAA,UAAYA,qBAAZ,EAAiC;AAC/BA,EAAAA,qBAAA,CAAA,QAAA,CAAA,GAAA,QAAA,CAAA;AACAA,EAAAA,qBAAA,CAAA,QAAA,CAAA,GAAA,QAAA,CAAA;AACD,CAHD,EAAYA,6BAAqB,KAArBA,6BAAqB,GAGhC,EAHgC,CAAjC,CAAA;;;;;;;;"}

package/cjs/{consts-2b0eaee0.js → consts-69fc20be.js}

@@ -37,4 +37,4 @@ exports.VOICE_RECORDER_CLICK_BUFFER_TIME = VOICE_RECORDER_CLICK_BUFFER_TIME;
 exports.VOICE_RECORDER_DEFAULT_MAX = VOICE_RECORDER_DEFAULT_MAX;
 exports.VOICE_RECORDER_DEFAULT_MIN = VOICE_RECORDER_DEFAULT_MIN;
 exports.VOICE_RECORDER_MIME_TYPE = VOICE_RECORDER_MIME_TYPE;
-//# sourceMappingURL=consts-2b0eaee0.js.map
+//# sourceMappingURL=consts-69fc20be.js.map

package/cjs/{consts-2b0eaee0.js.map → consts-69fc20be.js.map}

@@ -1 +1 @@
-{"version":3,"file":"consts-2b0eaee0.js","sources":["../../src/utils/consts.ts"],"sourcesContent":["export const SCROLL_BUFFER = 10;\n\n// voice message record\nexport const VOICE_RECORDER_CLICK_BUFFER_TIME = 250;\nexport const VOICE_RECORDER_DEFAULT_MIN = 1000; // 1 seconds\nexport const VOICE_RECORDER_DEFAULT_MAX = 600000; // 10 minutes\nexport const VOICE_RECORDER_MIME_TYPE = 'audio/webm';\nexport const VOICE_RECORDER_AUDIO_BITS = 128000;\n\n// voice message play\nexport const VOICE_PLAYER_PLAYBACK_BUFFER = 0.01;\nexport const VOICE_PLAYER_DURATION_MIN_SIZE = 1000;\n\n/**\n * Append Audio element to the root\n * because I can't get the Audio element in the useEffect unmount scope\n */\nexport const VOICE_PLAYER_ROOT_ID = 'sendbird-voice-player-provider-root';\nexport const VOICE_PLAYER_AUDIO_ID = 'sendbird-global-audio-player-id';\n\n// voice message file\nexport const VOICE_MESSAGE_FILE_NAME = 'Voice_message.mp3';\nexport const VOICE_MESSAGE_MIME_TYPE = 'audio/mp3;sbu_type=voice';\n\n// meta array\nexport const META_ARRAY_VOICE_DURATION_KEY = 'KEY_VOICE_MESSAGE_DURATION';\nexport const META_ARRAY_MESSAGE_TYPE_KEY = 'KEY_INTERNAL_MESSAGE_TYPE';\nexport const META_ARRAY_MESSAGE_TYPE_VALUE__VOICE = 'voice/mp3';\n"],"names":["SCROLL_BUFFER","VOICE_RECORDER_CLICK_BUFFER_TIME","VOICE_RECORDER_DEFAULT_MIN","VOICE_RECORDER_DEFAULT_MAX","VOICE_RECORDER_MIME_TYPE","VOICE_RECORDER_AUDIO_BITS","VOICE_PLAYER_ROOT_ID","VOICE_PLAYER_AUDIO_ID","VOICE_MESSAGE_FILE_NAME","VOICE_MESSAGE_MIME_TYPE","META_ARRAY_VOICE_DURATION_KEY","META_ARRAY_MESSAGE_TYPE_KEY","META_ARRAY_MESSAGE_TYPE_VALUE__VOICE"],"mappings":";;AAAaA,IAAAA,aAAa,GAAG;;AAGtB,IAAMC,gCAAgC,GAAG,IAAzC;AACMC,IAAAA,0BAA0B,GAAG;;AAC7BC,IAAAA,0BAA0B,GAAG;;AACnC,IAAMC,wBAAwB,GAAG,aAAjC;AACMC,IAAAA,yBAAyB,GAAG;AAMzC;;;AAGG;;AACI,IAAMC,oBAAoB,GAAG,sCAA7B;AACMC,IAAAA,qBAAqB,GAAG;;AAG9B,IAAMC,uBAAuB,GAAG,oBAAhC;AACMC,IAAAA,uBAAuB,GAAG;;AAGhC,IAAMC,6BAA6B,GAAG,6BAAtC;AACA,IAAMC,2BAA2B,GAAG,4BAApC;AACA,IAAMC,oCAAoC,GAAG;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"consts-69fc20be.js","sources":["../../src/utils/consts.ts"],"sourcesContent":["export const SCROLL_BUFFER = 10;\n\n// voice message record\nexport const VOICE_RECORDER_CLICK_BUFFER_TIME = 250;\nexport const VOICE_RECORDER_DEFAULT_MIN = 1000; // 1 seconds\nexport const VOICE_RECORDER_DEFAULT_MAX = 600000; // 10 minutes\nexport const VOICE_RECORDER_MIME_TYPE = 'audio/webm';\nexport const VOICE_RECORDER_AUDIO_BITS = 128000;\n\n// voice message play\nexport const VOICE_PLAYER_PLAYBACK_BUFFER = 0.01;\nexport const VOICE_PLAYER_DURATION_MIN_SIZE = 1000;\n\n/**\n * Append Audio element to the root\n * because I can't get the Audio element in the useEffect unmount scope\n */\nexport const VOICE_PLAYER_ROOT_ID = 'sendbird-voice-player-provider-root';\nexport const VOICE_PLAYER_AUDIO_ID = 'sendbird-global-audio-player-id';\n\n// voice message file\nexport const VOICE_MESSAGE_FILE_NAME = 'Voice_message.mp3';\nexport const VOICE_MESSAGE_MIME_TYPE = 'audio/mp3;sbu_type=voice';\n\n// meta array\nexport const META_ARRAY_VOICE_DURATION_KEY = 'KEY_VOICE_MESSAGE_DURATION';\nexport const META_ARRAY_MESSAGE_TYPE_KEY = 'KEY_INTERNAL_MESSAGE_TYPE';\nexport const META_ARRAY_MESSAGE_TYPE_VALUE__VOICE = 'voice/mp3';\n"],"names":["SCROLL_BUFFER","VOICE_RECORDER_CLICK_BUFFER_TIME","VOICE_RECORDER_DEFAULT_MIN","VOICE_RECORDER_DEFAULT_MAX","VOICE_RECORDER_MIME_TYPE","VOICE_RECORDER_AUDIO_BITS","VOICE_PLAYER_ROOT_ID","VOICE_PLAYER_AUDIO_ID","VOICE_MESSAGE_FILE_NAME","VOICE_MESSAGE_MIME_TYPE","META_ARRAY_VOICE_DURATION_KEY","META_ARRAY_MESSAGE_TYPE_KEY","META_ARRAY_MESSAGE_TYPE_VALUE__VOICE"],"mappings":";;AAAaA,IAAAA,aAAa,GAAG;;AAGtB,IAAMC,gCAAgC,GAAG,IAAzC;AACMC,IAAAA,0BAA0B,GAAG;;AAC7BC,IAAAA,0BAA0B,GAAG;;AACnC,IAAMC,wBAAwB,GAAG,aAAjC;AACMC,IAAAA,yBAAyB,GAAG;AAMzC;;;AAGG;;AACI,IAAMC,oBAAoB,GAAG,sCAA7B;AACMC,IAAAA,qBAAqB,GAAG;;AAG9B,IAAMC,uBAAuB,GAAG,oBAAhC;AACMC,IAAAA,uBAAuB,GAAG;;AAGhC,IAAMC,6BAA6B,GAAG,6BAAtC;AACA,IAAMC,2BAA2B,GAAG,4BAApC;AACA,IAAMC,oCAAoC,GAAG;;;;;;;;;;;;;;;;"}

package/cjs/consts-956b1221.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var OG_MESSAGE_BODY_CLASSNAME = 'sendbird-og-message-item-body__text-bubble';
+
+exports.OG_MESSAGE_BODY_CLASSNAME = OG_MESSAGE_BODY_CLASSNAME;
+//# sourceMappingURL=consts-956b1221.js.map

package/cjs/consts-956b1221.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"consts-956b1221.js","sources":["../../src/ui/OGMessageItemBody/consts.ts"],"sourcesContent":["export const OG_MESSAGE_BODY_CLASSNAME = 'sendbird-og-message-item-body__text-bubble';\n"],"names":["OG_MESSAGE_BODY_CLASSNAME"],"mappings":";;AAAO,IAAMA,yBAAyB,GAAG;;;;"}

package/cjs/consts-aabb33e0.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var TEXT_MESSAGE_BODY_CLASSNAME = 'sendbird-text-message-item-body';
+
+exports.TEXT_MESSAGE_BODY_CLASSNAME = TEXT_MESSAGE_BODY_CLASSNAME;
+//# sourceMappingURL=consts-aabb33e0.js.map

package/cjs/consts-aabb33e0.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"consts-aabb33e0.js","sources":["../../src/ui/TextMessageItemBody/consts.ts"],"sourcesContent":["export const TEXT_MESSAGE_BODY_CLASSNAME = 'sendbird-text-message-item-body';\n"],"names":["TEXT_MESSAGE_BODY_CLASSNAME"],"mappings":";;AAAO,IAAMA,2BAA2B,GAAG;;;;"}

package/cjs/{consts-11872691.js → consts-b29bd4d5.js}

@@ -3,4 +3,4 @@
 var MENTION_USER_LABEL_CLASSNAME = 'sendbird-mention-user-label';
 
 exports.MENTION_USER_LABEL_CLASSNAME = MENTION_USER_LABEL_CLASSNAME;
-//# sourceMappingURL=consts-11872691.js.map
+//# sourceMappingURL=consts-b29bd4d5.js.map

package/cjs/{consts-11872691.js.map → consts-b29bd4d5.js.map}

@@ -1 +1 @@
-{"version":3,"file":"consts-11872691.js","sources":["../../src/ui/MentionUserLabel/consts.ts"],"sourcesContent":["export const MENTION_USER_LABEL_CLASSNAME = 'sendbird-mention-user-label';\n"],"names":["MENTION_USER_LABEL_CLASSNAME"],"mappings":";;AAAO,IAAMA,4BAA4B,GAAG;;;;"}
+{"version":3,"file":"consts-b29bd4d5.js","sources":["../../src/ui/MentionUserLabel/consts.ts"],"sourcesContent":["export const MENTION_USER_LABEL_CLASSNAME = 'sendbird-mention-user-label';\n"],"names":["MENTION_USER_LABEL_CLASSNAME"],"mappings":";;AAAO,IAAMA,4BAA4B,GAAG;;;;"}

package/cjs/{context-7e270322.js → context-d9e248df.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var utils = require('./utils-7d2c966a.js');
+var utils = require('./utils-5ca88bb6.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -16,4 +16,4 @@ var Provider = Context.Provider;
 
 exports.Consumer = Consumer;
 exports.Provider = Provider;
-//# sourceMappingURL=context-7e270322.js.map
+//# sourceMappingURL=context-d9e248df.js.map

package/cjs/{context-7e270322.js.map → context-d9e248df.js.map}

@@ -1 +1 @@
-{"version":3,"file":"context-7e270322.js","sources":["../../src/ui/Accordion/context.ts"],"sourcesContent":["import React from 'react';\n\nimport { noop } from '../../utils/utils';\n\ninterface ContextValue {\n  setOpened(accordion: string): void;\n  opened: string;\n}\n\nconst Context = React.createContext<ContextValue>({\n  opened: '', // mock default value\n  setOpened: noop,\n});\n\nexport const Consumer = Context.Consumer;\nexport const Provider = Context.Provider;\n"],"names":["Context","React","createContext","opened","setOpened","noop","Consumer","Provider"],"mappings":";;;;;;;;;AASA,IAAMA,OAAO,gBAAGC,yBAAK,CAACC,aAAN,CAAkC;AAChDC,EAAAA,MAAM,EAAE,EADwC;AAEhDC,EAAAA,SAAS,EAAEC,UAAAA;AAFqC,CAAlC,CAAhB,CAAA;AAKaC,IAAAA,QAAQ,GAAGN,OAAO,CAACM,SAAzB;AACMC,IAAAA,QAAQ,GAAGP,OAAO,CAACO;;;;;"}
+{"version":3,"file":"context-d9e248df.js","sources":["../../src/ui/Accordion/context.ts"],"sourcesContent":["import React from 'react';\n\nimport { noop } from '../../utils/utils';\n\ninterface ContextValue {\n  setOpened(accordion: string): void;\n  opened: string;\n}\n\nconst Context = React.createContext<ContextValue>({\n  opened: '', // mock default value\n  setOpened: noop,\n});\n\nexport const Consumer = Context.Consumer;\nexport const Provider = Context.Provider;\n"],"names":["Context","React","createContext","opened","setOpened","noop","Consumer","Provider"],"mappings":";;;;;;;;;AASA,IAAMA,OAAO,gBAAGC,yBAAK,CAACC,aAAN,CAAkC;AAChDC,EAAAA,MAAM,EAAE,EADwC;AAEhDC,EAAAA,SAAS,EAAEC,UAAAA;AAFqC,CAAlC,CAAhB,CAAA;AAKaC,IAAAA,QAAQ,GAAGN,OAAO,CAACM,SAAzB;AACMC,IAAAA,QAAQ,GAAGP,OAAO,CAACO;;;;;"}

package/cjs/dist/index.css

@@ -58,6 +58,72 @@
 .sendbird-theme--dark .sendbird-openchannel-conversation-header__left__cover-image--icon {
   background-color: var(--sendbird-dark-background-300);
 }
+.sendbird-word {
+  display: inline;
+  height: -moz-fit-content;
+  height: fit-content;
+}
+.sendbird-word .sendbird-word__url,
+.sendbird-word .sendbird-word__normal {
+  margin-right: 4px;
+  display: inline-block;
+  color: inherit;
+}
+.sendbird-create-open-channel-ui {
+  position: relative;
+  display: inline-flex;
+}
+
+.sendbird-create-open-channel-ui__profile-input {
+  position: relative;
+  display: inline-flex;
+  flex-direction: column;
+  justify-content: flex-start;
+  width: 100%;
+  height: 100%;
+  box-sizing: border-box;
+}
+.sendbird-create-open-channel-ui__profile-input .sendbird-create-open-channel-ui__profile-input__img-section {
+  position: relative;
+  margin-top: 16px;
+  display: inline-flex;
+  flex-direction: row;
+  align-items: center;
+}
+.sendbird-create-open-channel-ui__profile-input .sendbird-create-open-channel-ui__profile-input__img-section .sendbird-create-open-channel-ui__profile-input__img-section__avatar {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 80px;
+  height: 80px;
+}
+.sendbird-create-open-channel-ui__profile-input .sendbird-create-open-channel-ui__profile-input__img-section .sendbird-create-open-channel-ui__profile-input__img-section__avatar--default {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 80px;
+  height: 80px;
+  border-radius: 50%;
+}
+.sendbird-theme--light .sendbird-create-open-channel-ui__profile-input .sendbird-create-open-channel-ui__profile-input__img-section .sendbird-create-open-channel-ui__profile-input__img-section__avatar--default {
+  background-color: var(--sendbird-light-background-200);
+}
+.sendbird-theme--dark .sendbird-create-open-channel-ui__profile-input .sendbird-create-open-channel-ui__profile-input__img-section .sendbird-create-open-channel-ui__profile-input__img-section__avatar--default {
+  background-color: var(--sendbird-dark-background-400);
+}
+.sendbird-create-open-channel-ui__profile-input .sendbird-create-open-channel-ui__profile-input__img-section .sendbird-create-open-channel-ui__profile-input__img-section__button {
+  position: relative;
+  margin-left: 18px;
+  display: inline-flex;
+}
+.sendbird-create-open-channel-ui__profile-input .sendbird-create-open-channel-ui__profile-input__name-section {
+  position: relative;
+  margin-top: 8px;
+  display: inline-flex;
+  flex-direction: row;
+}
 .sendbird-open-channel-list,
 .sendbird-open-channel-list-ui {
   position: relative;
@@ -150,61 +216,6 @@
 .sendbird-theme--dark .sendbird-open-channel-list-ui__channel-list--place-holder--loading {
   background-color: var(--sendbird-dark-background-500);
 }
-.sendbird-create-open-channel-ui {
-  position: relative;
-  display: inline-flex;
-}
-
-.sendbird-create-open-channel-ui__profile-input {
-  position: relative;
-  display: inline-flex;
-  flex-direction: column;
-  justify-content: flex-start;
-  width: 100%;
-  height: 100%;
-  box-sizing: border-box;
-}
-.sendbird-create-open-channel-ui__profile-input .sendbird-create-open-channel-ui__profile-input__img-section {
-  position: relative;
-  margin-top: 16px;
-  display: inline-flex;
-  flex-direction: row;
-  align-items: center;
-}
-.sendbird-create-open-channel-ui__profile-input .sendbird-create-open-channel-ui__profile-input__img-section .sendbird-create-open-channel-ui__profile-input__img-section__avatar {
-  position: relative;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  width: 80px;
-  height: 80px;
-}
-.sendbird-create-open-channel-ui__profile-input .sendbird-create-open-channel-ui__profile-input__img-section .sendbird-create-open-channel-ui__profile-input__img-section__avatar--default {
-  position: relative;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  width: 80px;
-  height: 80px;
-  border-radius: 50%;
-}
-.sendbird-theme--light .sendbird-create-open-channel-ui__profile-input .sendbird-create-open-channel-ui__profile-input__img-section .sendbird-create-open-channel-ui__profile-input__img-section__avatar--default {
-  background-color: var(--sendbird-light-background-200);
-}
-.sendbird-theme--dark .sendbird-create-open-channel-ui__profile-input .sendbird-create-open-channel-ui__profile-input__img-section .sendbird-create-open-channel-ui__profile-input__img-section__avatar--default {
-  background-color: var(--sendbird-dark-background-400);
-}
-.sendbird-create-open-channel-ui__profile-input .sendbird-create-open-channel-ui__profile-input__img-section .sendbird-create-open-channel-ui__profile-input__img-section__button {
-  position: relative;
-  margin-left: 18px;
-  display: inline-flex;
-}
-.sendbird-create-open-channel-ui__profile-input .sendbird-create-open-channel-ui__profile-input__name-section {
-  position: relative;
-  margin-top: 8px;
-  display: inline-flex;
-  flex-direction: row;
-}
 .sendbird-open-channel-preview {
   position: relative;
   display: inline-flex;
@@ -3335,16 +3346,25 @@ div.sendbird-text-message-item-body {
   margin: 0px;
 }
 .sendbird-word {
-  display: inline;
-  margin-right: 4px;
-  height: -moz-fit-content;
-  height: fit-content;
-  white-space: nowrap;
+  white-space: break-spaces;
 }
-.sendbird-word .sendbird-word__url,
-.sendbird-word .sendbird-word__normal {
+.sendbird-word .sendbird-word__mention {
   display: inline-block;
-  color: inherit;
+}
+.sendbird-word .sendbird-word__mention:hover {
+  cursor: pointer;
+}
+.sendbird-theme--light .sendbird-word .sendbird-word__mention.sendbird-word__mention--me {
+  background-color: var(--sendbird-highlight-100);
+}
+.sendbird-theme--dark .sendbird-word .sendbird-word__mention.sendbird-word__mention--me {
+  background-color: var(--sendbird-highlight-100);
+}
+.sendbird-theme--light .sendbird-word .sendbird-word__mention.sendbird-word__mention--me .sendbird-label {
+  color: var(--sendbird-light-onlight-01);
+}
+.sendbird-theme--dark .sendbird-word .sendbird-word__mention.sendbird-word__mention--me .sendbird-label {
+  color: var(--sendbird-dark-onlight-01);
 }
 .sendbird-link-label {
   text-decoration: unset;
@@ -3415,24 +3435,6 @@ div.sendbird-text-message-item-body {
 .sendbird-theme--dark .sendbird-link-label .sendbird-label--color-secondary-3 {
   color: var(--sendbird-dark-secondary-200);
 }
-.sendbird-word .sendbird-word__mention {
-  display: inline-block;
-}
-.sendbird-word .sendbird-word__mention:hover {
-  cursor: pointer;
-}
-.sendbird-theme--light .sendbird-word .sendbird-word__mention.sendbird-word__mention--me {
-  background-color: var(--sendbird-highlight-100);
-}
-.sendbird-theme--dark .sendbird-word .sendbird-word__mention.sendbird-word__mention--me {
-  background-color: var(--sendbird-highlight-100);
-}
-.sendbird-theme--light .sendbird-word .sendbird-word__mention.sendbird-word__mention--me .sendbird-label {
-  color: var(--sendbird-light-onlight-01);
-}
-.sendbird-theme--dark .sendbird-word .sendbird-word__mention.sendbird-word__mention--me .sendbird-label {
-  color: var(--sendbird-dark-onlight-01);
-}
 .sendbird-file-message-item-body {
   position: relative;
   display: inline-block;
@@ -5520,6 +5522,12 @@ div.sendbird-og-message-item-body__text-bubble {
 .sendbird-theme--dark .sendbird-thread-ui__parent-message-info {
   border-top: 1px solid var(--sendbird-dark-ondark-04);
 }
+.sendbird-theme--light .sendbird-thread-ui__parent-message-info .sendbird-word__mention .sendbird-label {
+  color: var(--sendbird-light-onlight-01);
+}
+.sendbird-theme--dark .sendbird-thread-ui__parent-message-info .sendbird-word__mention .sendbird-label {
+  color: var(--sendbird-dark-ondark-01);
+}
 
 .sendbird-thread-ui__reply-counts {
   position: relative;