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

package/ui/Word.js

@@ -1,28 +1,29 @@
 import React__default from 'react';
-import { a as LabelTypography } from '../index-aa520474.js';
+import { a as LabelTypography } from '../index-12103973.js';
 import LinkLabel from './LinkLabel.js';
-import { u as uuidv4 } from '../uuid-16373bba.js';
-import { T as convertWordToStringObj, V as StringObjType } from '../index-5d6a0f12.js';
+import { u as uuidv4 } from '../uuid-3c77ef7b.js';
+import { V as convertWordToStringObj, W as StringObjType } from '../index-fc1642cb.js';
 import MentionLabel from './MentionLabel.js';
 import 'prop-types';
-import '../stringSet-2814bf17.js';
-import '../_rollupPluginBabelHelpers-50c9576f.js';
+import '../stringSet-1106c8ec.js';
+import '../tslib.es6-0c779aab.js';
 import '../utils/message/getOutgoingMessageState.js';
-import '../index.module-60af77d3.js';
+import '../index-c6095960.js';
 import './ContextMenu.js';
 import 'react-dom';
 import './SortByRow.js';
 import './UserProfile.js';
-import '../LocalizationContext-2463058b.js';
-import '../index-7700a436.js';
-import '../UserProfileContext-4ae968eb.js';
+import '../LocalizationContext-d18a86d8.js';
+import '../index-d3f61405.js';
+import '../UserProfileContext-26e71f9a.js';
 import '../sendbirdSelectors.js';
-import '../topics-5659403d.js';
-import '../utils-407da489.js';
+import '../pubSub/topics.js';
+import '../utils-74c161a0.js';
 import './Avatar.js';
 import './ImageRenderer.js';
 import './Icon.js';
 import './Button.js';
+import '../types-4ffc52f6.js';
 import '../useSendbirdStateContext.js';
 import '../withSendbird.js';
 
