@sendbird/uikit-react 3.7.0 → 3.8.1

package/cjs/index-bc6623d7.js

@@ -1,289 +0,0 @@
-'use strict';
-
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f5b0dfb9.js');
-var React = require('react');
-var reactDom = require('react-dom');
-var LocalizationContext = require('./LocalizationContext-58b6ed7c.js');
-var tslib_es6 = require('./tslib.es6-c74b513f.js');
-require('./index-54279ec2.js');
-var utils = require('./utils-eb6d90e0.js');
-var ui_Label = require('./index-b5a9b4b7.js');
-require('./types-d0d770c3.js');
-var ui_Icon = require('./ui/Icon.js');
-var index$1 = require('./index-b8ba4548.js');
-var index = require('./index-dbe8dd84.js');
-var ui_Avatar = require('./ui/Avatar.js');
-var consts = require('./consts-f54b15c2.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-// https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types/Complete_list_of_MIME_types
-var SUPPORTED_MIMES = {
-  IMAGE: ['image/jpeg', 'image/jpg', 'image/png', 'image/gif', 'image/svg+xml', 'image/webp'],
-  VIDEO: ['video/mpeg', 'video/ogg', 'video/webm', 'video/mp4']
-};
-var isImage = function (type) {
-  return SUPPORTED_MIMES.IMAGE.indexOf(type) >= 0;
-};
-var isVideo = function (type) {
-  return SUPPORTED_MIMES.VIDEO.indexOf(type) >= 0;
-};
-tslib_es6.__assign({}, SUPPORTED_MIMES);
-var ViewerTypes = {
-  SINGLE: 'SINGLE',
-  MULTI: 'MULTI'
-};
-
-function useKeyDown(_a) {
-  var props = _a.props,
-    ref = _a.ref;
-  var onClose = props.onClose;
-  var onClickLeft = utils.noop;
-  var onClickRight = utils.noop;
-  if (props.viewerType === ViewerTypes.MULTI) {
-    onClickLeft = props.onClickLeft;
-    onClickRight = props.onClickRight;
-  }
-  React.useLayoutEffect(function () {
-    var _a;
-    (_a = ref.current) === null || _a === void 0 ? void 0 : _a.focus();
-  }, [ref.current]);
-  // this usecallback is not super necessary
-  // discuss with others and remove it if it's not needed
-  var onKeyDown = React.useCallback(function (event) {
-    switch (event.key) {
-      case 'Escape':
-        // @ts-ignore
-        onClose(event);
-        break;
-      case 'ArrowLeft':
-        onClickLeft();
-        break;
-      case 'ArrowRight':
-        onClickRight();
-        break;
-    }
-    event.stopPropagation();
-  }, [onClose, onClickLeft, onClickRight]);
-  return {
-    onKeyDown: onKeyDown
-  };
-}
-
-function mapFileViewerComponentProps(_a) {
-  var props = _a.props;
-  if (props.viewerType === ViewerTypes.MULTI) {
-    var _b = props,
-      fileInfoList = _b.fileInfoList,
-      currentIndex = _b.currentIndex;
-    return fileInfoList[currentIndex];
-  }
-  var fileInfo = props;
-  return {
-    name: fileInfo.name,
-    type: fileInfo.type,
-    url: fileInfo.url
-  };
-}
-
-function DeleteButton(props) {
-  if (props.viewerType !== ViewerTypes.MULTI) {
-    var onDelete_1 = props.onDelete,
-      isByMe = props.isByMe,
-      disableDelete_1 = props.disableDelete,
-      className = props.className;
-    return isByMe ? /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "sendbird-fileviewer__header__right__actions__delete ".concat(className)
-    }, /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
-      className: disableDelete_1 ? 'disabled' : '',
-      type: ui_Icon.IconTypes.DELETE,
-      fillColor: disableDelete_1 ? ui_Icon.IconColors.GRAY : ui_Icon.IconColors.ON_BACKGROUND_1,
-      height: "24px",
-      width: "24px",
-      onClick: function (e) {
-        if (!disableDelete_1) {
-          onDelete_1 === null || onDelete_1 === void 0 ? void 0 : onDelete_1(e);
-        }
-      }
-    })) : /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null);
-  }
-  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null);
-}
-
-// this is a slider component that is used to navigate between images
-function Slider(props) {
-  if (props.viewerType === ViewerTypes.MULTI) {
-    var onClickLeft_1 = props.onClickLeft,
-      onClickRight_1 = props.onClickRight;
-    return /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "sendbird-file-viewer-slider"
-    }, /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "sendbird-file-viewer-arrow--left"
-    }, /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
-      type: ui_Icon.IconTypes.SLIDE_LEFT,
-      fillColor: ui_Icon.IconColors.ON_BACKGROUND_1,
-      height: consts.SLIDER_BUTTON_ICON_SIDE_LENGTH,
-      width: consts.SLIDER_BUTTON_ICON_SIDE_LENGTH,
-      onClick: function (e) {
-        onClickLeft_1 === null || onClickLeft_1 === void 0 ? void 0 : onClickLeft_1();
-        e.stopPropagation();
-      }
-    })), /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "sendbird-file-viewer-arrow--right"
-    }, /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
-      type: ui_Icon.IconTypes.SLIDE_LEFT,
-      fillColor: ui_Icon.IconColors.ON_BACKGROUND_1,
-      height: consts.SLIDER_BUTTON_ICON_SIDE_LENGTH,
-      width: consts.SLIDER_BUTTON_ICON_SIDE_LENGTH,
-      onClick: function (e) {
-        e.stopPropagation();
-        onClickRight_1 === null || onClickRight_1 === void 0 ? void 0 : onClickRight_1();
-      }
-    })));
-  }
-  // return empty fragment if viewerType is not ViewerTypes.MULTI
-  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null);
-}
-
-var FileViewerComponent = function (props) {
-  var ref = React.useRef(null);
-  var profileUrl = props.profileUrl,
-    nickname = props.nickname,
-    onClose = props.onClose;
-  var onKeyDown = useKeyDown({
-    props: props,
-    ref: ref
-  }).onKeyDown;
-  var _a = mapFileViewerComponentProps({
-      props: props
-    }),
-    name = _a.name,
-    type = _a.type,
-    url = _a.url;
-  var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-fileviewer",
-    onKeyDown: onKeyDown
-    // to focus
-    ,
-    tabIndex: 1,
-    ref: ref
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-fileviewer__header"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-fileviewer__header__left"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-fileviewer__header__left__avatar"
-  }, /*#__PURE__*/React__default["default"].createElement(ui_Avatar["default"], {
-    height: "32px",
-    width: "32px",
-    src: profileUrl
-  })), /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
-    className: "sendbird-fileviewer__header__left__filename",
-    type: ui_Label.LabelTypography.H_2,
-    color: ui_Label.LabelColors.ONBACKGROUND_1
-  }, name), /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
-    className: "sendbird-fileviewer__header__left__sender-name",
-    type: ui_Label.LabelTypography.BODY_1,
-    color: ui_Label.LabelColors.ONBACKGROUND_2
-  }, nickname)), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-fileviewer__header__right"
-  }, index.isSupportedFileView(type) && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-fileviewer__header__right__actions"
-  }, /*#__PURE__*/React__default["default"].createElement("a", {
-    className: "sendbird-fileviewer__header__right__actions__download",
-    rel: "noopener noreferrer",
-    href: url,
-    target: "_blank"
-  }, /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
-    type: ui_Icon.IconTypes.DOWNLOAD,
-    fillColor: ui_Icon.IconColors.ON_BACKGROUND_1,
-    height: "24px",
-    width: "24px"
-  })), /*#__PURE__*/React__default["default"].createElement(DeleteButton, _rollupPluginBabelHelpers._extends({
-    className: "sendbird-fileviewer__header__right__actions__delete"
-  }, props))), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-fileviewer__header__right__actions__close"
-  }, /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
-    type: ui_Icon.IconTypes.CLOSE,
-    fillColor: ui_Icon.IconColors.ON_BACKGROUND_1,
-    height: "24px",
-    width: "24px",
-    onClick: function (e) {
-      return onClose === null || onClose === void 0 ? void 0 : onClose(e);
-    }
-  })))), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-fileviewer__content"
-  }, index.isVideo(type) && /*#__PURE__*/React__default["default"].createElement("video", {
-    controls: true,
-    className: "sendbird-fileviewer__content__video"
-  }, /*#__PURE__*/React__default["default"].createElement("source", {
-    src: url,
-    type: type
-  })), index.isImage(type) && /*#__PURE__*/React__default["default"].createElement("img", {
-    src: url,
-    alt: name,
-    className: props.viewerType === ViewerTypes.MULTI ? 'sendbird-fileviewer__content__img__multi' : 'sendbird-fileviewer__content__img'
-  }), !index.isSupportedFileView(type) && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-fileviewer__content__unsupported"
-  }, /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
-    type: ui_Label.LabelTypography.H_1,
-    color: ui_Label.LabelColors.ONBACKGROUND_1
-  }, (stringSet === null || stringSet === void 0 ? void 0 : stringSet.UI__FILE_VIEWER__UNSUPPORT) || 'Unsupported message')), /*#__PURE__*/React__default["default"].createElement(Slider, props)));
-};
-function FileViewer(_a) {
-  var _b, _c, _d;
-  var message = _a.message,
-    _e = _a.statefulFileInfoList,
-    statefulFileInfoList = _e === void 0 ? [] : _e,
-    onClose = _a.onClose,
-    _f = _a.isByMe,
-    isByMe = _f === void 0 ? false : _f,
-    onDelete = _a.onDelete,
-    currentIndex = _a.currentIndex,
-    onClickLeft = _a.onClickLeft,
-    onClickRight = _a.onClickRight;
-  if (index.isMultipleFilesMessage(message)) {
-    var castedMessage = message;
-    return /*#__PURE__*/React__default["default"].createElement(FileViewerComponent, {
-      profileUrl: castedMessage.sender.profileUrl,
-      nickname: castedMessage.sender.nickname,
-      viewerType: ViewerTypes.MULTI,
-      fileInfoList: statefulFileInfoList.filter(function (fileInfo) {
-        return fileInfo.url; // Caution: This assumes that defined url means file upload has completed.
-      }).map(function (fileInfo) {
-        return {
-          name: fileInfo.fileName || '',
-          type: fileInfo.mimeType || '',
-          url: fileInfo.url
-        };
-      }),
-      currentIndex: currentIndex || 0,
-      onClickLeft: onClickLeft || utils.noop,
-      onClickRight: onClickRight || utils.noop,
-      onClose: onClose
-    });
-  } else if (index.isFileMessage(message)) {
-    var castedMessage = message;
-    return /*#__PURE__*/reactDom.createPortal( /*#__PURE__*/React__default["default"].createElement(FileViewerComponent, {
-      profileUrl: (_b = castedMessage.sender) === null || _b === void 0 ? void 0 : _b.profileUrl,
-      nickname: (_c = castedMessage.sender) === null || _c === void 0 ? void 0 : _c.nickname,
-      name: castedMessage.name,
-      type: castedMessage.type,
-      url: castedMessage === null || castedMessage === void 0 ? void 0 : castedMessage.url,
-      isByMe: isByMe,
-      disableDelete: (((_d = castedMessage.threadInfo) === null || _d === void 0 ? void 0 : _d.replyCount) || 0) > 0,
-      onClose: onClose,
-      onDelete: onDelete || utils.noop
-    }), document.getElementById(index$1.MODAL_ROOT));
-  }
-  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null);
-}
-
-exports.FileViewer = FileViewer;
-exports.FileViewerComponent = FileViewerComponent;
-exports.isImage = isImage;
-exports.isVideo = isVideo;
-//# sourceMappingURL=index-bc6623d7.js.map

