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

package/dist/ui/Tooltip.js

@@ -1,22 +0,0 @@
-import { a as __spreadArray } from '../tslib.es6-96c33448.js';
-import React__default from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-8ff79952.js';
-import 'prop-types';
-import '../stringSet-fbd7c37c.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/dist/ui/TooltipWrapper.js

@@ -1,49 +0,0 @@
-import { a as __spreadArray } from '../tslib.es6-96c33448.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/dist/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-8ff79952.js';
-import { j as getClassName } from '../index-4217213f.js';
-import { a as LocalizationContext } from '../LocalizationContext-948efac4.js';
-import 'prop-types';
-import '../stringSet-fbd7c37c.js';
-import '../tslib.es6-96c33448.js';
-import '../utils/message/getOutgoingMessageState.js';
-import '../index-5c8b0523.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/dist/ui/UserListItem.js

@@ -1,127 +0,0 @@
-import { a as __spreadArray } from '../tslib.es6-96c33448.js';
-import React__default, { useContext } from 'react';
-import { a as UserProfileContext } from '../UserProfileContext-74d60d34.js';
-import { a as LocalizationContext } from '../LocalizationContext-948efac4.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-8ff79952.js';
-import 'prop-types';
-import '../stringSet-fbd7c37c.js';
-import '../index-5c8b0523.js';
-import './ImageRenderer.js';
-import './Icon.js';
-import '../uuid-d8fc0ef1.js';
-import '../sendbirdSelectors.js';
-import '../topics-d6268256.js';
-import '../utils-273068f6.js';
-import './Button.js';
-import '../useSendbirdStateContext.js';
-import '../withSendbird.js';
-import '../_rollupPluginBabelHelpers-e4ed87a8.js';
-import 'react-dom';
-import './SortByRow.js';
-import '../index-4217213f.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/dist/ui/UserProfile.js

@@ -1,85 +0,0 @@
-import React__default, { useContext } from 'react';
-import { a as LocalizationContext } from '../LocalizationContext-948efac4.js';
-import { a as UserProfileContext } from '../UserProfileContext-74d60d34.js';
-import { getCreateGroupChannel } from '../sendbirdSelectors.js';
-import Avatar from './Avatar.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-8ff79952.js';
-import Button, { ButtonTypes } from './Button.js';
-import useSendbirdStateContext from '../useSendbirdStateContext.js';
-import '../stringSet-fbd7c37c.js';
-import '../index-5c8b0523.js';
-import 'prop-types';
-import '../topics-d6268256.js';
-import '../utils-273068f6.js';
-import '../tslib.es6-96c33448.js';
-import './ImageRenderer.js';
-import './Icon.js';
-import '../uuid-d8fc0ef1.js';
-import '../withSendbird.js';
-import '../_rollupPluginBabelHelpers-e4ed87a8.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/dist/ui/VoiceMessageItemBody.js

@@ -1,110 +0,0 @@
-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-8ff79952.js';
-import { a as VoicePlayerStatus } from '../index-bb3ccac9.js';
-import '../consts-854f6e5f.js';
-import '../VoiceRecorder/context.js';
-import '../lame.all.js';
-import '../tslib.es6-96c33448.js';
-import 'prop-types';
-import '../stringSet-fbd7c37c.js';
-
-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 = useState(false),
-      usingReaction = _e[0],
-      setUsingReaction = _e[1];
-
-  var _f = 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 ? VoicePlayerStatus.IDLE : _h;
-
-  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 = 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.createElement("div", {
-    className: "sendbird-voice-message-item-body ".concat(className, " ").concat(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 === VoicePlayerStatus.IDLE || playingStatus === VoicePlayerStatus.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 === VoicePlayerStatus.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 === VoicePlayerStatus.PLAYING && /*#__PURE__*/React__default.createElement("div", {
-    className: "sendbird-voice-message-item-body__status-button__button",
-    onClick: function () {
-      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/dist/ui/VoiceMessgeInput.js

@@ -1,15 +0,0 @@
-import 'react';
-import './PlaybackTime.js';
-import './ProgressBar.js';
-import './TextButton.js';
-import './Icon.js';
-import '../index-8ff79952.js';
-import '../LocalizationContext-948efac4.js';
-export { a as VoiceMessageInput } from '../index-3b737aa6.js';
-import '../consts-854f6e5f.js';
-import 'prop-types';
-import '../stringSet-fbd7c37c.js';
-import '../tslib.es6-96c33448.js';
-import '../color-206fa031.js';
-import '../index-5c8b0523.js';
-//# sourceMappingURL=VoiceMessgeInput.js.map

package/dist/ui/Word.js

@@ -1,109 +0,0 @@
-import React__default from 'react';
-import { a as LabelTypography } from '../index-8ff79952.js';
-import LinkLabel from './LinkLabel.js';
-import { u as uuidv4 } from '../uuid-d8fc0ef1.js';
-import { k as convertWordToStringObj, S as StringObjType } from '../index-4217213f.js';
-import MentionLabel from './MentionLabel.js';
-import 'prop-types';
-import '../stringSet-fbd7c37c.js';
-import '../tslib.es6-96c33448.js';
-import '../utils/message/getOutgoingMessageState.js';
-import './ContextMenu.js';
-import 'react-dom';
-import './SortByRow.js';
-import './UserProfile.js';
-import '../LocalizationContext-948efac4.js';
-import '../index-5c8b0523.js';
-import '../UserProfileContext-74d60d34.js';
-import '../sendbirdSelectors.js';
-import '../topics-d6268256.js';
-import '../utils-273068f6.js';
-import './Avatar.js';
-import './ImageRenderer.js';
-import './Icon.js';
-import './Button.js';
-import '../useSendbirdStateContext.js';
-import '../withSendbird.js';
-import '../_rollupPluginBabelHelpers-e4ed87a8.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/dist/useLongPress-96570844.js

@@ -1,116 +0,0 @@
-import { _ as __assign } from './tslib.es6-96c33448.js';
-import { useState, useRef, useCallback } from 'react';
-import { u as useMediaQueryContext } from './MediaQueryContext-b04e7ffd.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-96570844.js.map