@@ -32,22 +33,24 @@ import '../withSendbird.js';
  */
 // Word and StringObj will include types: normal, mention, url
 function Word(props) {
-  const {
-    word,
-    message,
-    isByMe = false,
-    mentionTemplate = '@',
-    renderString = null
-  } = props;
+  var word = props.word,
+    message = props.message,
+    _a = props.isByMe,
+    isByMe = _a === void 0 ? false : _a,
+    _b = props.mentionTemplate,
+    mentionTemplate = _b === void 0 ? '@' : _b,
+    _c = props.renderString,
+    renderString = _c === void 0 ? null : _c;
   if (word === '') {
     return null;
   }
   return /*#__PURE__*/React__default.createElement("span", {
     className: "sendbird-word"
-  }, convertWordToStringObj(word, message === null || message === void 0 ? void 0 : message.mentionedUsers).map(stringObj => {
-    const type = (stringObj === null || stringObj === void 0 ? void 0 : stringObj.type) || '';
-    const value = (stringObj === null || stringObj === void 0 ? void 0 : stringObj.value) || '';
-    const userId = (stringObj === null || stringObj === void 0 ? void 0 : stringObj.userId) || '';
+  }, convertWordToStringObj(word, message === null || message === void 0 ? void 0 : message.mentionedUsers).map(function (stringObj) {
+    var _a;
+    var type = (stringObj === null || stringObj === void 0 ? void 0 : stringObj.type) || '';
+    var value = (stringObj === null || stringObj === void 0 ? void 0 : stringObj.value) || '';
+    var userId = (stringObj === null || stringObj === void 0 ? void 0 : stringObj.userId) || '';
     if (renderString && typeof renderString === 'function') {
       return renderString(stringObj);
     }
@@ -60,16 +63,15 @@ function Word(props) {
         isByMe: isByMe
       });
     } else if (type === StringObjType.url) {
-      var _value$match;
-      const urlRegex = /([a-zA-Z0-9]+:\/\/)?([a-zA-Z0-9_]+:[a-zA-Z0-9_]+@)?([a-zA-Z0-9.-]+\.[A-Za-z]{2,4})(:[0-9]+)?(\/.*)?/;
-      const targetUrl = (_value$match = value.match(urlRegex)) === null || _value$match === void 0 ? void 0 : _value$match[0];
-      const stringUrl = {
+      var urlRegex = /([a-zA-Z0-9]+:\/\/)?([a-zA-Z0-9_]+:[a-zA-Z0-9_]+@)?([a-zA-Z0-9.-]+\.[A-Za-z]{2,4})(:[0-9]+)?(\/.*)?/;
+      var targetUrl = (_a = value.match(urlRegex)) === null || _a === void 0 ? void 0 : _a[0];
+      var stringUrl = {
         front: '',
         url: '',
         back: ''
       };
       if (targetUrl) {
-        const targetUrlIndex = value.indexOf(targetUrl);
+        var targetUrlIndex = value.indexOf(targetUrl);
         if (targetUrlIndex > 0) {
           stringUrl.front = value.slice(0, targetUrlIndex);
         }

package/ui/Word.js.map

@@ -1 +1 @@
-{"version":3,"file":"Word.js","sources":["../../src/ui/Word/index.tsx"],"sourcesContent":["/**\n * @deprecated  This component is deprecated and will be removed in the next major version.\n * Use TextFragment instead.\n */\nimport './index.scss';\nimport React from 'react';\nimport type { UserMessage } from '@sendbird/chat/message';\n\nimport { LabelTypography } from '../Label';\nimport LinkLabel from '../LinkLabel';\nimport uuidv4 from '../../utils/uuid';\nimport { convertWordToStringObj, StringObjType, StringObj } from '../../utils';\nimport MentionLabel from '../MentionLabel';\n\ninterface WordProps {\n  word: string;\n  message: UserMessage;\n  isByMe?: boolean;\n  mentionTemplate?: string;\n  renderString?: (stringObj: StringObj) => JSX.Element;\n}\n\n// Word and StringObj will include types: normal, mention, url\nexport default function Word(props: WordProps): JSX.Element {\n  const {\n    word,\n    message,\n    isByMe = false,\n    mentionTemplate = '@',\n    renderString = null,\n  } = props;\n  if (word === '') {\n    return null;\n  }\n  return (\n    <span className=\"sendbird-word\">\n      {\n        convertWordToStringObj(word, message?.mentionedUsers).map((stringObj) => {\n          const type = stringObj?.type || '';\n          const value = stringObj?.value || '';\n          const userId = stringObj?.userId || '';\n          if (renderString && typeof renderString === 'function') {\n            return renderString(stringObj);\n          }\n          if (type === StringObjType.mention) {\n            return (\n              <MentionLabel\n                mentionTemplate={mentionTemplate}\n                mentionedUserId={userId}\n                mentionedUserNickname={value}\n                key={uuidv4()}\n                isByMe={isByMe}\n              />\n            );\n          } else if (type === StringObjType.url) {\n            const urlRegex = /([a-zA-Z0-9]+:\\/\\/)?([a-zA-Z0-9_]+:[a-zA-Z0-9_]+@)?([a-zA-Z0-9.-]+\\.[A-Za-z]{2,4})(:[0-9]+)?(\\/.*)?/;\n            const targetUrl = value.match(urlRegex)?.[0];\n            const stringUrl = { front: '', url: '', back: '' };\n            if (targetUrl) {\n              const targetUrlIndex = value.indexOf(targetUrl);\n              if (targetUrlIndex > 0) {\n                stringUrl.front = value.slice(0, targetUrlIndex);\n              }\n              stringUrl.url = value.slice(targetUrlIndex, targetUrlIndex + targetUrl.length);\n              if (targetUrlIndex + targetUrl.length < value.length) {\n                stringUrl.back = value.slice(targetUrlIndex + targetUrl.length);\n              }\n            }\n            if (targetUrl) {\n              return [\n                stringUrl.front ? stringUrl.front : '',\n                stringUrl.url ? (\n                  <LinkLabel\n                    className=\"sendbird-word__url\"\n                    key={uuidv4()}\n                    src={stringUrl.url}\n                    type={LabelTypography.BODY_1}\n                  >\n                    {stringUrl.url}\n                  </LinkLabel>\n                ) : null,\n                stringUrl.back ? stringUrl.back : '',\n              ];\n            }\n            return (\n              <LinkLabel\n                className=\"sendbird-word__url\"\n                key={uuidv4()}\n                src={word}\n                type={LabelTypography.BODY_1}\n              >\n                {value}\n              </LinkLabel>\n            );\n          } else {\n            return value;\n          }\n        })\n      }\n    </span>\n  );\n}\n"],"names":["Word","props","word","message","isByMe","mentionTemplate","renderString","React","createElement","className","convertWordToStringObj","mentionedUsers","map","stringObj","type","value","userId","StringObjType","mention","MentionLabel","mentionedUserId","mentionedUserNickname","key","uuidv4","url","_value$match","urlRegex","targetUrl","match","stringUrl","front","back","targetUrlIndex","indexOf","slice","length","LinkLabel","src","LabelTypography","BODY_1"],"mappings":"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"}
+{"version":3,"file":"Word.js","sources":["../../src/ui/Word/index.tsx"],"sourcesContent":["/**\n * @deprecated  This component is deprecated and will be removed in the next major version.\n * Use TextFragment instead.\n */\nimport './index.scss';\nimport React from 'react';\nimport type { UserMessage } from '@sendbird/chat/message';\n\nimport { LabelTypography } from '../Label';\nimport LinkLabel from '../LinkLabel';\nimport uuidv4 from '../../utils/uuid';\nimport { convertWordToStringObj, StringObjType, StringObj } from '../../utils';\nimport MentionLabel from '../MentionLabel';\n\ninterface WordProps {\n  word: string;\n  message: UserMessage;\n  isByMe?: boolean;\n  mentionTemplate?: string;\n  renderString?: (stringObj: StringObj) => JSX.Element;\n}\n\n// Word and StringObj will include types: normal, mention, url\nexport default function Word(props: WordProps): JSX.Element {\n  const {\n    word,\n    message,\n    isByMe = false,\n    mentionTemplate = '@',\n    renderString = null,\n  } = props;\n  if (word === '') {\n    return null;\n  }\n  return (\n    <span className=\"sendbird-word\">\n      {\n        convertWordToStringObj(word, message?.mentionedUsers).map((stringObj) => {\n          const type = stringObj?.type || '';\n          const value = stringObj?.value || '';\n          const userId = stringObj?.userId || '';\n          if (renderString && typeof renderString === 'function') {\n            return renderString(stringObj);\n          }\n          if (type === StringObjType.mention) {\n            return (\n              <MentionLabel\n                mentionTemplate={mentionTemplate}\n                mentionedUserId={userId}\n                mentionedUserNickname={value}\n                key={uuidv4()}\n                isByMe={isByMe}\n              />\n            );\n          } else if (type === StringObjType.url) {\n            const urlRegex = /([a-zA-Z0-9]+:\\/\\/)?([a-zA-Z0-9_]+:[a-zA-Z0-9_]+@)?([a-zA-Z0-9.-]+\\.[A-Za-z]{2,4})(:[0-9]+)?(\\/.*)?/;\n            const targetUrl = value.match(urlRegex)?.[0];\n            const stringUrl = { front: '', url: '', back: '' };\n            if (targetUrl) {\n              const targetUrlIndex = value.indexOf(targetUrl);\n              if (targetUrlIndex > 0) {\n                stringUrl.front = value.slice(0, targetUrlIndex);\n              }\n              stringUrl.url = value.slice(targetUrlIndex, targetUrlIndex + targetUrl.length);\n              if (targetUrlIndex + targetUrl.length < value.length) {\n                stringUrl.back = value.slice(targetUrlIndex + targetUrl.length);\n              }\n            }\n            if (targetUrl) {\n              return [\n                stringUrl.front ? stringUrl.front : '',\n                stringUrl.url ? (\n                  <LinkLabel\n                    className=\"sendbird-word__url\"\n                    key={uuidv4()}\n                    src={stringUrl.url}\n                    type={LabelTypography.BODY_1}\n                  >\n                    {stringUrl.url}\n                  </LinkLabel>\n                ) : null,\n                stringUrl.back ? stringUrl.back : '',\n              ];\n            }\n            return (\n              <LinkLabel\n                className=\"sendbird-word__url\"\n                key={uuidv4()}\n                src={word}\n                type={LabelTypography.BODY_1}\n              >\n                {value}\n              </LinkLabel>\n            );\n          } else {\n            return value;\n          }\n        })\n      }\n    </span>\n  );\n}\n"],"names":["Word","props","word","message","_a","isByMe","_b","mentionTemplate","_c","renderString","React","createElement","className","convertWordToStringObj","mentionedUsers","map","stringObj","type","value","userId","StringObjType","mention","MentionLabel","mentionedUserId","mentionedUserNickname","key","uuidv4","url","urlRegex","targetUrl","match","stringUrl","front","back","targetUrlIndex","indexOf","slice","length","LinkLabel","src","LabelTypography","BODY_1"],"mappings":"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"}

package/{useHandleUploadFiles-406a6c9c.js → useHandleUploadFiles-33aff88e.js}

@@ -1,78 +1,79 @@
 import React__default, { useRef, useState, useEffect, useCallback } from 'react';
-import { u as useLocalization } from './LocalizationContext-2463058b.js';
+import { u as useLocalization } from './LocalizationContext-d18a86d8.js';
 import { useVoicePlayer } from './VoicePlayer/useVoicePlayer.js';
 import { useVoiceRecorder, VoiceRecorderStatus } from './VoiceRecorder/useVoiceRecorder.js';
-import { D as isDisabledBecauseFrozen, E as isDisabledBecauseMuted } from './utils-0c22998a.js';
-import { V as VoiceMessageInputStatus, a as VoiceMessageInput } from './index-3530f4f6.js';
+import { d as isDisabledBecauseFrozen, e as isDisabledBecauseMuted } from './utils-40040f8e.js';
+import { V as VoiceMessageInputStatus, a as VoiceMessageInput } from './index-ec0c048b.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-691a3935.js';
-import { a as VOICE_PLAYER_STATUS } from './index-e15f6b6a.js';
-import { u as uuidv4 } from './uuid-16373bba.js';
-import { j as isImage } from './index-5d6a0f12.js';
-import { u as useGlobalModalContext } from './index-d99155f7.js';
-import './index-aa520474.js';
+import Button from './ui/Button.js';
+import { useSendbirdStateContext } from './useSendbirdStateContext.js';
+import { a as VOICE_RECORDER_DEFAULT_MIN } from './consts-aa64aca8.js';
+import { a as VOICE_PLAYER_STATUS } from './index-124a5766.js';
+import { u as uuidv4 } from './uuid-3c77ef7b.js';
+import { B as ButtonTypes, a as ButtonSizes } from './types-4ffc52f6.js';
+import { h as isImage } from './index-fc1642cb.js';
+import { useGlobalModalContext } from './hooks/useModal.js';
+import './tslib.es6-0c779aab.js';
+import './index-12103973.js';
 
-const VoiceMessageInputWrapper = _ref => {
-  var _config$voiceRecord;
-  let {
-    channel,
-    onCancelClick,
-    onSubmitClick
-  } = _ref;
-  const uuid = useRef(uuidv4()).current;
-  const [audioFile, setAudioFile] = useState(null);
-  const [voiceInputState, setVoiceInputState] = useState(VoiceMessageInputStatus.READY_TO_RECORD);
-  const [isSubmitted, setSubmit] = useState(false);
-  const [isDisabled, setDisabled] = useState(false);
-  const [showModal, setShowModal] = useState(false);
-  const {
-    stringSet
-  } = useLocalization();
-  const {
-    config
-  } = useSendbirdStateContext();
-  const minRecordingTime = (config === null || config === void 0 ? void 0 : (_config$voiceRecord = config.voiceRecord) === null || _config$voiceRecord === void 0 ? void 0 : _config$voiceRecord.minRecordingTime) || VOICE_RECORDER_DEFAULT_MIN;
-  const {
-    start,
-    stop,
-    cancel,
-    recordingTime,
-    recordingStatus,
-    recordingLimit
-  } = useVoiceRecorder({
-    onRecordingStarted: () => {
-      setVoiceInputState(VoiceMessageInputStatus.RECORDING);
-    },
-    onRecordingEnded: audioFile => {
-      setAudioFile(audioFile);
-    }
-  });
-  const voicePlayer = useVoicePlayer({
+var VoiceMessageInputWrapper = function (_a) {
+  var _b;
+  var channel = _a.channel,
+    onCancelClick = _a.onCancelClick,
+    onSubmitClick = _a.onSubmitClick;
+  var uuid = useRef(uuidv4()).current;
+  var _c = useState(null),
+    audioFile = _c[0],
+    setAudioFile = _c[1];
+  var _d = useState(VoiceMessageInputStatus.READY_TO_RECORD),
+    voiceInputState = _d[0],
+    setVoiceInputState = _d[1];
+  var _e = useState(false),
+    isSubmitted = _e[0],
+    setSubmit = _e[1];
+  var _f = useState(false),
+    isDisabled = _f[0],
+    setDisabled = _f[1];
+  var _g = useState(false),
+    showModal = _g[0],
+    setShowModal = _g[1];
+  var stringSet = useLocalization().stringSet;
+  var config = useSendbirdStateContext().config;
+  var minRecordingTime = ((_b = config === null || config === void 0 ? void 0 : config.voiceRecord) === null || _b === void 0 ? void 0 : _b.minRecordingTime) || VOICE_RECORDER_DEFAULT_MIN;
+  var _h = useVoiceRecorder({
+      onRecordingStarted: function () {
+        setVoiceInputState(VoiceMessageInputStatus.RECORDING);
+      },
+      onRecordingEnded: function (audioFile) {
+        setAudioFile(audioFile);
+      }
+    }),
+    start = _h.start,
+    stop = _h.stop,
+    cancel = _h.cancel,
+    recordingTime = _h.recordingTime,
+    recordingStatus = _h.recordingStatus,
+    recordingLimit = _h.recordingLimit;
+  var voicePlayer = useVoicePlayer({
     channelUrl: channel === null || channel === void 0 ? void 0 : channel.url,
     key: uuid,
     audioFile: audioFile
   });
-  const {
-    play,
-    pause,
-    playbackTime,
-    playingStatus
-  } = voicePlayer;
-  const stopVoicePlayer = voicePlayer.stop;
-
+  var play = voicePlayer.play,
+    pause = voicePlayer.pause,
+    playbackTime = voicePlayer.playbackTime,
+    playingStatus = voicePlayer.playingStatus;
+  var stopVoicePlayer = voicePlayer.stop;
   // disabled state: muted & frozen
-  useEffect(() => {
+  useEffect(function () {
     if (isDisabledBecauseFrozen(channel) || isDisabledBecauseMuted(channel)) {
       setDisabled(true);
     } else {
       setDisabled(false);
     }
   }, [channel === null || channel === void 0 ? void 0 : channel.myRole, channel === null || channel === void 0 ? void 0 : channel.isFrozen, channel === null || channel === void 0 ? void 0 : channel.myMutedState]);
-
   // call onSubmitClick when submit button is clicked and recorded audio file is created
-  useEffect(() => {
+  useEffect(function () {
     if (isSubmitted && audioFile) {
       onSubmitClick(audioFile, recordingTime);
       setSubmit(false);
@@ -80,7 +81,7 @@ const VoiceMessageInputWrapper = _ref => {
     }
   }, [isSubmitted, audioFile, recordingTime]);
   // operate which control button should be displayed
-  useEffect(() => {
+  useEffect(function () {
     if (audioFile) {
       if (recordingTime < minRecordingTime) {
         setVoiceInputState(VoiceMessageInputStatus.READY_TO_RECORD);
@@ -98,12 +99,12 @@ const VoiceMessageInputWrapper = _ref => {
     currentValue: recordingStatus === VoiceRecorderStatus.COMPLETED ? playbackTime : recordingTime,
     maximumValue: recordingStatus === VoiceRecorderStatus.COMPLETED ? recordingTime : recordingLimit,
     currentType: voiceInputState,
-    onCancelClick: () => {
+    onCancelClick: function () {
       onCancelClick();
       cancel();
       stopVoicePlayer();
     },
-    onSubmitClick: () => {
+    onSubmitClick: function () {
       if (isDisabled) {
         setShowModal(true);
         setVoiceInputState(VoiceMessageInputStatus.READY_TO_RECORD);
@@ -113,7 +114,7 @@ const VoiceMessageInputWrapper = _ref => {
         setSubmit(true);
       }
     },
-    onControlClick: type => {
+    onControlClick: function (type) {
       switch (type) {
         case VoiceMessageInputStatus.READY_TO_RECORD:
           {
@@ -152,7 +153,7 @@ const VoiceMessageInputWrapper = _ref => {
     titleText: isDisabledBecauseMuted(channel) ? stringSet.MODAL__VOICE_MESSAGE_INPUT_DISABLED__TITLE_MUTED : stringSet.MODAL__VOICE_MESSAGE_INPUT_DISABLED__TITLE_FROZEN,
     hideFooter: true,
     isCloseOnClickOutside: true,
-    onCancel: () => {
+    onCancel: function () {
       setShowModal(false);
       onCancelClick();
     }
@@ -162,66 +163,48 @@ const VoiceMessageInputWrapper = _ref => {
     className: "sendbird-voice-message-input-wrapper-alert__body__ok-button",
     type: ButtonTypes.PRIMARY,
     size: ButtonSizes.BIG,
-    onClick: () => {
+    onClick: function () {
       setShowModal(false);
       onCancelClick();
     }
   }, stringSet.BUTTON__OK))));
 };
 
-/**
- * The handleUploadFiles is a function sending a FileMessage and MultipleFilesMessage
- * by the received FileList from the ChangeEvent of MessageInput component.
- */
-
-const useHandleUploadFiles = (_ref, _ref2) => {
-  let {
-    sendFileMessage,
-    sendMultipleFilesMessage,
-    quoteMessage
-  } = _ref;
-  let {
-    logger
-  } = _ref2;
-  const {
-    stringSet
-  } = useLocalization();
-  const {
-    config
-  } = useSendbirdStateContext();
-  const uikitUploadSizeLimit = config === null || config === void 0 ? void 0 : config.uikitUploadSizeLimit;
-  const uikitMultipleFilesMessageLimit = config === null || config === void 0 ? void 0 : config.uikitMultipleFilesMessageLimit;
-  const {
-    openModal
-  } = useGlobalModalContext();
-  const handleUploadFiles = useCallback(fileList => {
-    const files = Array.from(fileList);
-
+var useHandleUploadFiles = function (_a, _b) {
+  var sendFileMessage = _a.sendFileMessage,
+    sendMultipleFilesMessage = _a.sendMultipleFilesMessage,
+    quoteMessage = _a.quoteMessage;
+  var logger = _b.logger;
+  var stringSet = useLocalization().stringSet;
+  var config = useSendbirdStateContext().config;
+  var uikitUploadSizeLimit = config === null || config === void 0 ? void 0 : config.uikitUploadSizeLimit;
+  var uikitMultipleFilesMessageLimit = config === null || config === void 0 ? void 0 : config.uikitMultipleFilesMessageLimit;
+  var openModal = useGlobalModalContext().openModal;
+  var handleUploadFiles = useCallback(function (fileList) {
+    var files = Array.from(fileList);
     // Validate Paremeters
     if (!sendFileMessage || !sendMultipleFilesMessage) {
       logger.warning('Channel|useHandleUploadFiles: required functions are undefined', {
-        sendFileMessage,
-        sendMultipleFilesMessage
+        sendFileMessage: sendFileMessage,
+        sendMultipleFilesMessage: sendMultipleFilesMessage
       });
       return;
     }
     if (files.length === 0) {
       logger.warning('Channel|useHandleUploadFiles: given file list is empty.', {
-        files
+        files: files
       });
       return;
     }
     if (files.length > uikitMultipleFilesMessageLimit) {
-      logger.info(`Channel|useHandleUploadFiles: Cannot upload files more than ${uikitMultipleFilesMessageLimit}`);
+      logger.info("Channel|useHandleUploadFiles: Cannot upload files more than ".concat(uikitMultipleFilesMessageLimit));
       openModal({
         modalProps: {
-          titleText: `Up to ${uikitMultipleFilesMessageLimit} files can be attached.`,
+          titleText: "Up to ".concat(uikitMultipleFilesMessageLimit, " files can be attached."),
           hideFooter: true
         },
-        childElement: _ref3 => {
-          let {
-            closeModal
-          } = _ref3;
+        childElement: function (_a) {
+          var closeModal = _a.closeModal;
           return /*#__PURE__*/React__default.createElement(ModalFooter, {
             type: ButtonTypes.PRIMARY,
             submitText: stringSet.BUTTON__OK,
@@ -233,18 +216,19 @@ const useHandleUploadFiles = (_ref, _ref2) => {
       });
       return;
     }
-    if (files.some(file => file.size > uikitUploadSizeLimit)) {
+    if (files.some(function (file) {
+      return file.size > uikitUploadSizeLimit;
+    })) {
       // The default value of uikitUploadSizeLimit is 26MB
-      logger.info(`Channel|useHandleUploadFiles: Cannot upload file size exceeding ${uikitUploadSizeLimit}`);
+      logger.info("Channel|useHandleUploadFiles: Cannot upload file size exceeding ".concat(uikitUploadSizeLimit));
+      var ONE_MiB = 1024 * 1024;
       openModal({
         modalProps: {
-          titleText: `The maximum size per file is ${Math.floor(uikitUploadSizeLimit / 1000000)} MB.`,
+          titleText: "The maximum size per file is ".concat(Math.floor(uikitUploadSizeLimit / ONE_MiB), " MB."),
           hideFooter: true
         },
-        childElement: _ref4 => {
-          let {
-            closeModal
-          } = _ref4;
+        childElement: function (_a) {
+          var closeModal = _a.closeModal;
           return /*#__PURE__*/React__default.createElement(ModalFooter, {
             type: ButtonTypes.PRIMARY,
             submitText: stringSet.BUTTON__OK,
@@ -258,33 +242,36 @@ const useHandleUploadFiles = (_ref, _ref2) => {
     }
     if (files.length === 1) {
       logger.info('Channel|useHandleUploadFiles: sending one file.');
-      const [file] = files;
+      var file = files[0];
       sendFileMessage(file, quoteMessage);
     } else if (files.length > 1) {
       logger.info('Channel|useHandleUploadFiles: sending multiple files.');
-      const imageFiles = [];
-      const otherFiles = [];
-      files.forEach(file => {
+      var imageFiles_1 = [];
+      var otherFiles_1 = [];
+      files.forEach(function (file) {
         if (isImage(file.type)) {
-          imageFiles.push(file);
+          imageFiles_1.push(file);
         } else {
-          otherFiles.push(file);
+          otherFiles_1.push(file);
         }
       });
-      if (imageFiles.length > 1) {
-        sendMultipleFilesMessage(imageFiles, quoteMessage);
-      } else if (imageFiles.length === 1) {
-        sendFileMessage(imageFiles[0], quoteMessage);
-      }
-      if (otherFiles.length > 0) {
-        otherFiles.forEach(file => {
-          sendFileMessage(file, quoteMessage);
+      return otherFiles_1.reduce(function (previousPromise, item) {
+        return previousPromise.then(function () {
+          return sendFileMessage(item, quoteMessage);
         });
-      }
+      }, function () {
+        if (imageFiles_1.length === 0) {
+          return Promise.resolve();
+        } else if (imageFiles_1.length === 1) {
+          return sendFileMessage(imageFiles_1[0], quoteMessage);
+        } else {
+          return sendMultipleFilesMessage(imageFiles_1, quoteMessage);
+        }
+      }());
     }
   }, [sendFileMessage, sendMultipleFilesMessage, quoteMessage]);
   return [handleUploadFiles];
 };
 
 export { VoiceMessageInputWrapper as V, useHandleUploadFiles as u };
-//# sourceMappingURL=useHandleUploadFiles-406a6c9c.js.map
+//# sourceMappingURL=useHandleUploadFiles-33aff88e.js.map

package/useHandleUploadFiles-33aff88e.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useHandleUploadFiles-33aff88e.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';\nimport { FileMessage, MultipleFilesMessage } from '@sendbird/chat/message';\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      const ONE_MiB = 1024 * 1024;\n      openModal({\n        modalProps: {\n          titleText: `The maximum size per file is ${Math.floor(uikitUploadSizeLimit / ONE_MiB)} 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      return otherFiles.reduce((\n        previousPromise: Promise<MultipleFilesMessage | FileMessage | void>,\n        item: File,\n      ) => {\n        return previousPromise.then(() => {\n          return sendFileMessage(item as File, quoteMessage);\n        });\n      }, (() => {\n        if (imageFiles.length === 0) {\n          return Promise.resolve();\n        } else if (imageFiles.length === 1) {\n          return sendFileMessage(imageFiles[0], quoteMessage);\n        } else {\n          return sendMultipleFilesMessage(imageFiles, quoteMessage);\n        }\n      })());\n    }\n  }, [\n    sendFileMessage,\n    sendMultipleFilesMessage,\n    quoteMessage,\n  ]);\n\n  return [handleUploadFiles];\n};\n"],"names":["VoiceMessageInputWrapper","_a","channel","onCancelClick","onSubmitClick","uuid","useRef","uuidv4","current","_c","useState","audioFile","setAudioFile","_d","VoiceMessageInputStatus","READY_TO_RECORD","voiceInputState","setVoiceInputState","_e","isSubmitted","setSubmit","_f","isDisabled","setDisabled","_g","showModal","setShowModal","stringSet","useLocalization","config","useSendbirdStateContext","minRecordingTime","_b","voiceRecord","VOICE_RECORDER_DEFAULT_MIN","_h","useVoiceRecorder","onRecordingStarted","RECORDING","onRecordingEnded","start","stop","cancel","recordingTime","recordingStatus","recordingLimit","voicePlayer","useVoicePlayer","channelUrl","url","key","play","pause","playbackTime","playingStatus","stopVoicePlayer","useEffect","isDisabledBecauseFrozen","isDisabledBecauseMuted","myRole","isFrozen","myMutedState","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","sendFileMessage","sendMultipleFilesMessage","quoteMessage","logger","uikitUploadSizeLimit","uikitMultipleFilesMessageLimit","openModal","useGlobalModalContext","handleUploadFiles","useCallback","fileList","files","Array","from","warning","length","info","modalProps","concat","childElement","closeModal","ModalFooter","submitText","hideCancelButton","onSubmit","some","file","ONE_MiB","Math","floor","imageFiles_1","otherFiles_1","forEach","isImage","push","reduce","previousPromise","item","then","Promise","resolve"],"mappings":";;;;;;;;;;;;;;;;;;IAwBaA,wBAAwB,GAAG,UAACC,EAIT,EAAA;;AAH9B,EAAA,IAAAC,OAAO,aAAA;IACPC,aAAa,GAAAF,EAAA,CAAAE,aAAA;IACbC,aAAa,GAAAH,EAAA,CAAAG,aAAA,CAAA;EAEb,IAAMC,IAAI,GAAGC,MAAM,CAASC,MAAM,EAAE,CAAC,CAACC,OAAO,CAAA;AACvC,EAAA,IAAAC,EAAA,GAA4BC,QAAQ,CAAO,IAAI,CAAC;AAA/CC,IAAAA,SAAS,GAAAF,EAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,YAAY,GAAAH,EAAA,CAAA,CAAA,CAAwB,CAAA;AAChD,EAAA,IAAAI,EAAwC,GAAAH,QAAQ,CAA0BI,uBAAuB,CAACC,eAAe,CAAC;AAAjHC,IAAAA,eAAe,GAAAH,EAAA,CAAA,CAAA,CAAA;AAAEI,IAAAA,kBAAkB,QAA8E,CAAA;AAClH,EAAA,IAAAC,EAAA,GAA2BR,QAAQ,CAAC,KAAK,CAAC;AAAzCS,IAAAA,WAAW,GAAAD,EAAA,CAAA,CAAA,CAAA;AAAEE,IAAAA,SAAS,GAAAF,EAAA,CAAA,CAAA,CAAmB,CAAA;AAC1C,EAAA,IAAAG,EAAA,GAA4BX,QAAQ,CAAC,KAAK,CAAC;AAA1CY,IAAAA,UAAU,GAAAD,EAAA,CAAA,CAAA,CAAA;AAAEE,IAAAA,WAAW,GAAAF,EAAA,CAAA,CAAA,CAAmB,CAAA;AAC3C,EAAA,IAAAG,EAAA,GAA4Bd,QAAQ,CAAC,KAAK,CAAC;AAA1Ce,IAAAA,SAAS,GAAAD,EAAA,CAAA,CAAA,CAAA;AAAEE,IAAAA,YAAY,GAAAF,EAAA,CAAA,CAAA,CAAmB,CAAA;AACzC,EAAA,IAAAG,SAAS,GAAKC,eAAe,EAAE,UAAtB,CAAA;AACT,EAAA,IAAAC,MAAM,GAAKC,uBAAuB,EAAE,OAA9B,CAAA;AACd,EAAA,IAAMC,gBAAgB,GAAG,CAAA,CAAAC,EAAA,GAAAH,MAAM,KAAN,IAAA,IAAAA,MAAM,KAAN,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,MAAM,CAAEI,WAAW,MAAA,IAAA,IAAAD,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAED,gBAAgB,KAAIG,0BAA0B,CAAA;EACtF,IAAAC,EAAA,GAOFC,gBAAgB,CAAC;MACnBC,kBAAkB,EAAE,YAAA;AAClBpB,QAAAA,kBAAkB,CAACH,uBAAuB,CAACwB,SAAS,CAAC,CAAA;OACtD;AACDC,MAAAA,gBAAgB,EAAE,UAAC5B,SAAS,EAAA;QAC1BC,YAAY,CAACD,SAAS,CAAC,CAAA;AACzB,OAAA;AACD,KAAA,CAAC;IAbA6B,KAAK,GAAAL,EAAA,CAAAK,KAAA;IACLC,IAAI,GAAAN,EAAA,CAAAM,IAAA;IACJC,MAAM,GAAAP,EAAA,CAAAO,MAAA;IACNC,aAAa,mBAAA;IACbC,eAAe,qBAAA;IACfC,cAAc,oBAQd,CAAA;EACF,IAAMC,WAAW,GAAGC,cAAc,CAAC;AACjCC,IAAAA,UAAU,EAAE9C,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAO,CAAE+C,GAAG;AACxBC,IAAAA,GAAG,EAAE7C,IAAI;AACTM,IAAAA,SAAS,EAAEA,SAAAA;AACZ,GAAA,CAAC,CAAA;AAEA,EAAA,IAAAwC,IAAI,GAIFL,WAAW,KAJT;IACJM,KAAK,GAGHN,WAAW,CAAAM,KAHR;IACLC,YAAY,GAEVP,WAAW,CAFDO,YAAA;IACZC,aAAa,GACXR,WAAW,cADA,CAAA;AAEf,EAAA,IAAMS,eAAe,GAAGT,WAAW,CAACL,IAAI,CAAA;AAExC;AACAe,EAAAA,SAAS,CAAC,YAAA;IACR,IAAIC,uBAAuB,CAACvD,OAAO,CAAC,IAAIwD,sBAAsB,CAACxD,OAAO,CAAC,EAAE;MACvEqB,WAAW,CAAC,IAAI,CAAC,CAAA;AAClB,KAAA,MAAM;MACLA,WAAW,CAAC,KAAK,CAAC,CAAA;AACnB,KAAA;GACF,EAAE,CAACrB,OAAO,KAAP,IAAA,IAAAA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAO,CAAEyD,MAAM,EAAEzD,OAAO,KAAP,IAAA,IAAAA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAO,CAAE0D,QAAQ,EAAE1D,OAAO,KAAP,IAAA,IAAAA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAO,CAAE2D,YAAY,CAAC,CAAC,CAAA;AAE/D;AACAL,EAAAA,SAAS,CAAC,YAAA;IACR,IAAIrC,WAAW,IAAIR,SAAS,EAAE;AAC5BP,MAAAA,aAAa,CAACO,SAAS,EAAEgC,aAAa,CAAC,CAAA;MACvCvB,SAAS,CAAC,KAAK,CAAC,CAAA;MAChBR,YAAY,CAAC,IAAI,CAAC,CAAA;AACnB,KAAA;GACF,EAAE,CAACO,WAAW,EAAER,SAAS,EAAEgC,aAAa,CAAC,CAAC,CAAA;AAC3C;AACAa,EAAAA,SAAS,CAAC,YAAA;AACR,IAAA,IAAI7C,SAAS,EAAE;MACb,IAAIgC,aAAa,GAAGZ,gBAAgB,EAAE;AACpCd,QAAAA,kBAAkB,CAACH,uBAAuB,CAACC,eAAe,CAAC,CAAA;QAC3DH,YAAY,CAAC,IAAI,CAAC,CAAA;AACnB,OAAA,MAAM,IAAI0C,aAAa,KAAKQ,mBAAmB,CAACC,OAAO,EAAE;AACxD9C,QAAAA,kBAAkB,CAACH,uBAAuB,CAACiD,OAAO,CAAC,CAAA;AACpD,OAAA,MAAM;AACL9C,QAAAA,kBAAkB,CAACH,uBAAuB,CAACkD,aAAa,CAAC,CAAA;AAC1D,OAAA;AACF,KAAA;GACF,EAAE,CAACrD,SAAS,EAAEgC,aAAa,EAAEW,aAAa,CAAC,CAAC,CAAA;EAE7C,oBACEW,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,sCAAA;AAAsC,GAAA,eACnDF,cAAA,CAAAC,aAAA,CAACE,iBAAiB,EAAA;IAChBC,YAAY,EAAEzB,eAAe,KAAK0B,mBAAmB,CAACC,SAAS,GAAGlB,YAAY,GAAGV,aAAc;IAC/F6B,YAAY,EAAE5B,eAAe,KAAK0B,mBAAmB,CAACC,SAAS,GAAG5B,aAAa,GAAGE,cAAe;AACjG4B,IAAAA,WAAW,EAAEzD,eAAgB;IAC7Bb,aAAa,EAAE,YAAA;AACbA,MAAAA,aAAa,EAAE,CAAA;AACfuC,MAAAA,MAAM,EAAE,CAAA;AACRa,MAAAA,eAAe,EAAE,CAAA;KACjB;IACFnD,aAAa,EAAE,YAAA;AACb,MAAA,IAAIkB,UAAU,EAAE;QACdI,YAAY,CAAC,IAAI,CAAC,CAAA;AAClBT,QAAAA,kBAAkB,CAACH,uBAAuB,CAACC,eAAe,CAAC,CAAA;AAC5D,OAAA,MAAM;AACL0B,QAAAA,IAAI,EAAE,CAAA;AACNW,QAAAA,KAAK,EAAE,CAAA;QACPhC,SAAS,CAAC,IAAI,CAAC,CAAA;AAChB,OAAA;KACD;AACFsD,IAAAA,cAAc,EAAE,UAACC,IAAI,EAAA;AACnB,MAAA,QAAQA,IAAI;QACV,KAAK7D,uBAAuB,CAACC,eAAe;AAAE,UAAA;AAC5CwC,YAAAA,eAAe,EAAE,CAAA;AACjBf,YAAAA,KAAK,EAAE,CAAA;AACP,YAAA,MAAA;AACD,WAAA;QACD,KAAK1B,uBAAuB,CAACwB,SAAS;AAAE,UAAA;AACtC,YAAA,IAAIK,aAAa,IAAIZ,gBAAgB,IAAI,CAACT,UAAU,EAAE;AACpDmB,cAAAA,IAAI,EAAE,CAAA;aACP,MAAM,IAAInB,UAAU,EAAE;AACrBoB,cAAAA,MAAM,EAAE,CAAA;cACRhB,YAAY,CAAC,IAAI,CAAC,CAAA;AAClBT,cAAAA,kBAAkB,CAACH,uBAAuB,CAACC,eAAe,CAAC,CAAA;AAC5D,aAAA,MAAM;AACL2B,cAAAA,MAAM,EAAE,CAAA;AACRzB,cAAAA,kBAAkB,CAACH,uBAAuB,CAACC,eAAe,CAAC,CAAA;AAC5D,aAAA;AACD,YAAA,MAAA;AACD,WAAA;QACD,KAAKD,uBAAuB,CAACkD,aAAa;AAAE,UAAA;AAC1Cb,YAAAA,IAAI,EAAE,CAAA;AACN,YAAA,MAAA;AACD,WAAA;QACD,KAAKrC,uBAAuB,CAACiD,OAAO;AAAE,UAAA;AACpCX,YAAAA,KAAK,EAAE,CAAA;AACP,YAAA,MAAA;AACD,WAAA;AACF,OAAA;AACH,KAAA;GAEF,CAAA,EACE3B,SAAS,iBACPwC,cAAA,CAAAC,aAAA,CAACU,KAAK,EAAA;AACJT,IAAAA,SAAS,EAAC,4CAA4C;AACtDU,IAAAA,SAAS,EAAEnB,sBAAsB,CAACxD,OAAO,CAAC,GACtCyB,SAAS,CAACmD,gDAAgD,GAC1DnD,SAAS,CAACoD,iDACb;IACDC,UAAU,EAAA,IAAA;IACVC,qBAAqB,EAAA,IAAA;IACrBC,QAAQ,EAAE,YAAA;MACRxD,YAAY,CAAC,KAAK,CAAC,CAAA;AACnBvB,MAAAA,aAAa,EAAE,CAAA;AACjB,KAAA;GAEA8D,eAAAA,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,kDAAA;AAAkD,GAAA,eAC/DF,cAAA,CAAAC,aAAA,CAACiB,MAAM,EAAA;AACLhB,IAAAA,SAAS,EAAC,6DAA6D;IACvEQ,IAAI,EAAES,WAAW,CAACC,OAAQ;IAC1BC,IAAI,EAAEC,WAAW,CAACC,GAAI;IACtBC,OAAO,EAAE,YAAA;MACP/D,YAAY,CAAC,KAAK,CAAC,CAAA;AACnBvB,MAAAA,aAAa,EAAE,CAAA;AACjB,KAAA;AAAE,GAAA,EAEDwB,SAAS,CAAC+D,UACL,CACL,CACA,CAGR,CAAC,CAAA;AAEV;;ACzJO,IAAMC,oBAAoB,GAAG,UAAC1F,EAIF,EAAE+B,EAEH,EAAA;AALhC,EAAA,IAAA4D,eAAe,qBAAA;IACfC,wBAAwB,GAAA5F,EAAA,CAAA4F,wBAAA;IACxBC,YAAY,GAAA7F,EAAA,CAAA6F,YAAA,CAAA;AAEZ,EAAA,IAAAC,MAAM,GAAA/D,EAAA,CAAA+D,MAAA,CAAA;AAEE,EAAA,IAAApE,SAAS,GAAKC,eAAe,EAAE,UAAtB,CAAA;AACT,EAAA,IAAAC,MAAM,GAAKC,uBAAuB,EAAE,OAA9B,CAAA;AACd,EAAA,IAAMkE,oBAAoB,GAAGnE,MAAM,KAAA,IAAA,IAANA,MAAM,KAAN,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,MAAM,CAAEmE,oBAAoB,CAAA;AACzD,EAAA,IAAMC,8BAA8B,GAAGpE,MAAM,KAAA,IAAA,IAANA,MAAM,KAAN,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,MAAM,CAAEoE,8BAA8B,CAAA;AACrE,EAAA,IAAAC,SAAS,GAAKC,qBAAqB,EAAE,UAA5B,CAAA;AAEjB,EAAA,IAAMC,iBAAiB,GAAGC,WAAW,CAAC,UAACC,QAAkB,EAAA;AACvD,IAAA,IAAMC,KAAK,GAAWC,KAAK,CAACC,IAAI,CAACH,QAAQ,CAAC,CAAA;AAE1C;AACA,IAAA,IAAI,CAACV,eAAe,IAAI,CAACC,wBAAwB,EAAE;AACjDE,MAAAA,MAAM,CAACW,OAAO,CAAC,gEAAgE,EAAE;AAAEd,QAAAA,eAAe,EAAAA,eAAA;AAAEC,QAAAA,wBAAwB,EAAAA,wBAAAA;AAAA,OAAE,CAAC,CAAA;AAC/H,MAAA,OAAA;AACD,KAAA;AACD,IAAA,IAAIU,KAAK,CAACI,MAAM,KAAK,CAAC,EAAE;AACtBZ,MAAAA,MAAM,CAACW,OAAO,CAAC,yDAAyD,EAAE;AAAEH,QAAAA,KAAK,EAAAA,KAAAA;AAAE,OAAA,CAAC,CAAA;AACpF,MAAA,OAAA;AACD,KAAA;AACD,IAAA,IAAIA,KAAK,CAACI,MAAM,GAAGV,8BAA8B,EAAE;MACjDF,MAAM,CAACa,IAAI,CAAC,sEAA+DX,8BAA8B,CAAE,CAAC,CAAA;AAC5GC,MAAAA,SAAS,CAAC;AACRW,QAAAA,UAAU,EAAE;UACVhC,SAAS,EAAE,QAAS,CAAAiC,MAAA,CAAAb,8BAA8B,EAAyB,yBAAA,CAAA;AAC3EjB,UAAAA,UAAU,EAAE,IAAA;SACb;AACD+B,QAAAA,YAAY,EAAE,UAAC9G,EAAc,EAAA;AAAZ,UAAA,IAAA+G,UAAU,GAAA/G,EAAA,CAAA+G,UAAA,CAAA;AAAO,UAAA,oBAChC/C,cAAA,CAAAC,aAAA,CAAC+C,WAAW,EAAA;YACVtC,IAAI,EAAES,WAAW,CAACC,OAAQ;YAC1B6B,UAAU,EAAEvF,SAAS,CAAC+D,UAAW;YACjCyB,gBAAgB,EAAA,IAAA;AAChBjC,YAAAA,QAAQ,EAAE8B,UAAW;AACrBI,YAAAA,QAAQ,EAAEJ,UAAAA;AAAW,YACrB,CAAA;AAP8B,SAAA;AASnC,OAAA,CAAC,CAAA;AACF,MAAA,OAAA;AACD,KAAA;AACD,IAAA,IAAIT,KAAK,CAACc,IAAI,CAAC,UAACC,IAAU,EAAK;AAAA,MAAA,OAAAA,IAAI,CAAChC,IAAI,GAAGU,oBAAoB,CAAA;AAAhC,KAAgC,CAAC,EAAE;AAChE;MACAD,MAAM,CAACa,IAAI,CAAC,0EAAmEZ,oBAAoB,CAAE,CAAC,CAAA;AACtG,MAAA,IAAMuB,OAAO,GAAG,IAAI,GAAG,IAAI,CAAA;AAC3BrB,MAAAA,SAAS,CAAC;AACRW,QAAAA,UAAU,EAAE;AACVhC,UAAAA,SAAS,EAAE,+BAAgC,CAAAiC,MAAA,CAAAU,IAAI,CAACC,KAAK,CAACzB,oBAAoB,GAAGuB,OAAO,CAAC,EAAM,MAAA,CAAA;AAC3FvC,UAAAA,UAAU,EAAE,IAAA;SACb;AACD+B,QAAAA,YAAY,EAAE,UAAC9G,EAAc,EAAA;AAAZ,UAAA,IAAA+G,UAAU,GAAA/G,EAAA,CAAA+G,UAAA,CAAA;AAAO,UAAA,oBAChC/C,cAAA,CAAAC,aAAA,CAAC+C,WAAW,EAAA;YACVtC,IAAI,EAAES,WAAW,CAACC,OAAQ;YAC1B6B,UAAU,EAAEvF,SAAS,CAAC+D,UAAW;YACjCyB,gBAAgB,EAAA,IAAA;AAChBjC,YAAAA,QAAQ,EAAE8B,UAAW;AACrBI,YAAAA,QAAQ,EAAEJ,UAAAA;AAAW,YACrB,CAAA;AAP8B,SAAA;AASnC,OAAA,CAAC,CAAA;AACF,MAAA,OAAA;AACD,KAAA;AAED,IAAA,IAAIT,KAAK,CAACI,MAAM,KAAK,CAAC,EAAE;AACtBZ,MAAAA,MAAM,CAACa,IAAI,CAAC,iDAAiD,CAAC,CAAA;AACvD,MAAA,IAAAU,IAAI,GAAIf,KAAK,CAAA,CAAA,CAAT,CAAA;AACXX,MAAAA,eAAe,CAAC0B,IAAI,EAAExB,YAAY,CAAC,CAAA;AACpC,KAAA,MAAM,IAAIS,KAAK,CAACI,MAAM,GAAG,CAAC,EAAE;AAC3BZ,MAAAA,MAAM,CAACa,IAAI,CAAC,uDAAuD,CAAC,CAAA;MACpE,IAAMc,YAAU,GAAgB,EAAE,CAAA;MAClC,IAAMC,YAAU,GAAgB,EAAE,CAAA;AAClCpB,MAAAA,KAAK,CAACqB,OAAO,CAAC,UAACN,IAAU,EAAA;AACvB,QAAA,IAAIO,OAAO,CAACP,IAAI,CAAC3C,IAAI,CAAC,EAAE;AACtB+C,UAAAA,YAAU,CAACI,IAAI,CAACR,IAAI,CAAC,CAAA;AACtB,SAAA,MAAM;AACLK,UAAAA,YAAU,CAACG,IAAI,CAACR,IAAI,CAAC,CAAA;AACtB,SAAA;AACH,OAAC,CAAC,CAAA;MAEF,OAAOK,YAAU,CAACI,MAAM,CAAC,UACvBC,eAAmE,EACnEC,IAAU,EAAA;AAEV,QAAA,OAAOD,eAAe,CAACE,IAAI,CAAC,YAAA;AAC1B,UAAA,OAAOtC,eAAe,CAACqC,IAAY,EAAEnC,YAAY,CAAC,CAAA;AACpD,SAAC,CAAC,CAAA;AACJ,OAAC,EAAG,YAAA;AACF,QAAA,IAAI4B,YAAU,CAACf,MAAM,KAAK,CAAC,EAAE;AAC3B,UAAA,OAAOwB,OAAO,CAACC,OAAO,EAAE,CAAA;AACzB,SAAA,MAAM,IAAIV,YAAU,CAACf,MAAM,KAAK,CAAC,EAAE;UAClC,OAAOf,eAAe,CAAC8B,YAAU,CAAC,CAAC,CAAC,EAAE5B,YAAY,CAAC,CAAA;AACpD,SAAA,MAAM;AACL,UAAA,OAAOD,wBAAwB,CAAC6B,YAAU,EAAE5B,YAAY,CAAC,CAAA;AAC1D,SAAA;OACF,EAAG,CAAC,CAAA;AACN,KAAA;GACF,EAAE,CACDF,eAAe,EACfC,wBAAwB,EACxBC,YAAY,CACb,CAAC,CAAA;EAEF,OAAO,CAACM,iBAAiB,CAAC,CAAA;AAC5B;;;;"}

package/useLongPress-322bb6a3.js

@@ -0,0 +1,103 @@
+import { _ as __assign } from './tslib.es6-0c779aab.js';
+import { useState, useRef, useCallback } from 'react';
+import { u as useMediaQueryContext } from './MediaQueryContext-3eeeec4f.js';
+
+var DEFAULT_DURATION = 300;
+function preventDefault(e) {
+  if (!isTouchEvent(e)) {
+    return;
+  }
+  if (e.touches.length < 2 && e.preventDefault) {
+    e.preventDefault();
+  }
+}
+function isTouchEvent(e) {
+  return e && 'touches' in e;
+}
+function useLongPress(_a, _b) {
+  var onLongPress = _a.onLongPress,
+    onClick = _a.onClick;
+  var _c = _b === void 0 ? {} : _b,
+    _d = _c.delay,
+    delay = _d === void 0 ? DEFAULT_DURATION : _d,
+    _e = _c.shouldPreventDefault,
+    shouldPreventDefault = _e === void 0 ? true : _e,
+    _f = _c.shouldStopPropagation,
+    shouldStopPropagation = _f === void 0 ? false : _f;
+  var isMobile = useMediaQueryContext().isMobile;
+  var _g = useState(false),
+    longPressTriggered = _g[0],
+    setLongPressTriggered = _g[1];
+  var _h = useState(false),
+    dragTriggered = _h[0],
+    setDragTriggered = _h[1];
+  // https://www.typescriptlang.org/docs/handbook/utility-types.html#returntypetype
+  var timeout = useRef();
+  var target = useRef();
+  var start = useCallback(function (e) {
+    e.persist();
+    var clonedEvent = __assign({}, e);
+    setDragTriggered(false);
+    if (shouldStopPropagation) {
+      e.stopPropagation();
+    }
+    if (shouldPreventDefault && e.target) {
+      e.target.addEventListener('touchend', preventDefault, {
+        passive: false
+      });
+      target.current = e.target;
+    }
+    timeout.current = setTimeout(function () {
+      onLongPress(clonedEvent);
+      setLongPressTriggered(true);
+    }, delay);
+  }, [onLongPress, delay, shouldPreventDefault, shouldStopPropagation, isMobile]);
+  var clear = useCallback(function (e, shouldTriggerClick, onDrag) {
+    if (shouldTriggerClick === void 0) {
+      shouldTriggerClick = true;
+    }
+    if (onDrag === void 0) {
+      onDrag = false;
+    }
+    if (onDrag) {
+      setDragTriggered(true);
+    } else {
+      setDragTriggered(false);
+    }
+    if (timeout === null || timeout === void 0 ? void 0 : timeout.current) {
+      clearTimeout(timeout.current);
+    }
+    if (shouldTriggerClick && !longPressTriggered && !dragTriggered) {
+      onClick === null || onClick === void 0 ? void 0 : onClick(e);
+    }
+    setLongPressTriggered(false);
+    if (shouldPreventDefault && target.current) {
+      target.current.removeEventListener('touchend', preventDefault);
+    }
+  }, [shouldPreventDefault, onClick, longPressTriggered, dragTriggered]);
+  return {
+    onMouseDown: function (e) {
+      return start(e);
+    },
+    onMouseUp: function (e) {
+      return clear(e);
+    },
+    onMouseLeave: function (e) {
+      return clear(e, false);
+    },
+    onTouchStart: function (e) {
+      return start(e);
+    },
+    // setDragTriggered as true on touchmove, so that next onTouchEnd is ignored
+    // if we dont do it, onClick?.(e) will be triggred, see inside clear()
+    onTouchMove: function (e) {
+      return clear(e, false, true);
+    },
+    onTouchEnd: function (e) {
+      return clear(e);
+    }
+  };
+}
+
+export { useLongPress as u };
+//# sourceMappingURL=useLongPress-322bb6a3.js.map