package/cjs/index-bc6623d7.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-bc6623d7.js","sources":["../../src/ui/FileViewer/types.ts","../../src/ui/FileViewer/hooks/useKeyDown.ts","../../src/ui/FileViewer/utils.ts","../../src/ui/FileViewer/DeleteButton.tsx","../../src/ui/FileViewer/Slider.tsx","../../src/ui/FileViewer/index.tsx"],"sourcesContent":["// https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types/Complete_list_of_MIME_types\n\n// TODO: refactor this to -> as const pattern\nexport type SupportedImageMimesType = 'image/jpeg' | 'image/jpg' | 'image/png' | 'image/gif' | 'image/svg+xml' | 'image/webp';\nexport type SupportedVideoMimesType = 'video/mpeg' | 'video/ogg' | 'video/webm' | 'video/mp4';\nexport type SupportedMimesType = SupportedImageMimesType | SupportedVideoMimesType;\n\nconst SUPPORTED_MIMES = {\n  IMAGE: [\n    'image/jpeg',\n    'image/jpg',\n    'image/png',\n    'image/gif',\n    'image/svg+xml',\n    'image/webp',\n  ],\n  VIDEO: [\n    'video/mpeg',\n    'video/ogg',\n    'video/webm',\n    'video/mp4',\n  ],\n};\n\nexport const isImage = (type: SupportedImageMimesType): boolean => SUPPORTED_MIMES.IMAGE.indexOf(type) >= 0;\nexport const isVideo = (type: SupportedVideoMimesType): boolean => SUPPORTED_MIMES.VIDEO.indexOf(type) >= 0;\nexport const isGif = (type: SupportedMimesType): boolean => type === 'image/gif';\nexport const unSupported = (type: SupportedMimesType): boolean => (\n  !(\n    isImage(type as SupportedImageMimesType)\n    || isVideo(type as SupportedVideoMimesType)\n  )\n);\n\nexport default { ...SUPPORTED_MIMES };\n\nexport const ViewerTypes = {\n  SINGLE: 'SINGLE',\n  MULTI: 'MULTI',\n} as const;\n\nexport type ViewerType = keyof typeof ViewerTypes;\n\nexport interface SenderInfo {\n  profileUrl: string;\n  nickname: string;\n}\nexport interface FileInfo {\n  name: string;\n  type: string;\n  url: string;\n}\n\nexport interface BaseViewer {\n  onClose: (e: React.MouseEvent) => void;\n}\n\nexport interface SingleFileViewer extends SenderInfo, FileInfo, BaseViewer {\n  viewerType?: typeof ViewerTypes.SINGLE;\n  isByMe?: boolean;\n  disableDelete?: boolean;\n  onDelete: (e: React.MouseEvent) => void;\n}\n\nexport interface MultiFilesViewer extends SenderInfo, BaseViewer {\n  viewerType: typeof ViewerTypes.MULTI;\n  fileInfoList: FileInfo[];\n  currentIndex: number;\n  onClickLeft: () => void;\n  onClickRight: () => void;\n}\n\nexport type FileViewerComponentProps = SingleFileViewer | MultiFilesViewer;\n","import { useCallback, useLayoutEffect } from 'react';\nimport { noop } from '../../../utils/utils';\nimport { FileViewerComponentProps, ViewerTypes } from '../types';\n\nexport function useKeyDown({ props, ref }: {\n  props: FileViewerComponentProps,\n  ref: React.RefObject<HTMLDivElement>;\n}): {\n  onKeyDown: React.KeyboardEventHandler<HTMLDivElement>;\n} {\n  const { onClose } = props;\n  let onClickLeft = noop;\n  let onClickRight = noop;\n  if (props.viewerType === ViewerTypes.MULTI) {\n    onClickLeft = props.onClickLeft;\n    onClickRight = props.onClickRight;\n  }\n\n  useLayoutEffect(() => {\n    ref.current?.focus();\n  }, [ref.current]);\n\n  // this usecallback is not super necessary\n  // discuss with others and remove it if it's not needed\n  const onKeyDown: React.KeyboardEventHandler<HTMLDivElement> = useCallback((event) => {\n    switch (event.key) {\n      case 'Escape':\n        // @ts-ignore\n        onClose(event);\n        break;\n      case 'ArrowLeft':\n        onClickLeft();\n        break;\n      case 'ArrowRight':\n        onClickRight();\n        break;\n      default:\n        break;\n    }\n    event.stopPropagation();\n  }, [onClose, onClickLeft, onClickRight]);\n\n  return {\n    onKeyDown,\n  };\n}\n","import { FileInfo, FileViewerComponentProps, MultiFilesViewer, SingleFileViewer, ViewerTypes } from './types';\n\nexport function mapFileViewerComponentProps({ props }: {\n  props: FileViewerComponentProps;\n}): FileInfo {\n  if (props.viewerType === ViewerTypes.MULTI) {\n    const { fileInfoList, currentIndex } = props as MultiFilesViewer;\n    return fileInfoList[currentIndex];\n  }\n  const fileInfo: FileInfo = props as SingleFileViewer;\n  return {\n    name: fileInfo.name,\n    type: fileInfo.type,\n    url: fileInfo.url,\n  };\n}\n","import React from 'react';\nimport { FileViewerComponentProps, ViewerTypes } from './types';\nimport Icon, { IconColors, IconTypes } from '../Icon';\n\nexport function DeleteButton(props: FileViewerComponentProps & { className?: string }): React.ReactElement {\n  if (props.viewerType !== ViewerTypes.MULTI) {\n    const { onDelete, isByMe, disableDelete, className } = props;\n    return (isByMe)\n      ? (\n        <div className={`sendbird-fileviewer__header__right__actions__delete ${className}`}>\n          <Icon\n            className={disableDelete ? 'disabled' : ''}\n            type={IconTypes.DELETE}\n            fillColor={disableDelete ? IconColors.GRAY : IconColors.ON_BACKGROUND_1}\n            height=\"24px\"\n            width=\"24px\"\n            onClick={(e) => { if (!disableDelete) { onDelete?.(e); } }}\n          />\n        </div>\n      )\n      : <></>;\n  }\n  return <></>;\n}\n","import React from 'react';\nimport { FileViewerComponentProps, ViewerTypes } from './types';\nimport Icon, { IconColors, IconTypes } from '../Icon';\nimport { SLIDER_BUTTON_ICON_SIDE_LENGTH } from '../../utils/consts';\n\n// this is a slider component that is used to navigate between images\nexport function Slider(props: FileViewerComponentProps): React.ReactElement {\n  if (props.viewerType === ViewerTypes.MULTI) {\n    const { onClickLeft, onClickRight } = props;\n    return (\n      <div className=\"sendbird-file-viewer-slider\">\n        <div className=\"sendbird-file-viewer-arrow--left\">\n          <Icon\n            type={IconTypes.SLIDE_LEFT}\n            fillColor={IconColors.ON_BACKGROUND_1}\n            height={SLIDER_BUTTON_ICON_SIDE_LENGTH}\n            width={SLIDER_BUTTON_ICON_SIDE_LENGTH}\n            onClick={(e) => {\n              onClickLeft?.();\n              e.stopPropagation();\n            }}\n          />\n        </div>\n        <div className=\"sendbird-file-viewer-arrow--right\">\n          <Icon\n            type={IconTypes.SLIDE_LEFT}\n            fillColor={IconColors.ON_BACKGROUND_1}\n            height={SLIDER_BUTTON_ICON_SIDE_LENGTH}\n            width={SLIDER_BUTTON_ICON_SIDE_LENGTH}\n            onClick={(e) => {\n              e.stopPropagation();\n              onClickRight?.();\n            }}\n          />\n        </div>\n      </div>\n    );\n  }\n  // return empty fragment if viewerType is not ViewerTypes.MULTI\n  return <></>;\n}\n","import './index.scss';\n\nimport React, { MouseEvent, ReactElement, useContext, useRef } from 'react';\nimport { FileMessage, MultipleFilesMessage } from '@sendbird/chat/message';\nimport { createPortal } from 'react-dom';\nimport { LocalizationContext } from '../../lib/LocalizationContext';\nimport { MODAL_ROOT } from '../../hooks/useModal';\nimport { isFileMessage, isImage, isMultipleFilesMessage, isSupportedFileView, isVideo } from '../../utils';\nimport { noop } from '../../utils/utils';\nimport Avatar from '../Avatar/index';\nimport Label, { LabelColors, LabelTypography } from '../Label';\nimport Icon, { IconColors, IconTypes } from '../Icon';\nimport { FileInfo, FileViewerComponentProps, ViewerTypes } from './types';\nimport { useKeyDown } from './hooks/useKeyDown';\nimport { mapFileViewerComponentProps } from './utils';\nimport { DeleteButton } from './DeleteButton';\nimport { Slider } from './Slider';\nimport { StatefulFileInfo } from '../../utils/createStatefulFileInfoList';\n\nexport const FileViewerComponent = (props: FileViewerComponentProps): ReactElement => {\n  const ref = useRef<HTMLDivElement>(null);\n  const { profileUrl, nickname, onClose } = props;\n  const { onKeyDown } = useKeyDown({ props, ref });\n  const { name, type, url } = mapFileViewerComponentProps({ props });\n  const { stringSet } = useContext(LocalizationContext);\n\n  return (\n    <div\n      className=\"sendbird-fileviewer\"\n      onKeyDown={onKeyDown}\n      // to focus\n      tabIndex={1}\n      ref={ref}\n    >\n      <div className=\"sendbird-fileviewer__header\">\n        <div className=\"sendbird-fileviewer__header__left\">\n          <div className=\"sendbird-fileviewer__header__left__avatar\">\n            <Avatar height=\"32px\" width=\"32px\" src={profileUrl} />\n          </div>\n          <Label\n            className=\"sendbird-fileviewer__header__left__filename\"\n            type={LabelTypography.H_2}\n            color={LabelColors.ONBACKGROUND_1}\n          >\n            {name}\n          </Label>\n          <Label\n            className=\"sendbird-fileviewer__header__left__sender-name\"\n            type={LabelTypography.BODY_1}\n            color={LabelColors.ONBACKGROUND_2}\n          >\n            {nickname}\n          </Label>\n        </div>\n        <div\n          className=\"sendbird-fileviewer__header__right\"\n        >\n          {\n            isSupportedFileView(type) && (\n              <div className=\"sendbird-fileviewer__header__right__actions\" >\n                <a\n                  className=\"sendbird-fileviewer__header__right__actions__download\"\n                  rel=\"noopener noreferrer\"\n                  href={url}\n                  target=\"_blank\"\n                >\n                  <Icon\n                    type={IconTypes.DOWNLOAD}\n                    fillColor={IconColors.ON_BACKGROUND_1}\n                    height=\"24px\"\n                    width=\"24px\"\n                  />\n                </a>\n                <DeleteButton\n                  className='sendbird-fileviewer__header__right__actions__delete'\n                  {...props}\n                />\n              </div>\n            )\n          }\n          <div className=\"sendbird-fileviewer__header__right__actions__close\">\n            <Icon\n              type={IconTypes.CLOSE}\n              fillColor={IconColors.ON_BACKGROUND_1}\n              height=\"24px\"\n              width=\"24px\"\n              onClick={(e) => onClose?.(e)}\n            />\n          </div>\n        </div>\n      </div>\n      <div className=\"sendbird-fileviewer__content\">\n        {isVideo(type) && (\n          <video\n            controls\n            className=\"sendbird-fileviewer__content__video\"\n          >\n            <source src={url} type={type} />\n          </video>\n        )}\n        {\n          isImage(type) && (\n            <img\n              src={url}\n              alt={name}\n              className={\n                props.viewerType === ViewerTypes.MULTI\n                  ? 'sendbird-fileviewer__content__img__multi'\n                  : 'sendbird-fileviewer__content__img'\n              }\n            />\n          )\n        }\n        {\n          !isSupportedFileView(type) && (\n            <div className=\"sendbird-fileviewer__content__unsupported\">\n              <Label type={LabelTypography.H_1} color={LabelColors.ONBACKGROUND_1}>\n                {stringSet?.UI__FILE_VIEWER__UNSUPPORT || 'Unsupported message'}\n              </Label>\n            </div>\n          )\n        }\n        <Slider {...props} />\n      </div>\n    </div>\n  );\n};\n\nexport interface FileViewerProps {\n  message?: FileMessage | MultipleFilesMessage;\n  statefulFileInfoList?: StatefulFileInfo[]\n  isByMe?: boolean;\n  currentIndex?: number;\n  onClose: (e: MouseEvent) => void;\n  onDelete?: (e: MouseEvent) => void;\n  onClickLeft?: () => void;\n  onClickRight?: () => void;\n}\n\nexport default function FileViewer({\n  message,\n  statefulFileInfoList = [],\n  onClose,\n  isByMe = false,\n  onDelete,\n  currentIndex,\n  onClickLeft,\n  onClickRight,\n}: FileViewerProps): ReactElement {\n  if (isMultipleFilesMessage(message)) {\n    const castedMessage = message as MultipleFilesMessage;\n    return (\n      <FileViewerComponent\n        profileUrl={castedMessage.sender.profileUrl}\n        nickname={castedMessage.sender.nickname}\n        viewerType={ViewerTypes.MULTI}\n        fileInfoList={\n          statefulFileInfoList.filter((fileInfo: StatefulFileInfo) => {\n            return fileInfo.url; // Caution: This assumes that defined url means file upload has completed.\n          }).map((fileInfo: StatefulFileInfo): FileInfo => {\n            return {\n              name: fileInfo.fileName || '',\n              type: fileInfo.mimeType || '',\n              url: fileInfo.url,\n            };\n          })\n        }\n        currentIndex={currentIndex || 0}\n        onClickLeft={onClickLeft || noop}\n        onClickRight={onClickRight || noop}\n        onClose={onClose}\n      />\n    );\n  } else if (isFileMessage(message)) {\n    const castedMessage = message as FileMessage;\n    return createPortal(\n      (\n        <FileViewerComponent\n          profileUrl={castedMessage.sender?.profileUrl}\n          nickname={castedMessage.sender?.nickname}\n          name={castedMessage.name}\n          type={castedMessage.type}\n          url={castedMessage?.url}\n          isByMe={isByMe}\n          disableDelete={(castedMessage.threadInfo?.replyCount || 0) > 0}\n          onClose={onClose}\n          onDelete={onDelete || noop}\n        />\n      ),\n      (document.getElementById(MODAL_ROOT) as HTMLElement),\n    );\n  }\n  return <></>;\n}\n"],"names":["SUPPORTED_MIMES","IMAGE","VIDEO","isImage","type","indexOf","isVideo","__assign","ViewerTypes","SINGLE","MULTI","useKeyDown","_a","props","ref","onClose","onClickLeft","noop","onClickRight","viewerType","useLayoutEffect","current","focus","onKeyDown","useCallback","event","key","stopPropagation","mapFileViewerComponentProps","_b","fileInfoList","currentIndex","fileInfo","name","url","DeleteButton","onDelete_1","isByMe","disableDelete_1","disableDelete","className","React","createElement","concat","Icon","IconTypes","DELETE","fillColor","IconColors","GRAY","ON_BACKGROUND_1","height","width","onClick","e","Fragment","Slider","onClickLeft_1","onClickRight_1","SLIDE_LEFT","SLIDER_BUTTON_ICON_SIDE_LENGTH","FileViewerComponent","useRef","profileUrl","nickname","stringSet","useContext","LocalizationContext","tabIndex","Avatar","src","Label","LabelTypography","H_2","color","LabelColors","ONBACKGROUND_1","BODY_1","ONBACKGROUND_2","isSupportedFileView","rel","href","target","DOWNLOAD","_extends","CLOSE","controls","alt","H_1","UI__FILE_VIEWER__UNSUPPORT","FileViewer","message","_e","statefulFileInfoList","_f","onDelete","isMultipleFilesMessage","castedMessage","sender","filter","map","fileName","mimeType","isFileMessage","createPortal","_c","_d","threadInfo","replyCount","document","getElementById","MODAL_ROOT"],"mappings":"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"}

