@sendbird/uikit-react 3.5.0-rc.1 → 3.5.0

package/ui/VoiceMessageItemBody.js

@@ -0,0 +1,110 @@
+import React__default, { useState, useEffect, useMemo } from 'react';
+import { ProgressBar, ProgressBarColorTypes } from './ProgressBar.js';
+import { useVoicePlayer } from '../VoicePlayer/useVoicePlayer.js';
+import { PlaybackTime } from './PlaybackTime.js';
+import Loader from './Loader.js';
+import Icon, { IconTypes, IconColors } from './Icon.js';
+import { a as LabelTypography, b as LabelColors } from '../index-e33f7f55.js';
+import { a as VOICE_PLAYER_STATUS } from '../index-71a20863.js';
+import '../consts-c1baf70a.js';
+import '../VoiceRecorder/context.js';
+import '../LocalizationContext-04c0c9dc.js';
+import '../stringSet-e0ee1265.js';
+import '../index-319984d0.js';
+import './Modal.js';
+import 'react-dom';
+import '../index-9a4e0846.js';
+import './Button.js';
+import 'prop-types';
+import './IconButton.js';
+import '../_rollupPluginBabelHelpers-fb0e05a4.js';
+import '../MediaQueryContext-ff9dca2b.js';
+import '../useSendbirdStateContext.js';
+import '../withSendbird.js';
+
+const VoiceMessageItemBody = _ref => {
+  var _message$reactions2;
+  let {
+    className,
+    message,
+    channelUrl,
+    isByMe = false,
+    isReactionEnabled = false
+  } = _ref;
+  const [usingReaction, setUsingReaction] = useState(false);
+  const {
+    play,
+    // do not pause on unmount, because on desktop layout
+    // the component can be paused when it is played from
+    // channel and same message is unmounted from the thread
+    pause,
+    playbackTime = 0,
+    duration,
+    playingStatus = VOICE_PLAYER_STATUS.IDLE
+  } = useVoicePlayer({
+    channelUrl,
+    key: `${message === null || message === void 0 ? void 0 : message.messageId}`,
+    audioFileUrl: message === null || message === void 0 ? void 0 : message.url
+  });
+  useEffect(() => {
+    var _message$reactions;
+    if (isReactionEnabled && (message === null || message === void 0 ? void 0 : (_message$reactions = message.reactions) === null || _message$reactions === void 0 ? void 0 : _message$reactions.length) > 0) {
+      setUsingReaction(true);
+    } else {
+      setUsingReaction(false);
+    }
+  }, [isReactionEnabled, message === null || message === void 0 ? void 0 : (_message$reactions2 = message.reactions) === null || _message$reactions2 === void 0 ? void 0 : _message$reactions2.length]);
+  const progresBarMaxSize = useMemo(() => {
+    if (message !== null && message !== void 0 && message.metaArrays) {
+      var _message$metaArrays$f;
+      const duration = message === null || message === void 0 ? void 0 : (_message$metaArrays$f = message.metaArrays.find(metaArray => metaArray.key === 'KEY_VOICE_MESSAGE_DURATION')) === null || _message$metaArrays$f === void 0 ? void 0 : _message$metaArrays$f.value[0];
+      return duration && parseInt(duration);
+    }
+    return 1;
+  }, [message === null || message === void 0 ? void 0 : message.metaArrays]);
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: `sendbird-voice-message-item-body ${className} ${usingReaction ? 'is-reactions-contained' : ''}`
+  }, /*#__PURE__*/React__default.createElement(ProgressBar, {
+    className: "sendbird-voice-message-item-body__progress-bar",
+    maxSize: duration || progresBarMaxSize,
+    currentSize: playbackTime,
+    colorType: isByMe ? ProgressBarColorTypes.PRIMARY : ProgressBarColorTypes.GRAY
+  }), /*#__PURE__*/React__default.createElement("div", {
+    className: "sendbird-voice-message-item-body__status-button"
+  }, (playingStatus === VOICE_PLAYER_STATUS.IDLE || playingStatus === VOICE_PLAYER_STATUS.PAUSED) && /*#__PURE__*/React__default.createElement("div", {
+    className: "sendbird-voice-message-item-body__status-button__button",
+    onClick: play
+  }, /*#__PURE__*/React__default.createElement(Icon, {
+    width: "18px",
+    height: "18px",
+    type: IconTypes.PLAY,
+    fillColor: IconColors.PRIMARY
+  })), playingStatus === VOICE_PLAYER_STATUS.PREPARING && /*#__PURE__*/React__default.createElement(Loader, {
+    width: "22.2px",
+    height: "22.2px"
+  }, /*#__PURE__*/React__default.createElement(Icon, {
+    width: "22.2px",
+    height: "22.2px",
+    type: IconTypes.SPINNER,
+    fillColor: IconColors.PRIMARY_2
+  })), playingStatus === VOICE_PLAYER_STATUS.PLAYING && /*#__PURE__*/React__default.createElement("div", {
+    className: "sendbird-voice-message-item-body__status-button__button",
+    onClick: () => {
+      pause();
+    }
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "sendbird-voice-message-item-body__status-button__button__pause"
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "sendbird-voice-message-item-body__status-button__button__pause__inner"
+  }), /*#__PURE__*/React__default.createElement("div", {
+    className: "sendbird-voice-message-item-body__status-button__button__pause__inner"
+  })))), /*#__PURE__*/React__default.createElement(PlaybackTime, {
+    className: "sendbird-voice-message-item-body__playback-time",
+    time: progresBarMaxSize - playbackTime,
+    labelType: LabelTypography.BODY_1,
+    labelColor: isByMe ? LabelColors.ONCONTENT_1 : LabelColors.ONBACKGROUND_1
+  }));
+};
+
+export { VoiceMessageItemBody, VoiceMessageItemBody as default };
+//# sourceMappingURL=VoiceMessageItemBody.js.map

