@sendbird/uikit-react 3.6.4-rc-0 → 3.6.4

package/dist/cjs/ui/ReactionButton.js

@@ -1,47 +0,0 @@
-'use strict';
-
-var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-21ae158b.js');
-var React = require('react');
-var useLongPress = require('../useLongPress-83b6a2f1.js');
-var utils = require('../utils-6a748c02.js');
-require('../MediaQueryContext-5d311a86.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-const ReactionButton = /*#__PURE__*/React__default["default"].forwardRef((props, ref) => {
-  const {
-    className,
-    width,
-    height,
-    selected,
-    dataSbId = '',
-    onClick,
-    children
-  } = props;
-  const onClickHandler = useLongPress.useLongPress({
-    onLongPress: utils.noop,
-    onClick
-  }, {
-    shouldPreventDefault: true,
-    shouldStopPropagation: true
-  });
-  return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers._extends({
-    className: [...(Array.isArray(className) ? className : [className]), `sendbird-reaction-button${selected ? '--selected' : ''}`].join(' '),
-    ref: ref,
-    role: "button",
-    style: {
-      width,
-      height
-    }
-  }, onClickHandler, {
-    tabIndex: 0,
-    "data-sb-id": dataSbId
-  }), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-reaction-button__inner"
-  }, children));
-});
-
-module.exports = ReactionButton;
-//# sourceMappingURL=ReactionButton.js.map

package/dist/cjs/ui/SortByRow.js

@@ -1,43 +0,0 @@
-'use strict';
-
-var React = require('react');
-var uuid = require('../uuid-dee74248.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-const componentClassName = 'sendbird-sort-by-row';
-function SortByRow(_ref) {
-  let {
-    className = '',
-    maxItemCount,
-    itemWidth,
-    itemHeight,
-    children
-  } = _ref;
-  if (Array.isArray(children) && children.length > maxItemCount) {
-    const result = [];
-    for (let i = 0; i < children.length; i += maxItemCount) {
-      result.push( /*#__PURE__*/React__default["default"].createElement("div", {
-        className: [...(Array.isArray(className) ? className : [className]), componentClassName].join(' '),
-        key: uuid.uuidv4(),
-        style: {
-          width: itemWidth * maxItemCount,
-          height: itemHeight
-        }
-      }, children.slice(i, i + maxItemCount)));
-    }
-    return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, result);
-  }
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: [...(Array.isArray(className) ? className : [className]), componentClassName].join(' '),
-    style: {
-      width: itemWidth * (Array.isArray(children) ? children.length : 1),
-      height: itemHeight
-    }
-  }, children);
-}
-
-module.exports = SortByRow;
-//# sourceMappingURL=SortByRow.js.map

package/dist/cjs/ui/TextButton.js

@@ -1,29 +0,0 @@
-'use strict';
-
-var React = require('react');
-var color = require('../color-0c04efbd.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-const TextButton = _ref => {
-  let {
-    className = '',
-    color: color$1 = color.Colors.ONBACKGROUND_1,
-    disabled = false,
-    disableUnderline = false,
-    onClick = () => {/* noop */},
-    children
-  } = _ref;
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: [...(Array.isArray(className) ? className : [className]), color.changeColorToClassName(color$1), disableUnderline ? 'sendbird-textbutton--not-underline' : 'sendbird-textbutton', disabled ? 'sendbird-textbutton--disabled' : ''].join(' '),
-    role: "button",
-    tabIndex: 0,
-    onClick: e => onClick(e),
-    onKeyPress: e => onClick(e)
-  }, children);
-};
-
-module.exports = TextButton;
-//# sourceMappingURL=TextButton.js.map

package/dist/cjs/ui/TextMessageItemBody.js