package/cjs/index-cc2e05a4.js

@@ -1,227 +0,0 @@
-'use strict';
-
-var React = require('react');
-var DOMPurify = require('dompurify');
-var tslib_es6 = require('./tslib.es6-c74b513f.js');
-var consts = require('./consts-b3c4f548.js');
-var consts$2 = require('./consts-61d83828.js');
-var consts$1 = require('./consts-b711321c.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var DOMPurify__default = /*#__PURE__*/_interopDefaultLegacy(DOMPurify);
-
-function renderToString(_a) {
-  var userId = _a.userId,
-    nickname = _a.nickname;
-  // donot change this template, it wont work
-  var el = "<span data-userid=\"".concat(userId, "\" data-sb-mention=\"true\" class=\"").concat(consts.MENTION_USER_LABEL_CLASSNAME, "\">").concat(nickname, "</span>");
-  var purifier = DOMPurify__default["default"](window);
-  var sanitized_ = purifier.sanitize(el);
-  var token = sanitized_.split(' ');
-  var spanTag = token[0],
-    rest = token.slice(1);
-  // we do this because DOMPurify removes the contenteditable attribute
-  var sanitized = tslib_es6.__spreadArray([spanTag, 'contenteditable="false"'], rest, true).join(' ');
-  return sanitized;
-}
-
-// https://davidwalsh.name/javascript-debounce-function
-
-// Sanitize that special characters of HTML tags cause XSS issue
-const sanitizeString = str => str === null || str === void 0 ? void 0 : str.replace(/[\u00A0-\u9999<>]/gim, i => ''.concat('&#', i.charCodeAt(0), ';'));
-
-/**
- * NodeList cannot be used with Array methods
- * @param {childNodes} NodeList
- * @returns Array of child nodes
- */
-const nodeListToArray = childNodes => {
-  try {
-    return Array.from(childNodes);
-  } catch (error) {
-    return [];
-  }
-};
-function isChannelTypeSupportsMultipleFilesMessage(channel) {
-  var _channel$isGroupChann;
-  return channel && (channel === null || channel === void 0 || (_channel$isGroupChann = channel.isGroupChannel) === null || _channel$isGroupChann === void 0 ? void 0 : _channel$isGroupChann.call(channel)) && !channel.isBroadcast && !channel.isSuper;
-}
-
-function inserTemplateToDOM(templateList) {
-  var nodes = templateList.map(function (template) {
-    var text = template.text,
-      userId = template.userId;
-    if (userId) {
-      return renderToString({
-        userId: userId,
-        nickname: text
-      });
-    }
-    return sanitizeString(text);
-  }).join(' ')
-  // add a space at the end of the mention, else cursor/caret wont work
-  .concat(' ');
-  document.execCommand('insertHTML', false, nodes);
-}
-
-var PASTE_NODE = 'sendbird-uikit__paste-node';
-var TEXT_MESSAGE_CLASS = 'sendbird-word';
-var MENTION_CLASS = 'sendbird-word__mention';
-var MENTION_CLASS_IN_INPUT = 'sendbird-mention-user-label';
-var MENTION_CLASS_COMBINED_QUERY = ".".concat(MENTION_CLASS, ", .").concat(MENTION_CLASS_IN_INPUT);
-
-function querySelectorIncludingSelf(master, selector) {
-  var result = tslib_es6.__spreadArray([master], Array.from(master.querySelectorAll(selector)), true).find(function (el) {
-    return el.matches(selector);
-  });
-  return result;
-}
-// Pasted dom node can be OG_MESSAGE or partial message or full message
-// full messsage would have TEXT_MESSAGE_BODY_CLASSNAME and have childNodes
-// partial message would not have TEXT_MESSAGE_BODY_CLASSNAME
-function getLeafNodes(master) {
-  // og message
-  var ogMessage = querySelectorIncludingSelf(master, ".".concat(consts$1.OG_MESSAGE_BODY_CLASSNAME));
-  if (ogMessage) {
-    return nodeListToArray(ogMessage.childNodes);
-  }
-  var textMessageBody = querySelectorIncludingSelf(master, ".".concat(consts$2.TEXT_MESSAGE_BODY_CLASSNAME));
-  if (textMessageBody) {
-    return nodeListToArray(textMessageBody.childNodes);
-  }
-  return nodeListToArray(master.childNodes);
-}
-function createPasteNode() {
-  var pasteNode = document.body.querySelector("#".concat(PASTE_NODE));
-  // remove existing paste node
-  if (pasteNode) {
-    pasteNode === null || pasteNode === void 0 ? void 0 : pasteNode.remove();
-  }
-  // create new paste node and return
-  var node = document.createElement('div');
-  node.id = PASTE_NODE;
-  node.style.display = 'none';
-  return node;
-}
-function hasMention(parent) {
-  return (parent === null || parent === void 0 ? void 0 : parent.querySelector(MENTION_CLASS_COMBINED_QUERY)) ? true : false;
-}
-var extractTextFromNodes = function (nodes) {
-  var text = '';
-  nodes.forEach(function (node) {
-    // to preserve space between words
-    var textNodes = node.querySelectorAll(".".concat(TEXT_MESSAGE_CLASS));
-    if (textNodes.length > 0) {
-      text += extractTextFromNodes(Array.from(textNodes)) + ' ';
-    }
-    text += node.innerText + ' ';
-  });
-  return text;
-};
-function domToMessageTemplate(nodeArray) {
-  var templates = nodeArray === null || nodeArray === void 0 ? void 0 : nodeArray.reduce(function (accumulator, currentValue) {
-    var _a;
-    // currentValue can be node(from messageBody or messageInput) or text
-    var mentionNode;
-    // this looks awkward, but it is a fallback to set default text
-    var text = currentValue === null || currentValue === void 0 ? void 0 : currentValue.innerText;
-    // if text node, set text
-    if (currentValue instanceof Text) {
-      mentionNode = false;
-      text = currentValue.textContent;
-    }
-    if (currentValue instanceof HTMLElement) {
-      mentionNode = currentValue.classList.contains(MENTION_CLASS) || currentValue.classList.contains(MENTION_CLASS_IN_INPUT) ? currentValue : currentValue.querySelector(MENTION_CLASS_COMBINED_QUERY);
-    }
-    // if mentionNode is not null, it is a mention
-    if (mentionNode) {
-      var text_1 = currentValue === null || currentValue === void 0 ? void 0 : currentValue.innerText;
-      var userId = (_a = mentionNode.dataset) === null || _a === void 0 ? void 0 : _a.userid;
-      return tslib_es6.__spreadArray(tslib_es6.__spreadArray([], accumulator, true), [{
-        text: text_1,
-        userId: userId
-      }], false);
-    }
-    return tslib_es6.__spreadArray(tslib_es6.__spreadArray([], accumulator, true), [{
-      text: text
-    }], false);
-  }, []);
-  return templates;
-}
-function getUsersFromWords(templates, channel) {
-  var userMap = {};
-  var users = channel.members;
-  templates.forEach(function (template) {
-    if (template.userId) {
-      var mentionedMember = users.find(function (user) {
-        return user.userId === template.userId;
-      });
-      // Object.values would return array-> [undefined] if the user is not in the channel
-      if (mentionedMember) {
-        userMap[template.userId] = mentionedMember;
-      }
-    }
-  });
-  return Object.values(userMap);
-}
-
-// exported, should be backward compatible
-// conditions to test:
-// 1. paste simple text
-// 2. paste text with mention
-// 3. paste text with mention and text
-// 4. paste text with mention and text and paste again before and after
-// 5. copy message with mention(only one mention, no other text) and paste
-// 6. copy message with mention from input and paste(before and after)
-function usePaste(_a) {
-  var ref = _a.ref,
-    setIsInput = _a.setIsInput,
-    setHeight = _a.setHeight,
-    channel = _a.channel,
-    setMentionedUsers = _a.setMentionedUsers;
-  return React.useCallback(function (e) {
-    e.preventDefault();
-    var html = e === null || e === void 0 ? void 0 : e.clipboardData.getData('text/html');
-    // simple text, continue as normal
-    if (!html) {
-      var text = e === null || e === void 0 ? void 0 : e.clipboardData.getData('text');
-      document.execCommand('insertHTML', false, sanitizeString(text));
-      setIsInput(true);
-      setHeight();
-      return;
-    }
-    // has html, check if there are mentions, sanitize and insert
-    var purifier = DOMPurify__default["default"](window);
-    var clean = purifier.sanitize(html);
-    var pasteNode = createPasteNode();
-    pasteNode.innerHTML = clean;
-    // does not have mention, continue as normal
-    if (!hasMention(pasteNode)) {
-      // to preserve space between words
-      var text = extractTextFromNodes(Array.from(pasteNode.children));
-      document.execCommand('insertHTML', false, sanitizeString(text));
-      pasteNode.remove();
-      setIsInput(true);
-      setHeight();
-      return;
-    }
-    // has mention, collect leaf nodes and parse words
-    var leafNodes = getLeafNodes(pasteNode);
-    var words = domToMessageTemplate(leafNodes);
-    var mentionedUsers = getUsersFromWords(words, channel);
-    // side effects
-    setMentionedUsers(mentionedUsers);
-    inserTemplateToDOM(words);
-    pasteNode.remove();
-    setIsInput(true);
-    setHeight();
-  }, [ref, setIsInput, setHeight, channel, setMentionedUsers]);
-}
-
-exports.isChannelTypeSupportsMultipleFilesMessage = isChannelTypeSupportsMultipleFilesMessage;
-exports.nodeListToArray = nodeListToArray;
-exports.renderToString = renderToString;
-exports.sanitizeString = sanitizeString;
-exports.usePaste = usePaste;
-//# sourceMappingURL=index-cc2e05a4.js.map

package/cjs/index-cc2e05a4.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-cc2e05a4.js","sources":["../../src/ui/MentionUserLabel/renderToString.ts","../../src/ui/MessageInput/utils.js","../../src/ui/MessageInput/hooks/usePaste/insertTemplate.ts","../../src/ui/MessageInput/hooks/usePaste/consts.ts","../../src/ui/MessageInput/hooks/usePaste/utils.ts","../../src/ui/MessageInput/hooks/usePaste/index.ts"],"sourcesContent":["// cretes a sanitized string from a mention user label\nimport DOMPurify from 'dompurify';\nimport { MENTION_USER_LABEL_CLASSNAME } from './consts';\n\ntype renderToStringParams = {\n  userId: string;\n  nickname: string;\n};\n\nexport default function renderToString({ userId, nickname }: renderToStringParams): string {\n  // donot change this template, it wont work\n  const el = `<span data-userid=\"${userId}\" data-sb-mention=\"true\" class=\"${MENTION_USER_LABEL_CLASSNAME}\">${nickname}</span>`;\n  const purifier = DOMPurify(window);\n  const sanitized_ = purifier.sanitize(el);\n  const token = sanitized_.split(' ');\n  const [spanTag, ...rest] = token;\n  // we do this because DOMPurify removes the contenteditable attribute\n  const sanitized = [spanTag, 'contenteditable=\"false\"', ...rest].join(' ');\n  return sanitized;\n}\n","// https://davidwalsh.name/javascript-debounce-function\n// Returns a function, that, as long as it continues to be invoked, will not\n// be triggered. The function will be called after it stops being called for\n// N milliseconds. If `immediate` is passed, trigger the function on the\n// leading edge, instead of the trailing.\nexport function debounce(func, wait, immediate) {\n  let timeout;\n  return function _debounce() {\n    const context = this;\n    // eslint-disable-next-line prefer-rest-params\n    const args = arguments;\n    const later = () => {\n      timeout = null;\n      if (!immediate) func.apply(context, args);\n    };\n    const callNow = immediate && !timeout;\n    clearTimeout(timeout);\n    timeout = setTimeout(later, wait);\n    if (callNow) func.apply(context, args);\n  };\n}\n\n// Sanitize that special characters of HTML tags cause XSS issue\nexport const sanitizeString = (str) => (\n  str?.replace(/[\\u00A0-\\u9999<>]/gim, (i) => ''.concat('&#', i.charCodeAt(0), ';'))\n);\n\n/**\n * NodeList cannot be used with Array methods\n * @param {childNodes} NodeList\n * @returns Array of child nodes\n */\nexport const nodeListToArray = (childNodes) => {\n  try {\n    return Array.from(childNodes);\n  } catch (error) {\n    return [];\n  }\n};\n\nexport function isChannelTypeSupportsMultipleFilesMessage(channel) {\n  return channel\n    && channel?.isGroupChannel?.()\n    && !channel.isBroadcast\n    && !channel.isSuper;\n}\n","import { Word } from './types';\nimport { sanitizeString } from '../../utils';\nimport renderMentionLabelToString from '../../../MentionUserLabel/renderToString';\n\nexport function inserTemplateToDOM(templateList: Word[]): void {\n  const nodes = templateList.map((template) => {\n    const { text, userId } = template;\n    if (userId) {\n      return renderMentionLabelToString({ userId, nickname: text });\n    }\n    return sanitizeString(text);\n  })\n    .join(' ')\n  // add a space at the end of the mention, else cursor/caret wont work\n    .concat(' ');\n  document.execCommand('insertHTML', false, nodes);\n}\n","export const PASTE_NODE = 'sendbird-uikit__paste-node';\nexport const TEXT_MESSAGE_CLASS = 'sendbird-word';\nexport const MENTION_CLASS = 'sendbird-word__mention';\nexport const MENTION_CLASS_IN_INPUT = 'sendbird-mention-user-label';\nexport const MENTION_CLASS_COMBINED_QUERY = `.${MENTION_CLASS}, .${MENTION_CLASS_IN_INPUT}`;\n","import { GroupChannel } from '@sendbird/chat/groupChannel';\nimport { User } from '@sendbird/chat';\n\nimport {\n  PASTE_NODE,\n  MENTION_CLASS,\n  TEXT_MESSAGE_CLASS,\n  MENTION_CLASS_COMBINED_QUERY,\n  MENTION_CLASS_IN_INPUT,\n} from './consts';\nimport { Word } from './types';\nimport { TEXT_MESSAGE_BODY_CLASSNAME } from '../../../TextMessageItemBody/consts';\nimport { OG_MESSAGE_BODY_CLASSNAME } from '../../../OGMessageItemBody/consts';\nimport { nodeListToArray } from '../../utils';\n\nexport function querySelectorIncludingSelf(\n  master: HTMLElement,\n  selector: string,\n): HTMLElement | null {\n  const result = [\n    master,\n    ...Array.from(master.querySelectorAll(selector)),\n  ].find((el) => el.matches(selector)) as HTMLElement | null;\n  return result;\n}\n\n// Pasted dom node can be OG_MESSAGE or partial message or full message\n// full messsage would have TEXT_MESSAGE_BODY_CLASSNAME and have childNodes\n// partial message would not have TEXT_MESSAGE_BODY_CLASSNAME\nexport function getLeafNodes(master: HTMLElement): ChildNode[] {\n  // og message\n  const ogMessage = querySelectorIncludingSelf(master, `.${OG_MESSAGE_BODY_CLASSNAME}`);\n  if (ogMessage) {\n    return nodeListToArray(ogMessage.childNodes);\n  }\n\n  const textMessageBody = querySelectorIncludingSelf(master, `.${TEXT_MESSAGE_BODY_CLASSNAME}`);\n  if (textMessageBody) {\n    return nodeListToArray(textMessageBody.childNodes);\n  }\n\n  return nodeListToArray(master.childNodes);\n}\n\nexport function createPasteNode(): HTMLDivElement | null {\n  const pasteNode = document.body.querySelector(`#${PASTE_NODE}`);\n  // remove existing paste node\n  if (pasteNode) {\n    pasteNode?.remove();\n  }\n\n  // create new paste node and return\n  const node = document.createElement('div');\n  node.id = PASTE_NODE;\n  node.style.display = 'none';\n  return node;\n}\n\nexport function hasMention(parent: HTMLDivElement): boolean {\n  return parent?.querySelector(MENTION_CLASS_COMBINED_QUERY) ? true : false;\n}\n\nexport const extractTextFromNodes = (nodes: HTMLSpanElement[]): string => {\n  let text = '';\n  nodes.forEach((node) => {\n    // to preserve space between words\n    const textNodes = node.querySelectorAll(`.${TEXT_MESSAGE_CLASS}`);\n    if (textNodes.length > 0) {\n      text += ((extractTextFromNodes(Array.from(textNodes) as HTMLSpanElement[])) + ' ');\n    }\n    text += (node.innerText + ' ');\n  });\n  return text;\n};\n\nexport function domToMessageTemplate(nodeArray: ChildNode[]): Word[] {\n  const templates: Word[] = nodeArray?.reduce((accumulator, currentValue) => {\n    // currentValue can be node(from messageBody or messageInput) or text\n    let mentionNode;\n    // this looks awkward, but it is a fallback to set default text\n    let text = (currentValue as HTMLSpanElement)?.innerText;\n\n    // if text node, set text\n    if (currentValue instanceof Text) {\n      mentionNode = false;\n      text = currentValue.textContent;\n    }\n\n    if (currentValue instanceof HTMLElement) {\n      mentionNode = (currentValue.classList.contains(MENTION_CLASS) || currentValue.classList.contains(MENTION_CLASS_IN_INPUT))\n        ? currentValue\n        : currentValue.querySelector(MENTION_CLASS_COMBINED_QUERY);\n    }\n\n    // if mentionNode is not null, it is a mention\n    if (mentionNode) {\n      const text = (currentValue as HTMLSpanElement)?.innerText;\n      const userId = mentionNode.dataset?.userid;\n      return [\n        ...accumulator,\n        {\n          text,\n          userId,\n        },\n      ];\n    }\n\n    return [\n      ...accumulator,\n      {\n        text,\n      },\n    ];\n  }, [] as Word[]);\n  return templates;\n}\n\nexport function getUsersFromWords(templates: Word[], channel: GroupChannel): User[] {\n  const userMap = {};\n  const users = channel.members;\n  templates.forEach((template) => {\n    if (template.userId) {\n      const mentionedMember = users.find((user) => user.userId === template.userId);\n      // Object.values would return array-> [undefined] if the user is not in the channel\n      if (mentionedMember) {\n        userMap[template.userId] = mentionedMember;\n      }\n    }\n  });\n  return Object.values(userMap);\n}\n","import { useCallback } from 'react';\nimport DOMPurify from 'dompurify';\n\nimport { inserTemplateToDOM } from './insertTemplate';\nimport { sanitizeString } from '../../utils';\nimport { DynamicProps } from './types';\nimport {\n  createPasteNode,\n  hasMention,\n  domToMessageTemplate,\n  getUsersFromWords,\n  extractTextFromNodes,\n  getLeafNodes,\n} from './utils';\n\n// exported, should be backward compatible\n// conditions to test:\n// 1. paste simple text\n// 2. paste text with mention\n// 3. paste text with mention and text\n// 4. paste text with mention and text and paste again before and after\n// 5. copy message with mention(only one mention, no other text) and paste\n// 6. copy message with mention from input and paste(before and after)\nexport function usePaste({\n  ref,\n  setIsInput,\n  setHeight,\n  channel,\n  setMentionedUsers,\n}: DynamicProps): (e: React.ClipboardEvent<HTMLDivElement>) => void {\n  return useCallback((e) => {\n    e.preventDefault();\n    const html = e?.clipboardData.getData('text/html');\n    // simple text, continue as normal\n    if (!html) {\n      const text = e?.clipboardData.getData('text');\n      document.execCommand('insertHTML', false, sanitizeString(text));\n      setIsInput(true);\n      setHeight();\n      return;\n    }\n\n    // has html, check if there are mentions, sanitize and insert\n    const purifier = DOMPurify(window);\n    const clean = purifier.sanitize(html);\n    const pasteNode = createPasteNode();\n    pasteNode.innerHTML = clean;\n    // does not have mention, continue as normal\n    if (!hasMention(pasteNode)) {\n      // to preserve space between words\n      const text = extractTextFromNodes(Array.from(pasteNode.children) as HTMLSpanElement[]);\n      document.execCommand('insertHTML', false, sanitizeString(text));\n      pasteNode.remove();\n      setIsInput(true);\n      setHeight();\n      return;\n    }\n\n    // has mention, collect leaf nodes and parse words\n    const leafNodes = getLeafNodes(pasteNode);\n    const words = domToMessageTemplate(leafNodes);\n    const mentionedUsers = getUsersFromWords(words, channel);\n\n    // side effects\n    setMentionedUsers(mentionedUsers);\n    inserTemplateToDOM(words);\n    pasteNode.remove();\n    setIsInput(true);\n    setHeight();\n  }, [ref, setIsInput, setHeight, channel, setMentionedUsers]);\n}\n\n// to do -> In the future donot export default\nexport default usePaste;\n"],"names":["renderToString","_a","userId","nickname","el","concat","MENTION_USER_LABEL_CLASSNAME","purifier","DOMPurify","window","sanitized_","sanitize","token","split","spanTag","rest","slice","sanitized","__spreadArray","join","sanitizeString","str","replace","i","charCodeAt","nodeListToArray","childNodes","Array","from","error","isChannelTypeSupportsMultipleFilesMessage","channel","_channel$isGroupChann","isGroupChannel","call","isBroadcast","isSuper","inserTemplateToDOM","templateList","nodes","map","template","text","renderMentionLabelToString","document","execCommand","PASTE_NODE","TEXT_MESSAGE_CLASS","MENTION_CLASS","MENTION_CLASS_IN_INPUT","MENTION_CLASS_COMBINED_QUERY","querySelectorIncludingSelf","master","selector","result","querySelectorAll","find","matches","getLeafNodes","ogMessage","OG_MESSAGE_BODY_CLASSNAME","textMessageBody","TEXT_MESSAGE_BODY_CLASSNAME","createPasteNode","pasteNode","body","querySelector","remove","node","createElement","id","style","display","hasMention","parent","extractTextFromNodes","forEach","textNodes","length","innerText","domToMessageTemplate","nodeArray","templates","reduce","accumulator","currentValue","mentionNode","Text","textContent","HTMLElement","classList","contains","text_1","dataset","userid","getUsersFromWords","userMap","users","members","mentionedMember","user","Object","values","usePaste","ref","setIsInput","setHeight","setMentionedUsers","useCallback","e","preventDefault","html","clipboardData","getData","clean","innerHTML","children","leafNodes","words","mentionedUsers"],"mappings":"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"}