package/ui/VoiceMessageItemBody.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VoiceMessageItemBody.js","sources":["../../src/ui/VoiceMessageItemBody/index.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from 'react';\nimport { FileMessage } from '@sendbird/chat/message';\n\nimport './index.scss';\n\nimport ProgressBar, { ProgressBarColorTypes } from '../ProgressBar';\nimport { useVoicePlayer } from '../../hooks/VoicePlayer/useVoicePlayer';\nimport PlaybackTime from '../PlaybackTime';\nimport Loader from '../Loader';\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport { LabelTypography, LabelColors } from '../Label';\nimport { VOICE_PLAYER_STATUS } from '../../hooks/VoicePlayer/dux/initialState';\n\nexport interface VoiceMessageItemBodyProps {\n  className?: string;\n  message: FileMessage;\n  channelUrl: string;\n  isByMe?: boolean;\n  isReactionEnabled?: boolean;\n}\n\nexport const VoiceMessageItemBody = ({\n  className,\n  message,\n  channelUrl,\n  isByMe = false,\n  isReactionEnabled = false,\n}: VoiceMessageItemBodyProps): React.ReactElement => {\n  const [usingReaction, setUsingReaction] = useState(false);\n  const {\n    play,\n    // do not pause on unmount, because on desktop layout\n    // the component can be paused when it is played from\n    // channel and same message is unmounted from the thread\n    pause,\n    playbackTime = 0,\n    duration,\n    playingStatus = VOICE_PLAYER_STATUS.IDLE,\n  } = useVoicePlayer({\n    channelUrl,\n    key: `${message?.messageId}`,\n    audioFileUrl: message?.url,\n  });\n\n  useEffect(() => {\n    if (isReactionEnabled && message?.reactions?.length > 0) {\n      setUsingReaction(true);\n    } else {\n      setUsingReaction(false);\n    }\n  }, [isReactionEnabled, message?.reactions?.length]);\n  const progresBarMaxSize = useMemo(() => {\n    if (message?.metaArrays) {\n      const duration = message?.metaArrays.find((metaArray) => metaArray.key === 'KEY_VOICE_MESSAGE_DURATION')?.value[0];\n      return duration && parseInt(duration);\n    }\n    return 1;\n  }, [message?.metaArrays]);\n\n  return (\n    <div className={`sendbird-voice-message-item-body ${className} ${usingReaction ? 'is-reactions-contained' : ''}`}>\n      <ProgressBar\n        className=\"sendbird-voice-message-item-body__progress-bar\"\n        maxSize={duration || progresBarMaxSize}\n        currentSize={playbackTime}\n        colorType={isByMe ? ProgressBarColorTypes.PRIMARY : ProgressBarColorTypes.GRAY}\n      />\n      <div className=\"sendbird-voice-message-item-body__status-button\">\n        {(playingStatus === VOICE_PLAYER_STATUS.IDLE || playingStatus === VOICE_PLAYER_STATUS.PAUSED) && (\n          <div\n            className=\"sendbird-voice-message-item-body__status-button__button\"\n            onClick={play}\n          >\n            <Icon\n              width=\"18px\"\n              height=\"18px\"\n              type={IconTypes.PLAY}\n              fillColor={IconColors.PRIMARY}\n            />\n          </div>\n        )}\n        {playingStatus === VOICE_PLAYER_STATUS.PREPARING && (\n          <Loader width=\"22.2px\" height=\"22.2px\">\n            <Icon\n              width=\"22.2px\"\n              height=\"22.2px\"\n              type={IconTypes.SPINNER}\n              fillColor={IconColors.PRIMARY_2}\n            />\n          </Loader>\n        )}\n        {playingStatus === VOICE_PLAYER_STATUS.PLAYING && (\n          <div\n            className=\"sendbird-voice-message-item-body__status-button__button\"\n            onClick={() => { pause(); }}\n          >\n            <div className=\"sendbird-voice-message-item-body__status-button__button__pause\">\n              <div className=\"sendbird-voice-message-item-body__status-button__button__pause__inner\" />\n              <div className=\"sendbird-voice-message-item-body__status-button__button__pause__inner\" />\n            </div>\n          </div>\n        )}\n      </div>\n      <PlaybackTime\n        className=\"sendbird-voice-message-item-body__playback-time\"\n        time={progresBarMaxSize - playbackTime}\n        labelType={LabelTypography.BODY_1}\n        labelColor={isByMe ? LabelColors.ONCONTENT_1 : LabelColors.ONBACKGROUND_1}\n      />\n    </div>\n  );\n};\n\nexport default VoiceMessageItemBody;\n"],"names":["VoiceMessageItemBody","_ref","_message$reactions2","className","message","channelUrl","isByMe","isReactionEnabled","usingReaction","setUsingReaction","useState","play","pause","playbackTime","duration","playingStatus","VOICE_PLAYER_STATUS","IDLE","useVoicePlayer","key","messageId","audioFileUrl","url","useEffect","_message$reactions","reactions","length","progresBarMaxSize","useMemo","metaArrays","_message$metaArrays$f","find","metaArray","value","parseInt","React","createElement","ProgressBar","maxSize","currentSize","colorType","ProgressBarColorTypes","PRIMARY","GRAY","PAUSED","onClick","Icon","width","height","type","IconTypes","PLAY","fillColor","IconColors","PREPARING","Loader","SPINNER","PRIMARY_2","PLAYING","PlaybackTime","time","labelType","LabelTypography","BODY_1","labelColor","LabelColors","ONCONTENT_1","ONBACKGROUND_1"],"mappings":"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"}

package/ui/VoiceMessgeInput.js

@@ -0,0 +1,14 @@
+import 'react';
+import './PlaybackTime.js';
+import './ProgressBar.js';
+import './TextButton.js';
+import './Icon.js';
+import '../index-e33f7f55.js';
+import '../LocalizationContext-04c0c9dc.js';
+export { a as VoiceMessageInput } from '../index-7d71b26c.js';
+import '../consts-c1baf70a.js';
+import 'prop-types';
+import '../stringSet-e0ee1265.js';
+import '../color-347926b6.js';
+import '../index-319984d0.js';
+//# sourceMappingURL=VoiceMessgeInput.js.map

package/ui/VoiceMessgeInput.js.map

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

package/ui/Word.js

@@ -1,58 +1,55 @@
 import React__default from 'react';
-import { a as LabelTypography } from '../index-2784bdd8.js';
+import { a as LabelTypography } from '../index-e33f7f55.js';
 import LinkLabel from './LinkLabel.js';
-import { u as uuidv4 } from '../uuid-7e004f47.js';
-import { j as convertWordToStringObj, S as StringObjType } from '../index-855ef33d.js';
+import { u as uuidv4 } from '../uuid-92d22300.js';
+import { P as convertWordToStringObj, S as StringObjType } from '../index-cf859f03.js';
 import MentionLabel from './MentionLabel.js';
 import 'prop-types';
-import '../stringSet-9ae71b7d.js';
-import '../tslib.es6-72df3331.js';
+import '../stringSet-e0ee1265.js';
+import '../_rollupPluginBabelHelpers-fb0e05a4.js';
 import '../utils/message/getOutgoingMessageState.js';
 import './ContextMenu.js';
 import 'react-dom';
 import './SortByRow.js';
 import './UserProfile.js';
-import '../LocalizationContext-289c1917.js';
-import '../index-4ebfc7a7.js';
-import '../UserProfileContext-e3530842.js';
+import '../LocalizationContext-04c0c9dc.js';
+import '../index-319984d0.js';
+import '../UserProfileContext-c776d522.js';
 import '../sendbirdSelectors.js';
-import '../topics-e2963bba.js';
-import '../utils-ea66f822.js';
+import '../topics-70f569e9.js';
+import '../utils-56cb7de5.js';
 import './Avatar.js';
 import './ImageRenderer.js';
 import './Icon.js';
 import './Button.js';
 import '../useSendbirdStateContext.js';
 import '../withSendbird.js';
-import '../_rollupPluginBabelHelpers-519f674b.js';
 
+/**
+ * @deprecated  This component is deprecated and will be removed in the next major version.
+ * Use TextFragment instead.
+ */
+// Word and StringObj will include types: normal, mention, url
 function Word(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;
-
+  const {
+    word,
+    message,
+    isByMe = false,
+    mentionTemplate = '@',
+    renderString = null
+  } = props;
   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(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) || '';
-
+  }, 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) || '';
     if (renderString && typeof renderString === 'function') {
       return renderString(stringObj);
     }
-
     if (type === StringObjType.mention) {
       return /*#__PURE__*/React__default.createElement(MentionLabel, {
         mentionTemplate: mentionTemplate,
@@ -62,28 +59,24 @@ function Word(props) {
         isByMe: isByMe
       });
     } else if (type === StringObjType.url) {
-      var urlRegex = new RegExp("([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 = urlRegex.exec(value)) === null || _a === void 0 ? void 0 : _a[0];
-      var stringUrl = {
+      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 = {
         front: '',
         url: '',
         back: ''
       };
-
       if (targetUrl) {
-        var targetUrlIndex = value.indexOf(targetUrl);
-
+        const targetUrlIndex = value.indexOf(targetUrl);
         if (targetUrlIndex > 0) {
           stringUrl.front = value.slice(0, targetUrlIndex);
         }
-
         stringUrl.url = value.slice(targetUrlIndex, targetUrlIndex + targetUrl.length);
-
         if (targetUrlIndex + targetUrl.length < value.length) {
           stringUrl.back = value.slice(targetUrlIndex + targetUrl.length);
         }
       }
-
       if (targetUrl) {
         return [stringUrl.front ? stringUrl.front : '', stringUrl.url ? /*#__PURE__*/React__default.createElement(LinkLabel, {
           className: "sendbird-word__url",
@@ -92,7 +85,6 @@ function Word(props) {
           type: LabelTypography.BODY_1
         }, stringUrl.url) : null, stringUrl.back ? stringUrl.back : ''];
       }
-
       return /*#__PURE__*/React__default.createElement(LinkLabel, {
         className: "sendbird-word__url",
         key: uuidv4(),

package/ui/Word.js.map

@@ -1 +1 @@
-{"version":3,"file":"Word.js","sources":["../../src/ui/Word/index.tsx"],"sourcesContent":["import './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 = new RegExp(\"([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 = urlRegex.exec(value)?.[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","convertWordToStringObj","mentionedUsers","map","stringObj","type","value","userId","StringObjType","mention","uuidv4","url","urlRegex","RegExp","targetUrl","exec","stringUrl","front","back","targetUrlIndex","indexOf","slice","length","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","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":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AAmBA;AACe,SAASA,IAAIA,CAACC,KAAgB,EAAe;EAC1D,MAAM;IACJC,IAAI;IACJC,OAAO;AACPC,IAAAA,MAAM,GAAG,KAAK;AACdC,IAAAA,eAAe,GAAG,GAAG;AACrBC,IAAAA,YAAY,GAAG,IAAA;AACjB,GAAC,GAAGL,KAAK,CAAA;EACT,IAAIC,IAAI,KAAK,EAAE,EAAE;AACf,IAAA,OAAO,IAAI,CAAA;AACb,GAAA;EACA,oBACEK,cAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AAAMC,IAAAA,SAAS,EAAC,eAAA;AAAe,GAAA,EAE3BC,sBAAsB,CAACR,IAAI,EAAEC,OAAO,aAAPA,OAAO,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAPA,OAAO,CAAEQ,cAAc,CAAC,CAACC,GAAG,CAAEC,SAAS,IAAK;IACvE,MAAMC,IAAI,GAAG,CAAAD,SAAS,KAAA,IAAA,IAATA,SAAS,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAATA,SAAS,CAAEC,IAAI,KAAI,EAAE,CAAA;IAClC,MAAMC,KAAK,GAAG,CAAAF,SAAS,KAAA,IAAA,IAATA,SAAS,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAATA,SAAS,CAAEE,KAAK,KAAI,EAAE,CAAA;IACpC,MAAMC,MAAM,GAAG,CAAAH,SAAS,KAAA,IAAA,IAATA,SAAS,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAATA,SAAS,CAAEG,MAAM,KAAI,EAAE,CAAA;AACtC,IAAA,IAAIV,YAAY,IAAI,OAAOA,YAAY,KAAK,UAAU,EAAE;MACtD,OAAOA,YAAY,CAACO,SAAS,CAAC,CAAA;AAChC,KAAA;AACA,IAAA,IAAIC,IAAI,KAAKG,aAAa,CAACC,OAAO,EAAE;AAClC,MAAA,oBACEX,cAAA,CAAAC,aAAA,CAACW,YAAY,EAAA;AACXd,QAAAA,eAAe,EAAEA,eAAgB;AACjCe,QAAAA,eAAe,EAAEJ,MAAO;AACxBK,QAAAA,qBAAqB,EAAEN,KAAM;QAC7BO,GAAG,EAAEC,MAAM,EAAG;AACdnB,QAAAA,MAAM,EAAEA,MAAAA;OACR,CAAA,CAAA;AAEN,KAAC,MAAM,IAAIU,IAAI,KAAKG,aAAa,CAACO,GAAG,EAAE;AAAA,MAAA,IAAAC,YAAA,CAAA;MACrC,MAAMC,QAAQ,GAAG,qGAAqG,CAAA;AACtH,MAAA,MAAMC,SAAS,GAAAF,CAAAA,YAAA,GAAGV,KAAK,CAACa,KAAK,CAACF,QAAQ,CAAC,cAAAD,YAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAArBA,YAAA,CAAwB,CAAC,CAAC,CAAA;AAC5C,MAAA,MAAMI,SAAS,GAAG;AAAEC,QAAAA,KAAK,EAAE,EAAE;AAAEN,QAAAA,GAAG,EAAE,EAAE;AAAEO,QAAAA,IAAI,EAAE,EAAA;OAAI,CAAA;AAClD,MAAA,IAAIJ,SAAS,EAAE;AACb,QAAA,MAAMK,cAAc,GAAGjB,KAAK,CAACkB,OAAO,CAACN,SAAS,CAAC,CAAA;QAC/C,IAAIK,cAAc,GAAG,CAAC,EAAE;UACtBH,SAAS,CAACC,KAAK,GAAGf,KAAK,CAACmB,KAAK,CAAC,CAAC,EAAEF,cAAc,CAAC,CAAA;AAClD,SAAA;AACAH,QAAAA,SAAS,CAACL,GAAG,GAAGT,KAAK,CAACmB,KAAK,CAACF,cAAc,EAAEA,cAAc,GAAGL,SAAS,CAACQ,MAAM,CAAC,CAAA;QAC9E,IAAIH,cAAc,GAAGL,SAAS,CAACQ,MAAM,GAAGpB,KAAK,CAACoB,MAAM,EAAE;AACpDN,UAAAA,SAAS,CAACE,IAAI,GAAGhB,KAAK,CAACmB,KAAK,CAACF,cAAc,GAAGL,SAAS,CAACQ,MAAM,CAAC,CAAA;AACjE,SAAA;AACF,OAAA;AACA,MAAA,IAAIR,SAAS,EAAE;AACb,QAAA,OAAO,CACLE,SAAS,CAACC,KAAK,GAAGD,SAAS,CAACC,KAAK,GAAG,EAAE,EACtCD,SAAS,CAACL,GAAG,gBACXjB,cAAA,CAAAC,aAAA,CAAC4B,SAAS,EAAA;AACR3B,UAAAA,SAAS,EAAC,oBAAoB;UAC9Ba,GAAG,EAAEC,MAAM,EAAG;UACdc,GAAG,EAAER,SAAS,CAACL,GAAI;UACnBV,IAAI,EAAEwB,eAAe,CAACC,MAAAA;AAAO,SAAA,EAE5BV,SAAS,CAACL,GAAG,CACJ,GACV,IAAI,EACRK,SAAS,CAACE,IAAI,GAAGF,SAAS,CAACE,IAAI,GAAG,EAAE,CACrC,CAAA;AACH,OAAA;AACA,MAAA,oBACExB,cAAA,CAAAC,aAAA,CAAC4B,SAAS,EAAA;AACR3B,QAAAA,SAAS,EAAC,oBAAoB;QAC9Ba,GAAG,EAAEC,MAAM,EAAG;AACdc,QAAAA,GAAG,EAAEnC,IAAK;QACVY,IAAI,EAAEwB,eAAe,CAACC,MAAAA;AAAO,OAAA,EAE5BxB,KAAK,CACI,CAAA;AAEhB,KAAC,MAAM;AACL,MAAA,OAAOA,KAAK,CAAA;AACd,KAAA;AACF,GAAC,CAAC,CAEC,CAAA;AAEX;;;;"}

package/useDirtyGetMentions-f00f1f94.js

@@ -0,0 +1,75 @@
+import { useState, useLayoutEffect, useEffect } from 'react';
+
+function getMentionNodes(root) {
+  if (root) {
+    const mentions = root.querySelectorAll("[data-sb-mention='true']");
+    const mentionsArray = Array.from(mentions);
+    return mentionsArray;
+  }
+  return [];
+}
+
+/**
+ * This is a dirty way to get the mentions given DOM node
+ */
+function useDirtyGetMentions(_ref, _ref2) {
+  let {
+    ref
+  } = _ref;
+  let {
+    logger
+  } = _ref2;
+  // Select the node that will be observed for mutations
+  const targetNode = ref.current;
+  const [mentionNodes, setMentionNodes] = useState([]);
+
+  // to get the initial mentions
+  useLayoutEffect(() => {
+    if (targetNode) {
+      const mentions = getMentionNodes(targetNode);
+      setMentionNodes(mentions);
+    }
+  }, [targetNode]);
+  useEffect(() => {
+    // Options for the observer (which mutations to observe)
+    const config = {
+      childList: true,
+      subtree: true
+    };
+
+    // Callback function to execute when mutations are observed
+    const callback = mutationList => {
+      const hasMutation = mutationList.length > 0;
+      if (hasMutation) {
+        setMentionNodes(getMentionNodes(targetNode));
+      }
+    };
+
+    // Create an observer instance linked to the callback function
+    const observer = new MutationObserver(callback);
+    if (targetNode) {
+      // Start observing the target node for configured mutations
+      observer.observe(targetNode, config);
+      logger.info('useDirtyGetMentions: observer started', {
+        observer,
+        config
+      });
+    }
+    return () => {
+      try {
+        observer.disconnect();
+        logger.info('useDirtyGetMentions: observer disconnected', {
+          observer
+        });
+      } catch (error) {
+        logger.error('useDirtyGetMentions: observer disconnect failed', {
+          observer
+        });
+      }
+    };
+  }, [targetNode]);
+  return mentionNodes;
+}
+
+export { useDirtyGetMentions as u };
+//# sourceMappingURL=useDirtyGetMentions-f00f1f94.js.map

package/useDirtyGetMentions-f00f1f94.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDirtyGetMentions-f00f1f94.js","sources":["../src/modules/Message/utils/getMentionNodes.ts","../src/modules/Message/hooks/useDirtyGetMentions.ts"],"sourcesContent":["export function getMentionNodes(root: HTMLElement): Element[] {\n  if (root) {\n    const mentions = root.querySelectorAll(\"[data-sb-mention='true']\");\n    const mentionsArray = Array.from(mentions);\n    return mentionsArray;\n  }\n  return [];\n}\n","import { useEffect, useLayoutEffect, useState } from 'react';\n\nimport { Logger } from '../../../lib/SendbirdState';\nimport { getMentionNodes } from '../utils/getMentionNodes';\n\ninterface DynamicParams {\n  ref: React.RefObject<HTMLElement>;\n}\n\ninterface StaticParams {\n  logger: Logger;\n}\n\n/**\n * This is a dirty way to get the mentions given DOM node\n */\nexport function useDirtyGetMentions({\n  ref,\n}: DynamicParams, {\n  logger,\n}: StaticParams) {\n  // Select the node that will be observed for mutations\n  const targetNode = ref.current as HTMLElement;\n  const [mentionNodes, setMentionNodes] = useState<Element[]>([]);\n\n  // to get the initial mentions\n  useLayoutEffect(() => {\n    if (targetNode) {\n      const mentions = getMentionNodes(targetNode);\n      setMentionNodes(mentions);\n    }\n  }, [targetNode]);\n\n  useEffect(() => {\n    // Options for the observer (which mutations to observe)\n    const config = { childList: true, subtree: true };\n\n    // Callback function to execute when mutations are observed\n    const callback = (mutationList: MutationRecord[]): void => {\n      const hasMutation = mutationList.length > 0;\n      if (hasMutation) {\n        setMentionNodes(getMentionNodes(targetNode));\n      }\n    };\n\n    // Create an observer instance linked to the callback function\n    const observer = new MutationObserver(callback);\n\n    if (targetNode) {\n      // Start observing the target node for configured mutations\n      observer.observe(targetNode, config);\n      logger.info('useDirtyGetMentions: observer started', { observer, config });\n    }\n\n    return () => {\n      try {\n        observer.disconnect();\n        logger.info('useDirtyGetMentions: observer disconnected', { observer });\n      } catch (error) {\n        logger.error('useDirtyGetMentions: observer disconnect failed', { observer });\n      }\n    };\n  }, [targetNode]);\n  return mentionNodes;\n}\n"],"names":["getMentionNodes","root","mentions","querySelectorAll","mentionsArray","Array","from","useDirtyGetMentions","_ref","_ref2","ref","logger","targetNode","current","mentionNodes","setMentionNodes","useState","useLayoutEffect","useEffect","config","childList","subtree","callback","mutationList","hasMutation","length","observer","MutationObserver","observe","info","disconnect","error"],"mappings":";;AAAO,SAASA,eAAeA,CAACC,IAAiB,EAAa;AAC5D,EAAA,IAAIA,IAAI,EAAE;AACR,IAAA,MAAMC,QAAQ,GAAGD,IAAI,CAACE,gBAAgB,CAAC,0BAA0B,CAAC,CAAA;AAClE,IAAA,MAAMC,aAAa,GAAGC,KAAK,CAACC,IAAI,CAACJ,QAAQ,CAAC,CAAA;AAC1C,IAAA,OAAOE,aAAa,CAAA;AACtB,GAAA;AACA,EAAA,OAAO,EAAE,CAAA;AACX;;ACMA;AACA;AACA;AACO,SAASG,mBAAmBA,CAAAC,IAAA,EAAAC,KAAA,EAIlB;EAAA,IAJmB;AAClCC,IAAAA,GAAAA;AACa,GAAC,GAAAF,IAAA,CAAA;EAAA,IAAE;AAChBG,IAAAA,MAAAA;AACY,GAAC,GAAAF,KAAA,CAAA;AACb;AACA,EAAA,MAAMG,UAAU,GAAGF,GAAG,CAACG,OAAsB,CAAA;EAC7C,MAAM,CAACC,YAAY,EAAEC,eAAe,CAAC,GAAGC,QAAQ,CAAY,EAAE,CAAC,CAAA;;AAE/D;AACAC,EAAAA,eAAe,CAAC,MAAM;AACpB,IAAA,IAAIL,UAAU,EAAE;AACd,MAAA,MAAMV,QAAQ,GAAGF,eAAe,CAACY,UAAU,CAAC,CAAA;MAC5CG,eAAe,CAACb,QAAQ,CAAC,CAAA;AAC3B,KAAA;AACF,GAAC,EAAE,CAACU,UAAU,CAAC,CAAC,CAAA;AAEhBM,EAAAA,SAAS,CAAC,MAAM;AACd;AACA,IAAA,MAAMC,MAAM,GAAG;AAAEC,MAAAA,SAAS,EAAE,IAAI;AAAEC,MAAAA,OAAO,EAAE,IAAA;KAAM,CAAA;;AAEjD;IACA,MAAMC,QAAQ,GAAIC,YAA8B,IAAW;AACzD,MAAA,MAAMC,WAAW,GAAGD,YAAY,CAACE,MAAM,GAAG,CAAC,CAAA;AAC3C,MAAA,IAAID,WAAW,EAAE;AACfT,QAAAA,eAAe,CAACf,eAAe,CAACY,UAAU,CAAC,CAAC,CAAA;AAC9C,OAAA;KACD,CAAA;;AAED;AACA,IAAA,MAAMc,QAAQ,GAAG,IAAIC,gBAAgB,CAACL,QAAQ,CAAC,CAAA;AAE/C,IAAA,IAAIV,UAAU,EAAE;AACd;AACAc,MAAAA,QAAQ,CAACE,OAAO,CAAChB,UAAU,EAAEO,MAAM,CAAC,CAAA;AACpCR,MAAAA,MAAM,CAACkB,IAAI,CAAC,uCAAuC,EAAE;QAAEH,QAAQ;AAAEP,QAAAA,MAAAA;AAAO,OAAC,CAAC,CAAA;AAC5E,KAAA;AAEA,IAAA,OAAO,MAAM;MACX,IAAI;QACFO,QAAQ,CAACI,UAAU,EAAE,CAAA;AACrBnB,QAAAA,MAAM,CAACkB,IAAI,CAAC,4CAA4C,EAAE;AAAEH,UAAAA,QAAAA;AAAS,SAAC,CAAC,CAAA;OACxE,CAAC,OAAOK,KAAK,EAAE;AACdpB,QAAAA,MAAM,CAACoB,KAAK,CAAC,iDAAiD,EAAE;AAAEL,UAAAA,QAAAA;AAAS,SAAC,CAAC,CAAA;AAC/E,OAAA;KACD,CAAA;AACH,GAAC,EAAE,CAACd,UAAU,CAAC,CAAC,CAAA;AAChB,EAAA,OAAOE,YAAY,CAAA;AACrB;;;;"}

package/useLongPress-1ab49410.js

@@ -0,0 +1,85 @@
+import { _ as _objectSpread2 } from './_rollupPluginBabelHelpers-fb0e05a4.js';
+import { useState, useRef, useCallback } from 'react';
+import { u as useMediaQueryContext } from './MediaQueryContext-ff9dca2b.js';
+
+const 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(_ref) {
+  let {
+    onLongPress,
+    onClick
+  } = _ref;
+  let {
+    delay = DEFAULT_DURATION,
+    shouldPreventDefault = true,
+    shouldStopPropagation = false
+  } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  const {
+    isMobile
+  } = useMediaQueryContext();
+  const [longPressTriggered, setLongPressTriggered] = useState(false);
+  const [dragTriggered, setDragTriggered] = useState(false);
+  // https://www.typescriptlang.org/docs/handbook/utility-types.html#returntypetype
+  const timeout = useRef();
+  const target = useRef();
+  const start = useCallback(e => {
+    e.persist();
+    const clonedEvent = _objectSpread2({}, 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(() => {
+      onLongPress(clonedEvent);
+      setLongPressTriggered(true);
+    }, delay);
+  }, [onLongPress, delay, shouldPreventDefault, shouldStopPropagation, isMobile]);
+  const clear = useCallback(function (e) {
+    let shouldTriggerClick = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+    let onDrag = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+    if (onDrag) {
+      setDragTriggered(true);
+    } else {
+      setDragTriggered(false);
+    }
+    if (timeout !== null && timeout !== 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: e => start(e),
+    onMouseUp: e => clear(e),
+    onMouseLeave: e => clear(e, false),
+    onTouchStart: e => 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: e => clear(e, false, true),
+    onTouchEnd: e => clear(e)
+  };
+}
+
+export { useLongPress as u };
+//# sourceMappingURL=useLongPress-1ab49410.js.map

package/useLongPress-1ab49410.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLongPress-1ab49410.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/useSendbirdStateContext.js

@@ -1,6 +1,6 @@
 import { useContext } from 'react';
 import { SendbirdSdkContext } from './withSendbird.js';
-import './_rollupPluginBabelHelpers-519f674b.js';
+import './_rollupPluginBabelHelpers-fb0e05a4.js';
 
 /**
  * Example:
@@ -10,9 +10,8 @@ import './_rollupPluginBabelHelpers-519f674b.js';
  *  return (<div>...</div>);
  * }
  */
-
 function useSendbirdStateContext() {
-  var context = useContext(SendbirdSdkContext);
+  const context = useContext(SendbirdSdkContext);
   return context;
 }
 

package/useSendbirdStateContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSendbirdStateContext.js","sources":["../src/hooks/useSendbirdStateContext.tsx"],"sourcesContent":["/**\n * Example:\n * const MyComponent = () => {\n *  const context = useSendbirdStateContext();\n *  const sdk = sendbirdSelectors.getSdk(context);\n *  return (<div>...</div>);\n * }\n */\nimport { useContext } from 'react';\n\nimport { SendbirdSdkContext } from '../lib/SendbirdSdkContext';\nimport { SendBirdState } from '../lib/types';\n\nfunction useSendbirdStateContext (): SendBirdState {\n  const context: SendBirdState = useContext(SendbirdSdkContext);\n  return context;\n}\n\nexport default useSendbirdStateContext;\n"],"names":["useSendbirdStateContext","context","useContext","SendbirdSdkContext"],"mappings":";;;;AAAA;;;;;;;AAOG;;AAMH,SAASA,uBAAT,GAAgC;AAC9B,EAAA,IAAMC,OAAO,GAAkBC,UAAU,CAACC,kBAAD,CAAzC,CAAA;AACA,EAAA,OAAOF,OAAP,CAAA;AACD;;;;"}
+{"version":3,"file":"useSendbirdStateContext.js","sources":["../src/hooks/useSendbirdStateContext.tsx"],"sourcesContent":["/**\n * Example:\n * const MyComponent = () => {\n *  const context = useSendbirdStateContext();\n *  const sdk = sendbirdSelectors.getSdk(context);\n *  return (<div>...</div>);\n * }\n */\nimport { useContext } from 'react';\n\nimport { SendbirdSdkContext } from '../lib/SendbirdSdkContext';\nimport { SendBirdState } from '../lib/types';\n\nfunction useSendbirdStateContext(): SendBirdState {\n  const context: SendBirdState = useContext(SendbirdSdkContext);\n  return context;\n}\n\nexport default useSendbirdStateContext;\n"],"names":["useSendbirdStateContext","context","useContext","SendbirdSdkContext"],"mappings":";;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAMA,SAASA,uBAAuBA,GAAkB;AAChD,EAAA,MAAMC,OAAsB,GAAGC,UAAU,CAACC,kBAAkB,CAAC,CAAA;AAC7D,EAAA,OAAOF,OAAO,CAAA;AAChB;;;;"}

package/utils/message/getOutgoingMessageState.js

@@ -1,38 +1,32 @@
-var OutgoingMessageStates;
-
-(function (OutgoingMessageStates) {
+let OutgoingMessageStates = /*#__PURE__*/function (OutgoingMessageStates) {
   OutgoingMessageStates["NONE"] = "NONE";
   OutgoingMessageStates["PENDING"] = "PENDING";
   OutgoingMessageStates["SENT"] = "SENT";
   OutgoingMessageStates["FAILED"] = "FAILED";
   OutgoingMessageStates["DELIVERED"] = "DELIVERED";
   OutgoingMessageStates["READ"] = "READ";
-})(OutgoingMessageStates || (OutgoingMessageStates = {}));
-
-var getOutgoingMessageState = function (channel, message) {
-  var _a, _b, _c, _d, _e;
-
+  return OutgoingMessageStates;
+}({});
+const getOutgoingMessageState = (channel, message) => {
+  var _channel$isGroupChann;
   if (message.sendingStatus === 'pending') {
     return OutgoingMessageStates.PENDING;
   }
-
   if (message.sendingStatus === 'failed') {
     return OutgoingMessageStates.FAILED;
   }
-
-  if ((_a = channel === null || channel === void 0 ? void 0 : channel.isGroupChannel) === null || _a === void 0 ? void 0 : _a.call(channel)) {
+  if (channel !== null && channel !== void 0 && (_channel$isGroupChann = channel.isGroupChannel) !== null && _channel$isGroupChann !== void 0 && _channel$isGroupChann.call(channel)) {
+    var _getUnreadMemberCount, _ref, _getUndeliveredMember, _ref2;
     /* GroupChannel only */
-    if (((_c = (_b = channel).getUnreadMemberCount) === null || _c === void 0 ? void 0 : _c.call(_b, message)) === 0) {
+    if (((_getUnreadMemberCount = (_ref = channel).getUnreadMemberCount) === null || _getUnreadMemberCount === void 0 ? void 0 : _getUnreadMemberCount.call(_ref, message)) === 0) {
       return OutgoingMessageStates.READ;
-    } else if (((_e = (_d = channel).getUndeliveredMemberCount) === null || _e === void 0 ? void 0 : _e.call(_d, message)) === 0) {
+    } else if (((_getUndeliveredMember = (_ref2 = channel).getUndeliveredMemberCount) === null || _getUndeliveredMember === void 0 ? void 0 : _getUndeliveredMember.call(_ref2, message)) === 0) {
       return OutgoingMessageStates.DELIVERED;
     }
   }
-
   if (message.sendingStatus === 'succeeded') {
     return OutgoingMessageStates.SENT;
   }
-
   return OutgoingMessageStates.NONE;
 };
 

package/utils/message/getOutgoingMessageState.js.map

@@ -1 +1 @@
-{"version":3,"file":"getOutgoingMessageState.js","sources":["../../../src/utils/exports/getOutgoingMessageState.ts"],"sourcesContent":["import { GroupChannel } from '@sendbird/chat/groupChannel';\nimport { OpenChannel } from '@sendbird/chat/openChannel';\nimport { UserMessage, FileMessage } from '@sendbird/chat/message';\n\nexport enum OutgoingMessageStates {\n  NONE = 'NONE',\n  PENDING = 'PENDING',\n  SENT = 'SENT',\n  FAILED = 'FAILED',\n  DELIVERED = 'DELIVERED',\n  READ = 'READ',\n}\n\nexport const getOutgoingMessageState = (channel: GroupChannel | OpenChannel, message: UserMessage | FileMessage): string => {\n  if (message.sendingStatus === 'pending') {\n    return OutgoingMessageStates.PENDING;\n  }\n  if (message.sendingStatus === 'failed') {\n    return OutgoingMessageStates.FAILED\n  }\n  if (channel?.isGroupChannel?.()) {\n    /* GroupChannel only */\n    if ((channel as GroupChannel).getUnreadMemberCount?.(message) === 0) {\n      return OutgoingMessageStates.READ;\n    } else if ((channel as GroupChannel).getUndeliveredMemberCount?.(message) === 0) {\n      return OutgoingMessageStates.DELIVERED;\n    }\n  }\n  if (message.sendingStatus === 'succeeded') {\n    return OutgoingMessageStates.SENT\n  }\n  return OutgoingMessageStates.NONE;\n};\n"],"names":["OutgoingMessageStates","getOutgoingMessageState","channel","message","sendingStatus","PENDING","FAILED","_a","isGroupChannel","call","_c","_b","getUnreadMemberCount","READ","_e","_d","getUndeliveredMemberCount","DELIVERED","SENT","NONE"],"mappings":"IAIYA,sBAAZ;;AAAA,CAAA,UAAYA,qBAAZ,EAAiC;AAC/BA,EAAAA,qBAAA,CAAA,MAAA,CAAA,GAAA,MAAA,CAAA;AACAA,EAAAA,qBAAA,CAAA,SAAA,CAAA,GAAA,SAAA,CAAA;AACAA,EAAAA,qBAAA,CAAA,MAAA,CAAA,GAAA,MAAA,CAAA;AACAA,EAAAA,qBAAA,CAAA,QAAA,CAAA,GAAA,QAAA,CAAA;AACAA,EAAAA,qBAAA,CAAA,WAAA,CAAA,GAAA,WAAA,CAAA;AACAA,EAAAA,qBAAA,CAAA,MAAA,CAAA,GAAA,MAAA,CAAA;AACD,CAPD,EAAYA,qBAAqB,KAArBA,qBAAqB,GAOhC,EAPgC,CAAjC,CAAA,CAAA;;IASaC,uBAAuB,GAAG,UAACC,OAAD,EAAsCC,OAAtC,EAAwE;;;AAC7G,EAAA,IAAIA,OAAO,CAACC,aAAR,KAA0B,SAA9B,EAAyC;IACvC,OAAOJ,qBAAqB,CAACK,OAA7B,CAAA;AACD,GAAA;;AACD,EAAA,IAAIF,OAAO,CAACC,aAAR,KAA0B,QAA9B,EAAwC;IACtC,OAAOJ,qBAAqB,CAACM,MAA7B,CAAA;AACD,GAAA;;AACD,EAAA,IAAI,CAAAC,EAAA,GAAAL,OAAO,KAAP,IAAA,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEM,cAAT,MAAuB,IAAvB,IAAuBD,EAAA,KAAA,KAAA,CAAvB,GAAuB,KAAA,CAAvB,GAAuBA,EAAA,CAAAE,IAAA,CAAAP,OAAA,CAA3B,EAAiC;AAC/B;AACA,IAAA,IAAI,CAAA,CAAAQ,EAAA,GAAA,CAAAC,EAAA,GAACT,OAAD,EAA0BU,oBAA1B,MAA8C,IAA9C,IAA8CF,EAAA,KAAA,KAAA,CAA9C,GAA8C,KAAA,CAA9C,GAA8CA,EAAA,CAAAD,IAAA,CAAAE,EAAA,EAAGR,OAAH,CAA9C,MAA8D,CAAlE,EAAqE;MACnE,OAAOH,qBAAqB,CAACa,IAA7B,CAAA;AACD,KAFD,MAEO,IAAI,CAAA,CAAAC,EAAA,GAAA,CAAAC,EAAA,GAACb,OAAD,EAA0Bc,yBAA1B,MAAmD,IAAnD,IAAmDF,EAAA,KAAA,KAAA,CAAnD,GAAmD,KAAA,CAAnD,GAAmDA,EAAA,CAAAL,IAAA,CAAAM,EAAA,EAAGZ,OAAH,CAAnD,MAAmE,CAAvE,EAA0E;MAC/E,OAAOH,qBAAqB,CAACiB,SAA7B,CAAA;AACD,KAAA;AACF,GAAA;;AACD,EAAA,IAAId,OAAO,CAACC,aAAR,KAA0B,WAA9B,EAA2C;IACzC,OAAOJ,qBAAqB,CAACkB,IAA7B,CAAA;AACD,GAAA;;EACD,OAAOlB,qBAAqB,CAACmB,IAA7B,CAAA;AACD;;;;"}
+{"version":3,"file":"getOutgoingMessageState.js","sources":["../../../src/utils/exports/getOutgoingMessageState.ts"],"sourcesContent":["import { GroupChannel } from '@sendbird/chat/groupChannel';\nimport { OpenChannel } from '@sendbird/chat/openChannel';\nimport { UserMessage, FileMessage } from '@sendbird/chat/message';\nimport { Nullable } from '../../types';\n\nexport enum OutgoingMessageStates {\n  NONE = 'NONE',\n  PENDING = 'PENDING',\n  SENT = 'SENT',\n  FAILED = 'FAILED',\n  DELIVERED = 'DELIVERED',\n  READ = 'READ',\n}\n\nexport const getOutgoingMessageState = (channel: Nullable<GroupChannel | OpenChannel>, message: UserMessage | FileMessage): string => {\n  if (message.sendingStatus === 'pending') {\n    return OutgoingMessageStates.PENDING;\n  }\n  if (message.sendingStatus === 'failed') {\n    return OutgoingMessageStates.FAILED;\n  }\n  if (channel?.isGroupChannel?.()) {\n    /* GroupChannel only */\n    if ((channel as GroupChannel).getUnreadMemberCount?.(message) === 0) {\n      return OutgoingMessageStates.READ;\n    } else if ((channel as GroupChannel).getUndeliveredMemberCount?.(message) === 0) {\n      return OutgoingMessageStates.DELIVERED;\n    }\n  }\n  if (message.sendingStatus === 'succeeded') {\n    return OutgoingMessageStates.SENT;\n  }\n  return OutgoingMessageStates.NONE;\n};\n"],"names":["OutgoingMessageStates","getOutgoingMessageState","channel","message","_channel$isGroupChann","sendingStatus","PENDING","FAILED","isGroupChannel","call","_getUnreadMemberCount","_ref","_getUndeliveredMember","_ref2","getUnreadMemberCount","READ","getUndeliveredMemberCount","DELIVERED","SENT","NONE"],"mappings":"AAKYA,IAAAA,qBAAqB,0BAArBA,qBAAqB,EAAA;EAArBA,qBAAqB,CAAA,MAAA,CAAA,GAAA,MAAA,CAAA;EAArBA,qBAAqB,CAAA,SAAA,CAAA,GAAA,SAAA,CAAA;EAArBA,qBAAqB,CAAA,MAAA,CAAA,GAAA,MAAA,CAAA;EAArBA,qBAAqB,CAAA,QAAA,CAAA,GAAA,QAAA,CAAA;EAArBA,qBAAqB,CAAA,WAAA,CAAA,GAAA,WAAA,CAAA;EAArBA,qBAAqB,CAAA,MAAA,CAAA,GAAA,MAAA,CAAA;AAAA,EAAA,OAArBA,qBAAqB,CAAA;AAAA,CAAA,CAAA,EAAA,EAAA;MASpBC,uBAAuB,GAAGA,CAACC,OAA6C,EAAEC,OAAkC,KAAa;AAAA,EAAA,IAAAC,qBAAA,CAAA;AACpI,EAAA,IAAID,OAAO,CAACE,aAAa,KAAK,SAAS,EAAE;IACvC,OAAOL,qBAAqB,CAACM,OAAO,CAAA;AACtC,GAAA;AACA,EAAA,IAAIH,OAAO,CAACE,aAAa,KAAK,QAAQ,EAAE;IACtC,OAAOL,qBAAqB,CAACO,MAAM,CAAA;AACrC,GAAA;AACA,EAAA,IAAIL,OAAO,KAAPA,IAAAA,IAAAA,OAAO,gBAAAE,qBAAA,GAAPF,OAAO,CAAEM,cAAc,MAAAJ,IAAAA,IAAAA,qBAAA,eAAvBA,qBAAA,CAAAK,IAAA,CAAAP,OAAO,CAAoB,EAAE;AAAA,IAAA,IAAAQ,qBAAA,EAAAC,IAAA,EAAAC,qBAAA,EAAAC,KAAA,CAAA;AAC/B;IACA,IAAI,CAAA,CAAAH,qBAAA,GAAAC,CAAAA,IAAA,GAACT,OAAO,EAAkBY,oBAAoB,MAAAJ,IAAAA,IAAAA,qBAAA,uBAA9CA,qBAAA,CAAAD,IAAA,CAAAE,IAAA,EAAiDR,OAAO,CAAC,MAAK,CAAC,EAAE;MACnE,OAAOH,qBAAqB,CAACe,IAAI,CAAA;KAClC,MAAM,IAAI,CAAAH,CAAAA,qBAAA,IAAAC,KAAA,GAACX,OAAO,EAAkBc,yBAAyB,MAAA,IAAA,IAAAJ,qBAAA,KAAnDA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,qBAAA,CAAAH,IAAA,CAAAI,KAAA,EAAsDV,OAAO,CAAC,MAAK,CAAC,EAAE;MAC/E,OAAOH,qBAAqB,CAACiB,SAAS,CAAA;AACxC,KAAA;AACF,GAAA;AACA,EAAA,IAAId,OAAO,CAACE,aAAa,KAAK,WAAW,EAAE;IACzC,OAAOL,qBAAqB,CAACkB,IAAI,CAAA;AACnC,GAAA;EACA,OAAOlB,qBAAqB,CAACmB,IAAI,CAAA;AACnC;;;;"}