@sendbird/uikit-react 3.3.7 → 3.4.0-rc.1

package/dist/cjs/ui/VoiceMessageItemBody.js

@@ -0,0 +1,119 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var ui_ProgressBar = require('./ProgressBar.js');
+var VoicePlayer_useVoicePlayer = require('../VoicePlayer/useVoicePlayer.js');
+var ui_PlaybackTime = require('./PlaybackTime.js');
+var ui_Loader = require('./Loader.js');
+var ui_Icon = require('./Icon.js');
+var ui_Label = require('../index-578f0575.js');
+var VoicePlayer_context = require('../index-e1d58610.js');
+require('../consts-9d221c68.js');
+require('../VoiceRecorder/context.js');
+require('../lame.all.js');
+require('../tslib.es6-e8acf1b5.js');
+require('prop-types');
+require('../stringSet-388f679a.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var VoiceMessageItemBody = function (_a) {
+  var _b;
+
+  var className = _a.className,
+      message = _a.message,
+      channelUrl = _a.channelUrl,
+      _c = _a.isByMe,
+      isByMe = _c === void 0 ? false : _c,
+      _d = _a.isReactionEnabled,
+      isReactionEnabled = _d === void 0 ? false : _d;
+
+  var _e = React.useState(false),
+      usingReaction = _e[0],
+      setUsingReaction = _e[1];
+
+  var _f = VoicePlayer_useVoicePlayer.useVoicePlayer({
+    channelUrl: channelUrl,
+    key: "".concat(message === null || message === void 0 ? void 0 : message.messageId),
+    audioFileUrl: message === null || message === void 0 ? void 0 : message.url
+  }),
+      play = _f.play,
+      pause = _f.pause,
+      _g = _f.playbackTime,
+      playbackTime = _g === void 0 ? 0 : _g,
+      duration = _f.duration,
+      _h = _f.playingStatus,
+      playingStatus = _h === void 0 ? VoicePlayer_context.VoicePlayerStatus.IDLE : _h;
+
+  React.useEffect(function () {
+    var _a;
+
+    if (isReactionEnabled && ((_a = message === null || message === void 0 ? void 0 : message.reactions) === null || _a === void 0 ? void 0 : _a.length) > 0) {
+      setUsingReaction(true);
+    } else {
+      setUsingReaction(false);
+    }
+  }, [isReactionEnabled, (_b = message === null || message === void 0 ? void 0 : message.reactions) === null || _b === void 0 ? void 0 : _b.length]);
+  var progresBarMaxSize = React.useMemo(function () {
+    var _a;
+
+    if (message === null || message === void 0 ? void 0 : message.metaArrays) {
+      var duration_1 = (_a = message === null || message === void 0 ? void 0 : message.metaArrays.find(function (metaArray) {
+        return metaArray.key === 'KEY_VOICE_MESSAGE_DURATION';
+      })) === null || _a === void 0 ? void 0 : _a.value[0];
+      return duration_1 && parseInt(duration_1);
+    }
+
+    return 1;
+  }, [message === null || message === void 0 ? void 0 : message.metaArrays]);
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "sendbird-voice-message-item-body ".concat(className, " ").concat(usingReaction ? 'is-reactions-contained' : '')
+  }, /*#__PURE__*/React__default["default"].createElement(ui_ProgressBar.ProgressBar, {
+    className: "sendbird-voice-message-item-body__progress-bar",
+    maxSize: duration || progresBarMaxSize,
+    currentSize: playbackTime,
+    colorType: isByMe ? ui_ProgressBar.ProgressBarColorTypes.PRIMARY : ui_ProgressBar.ProgressBarColorTypes.GRAY
+  }), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "sendbird-voice-message-item-body__status-button"
+  }, (playingStatus === VoicePlayer_context.VoicePlayerStatus.IDLE || playingStatus === VoicePlayer_context.VoicePlayerStatus.PAUSED) && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "sendbird-voice-message-item-body__status-button__button",
+    onClick: play
+  }, /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
+    width: "18px",
+    height: "18px",
+    type: ui_Icon.IconTypes.PLAY,
+    fillColor: ui_Icon.IconColors.PRIMARY
+  })), playingStatus === VoicePlayer_context.VoicePlayerStatus.PREPARING && /*#__PURE__*/React__default["default"].createElement(ui_Loader, {
+    width: "22.2px",
+    height: "22.2px"
+  }, /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
+    width: "22.2px",
+    height: "22.2px",
+    type: ui_Icon.IconTypes.SPINNER,
+    fillColor: ui_Icon.IconColors.PRIMARY_2
+  })), playingStatus === VoicePlayer_context.VoicePlayerStatus.PLAYING && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "sendbird-voice-message-item-body__status-button__button",
+    onClick: function () {
+      pause();
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "sendbird-voice-message-item-body__status-button__button__pause"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "sendbird-voice-message-item-body__status-button__button__pause__inner"
+  }), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "sendbird-voice-message-item-body__status-button__button__pause__inner"
+  })))), /*#__PURE__*/React__default["default"].createElement(ui_PlaybackTime.PlaybackTime, {
+    className: "sendbird-voice-message-item-body__playback-time",
+    time: progresBarMaxSize - playbackTime,
+    labelType: ui_Label.LabelTypography.BODY_1,
+    labelColor: isByMe ? ui_Label.LabelColors.ONCONTENT_1 : ui_Label.LabelColors.ONBACKGROUND_1
+  }));
+};
+
+exports.VoiceMessageItemBody = VoiceMessageItemBody;
+exports["default"] = VoiceMessageItemBody;
+//# sourceMappingURL=VoiceMessageItemBody.js.map