@@ -1,79 +0,0 @@
-'use strict';
-
-var React = require('react');
-var ui_Label = require('../index-2bfd366f.js');
-var index = require('../index-1b3c69da.js');
-var LocalizationContext = require('../LocalizationContext-44d2f61b.js');
-var tokenize = require('../tokenize-44139f1e.js');
-var index$1 = require('../index-8cd9b25d.js');
-var consts = require('../consts-b93ef9ea.js');
-require('prop-types');
-require('../stringSet-7aebf034.js');
-require('../_rollupPluginBabelHelpers-21ae158b.js');
-require('../utils/message/getOutgoingMessageState.js');
-require('../index-88e8fdfa.js');
-require('../index.module-5a6a79b6.js');
-require('../Message/context.js');
-require('./MentionLabel.js');
-require('./ContextMenu.js');
-require('react-dom');
-require('./SortByRow.js');
-require('../uuid-dee74248.js');
-require('./UserProfile.js');
-require('../UserProfileContext-9d843d68.js');
-require('../sendbirdSelectors.js');
-require('../topics-373d2156.js');
-require('../utils-6a748c02.js');
-require('./Avatar.js');
-require('./ImageRenderer.js');
-require('./Icon.js');
-require('./Button.js');
-require('../useSendbirdStateContext.js');
-require('../withSendbird.js');
-require('./LinkLabel.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-function TextMessageItemBody(_ref) {
-  var _message$mentionedMes, _message$mentionedUse, _message$reactions;
-  let {
-    className = '',
-    message,
-    isByMe = false,
-    mouseHover = false,
-    isMentionEnabled = false,
-    isReactionEnabled = false
-  } = _ref;
-  const {
-    stringSet
-  } = React.useContext(LocalizationContext.LocalizationContext);
-  const isMessageMentioned = isMentionEnabled && (message === null || message === void 0 ? void 0 : (_message$mentionedMes = message.mentionedMessageTemplate) === null || _message$mentionedMes === void 0 ? void 0 : _message$mentionedMes.length) > 0 && (message === null || message === void 0 ? void 0 : (_message$mentionedUse = message.mentionedUsers) === null || _message$mentionedUse === void 0 ? void 0 : _message$mentionedUse.length) > 0;
-  const tokens = React.useMemo(() => {
-    if (isMessageMentioned) {
-      return tokenize.tokenizeMessage({
-        mentionedUsers: message === null || message === void 0 ? void 0 : message.mentionedUsers,
-        messageText: message === null || message === void 0 ? void 0 : message.mentionedMessageTemplate
-      });
-    }
-    return tokenize.tokenizeMessage({
-      messageText: message === null || message === void 0 ? void 0 : message.message
-    });
-  }, [message === null || message === void 0 ? void 0 : message.updatedAt]);
-  return /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
-    type: ui_Label.LabelTypography.BODY_1,
-    color: isByMe ? ui_Label.LabelColors.ONCONTENT_1 : ui_Label.LabelColors.ONBACKGROUND_1
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: index.getClassName([className, consts.TEXT_MESSAGE_BODY_CLASSNAME, isByMe ? 'outgoing' : 'incoming', mouseHover ? 'mouse-hover' : '', isReactionEnabled && (message === null || message === void 0 ? void 0 : (_message$reactions = message.reactions) === null || _message$reactions === void 0 ? void 0 : _message$reactions.length) > 0 ? 'reactions' : ''])
-  }, /*#__PURE__*/React__default["default"].createElement(index$1.TextFragment, {
-    tokens: tokens
-  }), index.isEditedMessage(message) && /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
-    className: "sendbird-text-message-item-body__message edited",
-    type: ui_Label.LabelTypography.BODY_1,
-    color: isByMe ? ui_Label.LabelColors.ONCONTENT_2 : ui_Label.LabelColors.ONBACKGROUND_2
-  }, ` ${stringSet.MESSAGE_EDITED} `)));
-}
-
-module.exports = TextMessageItemBody;
-//# sourceMappingURL=TextMessageItemBody.js.map

package/dist/cjs/ui/ThreadReplies.js

