@sendbird/uikit-react 3.6.9 → 3.6.10

package/ui/TextMessageItemBody.js

@@ -1,27 +1,27 @@
 import React__default, { useContext, useMemo } from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-fa19fef7.js';
-import { m as getClassName, E as isEditedMessage } from '../index-c323f04b.js';
-import { a as LocalizationContext } from '../LocalizationContext-c9b218d4.js';
-import { t as tokenizeMessage } from '../tokenize-d34eb5c6.js';
-import { T as TextFragment } from '../index-9083293d.js';
-import { T as TEXT_MESSAGE_BODY_CLASSNAME } from '../consts-a979689d.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-773ba5ba.js';
+import { m as getClassName, E as isEditedMessage } from '../index-afdd497f.js';
+import { a as LocalizationContext } from '../LocalizationContext-ffc4148d.js';
+import { t as tokenizeMessage } from '../tokenize-65b415b8.js';
+import { T as TextFragment } from '../index-62ee116d.js';
+import { T as TEXT_MESSAGE_BODY_CLASSNAME } from '../consts-d580c2c7.js';
 import 'prop-types';
-import '../stringSet-9fe06e0d.js';
-import '../_rollupPluginBabelHelpers-ea73a031.js';
+import '../stringSet-02d58100.js';
+import '../_rollupPluginBabelHelpers-0cef07cb.js';
 import '../utils/message/getOutgoingMessageState.js';
-import '../index.module-efef0194.js';
-import '../index-516ad99d.js';
+import '../index.module-f3f31594.js';
+import '../index-304b238b.js';
 import '../Message/context.js';
 import './MentionLabel.js';
 import './ContextMenu.js';
 import 'react-dom';
 import './SortByRow.js';
-import '../uuid-9094f15c.js';
+import '../uuid-46cf2f27.js';
 import './UserProfile.js';
-import '../UserProfileContext-36e341fd.js';
+import '../UserProfileContext-4ebadc38.js';
 import '../sendbirdSelectors.js';
-import '../topics-edd6182d.js';
-import '../utils-1bfac67e.js';
+import '../topics-fda6fac4.js';
+import '../utils-eb4100d3.js';
 import './Avatar.js';
 import './ImageRenderer.js';
 import './Icon.js';

package/ui/ThreadReplies.js

@@ -1,13 +1,13 @@
 import React__default from 'react';
 import Avatar from './Avatar.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-fa19fef7.js';
-import { u as useLocalization } from '../LocalizationContext-c9b218d4.js';
-import { u as uuidv4 } from '../uuid-9094f15c.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-773ba5ba.js';
+import { u as useLocalization } from '../LocalizationContext-ffc4148d.js';
+import { u as uuidv4 } from '../uuid-46cf2f27.js';
 import './ImageRenderer.js';
 import 'prop-types';