package/dist/cjs/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 { VoicePlayerStatus } 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    pause,\n    playbackTime = 0,\n    duration,\n    playingStatus = VoicePlayerStatus.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 === VoicePlayerStatus.IDLE || playingStatus === VoicePlayerStatus.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 === VoicePlayerStatus.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 === VoicePlayerStatus.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","_a","className","message","channelUrl","_c","isByMe","_d","isReactionEnabled","_e","useState","usingReaction","setUsingReaction","_f","useVoicePlayer","key","messageId","audioFileUrl","url","play","pause","_g","playbackTime","duration","_h","playingStatus","VoicePlayerStatus","IDLE","useEffect","reactions","length","_b","progresBarMaxSize","useMemo","metaArrays","duration_1","find","metaArray","value","parseInt","React","concat","ProgressBar","ProgressBarColorTypes","PRIMARY","GRAY","PAUSED","Icon","IconTypes","PLAY","IconColors","PREPARING","Loader","SPINNER","PRIMARY_2","PLAYING","PlaybackTime","LabelTypography","BODY_1","LabelColors","ONCONTENT_1","ONBACKGROUND_1"],"mappings":"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"}

package/dist/cjs/ui/VoiceMessgeInput.js

@@ -0,0 +1,23 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('react');
+require('./PlaybackTime.js');
+require('./ProgressBar.js');
+require('./TextButton.js');
+require('./Icon.js');
+require('../index-578f0575.js');
+require('../LocalizationContext-2fb0be1f.js');
+var ui_VoiceMessgeInput = require('../index-8b769862.js');
+require('../consts-9d221c68.js');
+require('prop-types');
+require('../stringSet-388f679a.js');
+require('../tslib.es6-e8acf1b5.js');
+require('../color-84bbbc0b.js');
+require('../index-1ec959ab.js');
+
+
+
+exports.VoiceMessageInput = ui_VoiceMessgeInput.VoiceMessageInput;
+//# sourceMappingURL=VoiceMessgeInput.js.map

package/dist/cjs/ui/VoiceMessgeInput.js.map

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

package/dist/cjs/ui/Word.js