@@ -1,85 +0,0 @@
-'use strict';
-
-var React = require('react');
-var ui_Avatar = require('./Avatar.js');
-var ui_Icon = require('./Icon.js');
-var ui_Label = require('../index-2bfd366f.js');
-var LocalizationContext = require('../LocalizationContext-44d2f61b.js');
-var uuid = require('../uuid-dee74248.js');
-require('./ImageRenderer.js');
-require('prop-types');
-require('../stringSet-7aebf034.js');
-require('../index-88e8fdfa.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-function ThreadReplies(_ref) {
-  var _mostRepliedUsers$;
-  let {
-    className,
-    threadInfo,
-    onClick
-  } = _ref;
-  const {
-    mostRepliedUsers = [],
-    replyCount
-  } = threadInfo;
-  const {
-    stringSet
-  } = LocalizationContext.useLocalization();
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: `sendbird-ui-thread-replies ${className}`,
-    role: "button",
-    onClick: e => {
-      onClick(e);
-      e === null || e === void 0 ? void 0 : e.stopPropagation();
-    },
-    onKeyDown: e => {
-      onClick(e);
-      e === null || e === void 0 ? void 0 : e.stopPropagation();
-    }
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-ui-thread-replies__user-profiles"
-  }, mostRepliedUsers.slice(0, 4).map(user => {
-    return /*#__PURE__*/React__default["default"].createElement(ui_Avatar["default"], {
-      key: uuid.uuidv4(),
-      className: "sendbird-ui-thread-replies__user-profiles__avatar",
-      src: user === null || user === void 0 ? void 0 : user.profileUrl,
-      alt: "user profile",
-      width: "20px",
-      height: "20px"
-    });
-  }), (mostRepliedUsers === null || mostRepliedUsers === void 0 ? void 0 : mostRepliedUsers.length) >= 5 && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-ui-thread-replies__user-profiles__avatar"
-  }, /*#__PURE__*/React__default["default"].createElement(ui_Avatar["default"], {
-    className: "sendbird-ui-thread-replies__user-profiles__avatar__image",
-    src: mostRepliedUsers === null || mostRepliedUsers === void 0 ? void 0 : (_mostRepliedUsers$ = mostRepliedUsers[4]) === null || _mostRepliedUsers$ === void 0 ? void 0 : _mostRepliedUsers$.profileUrl,
-    alt: "user profile",
-    width: "20px",
-    height: "20px"
-  }), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-ui-thread-replies__user-profiles__avatar__cover"
-  }), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-ui-thread-replies__user-profiles__avatar__plus"
-  }, /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
-    type: ui_Icon.IconTypes.PLUS,
-    fillColor: ui_Icon.IconColors.WHITE,
-    width: "16px",
-    height: "16px"
-  })))), /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
-    className: "sendbird-ui-thread-replies__reply-counts",
-    type: ui_Label.LabelTypography.CAPTION_2,
-    color: ui_Label.LabelColors.PRIMARY
-  }, replyCount === 1 ? `${replyCount} ${stringSet.CHANNEL__THREAD_REPLY}` : `${replyCount > 99 ? stringSet.CHANNEL__THREAD_OVER_MAX : replyCount} ${stringSet.CHANNEL__THREAD_REPLIES}`), /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
-    className: "sendbird-ui-thread-replies__icon",
-    type: ui_Icon.IconTypes.CHEVRON_RIGHT,
-    fillColor: ui_Icon.IconColors.PRIMARY,
-    width: "16px",
-    height: "16px"
-  }));
-}
-
-module.exports = ThreadReplies;
-//# sourceMappingURL=ThreadReplies.js.map

package/dist/cjs/ui/ThumbnailMessageItemBody.js