-import '../stringSet-9fe06e0d.js';
-import '../index-516ad99d.js';
+import '../stringSet-02d58100.js';
+import '../index-304b238b.js';
 
 function ThreadReplies(_ref) {
   var _mostRepliedUsers$;

package/ui/ThumbnailMessageItemBody.js

@@ -1,15 +1,15 @@
-import { b as _extends } from '../_rollupPluginBabelHelpers-ea73a031.js';
+import { b as _extends } from '../_rollupPluginBabelHelpers-0cef07cb.js';
 import React__default, { useState } from 'react';
 import Icon, { IconTypes, IconColors } from './Icon.js';
 import ImageRenderer from './ImageRenderer.js';
-import { m as getClassName, v as isVideoMessage, u as isGifMessage, F as isSentMessage } from '../index-c323f04b.js';
-import { n as noop } from '../utils-1bfac67e.js';
-import { u as useLongPress } from '../useLongPress-4b698dbb.js';
-import { b as getMessageFirstFileThumbnailUrl, g as getMessageFirstFileUrl, c as getMessageFirstFileType } from '../utils-73dd35ca.js';
+import { m as getClassName, v as isVideoMessage, u as isGifMessage, F as isSentMessage } from '../index-afdd497f.js';
+import { n as noop } from '../utils-eb4100d3.js';
+import { u as useLongPress } from '../useLongPress-ba7e62b0.js';
+import { b as getMessageFirstFileThumbnailUrl, g as getMessageFirstFileUrl, c as getMessageFirstFileType } from '../utils-e7de752d.js';
 import 'prop-types';
 import '../utils/message/getOutgoingMessageState.js';
-import '../index.module-efef0194.js';
-import '../MediaQueryContext-532b0a77.js';
+import '../index.module-f3f31594.js';
+import '../MediaQueryContext-9401e28a.js';
 
 function ThumbnailMessageItemBody(_ref) {
   var _message$reactions$le, _message$reactions;

package/ui/Toggle.js

@@ -1,5 +1,5 @@
 import React__default, { useState, useCallback } from 'react';
-import { _ as _objectSpread2 } from '../_rollupPluginBabelHelpers-ea73a031.js';
+import { _ as _objectSpread2 } from '../_rollupPluginBabelHelpers-0cef07cb.js';
 import useSendbirdStateContext from '../useSendbirdStateContext.js';
 import '../withSendbird.js';
 

package/ui/Tooltip.js

@@ -1,7 +1,7 @@
 import React__default from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-fa19fef7.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-773ba5ba.js';
 import 'prop-types';
-import '../stringSet-9fe06e0d.js';
+import '../stringSet-02d58100.js';
 
 function Tooltip(_ref) {
   let {

package/ui/UnknownMessageItemBody.js

@@ -1,13 +1,13 @@
 import React__default, { useContext } from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-fa19fef7.js';
-import { m as getClassName } from '../index-c323f04b.js';
-import { a as LocalizationContext } from '../LocalizationContext-c9b218d4.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-773ba5ba.js';
+import { m as getClassName } from '../index-afdd497f.js';
+import { a as LocalizationContext } from '../LocalizationContext-ffc4148d.js';
 import 'prop-types';
-import '../stringSet-9fe06e0d.js';
-import '../_rollupPluginBabelHelpers-ea73a031.js';
+import '../stringSet-02d58100.js';
+import '../_rollupPluginBabelHelpers-0cef07cb.js';
 import '../utils/message/getOutgoingMessageState.js';
-import '../index.module-efef0194.js';
-import '../index-516ad99d.js';
+import '../index.module-f3f31594.js';
+import '../index-304b238b.js';
 
 function UnknownMessageItemBody(_ref) {
   var _message$reactions;

package/ui/UserListItem.js

@@ -1,30 +1,30 @@
 import React__default, { useContext } from 'react';
-import { a as UserProfileContext } from '../UserProfileContext-36e341fd.js';
-import { a as LocalizationContext } from '../LocalizationContext-c9b218d4.js';
+import { a as UserProfileContext } from '../UserProfileContext-4ebadc38.js';
+import { a as LocalizationContext } from '../LocalizationContext-ffc4148d.js';
 import Avatar from './Avatar.js';
 import MutedAvatarOverlay from './MutedAvatarOverlay.js';
 import Checkbox from './Checkbox.js';
 import UserProfile from './UserProfile.js';
 import ContextMenu, { MenuItems } from './ContextMenu.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-fa19fef7.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-773ba5ba.js';
 import 'prop-types';
-import '../stringSet-9fe06e0d.js';
-import '../index-516ad99d.js';
+import '../stringSet-02d58100.js';
+import '../index-304b238b.js';
 import './ImageRenderer.js';
 import './Icon.js';
-import '../uuid-9094f15c.js';
+import '../uuid-46cf2f27.js';
 import '../sendbirdSelectors.js';
-import '../_rollupPluginBabelHelpers-ea73a031.js';
-import '../topics-edd6182d.js';
-import '../utils-1bfac67e.js';
+import '../_rollupPluginBabelHelpers-0cef07cb.js';
+import '../topics-fda6fac4.js';
+import '../utils-eb4100d3.js';
 import './Button.js';
 import '../useSendbirdStateContext.js';
 import '../withSendbird.js';
 import 'react-dom';
 import './SortByRow.js';
-import '../index-c323f04b.js';
+import '../index-afdd497f.js';
 import '../utils/message/getOutgoingMessageState.js';
-import '../index.module-efef0194.js';
+import '../index.module-f3f31594.js';
 
 function UserListItem(_ref) {
   let {

package/ui/UserProfile.js

@@ -1,20 +1,20 @@
 import React__default, { useContext } from 'react';
-import { a as LocalizationContext } from '../LocalizationContext-c9b218d4.js';
-import { a as UserProfileContext } from '../UserProfileContext-36e341fd.js';
+import { a as LocalizationContext } from '../LocalizationContext-ffc4148d.js';
+import { a as UserProfileContext } from '../UserProfileContext-4ebadc38.js';
 import { getCreateGroupChannel } from '../sendbirdSelectors.js';
 import Avatar from './Avatar.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-fa19fef7.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-773ba5ba.js';
 import Button, { ButtonTypes } from './Button.js';
 import useSendbirdStateContext from '../useSendbirdStateContext.js';
-import '../stringSet-9fe06e0d.js';
-import '../index-516ad99d.js';
+import '../stringSet-02d58100.js';
+import '../index-304b238b.js';
 import 'prop-types';
-import '../_rollupPluginBabelHelpers-ea73a031.js';
-import '../topics-edd6182d.js';
-import '../utils-1bfac67e.js';
+import '../_rollupPluginBabelHelpers-0cef07cb.js';
+import '../topics-fda6fac4.js';
+import '../utils-eb4100d3.js';
 import './ImageRenderer.js';
 import './Icon.js';
-import '../uuid-9094f15c.js';
+import '../uuid-46cf2f27.js';
 import '../withSendbird.js';
 
 function UserProfile(_ref) {

package/ui/VoiceMessageItemBody.js

@@ -4,21 +4,21 @@ import { useVoicePlayer } from '../VoicePlayer/useVoicePlayer.js';
 import { PlaybackTime } from './PlaybackTime.js';
 import Loader from './Loader.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { a as LabelTypography, b as LabelColors } from '../index-fa19fef7.js';
-import { a as VOICE_PLAYER_STATUS } from '../index-825c96d3.js';
-import '../consts-439d56b4.js';
+import { a as LabelTypography, b as LabelColors } from '../index-773ba5ba.js';
+import { a as VOICE_PLAYER_STATUS } from '../index-51d1d394.js';
+import '../consts-9f4a812e.js';
 import '../VoiceRecorder/context.js';
-import '../LocalizationContext-c9b218d4.js';
-import '../stringSet-9fe06e0d.js';
-import '../index-516ad99d.js';
+import '../LocalizationContext-ffc4148d.js';
+import '../stringSet-02d58100.js';
+import '../index-304b238b.js';
 import './Modal.js';
 import 'react-dom';
-import '../utils-1bfac67e.js';
-import '../index.module-efef0194.js';
-import '../index-e2afa53f.js';
-import '../MediaQueryContext-532b0a77.js';
+import '../utils-eb4100d3.js';
+import '../index.module-f3f31594.js';
+import '../index-c277467e.js';
+import '../MediaQueryContext-9401e28a.js';
 import './IconButton.js';
-import '../_rollupPluginBabelHelpers-ea73a031.js';
+import '../_rollupPluginBabelHelpers-0cef07cb.js';
 import './Button.js';
 import 'prop-types';
 import '../useSendbirdStateContext.js';

package/ui/VoiceMessgeInput.js

@@ -3,12 +3,12 @@ import './PlaybackTime.js';
 import './ProgressBar.js';
 import './TextButton.js';
 import './Icon.js';
-import '../index-fa19fef7.js';
-import '../LocalizationContext-c9b218d4.js';
-export { a as VoiceMessageInput } from '../index-c5cb0bb2.js';
-import '../consts-439d56b4.js';
+import '../index-773ba5ba.js';
+import '../LocalizationContext-ffc4148d.js';
+export { a as VoiceMessageInput } from '../index-4a1fec80.js';
+import '../consts-9f4a812e.js';
 import 'prop-types';
-import '../stringSet-9fe06e0d.js';
-import '../color-4cef414f.js';
-import '../index-516ad99d.js';
+import '../stringSet-02d58100.js';
+import '../color-8d593cfa.js';
+import '../index-304b238b.js';
 //# sourceMappingURL=VoiceMessgeInput.js.map

package/ui/Word.js

@@ -1,24 +1,24 @@
 import React__default from 'react';
-import { a as LabelTypography } from '../index-fa19fef7.js';
+import { a as LabelTypography } from '../index-773ba5ba.js';
 import LinkLabel from './LinkLabel.js';
-import { u as uuidv4 } from '../uuid-9094f15c.js';
-import { T as convertWordToStringObj, V as StringObjType } from '../index-c323f04b.js';
+import { u as uuidv4 } from '../uuid-46cf2f27.js';
+import { T as convertWordToStringObj, V as StringObjType } from '../index-afdd497f.js';
 import MentionLabel from './MentionLabel.js';
 import 'prop-types';
-import '../stringSet-9fe06e0d.js';
-import '../_rollupPluginBabelHelpers-ea73a031.js';
+import '../stringSet-02d58100.js';
+import '../_rollupPluginBabelHelpers-0cef07cb.js';
 import '../utils/message/getOutgoingMessageState.js';
-import '../index.module-efef0194.js';
+import '../index.module-f3f31594.js';
 import './ContextMenu.js';
 import 'react-dom';
 import './SortByRow.js';
 import './UserProfile.js';
-import '../LocalizationContext-c9b218d4.js';
-import '../index-516ad99d.js';
-import '../UserProfileContext-36e341fd.js';
+import '../LocalizationContext-ffc4148d.js';
+import '../index-304b238b.js';
+import '../UserProfileContext-4ebadc38.js';
 import '../sendbirdSelectors.js';
-import '../topics-edd6182d.js';
-import '../utils-1bfac67e.js';
+import '../topics-fda6fac4.js';
+import '../utils-eb4100d3.js';
 import './Avatar.js';
 import './ImageRenderer.js';
 import './Icon.js';

package/{useHandleUploadFiles-210750cc.js → useHandleUploadFiles-c1595636.js}

@@ -1,18 +1,18 @@
 import React__default, { useRef, useState, useEffect, useCallback } from 'react';
-import { u as useLocalization } from './LocalizationContext-c9b218d4.js';
+import { u as useLocalization } from './LocalizationContext-ffc4148d.js';
 import { useVoicePlayer } from './VoicePlayer/useVoicePlayer.js';
 import { useVoiceRecorder, VoiceRecorderStatus } from './VoiceRecorder/useVoiceRecorder.js';
-import { D as isDisabledBecauseFrozen, E as isDisabledBecauseMuted } from './utils-ec15538c.js';
-import { V as VoiceMessageInputStatus, a as VoiceMessageInput } from './index-c5cb0bb2.js';
+import { D as isDisabledBecauseFrozen, E as isDisabledBecauseMuted } from './utils-cbc87bb5.js';
+import { V as VoiceMessageInputStatus, a as VoiceMessageInput } from './index-4a1fec80.js';
 import { Modal, ModalFooter } from './ui/Modal.js';
 import Button, { ButtonTypes, ButtonSizes } from './ui/Button.js';
 import useSendbirdStateContext from './useSendbirdStateContext.js';
-import { a as VOICE_RECORDER_DEFAULT_MIN } from './consts-439d56b4.js';
-import { a as VOICE_PLAYER_STATUS } from './index-825c96d3.js';
-import { u as uuidv4 } from './uuid-9094f15c.js';
-import { j as isImage } from './index-c323f04b.js';
-import { u as useGlobalModalContext } from './index-bae83553.js';
-import './index-fa19fef7.js';
+import { a as VOICE_RECORDER_DEFAULT_MIN } from './consts-9f4a812e.js';
+import { a as VOICE_PLAYER_STATUS } from './index-51d1d394.js';
+import { u as uuidv4 } from './uuid-46cf2f27.js';
+import { j as isImage } from './index-afdd497f.js';
+import { u as useGlobalModalContext } from './index-f35b1dcc.js';
+import './index-773ba5ba.js';
 
 const VoiceMessageInputWrapper = _ref => {
   var _config$voiceRecord;
@@ -287,4 +287,4 @@ const useHandleUploadFiles = (_ref, _ref2) => {
 };
 
 export { VoiceMessageInputWrapper as V, useHandleUploadFiles as u };
-//# sourceMappingURL=useHandleUploadFiles-210750cc.js.map
+//# sourceMappingURL=useHandleUploadFiles-c1595636.js.map

package/{useHandleUploadFiles-210750cc.js.map → useHandleUploadFiles-c1595636.js.map}

@@ -1 +1 @@
-{"version":3,"file":"useHandleUploadFiles-210750cc.js","sources":["../src/modules/Channel/components/MessageInput/VoiceMessageInputWrapper.tsx","../src/modules/Channel/components/MessageInput/useHandleUploadFiles.tsx"],"sourcesContent":["import React, { useEffect, useRef, 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 { VOICE_PLAYER_STATUS } 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 uuid = useRef<string>(uuidv4()).current;\n  const [audioFile, setAudioFile] = useState<File>(null);\n  const [voiceInputState, setVoiceInputState] = useState<VoiceMessageInputStatus>(VoiceMessageInputStatus.READY_TO_RECORD);\n  const [isSubmitted, 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  // call onSubmitClick when submit button is clicked and recorded audio file is created\n  useEffect(() => {\n    if (isSubmitted && audioFile) {\n      onSubmitClick(audioFile, recordingTime);\n      setSubmit(false);\n      setAudioFile(null);\n    }\n  }, [isSubmitted, audioFile, recordingTime]);\n  // operate which control button should be displayed\n  useEffect(() => {\n    if (audioFile) {\n      if (recordingTime < minRecordingTime) {\n        setVoiceInputState(VoiceMessageInputStatus.READY_TO_RECORD);\n        setAudioFile(null);\n      } else if (playingStatus === VOICE_PLAYER_STATUS.PLAYING) {\n        setVoiceInputState(VoiceMessageInputStatus.PLAYING);\n      } else {\n        setVoiceInputState(VoiceMessageInputStatus.READY_TO_PLAY);\n      }\n    }\n  }, [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={() => {\n          onCancelClick();\n          cancel();\n          stopVoicePlayer();\n        }}\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","import React, { useCallback } from 'react';\n\nimport { Logger } from '../../../../lib/SendbirdState';\nimport { SendMFMFunctionType } from '../../context/hooks/useSendMultipleFilesMessage';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport { SendableMessageType, isImage } from '../../../../utils';\n// TODO: get SendFileMessageFunctionType from Channel\nimport { SendFileMessageFunctionType } from '../../../Thread/context/hooks/useSendFileMessage';\nimport { useGlobalModalContext } from '../../../../hooks/useModal';\nimport { ButtonTypes } from '../../../../ui/Button';\nimport { useLocalization } from '../../../../lib/LocalizationContext';\nimport { ModalFooter } from '../../../../ui/Modal';\n\n/**\n * The handleUploadFiles is a function sending a FileMessage and MultipleFilesMessage\n * by the received FileList from the ChangeEvent of MessageInput component.\n */\n\ninterface useHandleUploadFilesDynamicProps {\n  sendFileMessage: SendFileMessageFunctionType;\n  sendMultipleFilesMessage: SendMFMFunctionType;\n  quoteMessage?: SendableMessageType;\n}\ninterface useHandleUploadFilesStaticProps {\n  logger: Logger;\n}\nexport type HandleUploadFunctionType = (files: FileList) => void;\n\nexport const useHandleUploadFiles = ({\n  sendFileMessage,\n  sendMultipleFilesMessage,\n  quoteMessage,\n}: useHandleUploadFilesDynamicProps, {\n  logger,\n}: useHandleUploadFilesStaticProps): Array<HandleUploadFunctionType> => {\n  const { stringSet } = useLocalization();\n  const { config } = useSendbirdStateContext();\n  const uikitUploadSizeLimit = config?.uikitUploadSizeLimit;\n  const uikitMultipleFilesMessageLimit = config?.uikitMultipleFilesMessageLimit;\n  const { openModal } = useGlobalModalContext();\n\n  const handleUploadFiles = useCallback((fileList: FileList) => {\n    const files: File[] = Array.from(fileList);\n\n    // Validate Paremeters\n    if (!sendFileMessage || !sendMultipleFilesMessage) {\n      logger.warning('Channel|useHandleUploadFiles: required functions are undefined', { sendFileMessage, sendMultipleFilesMessage });\n      return;\n    }\n    if (files.length === 0) {\n      logger.warning('Channel|useHandleUploadFiles: given file list is empty.', { files });\n      return;\n    }\n    if (files.length > uikitMultipleFilesMessageLimit) {\n      logger.info(`Channel|useHandleUploadFiles: Cannot upload files more than ${uikitMultipleFilesMessageLimit}`);\n      openModal({\n        modalProps: {\n          titleText: `Up to ${uikitMultipleFilesMessageLimit} files can be attached.`,\n          hideFooter: true,\n        },\n        childElement: ({ closeModal }) => (\n          <ModalFooter\n            type={ButtonTypes.PRIMARY}\n            submitText={stringSet.BUTTON__OK}\n            hideCancelButton\n            onCancel={closeModal}\n            onSubmit={closeModal}\n          />\n        ),\n      });\n      return;\n    }\n    if (files.some((file: File) => file.size > uikitUploadSizeLimit)) {\n      // The default value of uikitUploadSizeLimit is 26MB\n      logger.info(`Channel|useHandleUploadFiles: Cannot upload file size exceeding ${uikitUploadSizeLimit}`);\n      openModal({\n        modalProps: {\n          titleText: `The maximum size per file is ${Math.floor(uikitUploadSizeLimit / 1000000)} MB.`,\n          hideFooter: true,\n        },\n        childElement: ({ closeModal }) => (\n          <ModalFooter\n            type={ButtonTypes.PRIMARY}\n            submitText={stringSet.BUTTON__OK}\n            hideCancelButton\n            onCancel={closeModal}\n            onSubmit={closeModal}\n          />\n        ),\n      });\n      return;\n    }\n\n    if (files.length === 1) {\n      logger.info('Channel|useHandleUploadFiles: sending one file.');\n      const [file] = files;\n      sendFileMessage(file, quoteMessage);\n    } else if (files.length > 1) {\n      logger.info('Channel|useHandleUploadFiles: sending multiple files.');\n      const imageFiles: Array<File> = [];\n      const otherFiles: Array<File> = [];\n      files.forEach((file: File) => {\n        if (isImage(file.type)) {\n          imageFiles.push(file);\n        } else {\n          otherFiles.push(file);\n        }\n      });\n\n      if (imageFiles.length > 1) {\n        sendMultipleFilesMessage(imageFiles, quoteMessage);\n      } else if (imageFiles.length === 1) {\n        sendFileMessage(imageFiles[0], quoteMessage);\n      }\n      if (otherFiles.length > 0) {\n        otherFiles.forEach((file: File) => {\n          sendFileMessage(file, quoteMessage);\n        });\n      }\n    }\n  }, [\n    sendFileMessage,\n    sendMultipleFilesMessage,\n    quoteMessage,\n  ]);\n\n  return [handleUploadFiles];\n};\n"],"names":["VoiceMessageInputWrapper","_ref","_config$voiceRecord","channel","onCancelClick","onSubmitClick","uuid","useRef","uuidv4","current","audioFile","setAudioFile","useState","voiceInputState","setVoiceInputState","VoiceMessageInputStatus","READY_TO_RECORD","isSubmitted","setSubmit","isDisabled","setDisabled","showModal","setShowModal","stringSet","useLocalization","config","useSendbirdStateContext","minRecordingTime","voiceRecord","VOICE_RECORDER_DEFAULT_MIN","start","stop","cancel","recordingTime","recordingStatus","recordingLimit","useVoiceRecorder","onRecordingStarted","RECORDING","onRecordingEnded","voicePlayer","useVoicePlayer","channelUrl","url","key","play","pause","playbackTime","playingStatus","stopVoicePlayer","useEffect","isDisabledBecauseFrozen","isDisabledBecauseMuted","myRole","isFrozen","myMutedState","VOICE_PLAYER_STATUS","PLAYING","READY_TO_PLAY","React","createElement","className","VoiceMessageInput","currentValue","VoiceRecorderStatus","COMPLETED","maximumValue","currentType","onControlClick","type","Modal","titleText","MODAL__VOICE_MESSAGE_INPUT_DISABLED__TITLE_MUTED","MODAL__VOICE_MESSAGE_INPUT_DISABLED__TITLE_FROZEN","hideFooter","isCloseOnClickOutside","onCancel","Button","ButtonTypes","PRIMARY","size","ButtonSizes","BIG","onClick","BUTTON__OK","useHandleUploadFiles","_ref2","sendFileMessage","sendMultipleFilesMessage","quoteMessage","logger","uikitUploadSizeLimit","uikitMultipleFilesMessageLimit","openModal","useGlobalModalContext","handleUploadFiles","useCallback","fileList","files","Array","from","warning","length","info","modalProps","childElement","_ref3","closeModal","ModalFooter","submitText","hideCancelButton","onSubmit","some","file","Math","floor","_ref4","imageFiles","otherFiles","forEach","isImage","push"],"mappings":"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"}
+{"version":3,"file":"useHandleUploadFiles-c1595636.js","sources":["../src/modules/Channel/components/MessageInput/VoiceMessageInputWrapper.tsx","../src/modules/Channel/components/MessageInput/useHandleUploadFiles.tsx"],"sourcesContent":["import React, { useEffect, useRef, 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 { VOICE_PLAYER_STATUS } 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 uuid = useRef<string>(uuidv4()).current;\n  const [audioFile, setAudioFile] = useState<File>(null);\n  const [voiceInputState, setVoiceInputState] = useState<VoiceMessageInputStatus>(VoiceMessageInputStatus.READY_TO_RECORD);\n  const [isSubmitted, 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  // call onSubmitClick when submit button is clicked and recorded audio file is created\n  useEffect(() => {\n    if (isSubmitted && audioFile) {\n      onSubmitClick(audioFile, recordingTime);\n      setSubmit(false);\n      setAudioFile(null);\n    }\n  }, [isSubmitted, audioFile, recordingTime]);\n  // operate which control button should be displayed\n  useEffect(() => {\n    if (audioFile) {\n      if (recordingTime < minRecordingTime) {\n        setVoiceInputState(VoiceMessageInputStatus.READY_TO_RECORD);\n        setAudioFile(null);\n      } else if (playingStatus === VOICE_PLAYER_STATUS.PLAYING) {\n        setVoiceInputState(VoiceMessageInputStatus.PLAYING);\n      } else {\n        setVoiceInputState(VoiceMessageInputStatus.READY_TO_PLAY);\n      }\n    }\n  }, [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={() => {\n          onCancelClick();\n          cancel();\n          stopVoicePlayer();\n        }}\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","import React, { useCallback } from 'react';\n\nimport { Logger } from '../../../../lib/SendbirdState';\nimport { SendMFMFunctionType } from '../../context/hooks/useSendMultipleFilesMessage';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport { SendableMessageType, isImage } from '../../../../utils';\n// TODO: get SendFileMessageFunctionType from Channel\nimport { SendFileMessageFunctionType } from '../../../Thread/context/hooks/useSendFileMessage';\nimport { useGlobalModalContext } from '../../../../hooks/useModal';\nimport { ButtonTypes } from '../../../../ui/Button';\nimport { useLocalization } from '../../../../lib/LocalizationContext';\nimport { ModalFooter } from '../../../../ui/Modal';\n\n/**\n * The handleUploadFiles is a function sending a FileMessage and MultipleFilesMessage\n * by the received FileList from the ChangeEvent of MessageInput component.\n */\n\ninterface useHandleUploadFilesDynamicProps {\n  sendFileMessage: SendFileMessageFunctionType;\n  sendMultipleFilesMessage: SendMFMFunctionType;\n  quoteMessage?: SendableMessageType;\n}\ninterface useHandleUploadFilesStaticProps {\n  logger: Logger;\n}\nexport type HandleUploadFunctionType = (files: FileList) => void;\n\nexport const useHandleUploadFiles = ({\n  sendFileMessage,\n  sendMultipleFilesMessage,\n  quoteMessage,\n}: useHandleUploadFilesDynamicProps, {\n  logger,\n}: useHandleUploadFilesStaticProps): Array<HandleUploadFunctionType> => {\n  const { stringSet } = useLocalization();\n  const { config } = useSendbirdStateContext();\n  const uikitUploadSizeLimit = config?.uikitUploadSizeLimit;\n  const uikitMultipleFilesMessageLimit = config?.uikitMultipleFilesMessageLimit;\n  const { openModal } = useGlobalModalContext();\n\n  const handleUploadFiles = useCallback((fileList: FileList) => {\n    const files: File[] = Array.from(fileList);\n\n    // Validate Paremeters\n    if (!sendFileMessage || !sendMultipleFilesMessage) {\n      logger.warning('Channel|useHandleUploadFiles: required functions are undefined', { sendFileMessage, sendMultipleFilesMessage });\n      return;\n    }\n    if (files.length === 0) {\n      logger.warning('Channel|useHandleUploadFiles: given file list is empty.', { files });\n      return;\n    }\n    if (files.length > uikitMultipleFilesMessageLimit) {\n      logger.info(`Channel|useHandleUploadFiles: Cannot upload files more than ${uikitMultipleFilesMessageLimit}`);\n      openModal({\n        modalProps: {\n          titleText: `Up to ${uikitMultipleFilesMessageLimit} files can be attached.`,\n          hideFooter: true,\n        },\n        childElement: ({ closeModal }) => (\n          <ModalFooter\n            type={ButtonTypes.PRIMARY}\n            submitText={stringSet.BUTTON__OK}\n            hideCancelButton\n            onCancel={closeModal}\n            onSubmit={closeModal}\n          />\n        ),\n      });\n      return;\n    }\n    if (files.some((file: File) => file.size > uikitUploadSizeLimit)) {\n      // The default value of uikitUploadSizeLimit is 26MB\n      logger.info(`Channel|useHandleUploadFiles: Cannot upload file size exceeding ${uikitUploadSizeLimit}`);\n      openModal({\n        modalProps: {\n          titleText: `The maximum size per file is ${Math.floor(uikitUploadSizeLimit / 1000000)} MB.`,\n          hideFooter: true,\n        },\n        childElement: ({ closeModal }) => (\n          <ModalFooter\n            type={ButtonTypes.PRIMARY}\n            submitText={stringSet.BUTTON__OK}\n            hideCancelButton\n            onCancel={closeModal}\n            onSubmit={closeModal}\n          />\n        ),\n      });\n      return;\n    }\n\n    if (files.length === 1) {\n      logger.info('Channel|useHandleUploadFiles: sending one file.');\n      const [file] = files;\n      sendFileMessage(file, quoteMessage);\n    } else if (files.length > 1) {\n      logger.info('Channel|useHandleUploadFiles: sending multiple files.');\n      const imageFiles: Array<File> = [];\n      const otherFiles: Array<File> = [];\n      files.forEach((file: File) => {\n        if (isImage(file.type)) {\n          imageFiles.push(file);\n        } else {\n          otherFiles.push(file);\n        }\n      });\n\n      if (imageFiles.length > 1) {\n        sendMultipleFilesMessage(imageFiles, quoteMessage);\n      } else if (imageFiles.length === 1) {\n        sendFileMessage(imageFiles[0], quoteMessage);\n      }\n      if (otherFiles.length > 0) {\n        otherFiles.forEach((file: File) => {\n          sendFileMessage(file, quoteMessage);\n        });\n      }\n    }\n  }, [\n    sendFileMessage,\n    sendMultipleFilesMessage,\n    quoteMessage,\n  ]);\n\n  return [handleUploadFiles];\n};\n"],"names":["VoiceMessageInputWrapper","_ref","_config$voiceRecord","channel","onCancelClick","onSubmitClick","uuid","useRef","uuidv4","current","audioFile","setAudioFile","useState","voiceInputState","setVoiceInputState","VoiceMessageInputStatus","READY_TO_RECORD","isSubmitted","setSubmit","isDisabled","setDisabled","showModal","setShowModal","stringSet","useLocalization","config","useSendbirdStateContext","minRecordingTime","voiceRecord","VOICE_RECORDER_DEFAULT_MIN","start","stop","cancel","recordingTime","recordingStatus","recordingLimit","useVoiceRecorder","onRecordingStarted","RECORDING","onRecordingEnded","voicePlayer","useVoicePlayer","channelUrl","url","key","play","pause","playbackTime","playingStatus","stopVoicePlayer","useEffect","isDisabledBecauseFrozen","isDisabledBecauseMuted","myRole","isFrozen","myMutedState","VOICE_PLAYER_STATUS","PLAYING","READY_TO_PLAY","React","createElement","className","VoiceMessageInput","currentValue","VoiceRecorderStatus","COMPLETED","maximumValue","currentType","onControlClick","type","Modal","titleText","MODAL__VOICE_MESSAGE_INPUT_DISABLED__TITLE_MUTED","MODAL__VOICE_MESSAGE_INPUT_DISABLED__TITLE_FROZEN","hideFooter","isCloseOnClickOutside","onCancel","Button","ButtonTypes","PRIMARY","size","ButtonSizes","BIG","onClick","BUTTON__OK","useHandleUploadFiles","_ref2","sendFileMessage","sendMultipleFilesMessage","quoteMessage","logger","uikitUploadSizeLimit","uikitMultipleFilesMessageLimit","openModal","useGlobalModalContext","handleUploadFiles","useCallback","fileList","files","Array","from","warning","length","info","modalProps","childElement","_ref3","closeModal","ModalFooter","submitText","hideCancelButton","onSubmit","some","file","Math","floor","_ref4","imageFiles","otherFiles","forEach","isImage","push"],"mappings":"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"}

package/{useLongPress-4b698dbb.js → useLongPress-ba7e62b0.js}

@@ -1,6 +1,6 @@
-import { _ as _objectSpread2 } from './_rollupPluginBabelHelpers-ea73a031.js';
+import { _ as _objectSpread2 } from './_rollupPluginBabelHelpers-0cef07cb.js';
 import { useState, useRef, useCallback } from 'react';
-import { u as useMediaQueryContext } from './MediaQueryContext-532b0a77.js';
+import { u as useMediaQueryContext } from './MediaQueryContext-9401e28a.js';
 
 const DEFAULT_DURATION = 300;
 function preventDefault(e) {
@@ -82,4 +82,4 @@ function useLongPress(_ref) {
 }
 
 export { useLongPress as u };
-//# sourceMappingURL=useLongPress-4b698dbb.js.map
+//# sourceMappingURL=useLongPress-ba7e62b0.js.map

package/{useLongPress-4b698dbb.js.map → useLongPress-ba7e62b0.js.map}

@@ -1 +1 @@
-{"version":3,"file":"useLongPress-4b698dbb.js","sources":["../src/hooks/useLongPress.tsx"],"sourcesContent":["// thanks to: https://stackoverflow.com/questions/48048957/react-long-press-event\n/* example:\n  const Component = ({ onClick }) => {\n    const onLongPress = useLongPress({\n      onClick: onClick,\n      onLongPress: () => {\n        alert('longpress');\n      }\n    }, {\n      delay: 500,\n      shouldPreventDefault: true,\n    });\n    return (\n      <button {...onLongPress}>\n        hello\n      </button>\n    )\n  }\n*/\nimport React, {\n  useState,\n  useRef,\n  useCallback,\n} from 'react';\nimport {\n  useMediaQueryContext,\n} from '../lib/MediaQueryContext';\n\nconst DEFAULT_DURATION = 300;\n\nfunction preventDefault(e: Event) {\n  if (!isTouchEvent(e)) {\n    return;\n  }\n\n  if (e.touches.length < 2 && e.preventDefault) {\n    e.preventDefault();\n  }\n}\n\nexport function isTouchEvent(e: Event): e is TouchEvent {\n  return e && 'touches' in e;\n}\n\ninterface PressHandlers<T> {\n  onLongPress: (e: React.MouseEvent<T> | React.TouchEvent<T>) => void;\n  onClick?: (e: React.MouseEvent<T> | React.TouchEvent<T>) => void;\n}\n\ninterface Options {\n  delay?: number;\n  shouldPreventDefault?: boolean;\n  shouldStopPropagation?: boolean;\n}\n\ninterface UseLongPressType<T> {\n  onTouchMove: (e: React.TouchEvent<T>) => void;\n  onMouseDown: (e: React.MouseEvent<T>) => void;\n  onTouchStart: (e: React.TouchEvent<T>) => void;\n  onMouseUp: (e: React.MouseEvent<T>) => void;\n  onMouseLeave: (e: React.MouseEvent<T>) => void;\n  onTouchEnd: (e: React.TouchEvent<T>) => void;\n}\n\nexport default function useLongPress<T>({\n  onLongPress,\n  onClick,\n}: PressHandlers<T>, {\n  delay = DEFAULT_DURATION,\n  shouldPreventDefault = true,\n  shouldStopPropagation = false,\n}: Options = {}): UseLongPressType<T> {\n  const { isMobile } = useMediaQueryContext();\n  const [longPressTriggered, setLongPressTriggered] = useState(false);\n  const [dragTriggered, setDragTriggered] = useState(false);\n  // https://www.typescriptlang.org/docs/handbook/utility-types.html#returntypetype\n  const timeout = useRef<ReturnType<typeof setTimeout>>();\n  const target = useRef<EventTarget>();\n\n  const start = useCallback((e: React.MouseEvent<T> | React.TouchEvent<T>) => {\n    e.persist();\n    const clonedEvent = {\n      ...e,\n    };\n    setDragTriggered(false);\n    if (shouldStopPropagation) {\n      e.stopPropagation();\n    }\n    if (shouldPreventDefault && e.target) {\n      e.target.addEventListener(\n        'touchend',\n        preventDefault,\n        {\n          passive: false,\n        },\n      );\n      target.current = e.target;\n    }\n\n    timeout.current = setTimeout(() => {\n      onLongPress(clonedEvent);\n      setLongPressTriggered(true);\n    }, delay);\n  }, [onLongPress, delay, shouldPreventDefault, shouldStopPropagation, isMobile]);\n\n  const clear = useCallback((\n    e: React.MouseEvent<T> | React.TouchEvent<T>,\n    shouldTriggerClick = true,\n    onDrag = false,\n  ) => {\n    if (onDrag) {\n      setDragTriggered(true);\n    } else {\n      setDragTriggered(false);\n    }\n    if (timeout?.current) {\n      clearTimeout(timeout.current);\n    }\n    if (shouldTriggerClick && !longPressTriggered && !dragTriggered) {\n      onClick?.(e);\n    }\n    setLongPressTriggered(false);\n    if (shouldPreventDefault && target.current) {\n      target.current.removeEventListener('touchend', preventDefault);\n    }\n  }, [shouldPreventDefault, onClick, longPressTriggered, dragTriggered]);\n\n  return {\n    onMouseDown: (e: React.MouseEvent<T>) => start(e),\n    onMouseUp: (e: React.MouseEvent<T>) => clear(e),\n    onMouseLeave: (e: React.MouseEvent<T>) => clear(e, false),\n    onTouchStart: (e: React.TouchEvent<T>) => start(e),\n    // setDragTriggered as true on touchmove, so that next onTouchEnd is ignored\n    // if we dont do it, onClick?.(e) will be triggred, see inside clear()\n    onTouchMove: (e: React.TouchEvent<T>) => clear(e, false, true),\n    onTouchEnd: (e: React.TouchEvent<T>) => clear(e),\n  };\n}\n"],"names":["DEFAULT_DURATION","preventDefault","e","isTouchEvent","touches","length","useLongPress","_ref","onLongPress","onClick","delay","shouldPreventDefault","shouldStopPropagation","arguments","undefined","isMobile","useMediaQueryContext","longPressTriggered","setLongPressTriggered","useState","dragTriggered","setDragTriggered","timeout","useRef","target","start","useCallback","persist","clonedEvent","_objectSpread","stopPropagation","addEventListener","passive","current","setTimeout","clear","shouldTriggerClick","onDrag","clearTimeout","removeEventListener","onMouseDown","onMouseUp","onMouseLeave","onTouchStart","onTouchMove","onTouchEnd"],"mappings":"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"}
+{"version":3,"file":"useLongPress-ba7e62b0.js","sources":["../src/hooks/useLongPress.tsx"],"sourcesContent":["// thanks to: https://stackoverflow.com/questions/48048957/react-long-press-event\n/* example:\n  const Component = ({ onClick }) => {\n    const onLongPress = useLongPress({\n      onClick: onClick,\n      onLongPress: () => {\n        alert('longpress');\n      }\n    }, {\n      delay: 500,\n      shouldPreventDefault: true,\n    });\n    return (\n      <button {...onLongPress}>\n        hello\n      </button>\n    )\n  }\n*/\nimport React, {\n  useState,\n  useRef,\n  useCallback,\n} from 'react';\nimport {\n  useMediaQueryContext,\n} from '../lib/MediaQueryContext';\n\nconst DEFAULT_DURATION = 300;\n\nfunction preventDefault(e: Event) {\n  if (!isTouchEvent(e)) {\n    return;\n  }\n\n  if (e.touches.length < 2 && e.preventDefault) {\n    e.preventDefault();\n  }\n}\n\nexport function isTouchEvent(e: Event): e is TouchEvent {\n  return e && 'touches' in e;\n}\n\ninterface PressHandlers<T> {\n  onLongPress: (e: React.MouseEvent<T> | React.TouchEvent<T>) => void;\n  onClick?: (e: React.MouseEvent<T> | React.TouchEvent<T>) => void;\n}\n\ninterface Options {\n  delay?: number;\n  shouldPreventDefault?: boolean;\n  shouldStopPropagation?: boolean;\n}\n\ninterface UseLongPressType<T> {\n  onTouchMove: (e: React.TouchEvent<T>) => void;\n  onMouseDown: (e: React.MouseEvent<T>) => void;\n  onTouchStart: (e: React.TouchEvent<T>) => void;\n  onMouseUp: (e: React.MouseEvent<T>) => void;\n  onMouseLeave: (e: React.MouseEvent<T>) => void;\n  onTouchEnd: (e: React.TouchEvent<T>) => void;\n}\n\nexport default function useLongPress<T>({\n  onLongPress,\n  onClick,\n}: PressHandlers<T>, {\n  delay = DEFAULT_DURATION,\n  shouldPreventDefault = true,\n  shouldStopPropagation = false,\n}: Options = {}): UseLongPressType<T> {\n  const { isMobile } = useMediaQueryContext();\n  const [longPressTriggered, setLongPressTriggered] = useState(false);\n  const [dragTriggered, setDragTriggered] = useState(false);\n  // https://www.typescriptlang.org/docs/handbook/utility-types.html#returntypetype\n  const timeout = useRef<ReturnType<typeof setTimeout>>();\n  const target = useRef<EventTarget>();\n\n  const start = useCallback((e: React.MouseEvent<T> | React.TouchEvent<T>) => {\n    e.persist();\n    const clonedEvent = {\n      ...e,\n    };\n    setDragTriggered(false);\n    if (shouldStopPropagation) {\n      e.stopPropagation();\n    }\n    if (shouldPreventDefault && e.target) {\n      e.target.addEventListener(\n        'touchend',\n        preventDefault,\n        {\n          passive: false,\n        },\n      );\n      target.current = e.target;\n    }\n\n    timeout.current = setTimeout(() => {\n      onLongPress(clonedEvent);\n      setLongPressTriggered(true);\n    }, delay);\n  }, [onLongPress, delay, shouldPreventDefault, shouldStopPropagation, isMobile]);\n\n  const clear = useCallback((\n    e: React.MouseEvent<T> | React.TouchEvent<T>,\n    shouldTriggerClick = true,\n    onDrag = false,\n  ) => {\n    if (onDrag) {\n      setDragTriggered(true);\n    } else {\n      setDragTriggered(false);\n    }\n    if (timeout?.current) {\n      clearTimeout(timeout.current);\n    }\n    if (shouldTriggerClick && !longPressTriggered && !dragTriggered) {\n      onClick?.(e);\n    }\n    setLongPressTriggered(false);\n    if (shouldPreventDefault && target.current) {\n      target.current.removeEventListener('touchend', preventDefault);\n    }\n  }, [shouldPreventDefault, onClick, longPressTriggered, dragTriggered]);\n\n  return {\n    onMouseDown: (e: React.MouseEvent<T>) => start(e),\n    onMouseUp: (e: React.MouseEvent<T>) => clear(e),\n    onMouseLeave: (e: React.MouseEvent<T>) => clear(e, false),\n    onTouchStart: (e: React.TouchEvent<T>) => start(e),\n    // setDragTriggered as true on touchmove, so that next onTouchEnd is ignored\n    // if we dont do it, onClick?.(e) will be triggred, see inside clear()\n    onTouchMove: (e: React.TouchEvent<T>) => clear(e, false, true),\n    onTouchEnd: (e: React.TouchEvent<T>) => clear(e),\n  };\n}\n"],"names":["DEFAULT_DURATION","preventDefault","e","isTouchEvent","touches","length","useLongPress","_ref","onLongPress","onClick","delay","shouldPreventDefault","shouldStopPropagation","arguments","undefined","isMobile","useMediaQueryContext","longPressTriggered","setLongPressTriggered","useState","dragTriggered","setDragTriggered","timeout","useRef","target","start","useCallback","persist","clonedEvent","_objectSpread","stopPropagation","addEventListener","passive","current","setTimeout","clear","shouldTriggerClick","onDrag","clearTimeout","removeEventListener","onMouseDown","onMouseUp","onMouseLeave","onTouchStart","onTouchMove","onTouchEnd"],"mappings":"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"}

package/{useSendMultipleFilesMessage-4a45ffbe.js → useSendMultipleFilesMessage-5cbc19ce.js}

@@ -1,7 +1,7 @@
-import { _ as _objectSpread2 } from './_rollupPluginBabelHelpers-ea73a031.js';
+import { _ as _objectSpread2 } from './_rollupPluginBabelHelpers-0cef07cb.js';
 import { useCallback } from 'react';
-import { P as PUBSUB_TOPICS } from './topics-edd6182d.js';
-import { u as scrollIntoLast } from './utils-ec15538c.js';
+import { P as PUBSUB_TOPICS } from './topics-fda6fac4.js';
+import { u as scrollIntoLast } from './utils-cbc87bb5.js';
 
 /**
  * pubSub is used instead of messagesDispatcher to avoid redundantly calling
@@ -104,4 +104,4 @@ const useSendMultipleFilesMessage = (_ref, _ref2) => {
 };
 
 export { useSendMultipleFilesMessage as u };
-//# sourceMappingURL=useSendMultipleFilesMessage-4a45ffbe.js.map
+//# sourceMappingURL=useSendMultipleFilesMessage-5cbc19ce.js.map

package/{useSendMultipleFilesMessage-4a45ffbe.js.map → useSendMultipleFilesMessage-5cbc19ce.js.map}

@@ -1 +1 @@
-{"version":3,"file":"useSendMultipleFilesMessage-4a45ffbe.js","sources":["../src/modules/Channel/context/hooks/useSendMultipleFilesMessage.ts"],"sourcesContent":["import { useCallback } from 'react';\nimport type { GroupChannel } from '@sendbird/chat/groupChannel';\nimport type {\n  MultipleFilesMessageCreateParams,\n  UploadableFileInfo,\n} from '@sendbird/chat/message';\n\nimport type { Logger } from '../../../../lib/SendbirdState';\nimport type { Nullable } from '../../../../types';\nimport PUBSUB_TOPICS from '../../../../lib/pubSub/topics';\nimport { scrollIntoLast } from '../utils';\nimport { SendableMessageType } from '../../../../utils';\n\nexport type OnBeforeSendMFMType = (\n  files: Array<File>,\n  quoteMessage?: SendableMessageType,\n) => MultipleFilesMessageCreateParams;\n\nexport interface UseSendMFMDynamicParams {\n  currentChannel: Nullable<GroupChannel>,\n  onBeforeSendMultipleFilesMessage?: OnBeforeSendMFMType,\n}\nexport interface UseSendMFMStaticParams {\n  logger: Logger,\n  pubSub: any,\n  scrollRef?: React.RefObject<HTMLDivElement>;\n}\nexport type SendMFMFunctionType = (files: Array<File>, quoteMessage?: SendableMessageType) => void;\n\n/**\n * pubSub is used instead of messagesDispatcher to avoid redundantly calling\n * because this useSendMultipleFilesMessage is used in the Channel and Thread both\n */\nexport const useSendMultipleFilesMessage = ({\n  currentChannel,\n  onBeforeSendMultipleFilesMessage,\n}: UseSendMFMDynamicParams, {\n  logger,\n  pubSub,\n  scrollRef,\n}: UseSendMFMStaticParams): Array<SendMFMFunctionType> => {\n  const sendMessage = useCallback((files: Array<File>, quoteMessage?: SendableMessageType): void => {\n    if (!currentChannel) {\n      logger.warning('Channel: Sending MFm failed, because currentChannel is null.', { currentChannel });\n      return;\n    }\n    if (files.length <= 1) {\n      logger.warning('Channel: Sending MFM failed, because there are no multiple files.', { files });\n      return;\n    }\n    let messageParams: MultipleFilesMessageCreateParams = {\n      fileInfoList: files.map((file: File): UploadableFileInfo => ({\n        file,\n        fileName: file.name,\n        fileSize: file.size,\n        mimeType: file.type,\n      })),\n    };\n    if (quoteMessage) {\n      messageParams.isReplyToChannel = true;\n      messageParams.parentMessageId = quoteMessage.messageId;\n    }\n    if (typeof onBeforeSendMultipleFilesMessage === 'function') {\n      messageParams = onBeforeSendMultipleFilesMessage(files, quoteMessage);\n    }\n    logger.info('Channel: Start sending MFM', { messageParams });\n    try {\n      currentChannel.sendMultipleFilesMessage(messageParams)\n        /**\n         * We don't operate the onFileUploaded event for now\n         * until we will add UI/UX for it\n         */\n        .onFileUploaded((requestId, index, uploadableFileInfo, error) => {\n          logger.info('Channel: onFileUploaded during sending MFM', { requestId, index, error, uploadableFileInfo });\n        })\n        .onPending((pendingMessage) => {\n          logger.info('Channel: in progress of sending MFM', { pendingMessage, fileInfoList: messageParams.fileInfoList });\n          pubSub.publish(PUBSUB_TOPICS.SEND_MESSAGE_START, {\n            message: {\n              ...pendingMessage,\n              fileInfoList: messageParams.fileInfoList.map((fileInfo) => ({\n                ...fileInfo,\n                url: URL.createObjectURL(fileInfo.file as File),\n              })),\n            },\n            channel: currentChannel,\n          });\n          if (scrollRef) {\n            setTimeout(() => scrollIntoLast(0, scrollRef));\n          }\n        })\n        .onFailed((error, failedMessage) => {\n          logger.error('Channel: Sending MFM failed.', { error, failedMessage });\n          pubSub.publish(PUBSUB_TOPICS.SEND_MESSAGE_FAILED, {\n            channel: currentChannel,\n            message: failedMessage,\n          });\n        })\n        .onSucceeded((succeededMessage) => {\n          logger.info('Channel: Sending voice message success!', { succeededMessage });\n          pubSub.publish(PUBSUB_TOPICS.SEND_FILE_MESSAGE, {\n            channel: currentChannel,\n            message: succeededMessage,\n          });\n        });\n    } catch (error) {\n      logger.error('Channel: Sending MFM failed.', { error });\n    }\n  }, [\n    currentChannel,\n    onBeforeSendMultipleFilesMessage,\n  ]);\n  return [sendMessage];\n};\n"],"names":["useSendMultipleFilesMessage","_ref","_ref2","currentChannel","onBeforeSendMultipleFilesMessage","logger","pubSub","scrollRef","sendMessage","useCallback","files","quoteMessage","warning","length","messageParams","fileInfoList","map","file","fileName","name","fileSize","size","mimeType","type","isReplyToChannel","parentMessageId","messageId","info","sendMultipleFilesMessage","onFileUploaded","requestId","index","uploadableFileInfo","error","onPending","pendingMessage","publish","PUBSUB_TOPICS","SEND_MESSAGE_START","message","_objectSpread","fileInfo","url","URL","createObjectURL","channel","setTimeout","scrollIntoLast","onFailed","failedMessage","SEND_MESSAGE_FAILED","onSucceeded","succeededMessage","SEND_FILE_MESSAGE"],"mappings":"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"}
+{"version":3,"file":"useSendMultipleFilesMessage-5cbc19ce.js","sources":["../src/modules/Channel/context/hooks/useSendMultipleFilesMessage.ts"],"sourcesContent":["import { useCallback } from 'react';\nimport type { GroupChannel } from '@sendbird/chat/groupChannel';\nimport type {\n  MultipleFilesMessageCreateParams,\n  UploadableFileInfo,\n} from '@sendbird/chat/message';\n\nimport type { Logger } from '../../../../lib/SendbirdState';\nimport type { Nullable } from '../../../../types';\nimport PUBSUB_TOPICS from '../../../../lib/pubSub/topics';\nimport { scrollIntoLast } from '../utils';\nimport { SendableMessageType } from '../../../../utils';\n\nexport type OnBeforeSendMFMType = (\n  files: Array<File>,\n  quoteMessage?: SendableMessageType,\n) => MultipleFilesMessageCreateParams;\n\nexport interface UseSendMFMDynamicParams {\n  currentChannel: Nullable<GroupChannel>,\n  onBeforeSendMultipleFilesMessage?: OnBeforeSendMFMType,\n}\nexport interface UseSendMFMStaticParams {\n  logger: Logger,\n  pubSub: any,\n  scrollRef?: React.RefObject<HTMLDivElement>;\n}\nexport type SendMFMFunctionType = (files: Array<File>, quoteMessage?: SendableMessageType) => void;\n\n/**\n * pubSub is used instead of messagesDispatcher to avoid redundantly calling\n * because this useSendMultipleFilesMessage is used in the Channel and Thread both\n */\nexport const useSendMultipleFilesMessage = ({\n  currentChannel,\n  onBeforeSendMultipleFilesMessage,\n}: UseSendMFMDynamicParams, {\n  logger,\n  pubSub,\n  scrollRef,\n}: UseSendMFMStaticParams): Array<SendMFMFunctionType> => {\n  const sendMessage = useCallback((files: Array<File>, quoteMessage?: SendableMessageType): void => {\n    if (!currentChannel) {\n      logger.warning('Channel: Sending MFm failed, because currentChannel is null.', { currentChannel });\n      return;\n    }\n    if (files.length <= 1) {\n      logger.warning('Channel: Sending MFM failed, because there are no multiple files.', { files });\n      return;\n    }\n    let messageParams: MultipleFilesMessageCreateParams = {\n      fileInfoList: files.map((file: File): UploadableFileInfo => ({\n        file,\n        fileName: file.name,\n        fileSize: file.size,\n        mimeType: file.type,\n      })),\n    };\n    if (quoteMessage) {\n      messageParams.isReplyToChannel = true;\n      messageParams.parentMessageId = quoteMessage.messageId;\n    }\n    if (typeof onBeforeSendMultipleFilesMessage === 'function') {\n      messageParams = onBeforeSendMultipleFilesMessage(files, quoteMessage);\n    }\n    logger.info('Channel: Start sending MFM', { messageParams });\n    try {\n      currentChannel.sendMultipleFilesMessage(messageParams)\n        /**\n         * We don't operate the onFileUploaded event for now\n         * until we will add UI/UX for it\n         */\n        .onFileUploaded((requestId, index, uploadableFileInfo, error) => {\n          logger.info('Channel: onFileUploaded during sending MFM', { requestId, index, error, uploadableFileInfo });\n        })\n        .onPending((pendingMessage) => {\n          logger.info('Channel: in progress of sending MFM', { pendingMessage, fileInfoList: messageParams.fileInfoList });\n          pubSub.publish(PUBSUB_TOPICS.SEND_MESSAGE_START, {\n            message: {\n              ...pendingMessage,\n              fileInfoList: messageParams.fileInfoList.map((fileInfo) => ({\n                ...fileInfo,\n                url: URL.createObjectURL(fileInfo.file as File),\n              })),\n            },\n            channel: currentChannel,\n          });\n          if (scrollRef) {\n            setTimeout(() => scrollIntoLast(0, scrollRef));\n          }\n        })\n        .onFailed((error, failedMessage) => {\n          logger.error('Channel: Sending MFM failed.', { error, failedMessage });\n          pubSub.publish(PUBSUB_TOPICS.SEND_MESSAGE_FAILED, {\n            channel: currentChannel,\n            message: failedMessage,\n          });\n        })\n        .onSucceeded((succeededMessage) => {\n          logger.info('Channel: Sending voice message success!', { succeededMessage });\n          pubSub.publish(PUBSUB_TOPICS.SEND_FILE_MESSAGE, {\n            channel: currentChannel,\n            message: succeededMessage,\n          });\n        });\n    } catch (error) {\n      logger.error('Channel: Sending MFM failed.', { error });\n    }\n  }, [\n    currentChannel,\n    onBeforeSendMultipleFilesMessage,\n  ]);\n  return [sendMessage];\n};\n"],"names":["useSendMultipleFilesMessage","_ref","_ref2","currentChannel","onBeforeSendMultipleFilesMessage","logger","pubSub","scrollRef","sendMessage","useCallback","files","quoteMessage","warning","length","messageParams","fileInfoList","map","file","fileName","name","fileSize","size","mimeType","type","isReplyToChannel","parentMessageId","messageId","info","sendMultipleFilesMessage","onFileUploaded","requestId","index","uploadableFileInfo","error","onPending","pendingMessage","publish","PUBSUB_TOPICS","SEND_MESSAGE_START","message","_objectSpread","fileInfo","url","URL","createObjectURL","channel","setTimeout","scrollIntoLast","onFailed","failedMessage","SEND_MESSAGE_FAILED","onSucceeded","succeededMessage","SEND_FILE_MESSAGE"],"mappings":"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"}

package/useSendbirdStateContext.js

@@ -1,6 +1,6 @@
 import { useContext } from 'react';
 import { SendbirdSdkContext } from './withSendbird.js';
-import './_rollupPluginBabelHelpers-ea73a031.js';
+import './_rollupPluginBabelHelpers-0cef07cb.js';
 
 /**
  * Example:

package/utils/message/isVoiceMessage.js

@@ -1,7 +1,7 @@
-import { d as isVoiceMessage$1 } from '../../index-c323f04b.js';
-import '../../_rollupPluginBabelHelpers-ea73a031.js';
+import { d as isVoiceMessage$1 } from '../../index-afdd497f.js';
+import '../../_rollupPluginBabelHelpers-0cef07cb.js';
 import './getOutgoingMessageState.js';
-import '../../index.module-efef0194.js';
+import '../../index.module-f3f31594.js';
 
 const isVoiceMessage = isVoiceMessage$1;
 

package/{utils-4d948dec.js → utils-42359bc3.js}

@@ -1,4 +1,4 @@
-import { c as LabelStringSet } from './index-fa19fef7.js';
+import { c as LabelStringSet } from './index-773ba5ba.js';
 
 const getChannelTitle = (channel, currentUserId, stringSet) => {
   var _channel$members;
@@ -26,4 +26,4 @@ const getChannelTitle = (channel, currentUserId, stringSet) => {
 };
 
 export { getChannelTitle as g };
-//# sourceMappingURL=utils-4d948dec.js.map
+//# sourceMappingURL=utils-42359bc3.js.map