@@ -0,0 +1,115 @@
+'use strict';
+
+var React = require('react');
+var ui_Label = require('../index-578f0575.js');
+var ui_LinkLabel = require('./LinkLabel.js');
+var uuid = require('../uuid-a94df44e.js');
+var index = require('../index-6714492f.js');
+var ui_MentionLabel = require('./MentionLabel.js');
+require('prop-types');
+require('../stringSet-388f679a.js');
+require('../tslib.es6-e8acf1b5.js');
+require('../utils/message/getOutgoingMessageState.js');
+require('./ContextMenu.js');
+require('react-dom');
+require('./SortByRow.js');
+require('./UserProfile.js');
+require('../LocalizationContext-2fb0be1f.js');
+require('../index-1ec959ab.js');
+require('../UserProfileContext-0549101e.js');
+require('../sendbirdSelectors.js');
+require('../topics-839402ce.js');
+require('../utils-c61c3737.js');
+require('./Avatar.js');
+require('./ImageRenderer.js');
+require('./Icon.js');
+require('./Button.js');
+require('../useSendbirdStateContext.js');
+require('../withSendbird.js');
+require('../_rollupPluginBabelHelpers-e7c78521.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+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;
+
+  if (word === '') {
+    return null;
+  }
+
+  return /*#__PURE__*/React__default["default"].createElement("span", {
+    className: "sendbird-word"
+  }, index.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);
+    }
+
+    if (type === index.StringObjType.mention) {
+      return /*#__PURE__*/React__default["default"].createElement(ui_MentionLabel, {
+        mentionTemplate: mentionTemplate,
+        mentionedUserId: userId,
+        mentionedUserNickname: value,
+        key: uuid.uuidv4(),
+        isByMe: isByMe
+      });
+    } else if (type === index.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 = {
+        front: '',
+        url: '',
+        back: ''
+      };
+
+      if (targetUrl) {
+        var 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["default"].createElement(ui_LinkLabel["default"], {
+          className: "sendbird-word__url",
+          key: uuid.uuidv4(),
+          src: stringUrl.url,
+          type: ui_Label.LabelTypography.BODY_1
+        }, stringUrl.url) : null, stringUrl.back ? stringUrl.back : ''];
+      }
+
+      return /*#__PURE__*/React__default["default"].createElement(ui_LinkLabel["default"], {
+        className: "sendbird-word__url",
+        key: uuid.uuidv4(),
+        src: word,
+        type: ui_Label.LabelTypography.BODY_1
+      }, value);
+    } else {
+      return value;
+    }
+  }));
+}
+
+module.exports = Word;
+//# sourceMappingURL=Word.js.map

package/dist/cjs/useLongPress-b75b3860.js

@@ -0,0 +1,118 @@
+'use strict';
+
+var tslib_es6 = require('./tslib.es6-e8acf1b5.js');
+var React = require('react');
+var MediaQueryContext = require('./MediaQueryContext-db5159f3.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;
+
+  var isMobile = MediaQueryContext.useMediaQueryContext().isMobile;
+
+  var _f = React.useState(false),
+      longPressTriggered = _f[0],
+      setLongPressTriggered = _f[1];
+
+  var _g = React.useState(false),
+      dragTriggered = _g[0],
+      setDragTriggered = _g[1]; // https://www.typescriptlang.org/docs/handbook/utility-types.html#returntypetype
+
+
+  var timeout = React.useRef();
+  var target = React.useRef();
+  var start = React.useCallback(function (e) {
+    e.persist();
+
+    var clonedEvent = tslib_es6.__assign({}, e);
+
+    setDragTriggered(false);
+
+    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, isMobile]);
+  var clear = React.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);
+    }
+  };
+}
+
+exports.useLongPress = useLongPress;
+//# sourceMappingURL=useLongPress-b75b3860.js.map

package/dist/cjs/useLongPress-b75b3860.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLongPress-b75b3860.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}\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}: 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 (shouldPreventDefault && e.target) {\n      e.target.addEventListener(\n        'touchend',\n        preventDefault, {\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, 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","_a","_b","onLongPress","onClick","_c","_d","delay","_e","shouldPreventDefault","isMobile","useMediaQueryContext","_f","useState","longPressTriggered","setLongPressTriggered","_g","dragTriggered","setDragTriggered","timeout","useRef","target","start","useCallback","persist","clonedEvent","__assign","addEventListener","passive","current","setTimeout","clear","shouldTriggerClick","onDrag","clearTimeout","removeEventListener","onMouseDown","onMouseUp","onMouseLeave","onTouchStart","onTouchMove","onTouchEnd"],"mappings":"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"}

package/dist/cjs/useSendbirdStateContext.js

@@ -0,0 +1,22 @@
+'use strict';
+
+var React = require('react');
+var withSendbird = require('./withSendbird.js');
+require('./_rollupPluginBabelHelpers-e7c78521.js');
+
+/**
+ * Example:
+ * const MyComponent = () => {
+ *  const context = useSendbirdStateContext();
+ *  const sdk = sendbirdSelectors.getSdk(context);
+ *  return (<div>...</div>);
+ * }
+ */
+
+function useSendbirdStateContext() {
+  var context = React.useContext(withSendbird.SendbirdSdkContext);
+  return context;
+}
+
+module.exports = useSendbirdStateContext;
+//# sourceMappingURL=useSendbirdStateContext.js.map

package/dist/cjs/utils/message/isVoiceMessage.js

@@ -0,0 +1,10 @@
+'use strict';
+
+var index = require('../../index-6714492f.js');
+require('../../tslib.es6-e8acf1b5.js');
+require('./getOutgoingMessageState.js');
+
+// mentioned on docs
+
+module.exports = index.isVoiceMessage;
+//# sourceMappingURL=isVoiceMessage.js.map

package/dist/cjs/utils/message/isVoiceMessage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"isVoiceMessage.js","sources":["../../../../src/utils/isVoiceMessage.ts"],"sourcesContent":["import { isVoiceMessage } from \".\";\n\nexport default isVoiceMessage;\n// mentioned on docs\n"],"names":[],"mappings":";;;;;;AAGA;;;;"}

package/dist/cjs/utils-56a22c82.js

@@ -0,0 +1,32 @@
+'use strict';
+
+var ui_Label = require('./index-578f0575.js');
+
+var getChannelTitle = function (channel, currentUserId, stringSet) {
+  var _a;
+
+  var LABEL_STRING_SET = stringSet || ui_Label.LabelStringSet;
+
+  if (!(channel === null || channel === void 0 ? void 0 : channel.name) && !(channel === null || channel === void 0 ? void 0 : channel.members)) {
+    return LABEL_STRING_SET.NO_TITLE;
+  }
+
+  if ((channel === null || channel === void 0 ? void 0 : channel.name) && channel.name !== 'Group Channel') {
+    return channel.name;
+  }
+
+  if (((_a = channel === null || channel === void 0 ? void 0 : channel.members) === null || _a === void 0 ? void 0 : _a.length) === 1) {
+    return LABEL_STRING_SET.NO_MEMBERS;
+  }
+
+  return channel === null || channel === void 0 ? void 0 : channel.members.filter(function (_a) {
+    var userId = _a.userId;
+    return userId !== currentUserId;
+  }).map(function (_a) {
+    var nickname = _a.nickname;
+    return nickname || LABEL_STRING_SET.NO_NAME;
+  }).join(', ');
+};
+
+exports.getChannelTitle = getChannelTitle;
+//# sourceMappingURL=utils-56a22c82.js.map

package/dist/cjs/utils-56a22c82.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils-56a22c82.js","sources":["../../src/smart-components/Channel/components/ChannelHeader/utils.ts"],"sourcesContent":["import type { GroupChannel } from '@sendbird/chat/groupChannel';\nimport { LabelStringSet } from '../../../../ui/Label';\n\nexport const getChannelTitle = (\n  channel: GroupChannel,\n  currentUserId: string,\n  stringSet: { [label: string]: string }\n  ): string => {\n  const LABEL_STRING_SET: { [label: string]: string } = stringSet || LabelStringSet;\n  if (!channel?.name && !channel?.members) {\n    return LABEL_STRING_SET.NO_TITLE;\n  }\n  if (channel?.name && channel.name !== 'Group Channel') {\n    return channel.name;\n  }\n\n  if (channel?.members?.length === 1) {\n    return LABEL_STRING_SET.NO_MEMBERS;\n  }\n\n  return channel?.members\n    .filter(({ userId }) => userId !== currentUserId)\n    .map(({ nickname }) => (nickname || LABEL_STRING_SET.NO_NAME))\n    .join(', ');\n};\n"],"names":["getChannelTitle","channel","currentUserId","stringSet","LABEL_STRING_SET","LabelStringSet","name","members","NO_TITLE","_a","length","NO_MEMBERS","filter","userId","map","nickname","NO_NAME","join"],"mappings":";;;;AAGO,IAAMA,eAAe,GAAG,UAC7BC,OAD6B,EAE7BC,aAF6B,EAG7BC,SAH6B,EAGS;;;AAEtC,EAAA,IAAMC,gBAAgB,GAAgCD,SAAS,IAAIE,uBAAnE,CAAA;;AACA,EAAA,IAAI,EAACJ,OAAO,KAAA,IAAP,IAAAA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAO,CAAEK,IAAV,CAAA,IAAkB,EAACL,OAAO,KAAP,IAAA,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEM,OAAV,CAAtB,EAAyC;IACvC,OAAOH,gBAAgB,CAACI,QAAxB,CAAA;AACD,GAAA;;EACD,IAAI,CAAAP,OAAO,KAAP,IAAA,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEK,IAAT,KAAiBL,OAAO,CAACK,IAAR,KAAiB,eAAtC,EAAuD;IACrD,OAAOL,OAAO,CAACK,IAAf,CAAA;AACD,GAAA;;AAED,EAAA,IAAI,CAAA,CAAAG,EAAA,GAAAR,OAAO,KAAA,IAAP,IAAAA,OAAO,KAAA,KAAA,CAAP,GAAO,KAAA,CAAP,GAAAA,OAAO,CAAEM,OAAT,MAAgB,IAAhB,IAAgBE,EAAA,KAAA,KAAA,CAAhB,GAAgB,KAAA,CAAhB,GAAgBA,EAAA,CAAEC,MAAlB,MAA6B,CAAjC,EAAoC;IAClC,OAAON,gBAAgB,CAACO,UAAxB,CAAA;AACD,GAAA;;EAED,OAAOV,OAAO,KAAP,IAAA,IAAAA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAO,CAAEM,OAAT,CACJK,MADI,CACG,UAACH,EAAD,EAAW;AAAR,IAAA,IAAAI,MAAM,GAAAJ,EAAA,CAAAI,MAAN,CAAA;IAAa,OAAAA,MAAM,KAAKX,aAAX,CAAA;AAAwB,GAD3C,CAEJY,CAAAA,GAFI,CAEA,UAACL,EAAD,EAAa;AAAV,IAAA,IAAAM,QAAQ,GAAAN,EAAA,CAAAM,QAAR,CAAA;AAAe,IAAA,OAACA,QAAQ,IAAIX,gBAAgB,CAACY,OAA9B,CAAA;AAAsC,GAFxD,CAGJC,CAAAA,IAHI,CAGC,IAHD,CAAP,CAAA;AAID;;;;"}

package/dist/cjs/utils-6e33484b.js

@@ -0,0 +1,32 @@
+'use strict';
+
+var copyToClipboard = function (text) {
+  // @ts-ignore: Unreachable code error
+  if (window.clipboardData && window.clipboardData.setData) {
+    // Internet Explorer-specific code path to prevent textarea being shown while dialog is visible.
+    // @ts-ignore: Unreachable code error
+    return window.clipboardData.setData('Text', text);
+  }
+
+  if (document.queryCommandSupported && document.queryCommandSupported('copy')) {
+    var textarea = document.createElement('textarea');
+    textarea.textContent = text;
+    textarea.style.position = 'fixed'; // Prevent scrolling to bottom of page in Microsoft Edge.
+
+    document.body.appendChild(textarea);
+    textarea.select();
+
+    try {
+      return document.execCommand('copy'); // Security exception may be thrown by some browsers.
+    } catch (ex) {
+      return false;
+    } finally {
+      document.body.removeChild(textarea);
+    }
+  }
+
+  return false;
+};
+
+exports.copyToClipboard = copyToClipboard;
+//# sourceMappingURL=utils-6e33484b.js.map

package/dist/cjs/utils-6e33484b.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils-6e33484b.js","sources":["../../src/ui/OpenchannelUserMessage/utils.ts"],"sourcesContent":["export const copyToClipboard = (text: string): boolean => {\n  // @ts-ignore: Unreachable code error\n  if (window.clipboardData && window.clipboardData.setData) {\n    // Internet Explorer-specific code path to prevent textarea being shown while dialog is visible.\n    // @ts-ignore: Unreachable code error\n    return window.clipboardData.setData('Text', text);\n  }\n  if (document.queryCommandSupported && document.queryCommandSupported('copy')) {\n    const textarea = document.createElement('textarea');\n    textarea.textContent = text;\n    textarea.style.position = 'fixed'; // Prevent scrolling to bottom of page in Microsoft Edge.\n    document.body.appendChild(textarea);\n    textarea.select();\n    try {\n      return document.execCommand('copy'); // Security exception may be thrown by some browsers.\n    } catch (ex) {\n      return false;\n    } finally {\n      document.body.removeChild(textarea);\n    }\n  }\n  return false;\n};\n\nexport default { copyToClipboard };\n"],"names":["copyToClipboard","text","window","clipboardData","setData","document","queryCommandSupported","textarea","createElement","textContent","style","position","body","appendChild","select","execCommand","ex","removeChild"],"mappings":";;AAAaA,IAAAA,eAAe,GAAG,UAACC,IAAD,EAAa;AAC1C;EACA,IAAIC,MAAM,CAACC,aAAP,IAAwBD,MAAM,CAACC,aAAP,CAAqBC,OAAjD,EAA0D;AACxD;AACA;IACA,OAAOF,MAAM,CAACC,aAAP,CAAqBC,OAArB,CAA6B,MAA7B,EAAqCH,IAArC,CAAP,CAAA;AACD,GAAA;;EACD,IAAII,QAAQ,CAACC,qBAAT,IAAkCD,QAAQ,CAACC,qBAAT,CAA+B,MAA/B,CAAtC,EAA8E;AAC5E,IAAA,IAAMC,QAAQ,GAAGF,QAAQ,CAACG,aAAT,CAAuB,UAAvB,CAAjB,CAAA;IACAD,QAAQ,CAACE,WAAT,GAAuBR,IAAvB,CAAA;AACAM,IAAAA,QAAQ,CAACG,KAAT,CAAeC,QAAf,GAA0B,OAA1B,CAH4E;;AAI5EN,IAAAA,QAAQ,CAACO,IAAT,CAAcC,WAAd,CAA0BN,QAA1B,CAAA,CAAA;AACAA,IAAAA,QAAQ,CAACO,MAAT,EAAA,CAAA;;IACA,IAAI;AACF,MAAA,OAAOT,QAAQ,CAACU,WAAT,CAAqB,MAArB,CAAP,CADE;KAAJ,CAEE,OAAOC,EAAP,EAAW;AACX,MAAA,OAAO,KAAP,CAAA;AACD,KAJD,SAIU;AACRX,MAAAA,QAAQ,CAACO,IAAT,CAAcK,WAAd,CAA0BV,QAA1B,CAAA,CAAA;AACD,KAAA;AACF,GAAA;;AACD,EAAA,OAAO,KAAP,CAAA;AACD;;;;"}

package/dist/cjs/utils-763f5a7f.js

@@ -0,0 +1,38 @@
+'use strict';
+
+var DEFAULT_URL_PREFIX = 'https://static.sendbird.com/sample/cover/cover_';
+var getOpenChannelAvatar = function (channel) {
+  if (channel === null || channel === void 0 ? void 0 : channel.coverUrl) {
+    return channel.coverUrl;
+  }
+};
+var getChannelAvatarSource = function (channel, currentUserId) {
+  if (channel === null || channel === void 0 ? void 0 : channel.coverUrl) {
+    if (!new RegExp("^".concat(DEFAULT_URL_PREFIX)).test(channel.coverUrl)) {
+      return channel.coverUrl;
+    }
+  }
+
+  return ((channel === null || channel === void 0 ? void 0 : channel.members) || []).filter(function (member) {
+    return member.userId !== currentUserId;
+  }).map(function (_a) {
+    var profileUrl = _a.profileUrl;
+    return profileUrl;
+  });
+};
+var generateDefaultAvatar = function (channel) {
+  if (channel === null || channel === void 0 ? void 0 : channel.coverUrl) {
+    if (new RegExp("^".concat(DEFAULT_URL_PREFIX)).test(channel.coverUrl)) {
+      return true;
+    }
+
+    return false;
+  }
+
+  return true;
+};
+
+exports.generateDefaultAvatar = generateDefaultAvatar;
+exports.getChannelAvatarSource = getChannelAvatarSource;
+exports.getOpenChannelAvatar = getOpenChannelAvatar;
+//# sourceMappingURL=utils-763f5a7f.js.map

package/dist/cjs/utils-763f5a7f.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils-763f5a7f.js","sources":["../../src/ui/ChannelAvatar/utils.ts"],"sourcesContent":["import type { GroupChannel } from \"@sendbird/chat/groupChannel\";\nimport type { OpenChannel } from \"@sendbird/chat/openChannel\";\n\nexport const DEFAULT_URL_PREFIX = 'https://static.sendbird.com/sample/cover/cover_';\n\nexport const getOpenChannelAvatar = (channel: OpenChannel): string => {\n  if (channel?.coverUrl) {\n    return channel.coverUrl;\n  }\n};\n\nexport const getChannelAvatarSource = (channel: GroupChannel, currentUserId: string): string | Array<string> => {\n  if (channel?.coverUrl) {\n    if (!(new RegExp(`^${DEFAULT_URL_PREFIX}`).test(channel.coverUrl))) {\n      return channel.coverUrl;\n    }\n  }\n  return (channel?.members || [])\n    .filter((member) => member.userId !== currentUserId)\n    .map(({ profileUrl }) => profileUrl);\n};\n\nexport const generateDefaultAvatar = (channel: GroupChannel): boolean => {\n  if (channel?.coverUrl) {\n    if (new RegExp(`^${DEFAULT_URL_PREFIX}`).test(channel.coverUrl)) {\n      return true;\n    }\n    return false;\n  }\n  return true;\n}\n"],"names":["DEFAULT_URL_PREFIX","getOpenChannelAvatar","channel","coverUrl","getChannelAvatarSource","currentUserId","RegExp","test","members","filter","member","userId","map","_a","profileUrl","generateDefaultAvatar","concat"],"mappings":";;AAGO,IAAMA,kBAAkB,GAAG,iDAA3B,CAAA;AAEMC,IAAAA,oBAAoB,GAAG,UAACC,OAAD,EAAqB;AACvD,EAAA,IAAIA,OAAO,KAAP,IAAA,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEC,QAAb,EAAuB;IACrB,OAAOD,OAAO,CAACC,QAAf,CAAA;AACD,GAAA;AACF,EAJM;IAMMC,sBAAsB,GAAG,UAACF,OAAD,EAAwBG,aAAxB,EAA6C;AACjF,EAAA,IAAIH,OAAO,KAAP,IAAA,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEC,QAAb,EAAuB;AACrB,IAAA,IAAI,CAAE,IAAIG,MAAJ,CAAW,GAAA,OAAA,CAAIN,kBAAJ,CAAX,CAAA,CAAqCO,IAArC,CAA0CL,OAAO,CAACC,QAAlD,CAAN,EAAoE;MAClE,OAAOD,OAAO,CAACC,QAAf,CAAA;AACD,KAAA;AACF,GAAA;;EACD,OAAO,CAAC,CAAAD,OAAO,KAAP,IAAA,IAAAA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAO,CAAEM,OAAT,KAAoB,EAArB,EACJC,MADI,CACG,UAACC,MAAD,EAAO;AAAK,IAAA,OAAAA,MAAM,CAACC,MAAP,KAAkBN,aAAlB,CAAA;AAA+B,GAD9C,CAEJO,CAAAA,GAFI,CAEA,UAACC,EAAD,EAAe;AAAZ,IAAA,IAAAC,UAAU,GAAAD,EAAA,CAAAC,UAAV,CAAA;AAAiB,IAAA,OAAAA,UAAA,CAAA;AAAU,GAF9B,CAAP,CAAA;AAGD,EATM;AAWMC,IAAAA,qBAAqB,GAAG,UAACb,OAAD,EAAsB;AACzD,EAAA,IAAIA,OAAO,KAAP,IAAA,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEC,QAAb,EAAuB;AACrB,IAAA,IAAI,IAAIG,MAAJ,CAAW,GAAA,CAAAU,MAAA,CAAIhB,kBAAJ,CAAX,CAAA,CAAqCO,IAArC,CAA0CL,OAAO,CAACC,QAAlD,CAAJ,EAAiE;AAC/D,MAAA,OAAO,IAAP,CAAA;AACD,KAAA;;AACD,IAAA,OAAO,KAAP,CAAA;AACD,GAAA;;AACD,EAAA,OAAO,IAAP,CAAA;AACD;;;;;;"}

package/dist/cjs/utils-c61c3737.js

@@ -0,0 +1,6 @@
+'use strict';
+
+const noop = () => {};
+
+exports.noop = noop;
+//# sourceMappingURL=utils-c61c3737.js.map

package/dist/cjs/utils-c61c3737.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils-c61c3737.js","sources":["../../src/utils/utils.js"],"sourcesContent":["export const noop = () => {};\n\nexport const getSenderName = (message) => (\n  message.sender && (\n    message.sender.friendName\n    || message.sender.nickname\n    || message.sender.userId\n  )\n);\n\nexport const getSenderProfileUrl = (message) => message.sender && message.sender.profileUrl;\n\nexport default {\n  getSenderName,\n  getSenderProfileUrl,\n};\n"],"names":["noop"],"mappings":";;AAAaA,MAAAA,IAAI,GAAG,MAAM;;;;"}

package/dist/cjs/uuid-a94df44e.js

@@ -0,0 +1,19 @@
+'use strict';
+
+/* eslint-disable no-bitwise */
+
+/* eslint-disable eqeqeq */
+
+/* eslint-disable no-mixed-operators */
+// https://stackoverflow.com/a/2117523
+// used mainly for dom key generation
+var uuidv4 = function () {
+  return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
+    var r = Math.random() * 16 | 0;
+    var v = c === 'x' ? r : r & 0x3 | 0x8;
+    return v.toString(16);
+  });
+};
+
+exports.uuidv4 = uuidv4;
+//# sourceMappingURL=uuid-a94df44e.js.map

package/dist/cjs/uuid-a94df44e.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"uuid-a94df44e.js","sources":["../../src/utils/uuid.ts"],"sourcesContent":["/* eslint-disable no-bitwise */\n/* eslint-disable eqeqeq */\n/* eslint-disable no-mixed-operators */\n// https://stackoverflow.com/a/2117523\n// used mainly for dom key generation\nexport const uuidv4 = (): string => 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, (c) => {\n  const r = Math.random() * 16 | 0;\n  const v = c === 'x' ? r : (r & 0x3 | 0x8);\n  return v.toString(16);\n});\n\nexport default uuidv4;\n"],"names":["uuidv4","replace","c","r","Math","random","v","toString"],"mappings":";;AAAA;;AACA;;AACA;AACA;AACA;AACO,IAAMA,MAAM,GAAG,YAAc;AAAA,EAAA,OAAA,uCAAuCC,OAAvC,CAA+C,OAA/C,EAAwD,UAACC,CAAD,EAAE;IAC5F,IAAMC,CAAC,GAAGC,IAAI,CAACC,MAAL,EAAgB,GAAA,EAAhB,GAAqB,CAA/B,CAAA;AACA,IAAA,IAAMC,CAAC,GAAGJ,CAAC,KAAK,GAAN,GAAYC,CAAZ,GAAiBA,CAAC,GAAG,GAAJ,GAAU,GAArC,CAAA;AACA,IAAA,OAAOG,CAAC,CAACC,QAAF,CAAW,EAAX,CAAP,CAAA;AACD,GAJmC,CAAA,CAAA;AAIlC;;;;"}