@@ -1,77 +0,0 @@
-'use strict';
-
-var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-21ae158b.js');
-var React = require('react');
-var ui_Icon = require('./Icon.js');
-var ui_ImageRenderer = require('./ImageRenderer.js');
-var index = require('../index-1b3c69da.js');
-var utils = require('../utils-6a748c02.js');
-var useLongPress = require('../useLongPress-83b6a2f1.js');
-require('prop-types');
-require('../utils/message/getOutgoingMessageState.js');
-require('../MediaQueryContext-5d311a86.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-function ThumbnailMessageItemBody(_ref) {
-  var _thumbnails$, _message$reactions$le, _message$reactions;
-  let {
-    className = '',
-    message,
-    isByMe = false,
-    mouseHover = false,
-    isReactionEnabled = false,
-    showFileViewer = utils.noop,
-    style = {}
-  } = _ref;
-  const {
-    thumbnails = []
-  } = message;
-  const thumbnailUrl = thumbnails.length > 0 ? (_thumbnails$ = thumbnails[0]) === null || _thumbnails$ === void 0 ? void 0 : _thumbnails$.url : '';
-  const [imageRendered, setImageRendered] = React.useState(false);
-  const onClickHandler = useLongPress.useLongPress({
-    onLongPress: utils.noop,
-    onClick: () => {
-      if (index.isSentMessage(message)) {
-        showFileViewer === null || showFileViewer === void 0 ? void 0 : showFileViewer(true);
-      }
-    }
-  });
-  return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers._extends({
-    className: index.getClassName([className, 'sendbird-thumbnail-message-item-body', isByMe ? 'outgoing' : 'incoming', mouseHover ? 'mouse-hover' : '', isReactionEnabled && ((_message$reactions$le = (_message$reactions = message.reactions) === null || _message$reactions === void 0 ? void 0 : _message$reactions.length) !== null && _message$reactions$le !== void 0 ? _message$reactions$le : 0) > 0 ? 'reactions' : ''])
-  }, onClickHandler), /*#__PURE__*/React__default["default"].createElement(ui_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: () => {
-      setImageRendered(true);
-    },
-    placeHolder: style_ => /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "sendbird-thumbnail-message-item-body__placeholder",
-      style: style_
-    })
-  }), index.isVideoMessage(message) && !thumbnailUrl && !imageRendered && /*#__PURE__*/React__default["default"].createElement("video", {
-    className: "sendbird-thumbnail-message-item-body__video"
-  }, /*#__PURE__*/React__default["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["default"].createElement("div", {
-    className: "sendbird-thumbnail-message-item-body__image-cover"
-  }), (index.isVideoMessage(message) || index.isGifMessage(message)) && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-thumbnail-message-item-body__icon-wrapper"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-thumbnail-message-item-body__icon-wrapper__icon"
-  }, /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
-    type: index.isVideoMessage(message) ? ui_Icon.IconTypes.PLAY : ui_Icon.IconTypes.GIF,
-    fillColor: ui_Icon.IconColors.GRAY,
-    width: "34px",
-    height: "34px"
-  }))));
-}
-
-module.exports = ThumbnailMessageItemBody;
-//# sourceMappingURL=ThumbnailMessageItemBody.js.map

package/dist/cjs/ui/Toggle.js

