@sendbird/uikit-react 3.6.11-beta.0 → 3.6.11-beta.2

package/cjs/ui/TextButton.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var color = require('../color-da906a8e.js');
+var color = require('../color-d83b77ac.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/ui/TextMessageItemBody.js

@@ -1,29 +1,29 @@
 'use strict';
 
 var React = require('react');
-var ui_Label = require('../index-52a2c7ef.js');
-var index = require('../index-6afd0c95.js');
-var LocalizationContext = require('../LocalizationContext-9e45201f.js');
-var tokenize = require('../tokenize-f3db7c7b.js');
-var index$1 = require('../index-0972d3a4.js');
-var consts = require('../consts-cbf7ddd6.js');
+var ui_Label = require('../index-18720f0d.js');
+var index = require('../index-fbe9cc73.js');
+var LocalizationContext = require('../LocalizationContext-482c1343.js');
+var tokenize = require('../tokenize-9296fc47.js');
+var index$1 = require('../index-2ab19f9b.js');
+var consts = require('../consts-d3b53f23.js');
 require('prop-types');
-require('../stringSet-42559b9c.js');
-require('../_rollupPluginBabelHelpers-32e06a4f.js');
+require('../stringSet-d00535a5.js');
+require('../_rollupPluginBabelHelpers-83d7e84b.js');
 require('../utils/message/getOutgoingMessageState.js');
-require('../index.module-5c934abb.js');
-require('../index-159278b7.js');
+require('../index.module-a24e9cd7.js');
+require('../index-d04f312e.js');
 require('../Message/context.js');
 require('./MentionLabel.js');
 require('./ContextMenu.js');
 require('react-dom');
 require('./SortByRow.js');
-require('../uuid-d0dc3474.js');
+require('../uuid-b2806cf5.js');
 require('./UserProfile.js');
-require('../UserProfileContext-7e36a6f3.js');
+require('../UserProfileContext-fa8d0383.js');
 require('../sendbirdSelectors.js');
-require('../topics-f8d48fd6.js');
-require('../utils-b5676d3d.js');
+require('../topics-adde627b.js');
+require('../utils-c47c68b1.js');
 require('./Avatar.js');
 require('./ImageRenderer.js');
 require('./Icon.js');

package/cjs/ui/ThreadReplies.js

@@ -3,13 +3,13 @@
 var React = require('react');
 var ui_Avatar = require('./Avatar.js');
 var ui_Icon = require('./Icon.js');
-var ui_Label = require('../index-52a2c7ef.js');
-var LocalizationContext = require('../LocalizationContext-9e45201f.js');
-var uuid = require('../uuid-d0dc3474.js');
+var ui_Label = require('../index-18720f0d.js');
+var LocalizationContext = require('../LocalizationContext-482c1343.js');
+var uuid = require('../uuid-b2806cf5.js');
 require('./ImageRenderer.js');
 require('prop-types');
-require('../stringSet-42559b9c.js');
-require('../index-159278b7.js');
+require('../stringSet-d00535a5.js');
+require('../index-d04f312e.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/ui/ThumbnailMessageItemBody.js

@@ -1,17 +1,17 @@
 'use strict';
 
-var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-32e06a4f.js');
+var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-83d7e84b.js');
 var React = require('react');
 var ui_Icon = require('./Icon.js');
 var ui_ImageRenderer = require('./ImageRenderer.js');
-var index = require('../index-6afd0c95.js');
-var utils$1 = require('../utils-b5676d3d.js');
-var useLongPress = require('../useLongPress-1d936b57.js');
-var utils = require('../utils-86333a85.js');
+var index = require('../index-fbe9cc73.js');
+var utils$1 = require('../utils-c47c68b1.js');
+var useLongPress = require('../useLongPress-1c0f4696.js');
+var utils = require('../utils-418b4438.js');
 require('prop-types');
 require('../utils/message/getOutgoingMessageState.js');
-require('../index.module-5c934abb.js');
-require('../MediaQueryContext-0b9f5e79.js');
+require('../index.module-a24e9cd7.js');
+require('../MediaQueryContext-73aac8cf.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/ui/Toggle.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-32e06a4f.js');
+var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-83d7e84b.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
 require('../withSendbird.js');
 

package/cjs/ui/Tooltip.js

@@ -1,9 +1,9 @@
 'use strict';
 
 var React = require('react');
-var ui_Label = require('../index-52a2c7ef.js');
+var ui_Label = require('../index-18720f0d.js');
 require('prop-types');
-require('../stringSet-42559b9c.js');
+require('../stringSet-d00535a5.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/ui/UnknownMessageItemBody.js

@@ -1,15 +1,15 @@
 'use strict';
 
 var React = require('react');
-var ui_Label = require('../index-52a2c7ef.js');
-var index = require('../index-6afd0c95.js');
-var LocalizationContext = require('../LocalizationContext-9e45201f.js');
+var ui_Label = require('../index-18720f0d.js');
+var index = require('../index-fbe9cc73.js');
+var LocalizationContext = require('../LocalizationContext-482c1343.js');
 require('prop-types');
-require('../stringSet-42559b9c.js');
-require('../_rollupPluginBabelHelpers-32e06a4f.js');
+require('../stringSet-d00535a5.js');
+require('../_rollupPluginBabelHelpers-83d7e84b.js');
 require('../utils/message/getOutgoingMessageState.js');
-require('../index.module-5c934abb.js');
-require('../index-159278b7.js');
+require('../index.module-a24e9cd7.js');
+require('../index-d04f312e.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/ui/UserListItem.js

@@ -1,32 +1,32 @@
 'use strict';
 
 var React = require('react');
-var UserProfileContext = require('../UserProfileContext-7e36a6f3.js');
-var LocalizationContext = require('../LocalizationContext-9e45201f.js');
+var UserProfileContext = require('../UserProfileContext-fa8d0383.js');
+var LocalizationContext = require('../LocalizationContext-482c1343.js');
 var ui_Avatar = require('./Avatar.js');
 var ui_MutedAvatarOverlay = require('./MutedAvatarOverlay.js');
 var ui_Checkbox = require('./Checkbox.js');
 var ui_UserProfile = require('./UserProfile.js');
 var ui_ContextMenu = require('./ContextMenu.js');
-var ui_Label = require('../index-52a2c7ef.js');
+var ui_Label = require('../index-18720f0d.js');
 require('prop-types');
-require('../stringSet-42559b9c.js');
-require('../index-159278b7.js');
+require('../stringSet-d00535a5.js');
+require('../index-d04f312e.js');
 require('./ImageRenderer.js');
 require('./Icon.js');
-require('../uuid-d0dc3474.js');
+require('../uuid-b2806cf5.js');
 require('../sendbirdSelectors.js');
-require('../_rollupPluginBabelHelpers-32e06a4f.js');
-require('../topics-f8d48fd6.js');
-require('../utils-b5676d3d.js');
+require('../_rollupPluginBabelHelpers-83d7e84b.js');
+require('../topics-adde627b.js');
+require('../utils-c47c68b1.js');
 require('./Button.js');
 require('../useSendbirdStateContext.js');
 require('../withSendbird.js');
 require('react-dom');
 require('./SortByRow.js');
-require('../index-6afd0c95.js');
+require('../index-fbe9cc73.js');
 require('../utils/message/getOutgoingMessageState.js');
-require('../index.module-5c934abb.js');
+require('../index.module-a24e9cd7.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/ui/UserProfile.js

@@ -1,22 +1,22 @@
 'use strict';
 
 var React = require('react');
-var LocalizationContext = require('../LocalizationContext-9e45201f.js');
-var UserProfileContext = require('../UserProfileContext-7e36a6f3.js');
+var LocalizationContext = require('../LocalizationContext-482c1343.js');
+var UserProfileContext = require('../UserProfileContext-fa8d0383.js');
 var sendbirdSelectors = require('../sendbirdSelectors.js');
 var ui_Avatar = require('./Avatar.js');
-var ui_Label = require('../index-52a2c7ef.js');
+var ui_Label = require('../index-18720f0d.js');
 var ui_Button = require('./Button.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
-require('../stringSet-42559b9c.js');
-require('../index-159278b7.js');
+require('../stringSet-d00535a5.js');
+require('../index-d04f312e.js');
 require('prop-types');
-require('../_rollupPluginBabelHelpers-32e06a4f.js');
-require('../topics-f8d48fd6.js');
-require('../utils-b5676d3d.js');
+require('../_rollupPluginBabelHelpers-83d7e84b.js');
+require('../topics-adde627b.js');
+require('../utils-c47c68b1.js');
 require('./ImageRenderer.js');
 require('./Icon.js');
-require('../uuid-d0dc3474.js');
+require('../uuid-b2806cf5.js');
 require('../withSendbird.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/cjs/ui/VoiceMessageItemBody.js

@@ -8,21 +8,21 @@ var VoicePlayer_useVoicePlayer = require('../VoicePlayer/useVoicePlayer.js');
 var ui_PlaybackTime = require('./PlaybackTime.js');
 var ui_Loader = require('./Loader.js');
 var ui_Icon = require('./Icon.js');
-var ui_Label = require('../index-52a2c7ef.js');
-var VoicePlayer_context = require('../index-58460943.js');
-require('../consts-b63bb532.js');
+var ui_Label = require('../index-18720f0d.js');
+var VoicePlayer_context = require('../index-1f6b30ea.js');
+require('../consts-fb07c671.js');
 require('../VoiceRecorder/context.js');
-require('../LocalizationContext-9e45201f.js');
-require('../stringSet-42559b9c.js');
-require('../index-159278b7.js');
+require('../LocalizationContext-482c1343.js');
+require('../stringSet-d00535a5.js');
+require('../index-d04f312e.js');
 require('./Modal.js');
 require('react-dom');
-require('../utils-b5676d3d.js');
-require('../index.module-5c934abb.js');
-require('../index-cb306d53.js');
-require('../MediaQueryContext-0b9f5e79.js');
+require('../utils-c47c68b1.js');
+require('../index.module-a24e9cd7.js');
+require('../index-cbcacbee.js');
+require('../MediaQueryContext-73aac8cf.js');
 require('./IconButton.js');
-require('../_rollupPluginBabelHelpers-32e06a4f.js');
+require('../_rollupPluginBabelHelpers-83d7e84b.js');
 require('./Button.js');
 require('prop-types');
 require('../useSendbirdStateContext.js');

package/cjs/ui/VoiceMessgeInput.js

@@ -7,14 +7,14 @@ require('./PlaybackTime.js');
 require('./ProgressBar.js');
 require('./TextButton.js');
 require('./Icon.js');
-require('../index-52a2c7ef.js');
-require('../LocalizationContext-9e45201f.js');
-var ui_VoiceMessgeInput = require('../index-9f4d38fe.js');
-require('../consts-b63bb532.js');
+require('../index-18720f0d.js');
+require('../LocalizationContext-482c1343.js');
+var ui_VoiceMessgeInput = require('../index-91b4af96.js');
+require('../consts-fb07c671.js');
 require('prop-types');
-require('../stringSet-42559b9c.js');
-require('../color-da906a8e.js');
-require('../index-159278b7.js');
+require('../stringSet-d00535a5.js');
+require('../color-d83b77ac.js');
+require('../index-d04f312e.js');
 
 
 

package/cjs/ui/Word.js

@@ -1,26 +1,26 @@
 'use strict';
 
 var React = require('react');
-var ui_Label = require('../index-52a2c7ef.js');
+var ui_Label = require('../index-18720f0d.js');
 var ui_LinkLabel = require('./LinkLabel.js');
-var uuid = require('../uuid-d0dc3474.js');
-var index = require('../index-6afd0c95.js');
+var uuid = require('../uuid-b2806cf5.js');
+var index = require('../index-fbe9cc73.js');
 var ui_MentionLabel = require('./MentionLabel.js');
 require('prop-types');
-require('../stringSet-42559b9c.js');
-require('../_rollupPluginBabelHelpers-32e06a4f.js');
+require('../stringSet-d00535a5.js');
+require('../_rollupPluginBabelHelpers-83d7e84b.js');
 require('../utils/message/getOutgoingMessageState.js');
-require('../index.module-5c934abb.js');
+require('../index.module-a24e9cd7.js');
 require('./ContextMenu.js');
 require('react-dom');
 require('./SortByRow.js');
 require('./UserProfile.js');
-require('../LocalizationContext-9e45201f.js');
-require('../index-159278b7.js');
-require('../UserProfileContext-7e36a6f3.js');
+require('../LocalizationContext-482c1343.js');
+require('../index-d04f312e.js');
+require('../UserProfileContext-fa8d0383.js');
 require('../sendbirdSelectors.js');
-require('../topics-f8d48fd6.js');
-require('../utils-b5676d3d.js');
+require('../topics-adde627b.js');
+require('../utils-c47c68b1.js');
 require('./Avatar.js');
 require('./ImageRenderer.js');
 require('./Icon.js');

package/cjs/{useHandleUploadFiles-c411fe73.js → useHandleUploadFiles-b2fc56e5.js}

@@ -1,20 +1,20 @@
 'use strict';
 
 var React = require('react');
-var LocalizationContext = require('./LocalizationContext-9e45201f.js');
+var LocalizationContext = require('./LocalizationContext-482c1343.js');
 var VoicePlayer_useVoicePlayer = require('./VoicePlayer/useVoicePlayer.js');
 var VoiceRecorder_useVoiceRecorder = require('./VoiceRecorder/useVoiceRecorder.js');
-var utils = require('./utils-4446c8a7.js');
-var ui_VoiceMessgeInput = require('./index-9f4d38fe.js');
+var utils = require('./utils-68aa6bf6.js');
+var ui_VoiceMessgeInput = require('./index-91b4af96.js');
 var ui_Modal = require('./ui/Modal.js');
 var ui_Button = require('./ui/Button.js');
 var useSendbirdStateContext = require('./useSendbirdStateContext.js');
-var consts = require('./consts-b63bb532.js');
-var VoicePlayer_context = require('./index-58460943.js');
-var uuid = require('./uuid-d0dc3474.js');
-var index$1 = require('./index-6afd0c95.js');
-var index = require('./index-750b3845.js');
-require('./index-52a2c7ef.js');
+var consts = require('./consts-fb07c671.js');
+var VoicePlayer_context = require('./index-1f6b30ea.js');
+var uuid = require('./uuid-b2806cf5.js');
+var index$1 = require('./index-fbe9cc73.js');
+var index = require('./index-e9ac5ae1.js');
+require('./index-18720f0d.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -294,4 +294,4 @@ const useHandleUploadFiles = (_ref, _ref2) => {
 
 exports.VoiceMessageInputWrapper = VoiceMessageInputWrapper;
 exports.useHandleUploadFiles = useHandleUploadFiles;
-//# sourceMappingURL=useHandleUploadFiles-c411fe73.js.map
+//# sourceMappingURL=useHandleUploadFiles-b2fc56e5.js.map

package/cjs/{useHandleUploadFiles-c411fe73.js.map → useHandleUploadFiles-b2fc56e5.js.map}

@@ -1 +1 @@
-{"version":3,"file":"useHandleUploadFiles-c411fe73.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-b2fc56e5.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/cjs/{useLongPress-1d936b57.js → useLongPress-1c0f4696.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-32e06a4f.js');
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-83d7e84b.js');
 var React = require('react');
-var MediaQueryContext = require('./MediaQueryContext-0b9f5e79.js');
+var MediaQueryContext = require('./MediaQueryContext-73aac8cf.js');
 
 const DEFAULT_DURATION = 300;
 function preventDefault(e) {
@@ -84,4 +84,4 @@ function useLongPress(_ref) {
 }
 
 exports.useLongPress = useLongPress;
-//# sourceMappingURL=useLongPress-1d936b57.js.map
+//# sourceMappingURL=useLongPress-1c0f4696.js.map

package/cjs/{useLongPress-1d936b57.js.map → useLongPress-1c0f4696.js.map}

@@ -1 +1 @@
-{"version":3,"file":"useLongPress-1d936b57.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-1c0f4696.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/cjs/{useSendMultipleFilesMessage-68cb79a9.js → useSendMultipleFilesMessage-81cdc9d0.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-32e06a4f.js');
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-83d7e84b.js');
 var React = require('react');
-var topics = require('./topics-f8d48fd6.js');
-var utils = require('./utils-4446c8a7.js');
+var topics = require('./topics-adde627b.js');
+var utils = require('./utils-68aa6bf6.js');
 
 /**
  * pubSub is used instead of messagesDispatcher to avoid redundantly calling
@@ -106,4 +106,4 @@ const useSendMultipleFilesMessage = (_ref, _ref2) => {
 };
 
 exports.useSendMultipleFilesMessage = useSendMultipleFilesMessage;
-//# sourceMappingURL=useSendMultipleFilesMessage-68cb79a9.js.map
+//# sourceMappingURL=useSendMultipleFilesMessage-81cdc9d0.js.map

package/cjs/{useSendMultipleFilesMessage-68cb79a9.js.map → useSendMultipleFilesMessage-81cdc9d0.js.map}

@@ -1 +1 @@
-{"version":3,"file":"useSendMultipleFilesMessage-68cb79a9.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":";;;;;;;AA6BA;AACA;AACA;AACA;MACaA,2BAA2B,GAAGA,CAAAC,IAAA,EAAAC,KAAA,KAOe;EAAA,IAPd;IAC1CC,cAAc;AACdC,IAAAA,gCAAAA;AACuB,GAAC,GAAAH,IAAA,CAAA;EAAA,IAAE;IAC1BI,MAAM;IACNC,MAAM;AACNC,IAAAA,SAAAA;AACsB,GAAC,GAAAL,KAAA,CAAA;EACvB,MAAMM,WAAW,GAAGC,iBAAW,CAAC,CAACC,KAAkB,EAAEC,YAAkC,KAAW;IAChG,IAAI,CAACR,cAAc,EAAE;AACnBE,MAAAA,MAAM,CAACO,OAAO,CAAC,8DAA8D,EAAE;AAAET,QAAAA,cAAAA;AAAe,OAAC,CAAC,CAAA;AAClG,MAAA,OAAA;AACF,KAAA;AACA,IAAA,IAAIO,KAAK,CAACG,MAAM,IAAI,CAAC,EAAE;AACrBR,MAAAA,MAAM,CAACO,OAAO,CAAC,mEAAmE,EAAE;AAAEF,QAAAA,KAAAA;AAAM,OAAC,CAAC,CAAA;AAC9F,MAAA,OAAA;AACF,KAAA;AACA,IAAA,IAAII,aAA+C,GAAG;AACpDC,MAAAA,YAAY,EAAEL,KAAK,CAACM,GAAG,CAAEC,IAAU,KAA0B;QAC3DA,IAAI;QACJC,QAAQ,EAAED,IAAI,CAACE,IAAI;QACnBC,QAAQ,EAAEH,IAAI,CAACI,IAAI;QACnBC,QAAQ,EAAEL,IAAI,CAACM,IAAAA;AACjB,OAAC,CAAC,CAAA;KACH,CAAA;AACD,IAAA,IAAIZ,YAAY,EAAE;MAChBG,aAAa,CAACU,gBAAgB,GAAG,IAAI,CAAA;AACrCV,MAAAA,aAAa,CAACW,eAAe,GAAGd,YAAY,CAACe,SAAS,CAAA;AACxD,KAAA;AACA,IAAA,IAAI,OAAOtB,gCAAgC,KAAK,UAAU,EAAE;AAC1DU,MAAAA,aAAa,GAAGV,gCAAgC,CAACM,KAAK,EAAEC,YAAY,CAAC,CAAA;AACvE,KAAA;AACAN,IAAAA,MAAM,CAACsB,IAAI,CAAC,4BAA4B,EAAE;AAAEb,MAAAA,aAAAA;AAAc,KAAC,CAAC,CAAA;IAC5D,IAAI;MACFX,cAAc,CAACyB,wBAAwB,CAACd,aAAa,CAAA;AACnD;AACR;AACA;AACA,UACSe,cAAc,CAAC,CAACC,SAAS,EAAEC,KAAK,EAAEC,kBAAkB,EAAEC,KAAK,KAAK;AAC/D5B,QAAAA,MAAM,CAACsB,IAAI,CAAC,4CAA4C,EAAE;UAAEG,SAAS;UAAEC,KAAK;UAAEE,KAAK;AAAED,UAAAA,kBAAAA;AAAmB,SAAC,CAAC,CAAA;AAC5G,OAAC,CAAC,CACDE,SAAS,CAAEC,cAAc,IAAK;AAC7B9B,QAAAA,MAAM,CAACsB,IAAI,CAAC,qCAAqC,EAAE;UAAEQ,cAAc;UAAEpB,YAAY,EAAED,aAAa,CAACC,YAAAA;AAAa,SAAC,CAAC,CAAA;AAChHT,QAAAA,MAAM,CAAC8B,OAAO,CAACC,oBAAa,CAACC,kBAAkB,EAAE;AAC/CC,UAAAA,OAAO,EAAAC,wCAAA,CAAAA,wCAAA,KACFL,cAAc,CAAA,EAAA,EAAA,EAAA;AACjBpB,YAAAA,YAAY,EAAED,aAAa,CAACC,YAAY,CAACC,GAAG,CAAEyB,QAAQ,IAAAD,wCAAA,CAAAA,wCAAA,KACjDC,QAAQ,CAAA,EAAA,EAAA,EAAA;AACXC,cAAAA,GAAG,EAAEC,GAAG,CAACC,eAAe,CAACH,QAAQ,CAACxB,IAAI,CAAA;aACtC,CAAA,CAAA;WACH,CAAA;AACD4B,UAAAA,OAAO,EAAE1C,cAAAA;AACX,SAAC,CAAC,CAAA;AACF,QAAA,IAAII,SAAS,EAAE;UACbuC,UAAU,CAAC,MAAMC,oBAAc,CAAC,CAAC,EAAExC,SAAS,CAAC,CAAC,CAAA;AAChD,SAAA;OACD,CAAC,CACDyC,QAAQ,CAAC,CAACf,KAAK,EAAEgB,aAAa,KAAK;AAClC5C,QAAAA,MAAM,CAAC4B,KAAK,CAAC,8BAA8B,EAAE;UAAEA,KAAK;AAAEgB,UAAAA,aAAAA;AAAc,SAAC,CAAC,CAAA;AACtE3C,QAAAA,MAAM,CAAC8B,OAAO,CAACC,oBAAa,CAACa,mBAAmB,EAAE;AAChDL,UAAAA,OAAO,EAAE1C,cAAc;AACvBoC,UAAAA,OAAO,EAAEU,aAAAA;AACX,SAAC,CAAC,CAAA;AACJ,OAAC,CAAC,CACDE,WAAW,CAAEC,gBAAgB,IAAK;AACjC/C,QAAAA,MAAM,CAACsB,IAAI,CAAC,yCAAyC,EAAE;AAAEyB,UAAAA,gBAAAA;AAAiB,SAAC,CAAC,CAAA;AAC5E9C,QAAAA,MAAM,CAAC8B,OAAO,CAACC,oBAAa,CAACgB,iBAAiB,EAAE;AAC9CR,UAAAA,OAAO,EAAE1C,cAAc;AACvBoC,UAAAA,OAAO,EAAEa,gBAAAA;AACX,SAAC,CAAC,CAAA;AACJ,OAAC,CAAC,CAAA;KACL,CAAC,OAAOnB,KAAK,EAAE;AACd5B,MAAAA,MAAM,CAAC4B,KAAK,CAAC,8BAA8B,EAAE;AAAEA,QAAAA,KAAAA;AAAM,OAAC,CAAC,CAAA;AACzD,KAAA;AACF,GAAC,EAAE,CACD9B,cAAc,EACdC,gCAAgC,CACjC,CAAC,CAAA;EACF,OAAO,CAACI,WAAW,CAAC,CAAA;AACtB;;;;"}
+{"version":3,"file":"useSendMultipleFilesMessage-81cdc9d0.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/cjs/useSendbirdStateContext.js

@@ -2,7 +2,7 @@
 
 var React = require('react');
 var withSendbird = require('./withSendbird.js');
-require('./_rollupPluginBabelHelpers-32e06a4f.js');
+require('./_rollupPluginBabelHelpers-83d7e84b.js');
 
 /**
  * Example: