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

package/ui/ThumbnailMessageItemBody.js

@@ -1,80 +0,0 @@
-import React__default, { useState } from 'react';
-import Icon, { IconTypes, IconColors } from './Icon.js';
-import ImageRenderer from './ImageRenderer.js';
-import { h as getClassName, s as isSentMessage, q as isVideoMessage, p as isGifMessage } from '../index-425e5f17.js';
-import 'prop-types';
-import '../tslib.es6-13412863.js';
-import '../utils/message/getOutgoingMessageState.js';
-
-function ThumbnailMessageItemBody(_a) {
-  var _b, _c;
-
-  var className = _a.className,
-      message = _a.message,
-      _d = _a.isByMe,
-      isByMe = _d === void 0 ? false : _d,
-      _e = _a.mouseHover,
-      mouseHover = _e === void 0 ? false : _e,
-      _f = _a.isReactionEnabled,
-      isReactionEnabled = _f === void 0 ? false : _f,
-      showFileViewer = _a.showFileViewer,
-      _g = _a.style,
-      style = _g === void 0 ? {} : _g;
-  var _h = message.thumbnails,
-      thumbnails = _h === void 0 ? [] : _h;
-  var thumbnailUrl = thumbnails.length > 0 ? (_b = thumbnails[0]) === null || _b === void 0 ? void 0 : _b.url : '';
-
-  var _j = useState(false),
-      imageRendered = _j[0],
-      setImageRendered = _j[1];
-
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: getClassName([className, 'sendbird-thumbnail-message-item-body', isByMe ? 'outgoing' : 'incoming', mouseHover ? 'mouse-hover' : '', isReactionEnabled && ((_c = message === null || message === void 0 ? void 0 : message.reactions) === null || _c === void 0 ? void 0 : _c.length) > 0 ? 'reactions' : '']),
-    onClick: function () {
-      if (isSentMessage(message)) {
-        showFileViewer(true);
-      }
-    }
-  }, /*#__PURE__*/React__default.createElement(ImageRenderer, {
-    className: "sendbird-thumbnail-message-item-body__thumbnail",
-    url: thumbnailUrl || (message === null || message === void 0 ? void 0 : message.url),
-    alt: message === null || message === void 0 ? void 0 : message.type,
-    width: (style === null || style === void 0 ? void 0 : style.width) || "360px",
-    height: (style === null || style === void 0 ? void 0 : style.height) || "270px",
-    onLoad: function () {
-      setImageRendered(true);
-    },
-    placeHolder: function (style_) {
-      return /*#__PURE__*/React__default.createElement("div", {
-        className: "sendbird-thumbnail-message-item-body__placeholder",
-        style: style_
-      }, /*#__PURE__*/React__default.createElement("div", {
-        className: "sendbird-thumbnail-message-item-body__placeholder__icon"
-      }, /*#__PURE__*/React__default.createElement(Icon, {
-        type: isVideoMessage(message) ? IconTypes.PLAY : IconTypes.PHOTO,
-        fillColor: IconColors.ON_BACKGROUND_2,
-        width: "34px",
-        height: "34px"
-      })));
-    }
-  }), isVideoMessage(message) && !thumbnailUrl && !imageRendered && /*#__PURE__*/React__default.createElement("video", {
-    className: "sendbird-thumbnail-message-item-body__video"
-  }, /*#__PURE__*/React__default.createElement("source", {
-    src: message === null || message === void 0 ? void 0 : message.url,
-    type: message === null || message === void 0 ? void 0 : message.type
-  })), /*#__PURE__*/React__default.createElement("div", {
-    className: "sendbird-thumbnail-message-item-body__image-cover"
-  }), (isVideoMessage(message) || isGifMessage(message)) && /*#__PURE__*/React__default.createElement("div", {
-    className: "sendbird-thumbnail-message-item-body__icon-wrapper"
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "sendbird-thumbnail-message-item-body__icon-wrapper__icon"
-  }, /*#__PURE__*/React__default.createElement(Icon, {
-    type: isVideoMessage(message) ? IconTypes.PLAY : IconTypes.GIF,
-    fillColor: IconColors.GRAY,
-    width: "34px",
-    height: "34px"
-  }))));
-}
-
-export { ThumbnailMessageItemBody as default };
-//# sourceMappingURL=ThumbnailMessageItemBody.js.map

package/ui/Tooltip.js

@@ -1,22 +0,0 @@
-import { a as __spreadArray } from '../tslib.es6-13412863.js';
-import React__default from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-e2994193.js';
-import 'prop-types';
-import '../stringSet-c2443946.js';
-
-function Tooltip(_a) {
-  var _b = _a.className,
-      className = _b === void 0 ? '' : _b,
-      _c = _a.children,
-      children = _c === void 0 ? '' : _c;
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: __spreadArray(__spreadArray([], Array.isArray(className) ? className : [className], true), ['sendbird-tooltip'], false).join(' ')
-  }, /*#__PURE__*/React__default.createElement(Label, {
-    className: "sendbird-tooltip__text",
-    type: LabelTypography.CAPTION_2,
-    color: LabelColors.ONCONTENT_1
-  }, children));
-}
-
-export { Tooltip as default };
-//# sourceMappingURL=Tooltip.js.map

package/ui/TooltipWrapper.js

@@ -1,49 +0,0 @@
-import { a as __spreadArray } from '../tslib.es6-13412863.js';
-import React__default, { useState, useRef } from 'react';
-
-var SPACE_FROM_TRIGGER = 8;
-function TooltipWrapper(_a) {
-  var _b = _a.className,
-      className = _b === void 0 ? '' : _b,
-      children = _a.children,
-      hoverTooltip = _a.hoverTooltip;
-
-  var _c = useState(false),
-      showHoverTooltip = _c[0],
-      setShowHoverTooltip = _c[1];
-
-  var childrenRef = useRef(null);
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: __spreadArray(__spreadArray([], Array.isArray(className) ? className : [className], true), ['sendbird-tooltip-wrapper'], false).join(' '),
-    onMouseOver: function () {
-      setShowHoverTooltip(true);
-    },
-    onFocus: function () {
-      setShowHoverTooltip(true);
-    },
-    onMouseOut: function () {
-      setShowHoverTooltip(false);
-    },
-    onBlur: function () {
-      setShowHoverTooltip(false);
-    }
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "sendbird-tooltip-wrapper__children",
-    ref: childrenRef
-  }, children), showHoverTooltip && /*#__PURE__*/React__default.createElement("div", {
-    className: "sendbird-tooltip-wrapper__hover-tooltip",
-    style: {
-      bottom: "calc(100% + ".concat(SPACE_FROM_TRIGGER, "px)")
-    }
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "sendbird-tooltip-wrapper__hover-tooltip__inner"
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "sendbird-tooltip-wrapper__hover-tooltip__inner__tooltip-container",
-    style: {
-      left: childrenRef.current && "calc(".concat(childrenRef.current.offsetWidth / 2, "px - 50%)")
-    }
-  }, hoverTooltip))));
-}
-
-export { TooltipWrapper as default };
-//# sourceMappingURL=TooltipWrapper.js.map

package/ui/UnknownMessageItemBody.js

@@ -1,37 +0,0 @@
-import React__default, { useContext } from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-e2994193.js';
-import { h as getClassName } from '../index-425e5f17.js';
-import { a as LocalizationContext } from '../LocalizationContext-4c2faa9a.js';
-import 'prop-types';
-import '../stringSet-c2443946.js';
-import '../tslib.es6-13412863.js';
-import '../utils/message/getOutgoingMessageState.js';
-import '../index-a53d78b6.js';
-
-function UnknownMessageItemBody(_a) {
-  var _b;
-
-  var className = _a.className,
-      message = _a.message,
-      _c = _a.isByMe,
-      isByMe = _c === void 0 ? false : _c,
-      _d = _a.mouseHover,
-      mouseHover = _d === void 0 ? false : _d,
-      _e = _a.isReactionEnabled,
-      isReactionEnabled = _e === void 0 ? false : _e;
-  var stringSet = useContext(LocalizationContext).stringSet;
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: getClassName([className, 'sendbird-unknown-message-item-body', isByMe ? 'outgoing' : 'incoming', mouseHover ? 'mouse-hover' : '', isReactionEnabled && ((_b = message === null || message === void 0 ? void 0 : message.reactions) === null || _b === void 0 ? void 0 : _b.length) > 0 ? 'reactions' : ''])
-  }, /*#__PURE__*/React__default.createElement(Label, {
-    className: "sendbird-unknown-message-item-body__header",
-    type: LabelTypography.BODY_1,
-    color: isByMe ? LabelColors.ONCONTENT_1 : LabelColors.ONBACKGROUND_1
-  }, stringSet.UNKNOWN__UNKNOWN_MESSAGE_TYPE), /*#__PURE__*/React__default.createElement(Label, {
-    className: "sendbird-unknown-message-item-body__description",
-    type: LabelTypography.BODY_1,
-    color: isByMe ? LabelColors.ONCONTENT_2 : LabelColors.ONBACKGROUND_2
-  }, stringSet.UNKNOWN__CANNOT_READ_MESSAGE));
-}
-
-export { UnknownMessageItemBody as default };
-//# sourceMappingURL=UnknownMessageItemBody.js.map

package/ui/UserListItem.js

@@ -1,127 +0,0 @@
-import { a as __spreadArray } from '../tslib.es6-13412863.js';
-import React__default, { useContext } from 'react';
-import { a as UserProfileContext } from '../UserProfileContext-e5d90f15.js';
-import { a as LocalizationContext } from '../LocalizationContext-4c2faa9a.js';
-import Avatar from './Avatar.js';
-import MutedAvatarOverlay from './MutedAvatarOverlay.js';
-import Checkbox from './Checkbox.js';
-import UserProfile from './UserProfile.js';
-import ContextMenu, { MenuItems } from './ContextMenu.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-e2994193.js';
-import 'prop-types';
-import '../stringSet-c2443946.js';
-import '../index-a53d78b6.js';
-import './ImageRenderer.js';
-import './Icon.js';
-import '../uuid-7a5e68ed.js';
-import '../sendbirdSelectors.js';
-import '../topics-0ba43ee8.js';
-import '../utils-87dce5dd.js';
-import './Button.js';
-import '../useSendbirdStateContext.js';
-import '../withSendbird.js';
-import '../_rollupPluginBabelHelpers-b45d3824.js';
-import 'react-dom';
-import './SortByRow.js';
-import '../index-425e5f17.js';
-import '../utils/message/getOutgoingMessageState.js';
-
-function UserListItem(_a) {
-  var user = _a.user,
-      className = _a.className,
-      checked = _a.checked,
-      checkBox = _a.checkBox,
-      isOperator = _a.isOperator,
-      disabled = _a.disabled,
-      disableMessaging = _a.disableMessaging,
-      currentUser = _a.currentUser,
-      action = _a.action,
-      onChange = _a.onChange;
-  var uniqueKey = user.userId;
-  var actionRef = React__default.useRef(null);
-  var parentRef = React__default.useRef(null);
-  var avatarRef = React__default.useRef(null);
-
-  var _b = useContext(UserProfileContext),
-      disableUserProfile = _b.disableUserProfile,
-      renderUserProfile = _b.renderUserProfile;
-
-  var stringSet = useContext(LocalizationContext).stringSet;
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: __spreadArray(__spreadArray([], Array.isArray(className) ? className : [className], true), ['sendbird-user-list-item'], false).join(' '),
-    ref: parentRef
-  }, (user === null || user === void 0 ? void 0 : user.isMuted) && /*#__PURE__*/React__default.createElement(MutedAvatarOverlay, {
-    height: 40,
-    width: 40
-  }), /*#__PURE__*/React__default.createElement(ContextMenu, {
-    menuTrigger: function (toggleDropdown) {
-      return /*#__PURE__*/React__default.createElement(Avatar, {
-        className: "sendbird-user-list-item__avatar",
-        ref: avatarRef,
-        src: user.profileUrl,
-        width: "40px",
-        height: "40px",
-        onClick: function () {
-          if (!disableUserProfile) {
-            toggleDropdown();
-          }
-        }
-      });
-    },
-    menuItems: function (closeDropdown) {
-      return /*#__PURE__*/React__default.createElement(MenuItems, {
-        openLeft: true,
-        parentRef: avatarRef // for catching location(x, y) of MenuItems
-        ,
-        parentContainRef: avatarRef // for toggling more options(menus & reactions)
-        ,
-        closeDropdown: closeDropdown,
-        style: {
-          paddingTop: '0px',
-          paddingBottom: '0px'
-        }
-      }, renderUserProfile ? renderUserProfile({
-        user: user,
-        currentUserId: currentUser,
-        close: closeDropdown
-      }) : /*#__PURE__*/React__default.createElement(UserProfile, {
-        disableMessaging: disableMessaging,
-        user: user,
-        currentUserId: currentUser,
-        onSuccess: closeDropdown
-      }));
-    }
-  }), /*#__PURE__*/React__default.createElement(Label, {
-    className: "sendbird-user-list-item__title",
-    type: LabelTypography.SUBTITLE_1,
-    color: LabelColors.ONBACKGROUND_1
-  }, user.nickname || stringSet.NO_NAME, currentUser === user.userId && ' (You)'), // if there is now nickname, display userId
-  !user.nickname && /*#__PURE__*/React__default.createElement(Label, {
-    className: "sendbird-user-list-item__subtitle",
-    type: LabelTypography.CAPTION_3,
-    color: LabelColors.ONBACKGROUND_2
-  }, user.userId), checkBox && /*#__PURE__*/React__default.createElement("label", {
-    className: "sendbird-user-list-item__checkbox",
-    htmlFor: uniqueKey
-  }, /*#__PURE__*/React__default.createElement(Checkbox, {
-    id: uniqueKey,
-    checked: checked,
-    disabled: disabled,
-    onChange: function (event) {
-      return onChange(event);
-    }
-  })), isOperator && /*#__PURE__*/React__default.createElement(Label, {
-    className: ["sendbird-user-list-item__operator", checkBox ? "checkbox" : ""].join(' '),
-    type: LabelTypography.SUBTITLE_2,
-    color: LabelColors.ONBACKGROUND_2
-  }, "Operator"), action && /*#__PURE__*/React__default.createElement("div", {
-    className: "sendbird-user-list-item__action",
-    ref: actionRef
-  }, action({
-    actionRef: actionRef,
-    parentRef: parentRef
-  })));
-}
-
-export { UserListItem as default };
-//# sourceMappingURL=UserListItem.js.map

package/ui/UserProfile.js

@@ -1,85 +0,0 @@
-import React__default, { useContext } from 'react';
-import { a as LocalizationContext } from '../LocalizationContext-4c2faa9a.js';
-import { a as UserProfileContext } from '../UserProfileContext-e5d90f15.js';
-import { getCreateGroupChannel } from '../sendbirdSelectors.js';
-import Avatar from './Avatar.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-e2994193.js';
-import Button, { ButtonTypes } from './Button.js';
-import useSendbirdStateContext from '../useSendbirdStateContext.js';
-import '../stringSet-c2443946.js';
-import '../index-a53d78b6.js';
-import 'prop-types';
-import '../topics-0ba43ee8.js';
-import '../utils-87dce5dd.js';
-import '../tslib.es6-13412863.js';
-import './ImageRenderer.js';
-import './Icon.js';
-import '../uuid-7a5e68ed.js';
-import '../withSendbird.js';
-import '../_rollupPluginBabelHelpers-b45d3824.js';
-
-function UserProfile(_a) {
-  var _b, _c;
-
-  var user = _a.user,
-      currentUserId = _a.currentUserId,
-      _d = _a.disableMessaging,
-      disableMessaging = _d === void 0 ? false : _d,
-      onSuccess = _a.onSuccess;
-  var store = useSendbirdStateContext();
-  var createChannel = getCreateGroupChannel(store);
-  var logger = (_b = store === null || store === void 0 ? void 0 : store.config) === null || _b === void 0 ? void 0 : _b.logger;
-  var stringSet = useContext(LocalizationContext).stringSet;
-  var currentUserId_ = currentUserId || ((_c = store === null || store === void 0 ? void 0 : store.config) === null || _c === void 0 ? void 0 : _c.userId); // @ts-ignore
-
-  var onUserProfileMessage = useContext(UserProfileContext).onUserProfileMessage;
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: "sendbird__user-profile"
-  }, /*#__PURE__*/React__default.createElement("section", {
-    className: "sendbird__user-profile-avatar"
-  }, /*#__PURE__*/React__default.createElement(Avatar, {
-    height: "80px",
-    width: "80px",
-    src: user === null || user === void 0 ? void 0 : user.profileUrl
-  })), /*#__PURE__*/React__default.createElement("section", {
-    className: "sendbird__user-profile-name"
-  }, /*#__PURE__*/React__default.createElement(Label, {
-    type: LabelTypography.H_2,
-    color: LabelColors.ONBACKGROUND_1
-  }, (user === null || user === void 0 ? void 0 : user.nickname) || stringSet.NO_NAME)), (user === null || user === void 0 ? void 0 : user.userId) !== currentUserId_ && !disableMessaging && /*#__PURE__*/React__default.createElement("section", {
-    className: "sendbird__user-profile-message"
-  }, /*#__PURE__*/React__default.createElement(Button, {
-    type: ButtonTypes.SECONDARY,
-    onClick: function () {
-      // Create 1:1 channel
-      var params = {
-        isDistinct: false,
-        invitedUserIds: [user === null || user === void 0 ? void 0 : user.userId],
-        operatorUserIds: [currentUserId_]
-      };
-      onSuccess();
-      createChannel(params).then(function (groupChannel) {
-        logger.info('UserProfile, channel create', groupChannel);
-
-        if (typeof onUserProfileMessage === 'function') {
-          onUserProfileMessage === null || onUserProfileMessage === void 0 ? void 0 : onUserProfileMessage(groupChannel);
-        }
-      });
-    }
-  }, stringSet.USER_PROFILE__MESSAGE)), /*#__PURE__*/React__default.createElement("div", {
-    className: "sendbird__user-profile-separator"
-  }), /*#__PURE__*/React__default.createElement("section", {
-    className: "sendbird__user-profile-userId"
-  }, /*#__PURE__*/React__default.createElement(Label, {
-    className: "sendbird__user-profile-userId--label",
-    type: LabelTypography.CAPTION_2,
-    color: LabelColors.ONBACKGROUND_2
-  }, stringSet.USER_PROFILE__USER_ID), /*#__PURE__*/React__default.createElement(Label, {
-    className: "sendbird__user-profile-userId--value",
-    type: LabelTypography.BODY_1,
-    color: LabelColors.ONBACKGROUND_1
-  }, user === null || user === void 0 ? void 0 : user.userId)));
-}
-
-export { UserProfile as default };
-//# sourceMappingURL=UserProfile.js.map

package/ui/Word.js

@@ -1,109 +0,0 @@
-import React__default from 'react';
-import { a as LabelTypography } from '../index-e2994193.js';
-import LinkLabel from './LinkLabel.js';
-import { u as uuidv4 } from '../uuid-7a5e68ed.js';
-import { j as convertWordToStringObj, S as StringObjType } from '../index-425e5f17.js';
-import MentionLabel from './MentionLabel.js';
-import 'prop-types';
-import '../stringSet-c2443946.js';
-import '../tslib.es6-13412863.js';
-import '../utils/message/getOutgoingMessageState.js';
-import './ContextMenu.js';
-import 'react-dom';
-import './SortByRow.js';
-import './UserProfile.js';
-import '../LocalizationContext-4c2faa9a.js';
-import '../index-a53d78b6.js';
-import '../UserProfileContext-e5d90f15.js';
-import '../sendbirdSelectors.js';
-import '../topics-0ba43ee8.js';
-import '../utils-87dce5dd.js';
-import './Avatar.js';
-import './ImageRenderer.js';
-import './Icon.js';
-import './Button.js';
-import '../useSendbirdStateContext.js';
-import '../withSendbird.js';
-import '../_rollupPluginBabelHelpers-b45d3824.js';
-
-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.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) || '';
-
-    if (renderString && typeof renderString === 'function') {
-      return renderString(stringObj);
-    }
-
-    if (type === StringObjType.mention) {
-      return /*#__PURE__*/React__default.createElement(MentionLabel, {
-        mentionTemplate: mentionTemplate,
-        mentionedUserId: userId,
-        mentionedUserNickname: value,
-        key: uuidv4(),
-        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 = {
-        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.createElement(LinkLabel, {
-          className: "sendbird-word__url",
-          key: uuidv4(),
-          src: stringUrl.url,
-          type: LabelTypography.BODY_1
-        }, stringUrl.url) : null, stringUrl.back ? stringUrl.back : ''];
-      }
-
-      return /*#__PURE__*/React__default.createElement(LinkLabel, {
-        className: "sendbird-word__url",
-        key: uuidv4(),
-        src: word,
-        type: LabelTypography.BODY_1
-      }, value);
-    } else {
-      return value;
-    }
-  }));
-}
-
-export { Word as default };
-//# sourceMappingURL=Word.js.map

package/useLongPress-fbe83e54.js

@@ -1,116 +0,0 @@
-import { _ as __assign } from './tslib.es6-13412863.js';
-import { useState, useRef, useCallback } from 'react';
-import { u as useMediaQueryContext } from './MediaQueryContext-97a21b7e.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 = useMediaQueryContext().isMobile;
-
-  var _f = useState(false),
-      longPressTriggered = _f[0],
-      setLongPressTriggered = _f[1];
-
-  var _g = useState(false),
-      dragTriggered = _g[0],
-      setDragTriggered = _g[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 (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 = 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-fbe83e54.js.map

package/useLongPress-fbe83e54.js.map

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

@@ -1,20 +0,0 @@
-import { useContext } from 'react';
-import { SendbirdSdkContext } from './withSendbird.js';
-import './_rollupPluginBabelHelpers-b45d3824.js';
-
-/**
- * Example:
- * const MyComponent = () => {
- *  const context = useSendbirdStateContext();
- *  const sdk = sendbirdSelectors.getSdk(context);
- *  return (<div>...</div>);
- * }
- */
-
-function useSendbirdStateContext() {
-  var context = useContext(SendbirdSdkContext);
-  return context;
-}
-
-export { useSendbirdStateContext as default };
-//# sourceMappingURL=useSendbirdStateContext.js.map