@@ -1,202 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-21ae158b.js');
-var useSendbirdStateContext = require('../useSendbirdStateContext.js');
-require('../withSendbird.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-/**
- * The default value of `checked` should be null
- * to support both case of controlled and uncontrolled component
- * ref: https://github.com/aaronshaf/react-toggle#props
- */
-const noop = () => {/* noop */};
-const TOGGLE_DEFAULT_VALUE = {
-  checked: null,
-  defaultChecked: false,
-  disabled: false,
-  onChange: noop,
-  onFocus: noop,
-  onBlur: noop
-};
-const ToggleContext = /*#__PURE__*/React__default["default"].createContext(TOGGLE_DEFAULT_VALUE);
-function useToggleContext() {
-  const context = React__default["default"].useContext(ToggleContext);
-  if (context === undefined) {
-    throw new Error('@sendbird/uikit-react/ui/Toggle: useToggleContext must be used within a ToggleContainer.');
-  }
-  return context;
-}
-
-// Props Explanation https://github.com/aaronshaf/react-toggle#props
-function ToggleContainer(_ref) {
-  let {
-    checked = TOGGLE_DEFAULT_VALUE.checked,
-    // null
-    defaultChecked = TOGGLE_DEFAULT_VALUE.defaultChecked,
-    disabled = TOGGLE_DEFAULT_VALUE.disabled,
-    onChange = TOGGLE_DEFAULT_VALUE.onChange,
-    onFocus = TOGGLE_DEFAULT_VALUE.onFocus,
-    onBlur = TOGGLE_DEFAULT_VALUE.onBlur,
-    children
-  } = _ref;
-  const [isChecked, setChecked] = React.useState(defaultChecked || false);
-  const handleChange = React.useCallback(e => {
-    if (disabled) {
-      return;
-    }
-    if (checked === null) {
-      setChecked(e.currentTarget.checked);
-    }
-    onChange(e);
-  }, [onChange, checked]);
-  return /*#__PURE__*/React__default["default"].createElement(ToggleContext.Provider, {
-    value: {
-      checked: checked !== null ? checked : isChecked,
-      disabled,
-      onChange: handleChange,
-      onFocus: e => {
-        if (!disabled) {
-          onFocus(e);
-        }
-      },
-      onBlur: e => {
-        if (!disabled) {
-          onBlur(e);
-        }
-      }
-    }
-  }, children);
-}
-
-function filterNumber(input) {
-  if (typeof input !== 'string' && typeof input !== 'number') {
-    try {
-      const {
-        config
-      } = useSendbirdStateContext();
-      const {
-        logger
-      } = config;
-      logger.warning('@sendbird/uikit-react/ui/Toggle: TypeError - expected string or number.', input);
-    } catch (_) {/* noop */}
-    return [];
-  }
-  if (typeof input === 'number') {
-    return [input];
-  }
-  const regex = /(-?\d+)(\.\d+)?/g;
-  const numbers = input.match(regex) || [];
-  return numbers.map(parseFloat);
-}
-
-function ToggleUI(props) {
-  var _filterNumber;
-  const {
-    reversed = false,
-    width = '40px',
-    animationDuration = '0.5s',
-    style = {},
-    name = '',
-    id = '',
-    ariaLabel = '',
-    ariaLabelledby = ''
-  } = props;
-  const {
-    checked,
-    disabled,
-    onChange,
-    onFocus,
-    onBlur
-  } = useToggleContext();
-
-  // animation should not be activated in the initialization step
-  const [animatedClassName, setAnimatedClassName] = React.useState('');
-  const toggleWidth = (_filterNumber = filterNumber(width)) === null || _filterNumber === void 0 ? void 0 : _filterNumber[0];
-  const toggleHeight = toggleWidth / 2;
-  // The size of dot should be 60% of toggle height
-  const dotSize = toggleHeight * 0.6;
-  return /*#__PURE__*/React__default["default"].createElement("label", {
-    className: ['sendbird-input-toggle-button', animatedClassName, checked ? 'sendbird-input-toggle-button--checked' : 'sendbird-input-toggle-button--unchecked', disabled ? 'sendbird-input-toggle-button--disabled' : [], reversed ? 'sendbird-input-toggle-button--reversed' : []].flat().join(' '),
-    style: _rollupPluginBabelHelpers._objectSpread2({
-      width: `${toggleWidth}px`,
-      height: `${toggleHeight}px`,
-      borderRadius: `${dotSize}px`
-    }, style)
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: ['sendbird-input-toggle-button__inner-dot', checked ? 'sendbird-input-toggle-button__inner-dot--activate' : 'sendbird-input-toggle-button__inner-dot--inactivate'].join(' '),
-    style: {
-      width: `${dotSize}px`,
-      height: `${dotSize}px`,
-      animationDuration
-    }
-  }), /*#__PURE__*/React__default["default"].createElement("input", {
-    type: "checkbox",
-    "aria-label": ariaLabel,
-    "aria-labelledby": ariaLabelledby,
-    name: name,
-    id: id,
-    checked: checked,
-    disabled: disabled,
-    onChange: e => {
-      onChange(e);
-      setAnimatedClassName(e.currentTarget.checked ? 'sendbird-input-toggle-button--turned-on' : 'sendbird-input-toggle-button--turned-off');
-    },
-    onFocus: onFocus,
-    onBlur: onBlur
-  }));
-}
-
-function Toggle(props) {
-  const {
-    // ToggleProvider
-    checked,
-    defaultChecked,
-    disabled,
-    onChange,
-    onFocus,
-    onBlur,
-    // ToggleUI
-    className,
-    reversed,
-    width,
-    // height will be half of width
-    animationDuration,
-    style,
-    name,
-    id,
-    ariaLabel,
-    ariaLabelledby
-  } = props;
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: `sendbird-ui-toggle ${className}`
-  }, /*#__PURE__*/React__default["default"].createElement(ToggleContainer, {
-    checked: checked,
-    defaultChecked: defaultChecked,
-    disabled: disabled,
-    onChange: onChange,
-    onFocus: onFocus,
-    onBlur: onBlur
-  }, /*#__PURE__*/React__default["default"].createElement(ToggleUI, {
-    reversed: reversed,
-    width: width,
-    animationDuration: animationDuration,
-    style: style,
-    name: name,
-    id: id,
-    ariaLabel: ariaLabel,
-    ariaLabelledby: ariaLabelledby
-  })));
-}
-
-exports.Toggle = Toggle;
-exports.ToggleContainer = ToggleContainer;
-exports.ToggleUI = ToggleUI;
-exports.useToggleContext = useToggleContext;
-//# sourceMappingURL=Toggle.js.map

package/dist/cjs/ui/Tooltip.js

@@ -1,27 +0,0 @@
-'use strict';
-
-var React = require('react');
-var ui_Label = require('../index-2bfd366f.js');
-require('prop-types');
-require('../stringSet-7aebf034.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-function Tooltip(_ref) {
-  let {
-    className = '',
-    children = ''
-  } = _ref;
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: [...(Array.isArray(className) ? className : [className]), 'sendbird-tooltip'].join(' ')
-  }, /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
-    className: "sendbird-tooltip__text",
-    type: ui_Label.LabelTypography.CAPTION_2,
-    color: ui_Label.LabelColors.ONCONTENT_1
-  }, children));
-}
-
-module.exports = Tooltip;
-//# sourceMappingURL=Tooltip.js.map

package/dist/cjs/ui/UnknownMessageItemBody.js

@@ -1,43 +0,0 @@
-'use strict';
-
-var React = require('react');
-var ui_Label = require('../index-2bfd366f.js');
-var index = require('../index-1b3c69da.js');
-var LocalizationContext = require('../LocalizationContext-44d2f61b.js');
-require('prop-types');
-require('../stringSet-7aebf034.js');
-require('../_rollupPluginBabelHelpers-21ae158b.js');
-require('../utils/message/getOutgoingMessageState.js');
-require('../index-88e8fdfa.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-function UnknownMessageItemBody(_ref) {
-  var _message$reactions;
-  let {
-    className,
-    message,
-    isByMe = false,
-    mouseHover = false,
-    isReactionEnabled = false
-  } = _ref;
-  const {
-    stringSet
-  } = React.useContext(LocalizationContext.LocalizationContext);
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: index.getClassName([className, 'sendbird-unknown-message-item-body', isByMe ? 'outgoing' : 'incoming', mouseHover ? 'mouse-hover' : '', isReactionEnabled && (message === null || message === void 0 ? void 0 : (_message$reactions = message.reactions) === null || _message$reactions === void 0 ? void 0 : _message$reactions.length) > 0 ? 'reactions' : ''])
-  }, /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
-    className: "sendbird-unknown-message-item-body__header",
-    type: ui_Label.LabelTypography.BODY_1,
-    color: isByMe ? ui_Label.LabelColors.ONCONTENT_1 : ui_Label.LabelColors.ONBACKGROUND_1
-  }, stringSet.UNKNOWN__UNKNOWN_MESSAGE_TYPE), /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
-    className: "sendbird-unknown-message-item-body__description",
-    type: ui_Label.LabelTypography.BODY_1,
-    color: isByMe ? ui_Label.LabelColors.ONCONTENT_2 : ui_Label.LabelColors.ONBACKGROUND_2
-  }, stringSet.UNKNOWN__CANNOT_READ_MESSAGE));
-}
-
-module.exports = UnknownMessageItemBody;
-//# sourceMappingURL=UnknownMessageItemBody.js.map