@sendbird/uikit-react 3.5.0-rc.0 → 3.5.0

package/ui/FileMessageItemBody.js

@@ -1,32 +1,31 @@
 import React__default from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-95ac9232.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-e33f7f55.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
 import TextButton from './TextButton.js';
-import { h as getClassName, J as getUIKitFileType, t as truncateString } from '../index-58e5d82d.js';
-import { C as Colors } from '../color-c39702d1.js';
-import { u as useMediaQueryContext } from '../MediaQueryContext-bcf72e28.js';
+import { h as getClassName, L as getUIKitFileType, t as truncateString } from '../index-cf859f03.js';
+import { C as Colors } from '../color-347926b6.js';
+import { u as useMediaQueryContext } from '../MediaQueryContext-ff9dca2b.js';
 import 'prop-types';
-import '../stringSet-7ace5726.js';
-import '../tslib.es6-d9fa3716.js';
+import '../stringSet-e0ee1265.js';
+import '../_rollupPluginBabelHelpers-fb0e05a4.js';
 import '../utils/message/getOutgoingMessageState.js';
 
-function FileMessageItemBody(_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,
-      _f = _a.truncateLimit,
-      truncateLimit = _f === void 0 ? null : _f;
-  var isMobile = useMediaQueryContext().isMobile;
-  var truncateMaxNum = truncateLimit || (isMobile ? 20 : null);
+function FileMessageItemBody(_ref) {
+  var _message$reactions;
+  let {
+    className,
+    message,
+    isByMe = false,
+    mouseHover = false,
+    isReactionEnabled = false,
+    truncateLimit = null
+  } = _ref;
+  const {
+    isMobile
+  } = useMediaQueryContext();
+  const truncateMaxNum = truncateLimit || (isMobile ? 20 : null);
   return /*#__PURE__*/React__default.createElement("div", {
-    className: getClassName([className, 'sendbird-file-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' : ''])
+    className: getClassName([className, 'sendbird-file-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.createElement("div", {
     className: "sendbird-file-message-item-body__file-icon"
   }, /*#__PURE__*/React__default.createElement(Icon, {
@@ -43,7 +42,7 @@ function FileMessageItemBody(_a) {
     height: "24px"
   })), /*#__PURE__*/React__default.createElement(TextButton, {
     className: "sendbird-file-message-item-body__file-name",
-    onClick: function () {
+    onClick: () => {
       window.open(message === null || message === void 0 ? void 0 : message.url);
     },
     color: isByMe ? Colors.ONCONTENT_1 : Colors.ONBACKGROUND_1

package/ui/FileMessageItemBody.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileMessageItemBody.js","sources":["../../src/ui/FileMessageItemBody/index.tsx"],"sourcesContent":["import './index.scss';\nimport React, { ReactElement } from 'react';\nimport type { FileMessage } from '@sendbird/chat/message';\n\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport TextButton from '../TextButton';\nimport { getClassName, getUIKitFileType, truncateString } from '../../utils';\nimport { Colors } from '../../utils/color';\nimport { useMediaQueryContext } from '../../lib/MediaQueryContext';\n\ninterface Props {\n  className?: string | Array<string>;\n  message: FileMessage;\n  isByMe?: boolean;\n  mouseHover?: boolean;\n  isReactionEnabled?: boolean;\n  truncateLimit?: number;\n}\n\nexport default function FileMessageItemBody({\n  className,\n  message,\n  isByMe = false,\n  mouseHover = false,\n  isReactionEnabled = false,\n  truncateLimit = null,\n}: Props): ReactElement {\n  const { isMobile } = useMediaQueryContext();\n  const truncateMaxNum = truncateLimit || (isMobile ? 20 : null);\n  return (\n    <div className={getClassName([\n      className,\n      'sendbird-file-message-item-body',\n      isByMe ? 'outgoing' : 'incoming',\n      mouseHover ? 'mouse-hover' : '',\n      (isReactionEnabled && message?.reactions?.length > 0) ? 'reactions' : '',\n    ])}>\n      <div className=\"sendbird-file-message-item-body__file-icon\">\n        <Icon\n          className=\"sendbird-file-message-item-body__file-icon__icon\"\n          type={{\n            IMAGE: IconTypes.PHOTO,\n            VIDEO: IconTypes.PLAY,\n            AUDIO: IconTypes.FILE_AUDIO,\n            GIF: IconTypes.GIF,\n            OTHERS: IconTypes.FILE_DOCUMENT,\n          }[getUIKitFileType(message?.type)]}\n          fillColor={IconColors.PRIMARY}\n          width=\"24px\"\n          height=\"24px\"\n        />\n      </div>\n      <TextButton\n        className=\"sendbird-file-message-item-body__file-name\"\n        onClick={() => { window.open(message?.url) }}\n        color={isByMe ? Colors.ONCONTENT_1 : Colors.ONBACKGROUND_1}\n      >\n        <Label\n          className=\"sendbird-file-message-item-body__file-name__text\"\n          type={LabelTypography.BODY_1}\n          color={isByMe ? LabelColors.ONCONTENT_1 : LabelColors.ONBACKGROUND_1}\n        >\n          {truncateString(message?.name || message?.url, truncateMaxNum)}\n        </Label>\n      </TextButton>\n    </div>\n  );\n}\n"],"names":["FileMessageItemBody","_a","className","message","_c","isByMe","_d","mouseHover","_e","isReactionEnabled","_f","truncateLimit","isMobile","useMediaQueryContext","truncateMaxNum","React","getClassName","_b","reactions","length","IMAGE","IconTypes","PHOTO","VIDEO","PLAY","AUDIO","FILE_AUDIO","GIF","OTHERS","FILE_DOCUMENT","getUIKitFileType","type","IconColors","PRIMARY","window","open","url","Colors","ONCONTENT_1","ONBACKGROUND_1","LabelTypography","BODY_1","LabelColors","truncateString","name"],"mappings":"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"}
+{"version":3,"file":"FileMessageItemBody.js","sources":["../../src/ui/FileMessageItemBody/index.tsx"],"sourcesContent":["import './index.scss';\nimport React, { ReactElement } from 'react';\nimport type { FileMessage } from '@sendbird/chat/message';\n\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport TextButton from '../TextButton';\nimport { getClassName, getUIKitFileType, truncateString } from '../../utils';\nimport { Colors } from '../../utils/color';\nimport { useMediaQueryContext } from '../../lib/MediaQueryContext';\n\ninterface Props {\n  className?: string | Array<string>;\n  message: FileMessage;\n  isByMe?: boolean;\n  mouseHover?: boolean;\n  isReactionEnabled?: boolean;\n  truncateLimit?: number;\n}\n\nexport default function FileMessageItemBody({\n  className,\n  message,\n  isByMe = false,\n  mouseHover = false,\n  isReactionEnabled = false,\n  truncateLimit = null,\n}: Props): ReactElement {\n  const { isMobile } = useMediaQueryContext();\n  const truncateMaxNum = truncateLimit || (isMobile ? 20 : null);\n  return (\n    <div className={getClassName([\n      className,\n      'sendbird-file-message-item-body',\n      isByMe ? 'outgoing' : 'incoming',\n      mouseHover ? 'mouse-hover' : '',\n      (isReactionEnabled && message?.reactions?.length > 0) ? 'reactions' : '',\n    ])}>\n      <div className=\"sendbird-file-message-item-body__file-icon\">\n        <Icon\n          className=\"sendbird-file-message-item-body__file-icon__icon\"\n          type={{\n            IMAGE: IconTypes.PHOTO,\n            VIDEO: IconTypes.PLAY,\n            AUDIO: IconTypes.FILE_AUDIO,\n            GIF: IconTypes.GIF,\n            OTHERS: IconTypes.FILE_DOCUMENT,\n          }[getUIKitFileType(message?.type)]}\n          fillColor={IconColors.PRIMARY}\n          width=\"24px\"\n          height=\"24px\"\n        />\n      </div>\n      <TextButton\n        className=\"sendbird-file-message-item-body__file-name\"\n        onClick={() => { window.open(message?.url); }}\n        color={isByMe ? Colors.ONCONTENT_1 : Colors.ONBACKGROUND_1}\n      >\n        <Label\n          className=\"sendbird-file-message-item-body__file-name__text\"\n          type={LabelTypography.BODY_1}\n          color={isByMe ? LabelColors.ONCONTENT_1 : LabelColors.ONBACKGROUND_1}\n        >\n          {truncateString(message?.name || message?.url, truncateMaxNum)}\n        </Label>\n      </TextButton>\n    </div>\n  );\n}\n"],"names":["FileMessageItemBody","_ref","_message$reactions","className","message","isByMe","mouseHover","isReactionEnabled","truncateLimit","isMobile","useMediaQueryContext","truncateMaxNum","React","createElement","getClassName","reactions","length","Icon","type","IMAGE","IconTypes","PHOTO","VIDEO","PLAY","AUDIO","FILE_AUDIO","GIF","OTHERS","FILE_DOCUMENT","getUIKitFileType","fillColor","IconColors","PRIMARY","width","height","TextButton","onClick","window","open","url","color","Colors","ONCONTENT_1","ONBACKGROUND_1","Label","LabelTypography","BODY_1","LabelColors","truncateString","name"],"mappings":"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"}

package/ui/FileViewer.js

@@ -1,32 +1,34 @@
 import React__default, { useContext } from 'react';
 import { createPortal } from 'react-dom';
-import { a as LocalizationContext } from '../LocalizationContext-60894e38.js';
-import { M as MODAL_ROOT } from '../index-d81c515b.js';
-import { D as isSupportedFileView, E as isVideo, F as isImage } from '../index-58e5d82d.js';
+import { a as LocalizationContext } from '../LocalizationContext-04c0c9dc.js';
+import { M as MODAL_ROOT } from '../index-9a4e0846.js';
+import { x as isSupportedFileView, y as isVideo, z as isImage } from '../index-cf859f03.js';
 import Avatar from './Avatar.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-95ac9232.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-e33f7f55.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import '../stringSet-7ace5726.js';
-import '../index-5e776774.js';
-import '../tslib.es6-d9fa3716.js';
+import '../stringSet-e0ee1265.js';
+import '../index-319984d0.js';
+import '../_rollupPluginBabelHelpers-fb0e05a4.js';
 import '../utils/message/getOutgoingMessageState.js';
 import './ImageRenderer.js';
-import '../uuid-968941a0.js';
+import '../uuid-92d22300.js';
 import 'prop-types';
 
-var FileViewerComponent = function (_a) {
-  var profileUrl = _a.profileUrl,
-      nickname = _a.nickname,
-      name = _a.name,
-      type = _a.type,
-      url = _a.url,
-      _b = _a.isByMe,
-      isByMe = _b === void 0 ? true : _b,
-      _c = _a.disableDelete,
-      disableDelete = _c === void 0 ? false : _c,
-      onClose = _a.onClose,
-      onDelete = _a.onDelete;
-  var stringSet = useContext(LocalizationContext).stringSet;
+const FileViewerComponent = _ref => {
+  let {
+    profileUrl,
+    nickname,
+    name,
+    type,
+    url,
+    isByMe = true,
+    disableDelete = false,
+    onClose,
+    onDelete
+  } = _ref;
+  const {
+    stringSet
+  } = useContext(LocalizationContext);
   return /*#__PURE__*/React__default.createElement("div", {
     className: "sendbird-fileviewer"
   }, /*#__PURE__*/React__default.createElement("div", {
@@ -69,7 +71,7 @@ var FileViewerComponent = function (_a) {
     fillColor: disableDelete ? IconColors.GRAY : IconColors.ON_BACKGROUND_1,
     height: "24px",
     width: "24px",
-    onClick: function (e) {
+    onClick: e => {
       if (!disableDelete) {
         onDelete === null || onDelete === void 0 ? void 0 : onDelete(e);
       }
@@ -81,9 +83,7 @@ var FileViewerComponent = function (_a) {
     fillColor: IconColors.ON_BACKGROUND_1,
     height: "24px",
     width: "24px",
-    onClick: function (e) {
-      return onClose === null || onClose === void 0 ? void 0 : onClose(e);
-    }
+    onClick: e => onClose === null || onClose === void 0 ? void 0 : onClose(e)
   })))), /*#__PURE__*/React__default.createElement("div", {
     className: "sendbird-fileviewer__content"
   }, isVideo(type) && /*#__PURE__*/React__default.createElement("video", {
@@ -103,22 +103,22 @@ var FileViewerComponent = function (_a) {
     color: LabelColors.ONBACKGROUND_1
   }, (stringSet === null || stringSet === void 0 ? void 0 : stringSet.UI__FILE_VIEWER__UNSUPPORT) || 'Unsupported message'))));
 };
-function FileViewer(_a) {
-  var _b, _c, _d;
-
-  var message = _a.message,
-      _e = _a.isByMe,
-      isByMe = _e === void 0 ? false : _e,
-      onClose = _a.onClose,
-      onDelete = _a.onDelete;
+function FileViewer(_ref2) {
+  var _message$sender, _message$sender2, _message$threadInfo;
+  let {
+    message,
+    isByMe = false,
+    onClose,
+    onDelete
+  } = _ref2;
   return /*#__PURE__*/createPortal( /*#__PURE__*/React__default.createElement(FileViewerComponent, {
-    profileUrl: (_b = message === null || message === void 0 ? void 0 : message.sender) === null || _b === void 0 ? void 0 : _b.profileUrl,
-    nickname: (_c = message === null || message === void 0 ? void 0 : message.sender) === null || _c === void 0 ? void 0 : _c.nickname,
+    profileUrl: message === null || message === void 0 ? void 0 : (_message$sender = message.sender) === null || _message$sender === void 0 ? void 0 : _message$sender.profileUrl,
+    nickname: message === null || message === void 0 ? void 0 : (_message$sender2 = message.sender) === null || _message$sender2 === void 0 ? void 0 : _message$sender2.nickname,
     name: message === null || message === void 0 ? void 0 : message.name,
     type: message === null || message === void 0 ? void 0 : message.type,
     url: message === null || message === void 0 ? void 0 : message.url,
     isByMe: isByMe,
-    disableDelete: ((_d = message === null || message === void 0 ? void 0 : message.threadInfo) === null || _d === void 0 ? void 0 : _d.replyCount) > 0,
+    disableDelete: (message === null || message === void 0 ? void 0 : (_message$threadInfo = message.threadInfo) === null || _message$threadInfo === void 0 ? void 0 : _message$threadInfo.replyCount) > 0,
     onClose: onClose,
     onDelete: onDelete
   }), document.getElementById(MODAL_ROOT));

package/ui/FileViewer.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileViewer.js","sources":["../../src/ui/FileViewer/index.tsx"],"sourcesContent":["import React, { MouseEvent, ReactElement, useContext } from 'react';\nimport { FileMessage } from '@sendbird/chat/message';\nimport { createPortal } from 'react-dom';\n\nimport './index.scss';\nimport { LocalizationContext } from '../../lib/LocalizationContext';\nimport { MODAL_ROOT } from '../../hooks/useModal/ModalRoot';\nimport { isImage, isVideo, isSupportedFileView } from '../../utils';\n\nimport Avatar from '../Avatar/index';\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport Icon, { IconColors, IconTypes } from '../Icon';\n\ninterface SenderInfo {\n  profileUrl: string;\n  nickname: string;\n}\ninterface FileInfo {\n  name: string;\n  type: string;\n  url: string;\n}\nexport interface FileViewerComponentProps extends SenderInfo, FileInfo {\n  isByMe?: boolean;\n  disableDelete?: boolean;\n  onClose: (e: MouseEvent<HTMLDivElement>) => void;\n  onDelete: (e: MouseEvent<HTMLDivElement>) => void;\n}\n\nexport const FileViewerComponent = ({\n  profileUrl,\n  nickname,\n  name,\n  type,\n  url,\n  isByMe = true,\n  disableDelete = false,\n  onClose,\n  onDelete,\n}: FileViewerComponentProps): ReactElement => {\n  const { stringSet } = useContext(LocalizationContext);\n  return (\n    <div className=\"sendbird-fileviewer\">\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                {\n                  onDelete && isByMe && (\n                    <div className=\"sendbird-fileviewer__header__right__actions__delete\">\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              </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=\"sendbird-fileviewer__content__img\"\n            />\n          )\n        }\n        {\n          !isSupportedFileView(type) && (\n            <div\n              className=\"sendbird-fileviewer__content__unsupported\"\n            >\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      </div>\n    </div>\n  );\n};\n\nexport interface FileViewerProps {\n  message: FileMessage;\n  isByMe?: boolean;\n  onClose: (e: MouseEvent<HTMLDivElement>) => void;\n  onDelete: (e: MouseEvent<HTMLDivElement>) => void;\n}\n\nexport default function FileViewer({\n  message,\n  isByMe = false,\n  onClose,\n  onDelete,\n}: FileViewerProps): ReactElement {\n  return createPortal(\n    (\n      <FileViewerComponent\n        profileUrl={message?.sender?.profileUrl}\n        nickname={message?.sender?.nickname}\n        name={message?.name}\n        type={message?.type}\n        url={message?.url}\n        isByMe={isByMe}\n        disableDelete={message?.threadInfo?.replyCount > 0}\n        onClose={onClose}\n        onDelete={onDelete}\n      />\n    ),\n    document.getElementById(MODAL_ROOT),\n  );\n}\n"],"names":["FileViewerComponent","_a","profileUrl","nickname","name","type","url","_b","isByMe","_c","disableDelete","onClose","onDelete","stringSet","useContext","LocalizationContext","React","LabelTypography","H_2","LabelColors","ONBACKGROUND_1","BODY_1","ONBACKGROUND_2","isSupportedFileView","IconTypes","DOWNLOAD","IconColors","ON_BACKGROUND_1","DELETE","GRAY","e","CLOSE","isVideo","isImage","H_1","UI__FILE_VIEWER__UNSUPPORT","FileViewer","message","_e","createPortal","sender","_d","threadInfo","replyCount","document","getElementById","MODAL_ROOT"],"mappings":"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"}
+{"version":3,"file":"FileViewer.js","sources":["../../src/ui/FileViewer/index.tsx"],"sourcesContent":["import React, { MouseEvent, ReactElement, useContext } from 'react';\nimport { FileMessage } from '@sendbird/chat/message';\nimport { createPortal } from 'react-dom';\n\nimport './index.scss';\nimport { LocalizationContext } from '../../lib/LocalizationContext';\nimport { MODAL_ROOT } from '../../hooks/useModal/ModalRoot';\nimport { isImage, isVideo, isSupportedFileView } from '../../utils';\n\nimport Avatar from '../Avatar/index';\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport Icon, { IconColors, IconTypes } from '../Icon';\n\ninterface SenderInfo {\n  profileUrl: string;\n  nickname: string;\n}\ninterface FileInfo {\n  name: string;\n  type: string;\n  url: string;\n}\nexport interface FileViewerComponentProps extends SenderInfo, FileInfo {\n  isByMe?: boolean;\n  disableDelete?: boolean;\n  onClose: (e: MouseEvent<HTMLDivElement>) => void;\n  onDelete: (e: MouseEvent<HTMLDivElement>) => void;\n}\n\nexport const FileViewerComponent = ({\n  profileUrl,\n  nickname,\n  name,\n  type,\n  url,\n  isByMe = true,\n  disableDelete = false,\n  onClose,\n  onDelete,\n}: FileViewerComponentProps): ReactElement => {\n  const { stringSet } = useContext(LocalizationContext);\n  return (\n    <div className=\"sendbird-fileviewer\">\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                {\n                  onDelete && isByMe && (\n                    <div className=\"sendbird-fileviewer__header__right__actions__delete\">\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              </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=\"sendbird-fileviewer__content__img\"\n            />\n          )\n        }\n        {\n          !isSupportedFileView(type) && (\n            <div\n              className=\"sendbird-fileviewer__content__unsupported\"\n            >\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      </div>\n    </div>\n  );\n};\n\nexport interface FileViewerProps {\n  message: FileMessage;\n  isByMe?: boolean;\n  onClose: (e: MouseEvent<HTMLDivElement>) => void;\n  onDelete: (e: MouseEvent<HTMLDivElement>) => void;\n}\n\nexport default function FileViewer({\n  message,\n  isByMe = false,\n  onClose,\n  onDelete,\n}: FileViewerProps): ReactElement {\n  return createPortal(\n    (\n      <FileViewerComponent\n        profileUrl={message?.sender?.profileUrl}\n        nickname={message?.sender?.nickname}\n        name={message?.name}\n        type={message?.type}\n        url={message?.url}\n        isByMe={isByMe}\n        disableDelete={message?.threadInfo?.replyCount > 0}\n        onClose={onClose}\n        onDelete={onDelete}\n      />\n    ),\n    document.getElementById(MODAL_ROOT),\n  );\n}\n"],"names":["FileViewerComponent","_ref","profileUrl","nickname","name","type","url","isByMe","disableDelete","onClose","onDelete","stringSet","useContext","LocalizationContext","React","createElement","className","Avatar","height","width","src","Label","LabelTypography","H_2","color","LabelColors","ONBACKGROUND_1","BODY_1","ONBACKGROUND_2","isSupportedFileView","rel","href","target","Icon","IconTypes","DOWNLOAD","fillColor","IconColors","ON_BACKGROUND_1","DELETE","GRAY","onClick","e","CLOSE","isVideo","controls","isImage","alt","H_1","UI__FILE_VIEWER__UNSUPPORT","FileViewer","_ref2","_message$sender","_message$sender2","_message$threadInfo","message","createPortal","sender","threadInfo","replyCount","document","getElementById","MODAL_ROOT"],"mappings":"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"}