@sendbird/uikit-react 3.2.0-rc.0 → 3.2.0-rc.2

package/cjs/ui/EmojiReactions.js

@@ -8,23 +8,22 @@ var ui_ReactionButton = require('./ReactionButton.js');
 var ui_ImageRenderer = require('./ImageRenderer.js');
 var ui_Icon = require('./Icon.js');
 var ui_ContextMenu = require('./ContextMenu.js');
-var index = require('../index-18b120dc.js');
-var LocalizationContext = require('../LocalizationContext-b5fd4c38.js');
-require('../tslib.es6-36205d81.js');
-require('../index-b9b8972b.js');
-require('../_rollupPluginBabelHelpers-f9e4bb55.js');
+var index = require('../index-e4245c04.js');
+var LocalizationContext = require('../LocalizationContext-bde4de59.js');
+require('../tslib.es6-8c7aa47e.js');
+require('../index-339b2871.js');
 require('prop-types');
-require('../stringSet-be457fd7.js');
+require('../stringSet-edbf423b.js');
 require('react-dom');
 require('./SortByRow.js');
-require('../uuid-edc908ea.js');
-require('../index-5166a415.js');
+require('../uuid-0e8b271a.js');
+require('../index-50fc77e8.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var EmojiReactions = function EmojiReactions(_a) {
+var EmojiReactions = function (_a) {
   var _b, _c;
 
   var className = _a.className,
@@ -53,7 +52,7 @@ var EmojiReactions = function EmojiReactions(_a) {
     }, /*#__PURE__*/React__default["default"].createElement(ui_ReactionBadge, {
       count: reaction.userIds.length,
       selected: reactedByMe,
-      onClick: function onClick() {
+      onClick: function () {
         return toggleReaction(message, reaction.key, reactedByMe);
       }
     }, /*#__PURE__*/React__default["default"].createElement(ui_ImageRenderer, {
@@ -68,7 +67,7 @@ var EmojiReactions = function EmojiReactions(_a) {
       })
     })));
   }), ((_c = message === null || message === void 0 ? void 0 : message.reactions) === null || _c === void 0 ? void 0 : _c.length) < emojisMap.size && /*#__PURE__*/React__default["default"].createElement(ui_ContextMenu["default"], {
-    menuTrigger: function menuTrigger(toggleDropdown) {
+    menuTrigger: function (toggleDropdown) {
       return /*#__PURE__*/React__default["default"].createElement(ui_ReactionBadge, {
         className: "sendbird-emoji-reactions__add-reaction-badge",
         ref: addReactionRef,
@@ -81,7 +80,7 @@ var EmojiReactions = function EmojiReactions(_a) {
         height: "20px"
       }));
     },
-    menuItems: function menuItems(closeDropdown) {
+    menuItems: function (closeDropdown) {
       return /*#__PURE__*/React__default["default"].createElement(ui_ContextMenu.EmojiListItems, {
         parentRef: addReactionRef,
         parentContainRef: addReactionRef,
@@ -100,7 +99,7 @@ var EmojiReactions = function EmojiReactions(_a) {
           width: "36px",
           height: "36px",
           selected: isReacted,
-          onClick: function onClick() {
+          onClick: function () {
             closeDropdown();
             toggleReaction(message, emoji.key, isReacted);
           }
@@ -108,7 +107,7 @@ var EmojiReactions = function EmojiReactions(_a) {
           url: (emoji === null || emoji === void 0 ? void 0 : emoji.url) || '',
           width: "28px",
           height: "28px",
-          placeHolder: function placeHolder(style) {
+          placeHolder: function (style) {
             return /*#__PURE__*/React__default["default"].createElement("div", {
               style: style
             }, /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {

package/cjs/ui/EmojiReactions.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmojiReactions.js","sources":["../../../src/ui/EmojiReactions/index.tsx"],"sourcesContent":["import './index.scss';\nimport React, { ReactElement, useContext, useRef } from 'react';\nimport type { FileMessage, Reaction, UserMessage } from '@sendbird/chat/message';\nimport type { Emoji, EmojiContainer } from '@sendbird/chat';\n\nimport Tooltip from '../Tooltip';\nimport TooltipWrapper from '../TooltipWrapper';\nimport ReactionBadge from '../ReactionBadge';\nimport ReactionButton from '../ReactionButton';\nimport ImageRenderer from '../ImageRenderer';\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport ContextMenu, { EmojiListItems } from '../ContextMenu';\n\nimport { getClassName, getEmojiListAll, getEmojiMapAll, getEmojiTooltipString, isReactedBy } from '../../utils';\nimport { LocalizationContext } from '../../lib/LocalizationContext';\n\ninterface Props {\n  className?: string | Array<string>;\n  userId: string;\n  message: UserMessage | FileMessage;\n  emojiContainer: EmojiContainer;\n  memberNicknamesMap: Map<string, string>;\n  spaceFromTrigger?: Record<string, unknown>;\n  isByMe?: boolean;\n  toggleReaction?: (message: UserMessage | FileMessage, key: string, byMe: boolean) => void;\n}\n\nconst EmojiReactions = ({\n  className,\n  userId,\n  message,\n  emojiContainer,\n  memberNicknamesMap,\n  spaceFromTrigger = {},\n  isByMe = false,\n  toggleReaction,\n}: Props): ReactElement => {\n  const { stringSet } = useContext(LocalizationContext);\n  const emojisMap = getEmojiMapAll(emojiContainer);\n  const addReactionRef = useRef(null);\n\n  return (\n    <div className={getClassName([\n      className, 'sendbird-emoji-reactions',\n      isByMe ? 'outgoing' : 'incoming',\n    ])}>\n      {(message?.reactions?.length > 0) && (\n        message.reactions.map((reaction: Reaction): ReactElement => {\n          const reactedByMe = isReactedBy(userId, reaction);\n          return (\n            <TooltipWrapper\n              className=\"sendbird-emoji-reactions__reaction-badge\"\n              key={reaction?.key}\n              hoverTooltip={(reaction?.userIds?.length > 0) && (\n                <Tooltip>\n                  {getEmojiTooltipString(reaction, userId, memberNicknamesMap, stringSet)}\n                </Tooltip>\n              )}\n            >\n              <ReactionBadge\n                count={reaction.userIds.length}\n                selected={reactedByMe}\n                onClick={() => toggleReaction(message, reaction.key, reactedByMe)}\n              >\n                <ImageRenderer\n                  circle\n                  url={emojisMap.get(reaction?.key)?.url || ''}\n                  width=\"20px\"\n                  height=\"20px\"\n                  defaultComponent={(\n                    <Icon width=\"20px\" height=\"20px\" type={IconTypes.QUESTION} />\n                  )}\n                />\n              </ReactionBadge>\n            </TooltipWrapper>\n          );\n        })\n      )}\n      {(message?.reactions?.length < emojisMap.size) && (\n        <ContextMenu\n          menuTrigger={(toggleDropdown: () => void): ReactElement => (\n            <ReactionBadge\n              className=\"sendbird-emoji-reactions__add-reaction-badge\"\n              ref={addReactionRef}\n              isAdd\n              onClick={toggleDropdown}\n            >\n              <Icon\n                type={IconTypes.EMOJI_MORE}\n                fillColor={IconColors.ON_BACKGROUND_3}\n                width=\"20px\"\n                height=\"20px\"\n              />\n            </ReactionBadge>\n          )}\n          menuItems={(closeDropdown: () => void): ReactElement => (\n            <EmojiListItems\n              parentRef={addReactionRef}\n              parentContainRef={addReactionRef}\n              closeDropdown={closeDropdown}\n              spacefromTrigger={spaceFromTrigger}\n            >\n              {getEmojiListAll(emojiContainer).map((emoji: Emoji): ReactElement => {\n                const isReacted: boolean = message?.reactions?.\n                  filter((reaction: Reaction): boolean => reaction.key === emoji.key)[0]?.userIds?.\n                  some((reactorId: string): boolean => reactorId === userId);\n                return (\n                  <ReactionButton\n                    key={emoji.key}\n                    width=\"36px\"\n                    height=\"36px\"\n                    selected={isReacted}\n                    onClick={(): void => {\n                      closeDropdown();\n                      toggleReaction(message, emoji.key, isReacted);\n                    }}\n                  >\n                    <ImageRenderer\n                      url={emoji?.url || ''}\n                      width=\"28px\"\n                      height=\"28px\"\n                      placeHolder={(style: Record<string, unknown>): ReactElement => (\n                        <div style={style}>\n                          <Icon\n                            type={IconTypes.QUESTION}\n                            fillColor={IconColors.ON_BACKGROUND_3}\n                            width=\"28px\"\n                            height=\"28px\"\n                          />\n                        </div>\n                      )}\n                    />\n                  </ReactionButton>\n                );\n              })}\n            </EmojiListItems>\n          )}\n        />\n      )}\n    </div>\n  );\n}\n\nexport default EmojiReactions;\n"],"names":["EmojiReactions","_a","className","userId","message","emojiContainer","memberNicknamesMap","_d","spaceFromTrigger","_e","isByMe","toggleReaction","stringSet","useContext","LocalizationContext","emojisMap","getEmojiMapAll","addReactionRef","useRef","React","getClassName","reactions","length","map","reaction","reactedByMe","isReactedBy","TooltipWrapper","key","userIds","Tooltip","getEmojiTooltipString","ReactionBadge","ImageRenderer","get","url","Icon","IconTypes","QUESTION","size","ContextMenu","toggleDropdown","EMOJI_MORE","IconColors","ON_BACKGROUND_3","closeDropdown","EmojiListItems","getEmojiListAll","emoji","isReacted","filter","some","reactorId","ReactionButton","style"],"mappings":"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"}
+{"version":3,"file":"EmojiReactions.js","sources":["../../../src/ui/EmojiReactions/index.tsx"],"sourcesContent":["import './index.scss';\nimport React, { ReactElement, useContext, useRef } from 'react';\nimport type { FileMessage, Reaction, UserMessage } from '@sendbird/chat/message';\nimport type { Emoji, EmojiContainer } from '@sendbird/chat';\n\nimport Tooltip from '../Tooltip';\nimport TooltipWrapper from '../TooltipWrapper';\nimport ReactionBadge from '../ReactionBadge';\nimport ReactionButton from '../ReactionButton';\nimport ImageRenderer from '../ImageRenderer';\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport ContextMenu, { EmojiListItems } from '../ContextMenu';\n\nimport { getClassName, getEmojiListAll, getEmojiMapAll, getEmojiTooltipString, isReactedBy } from '../../utils';\nimport { LocalizationContext } from '../../lib/LocalizationContext';\n\ninterface Props {\n  className?: string | Array<string>;\n  userId: string;\n  message: UserMessage | FileMessage;\n  emojiContainer: EmojiContainer;\n  memberNicknamesMap: Map<string, string>;\n  spaceFromTrigger?: Record<string, unknown>;\n  isByMe?: boolean;\n  toggleReaction?: (message: UserMessage | FileMessage, key: string, byMe: boolean) => void;\n}\n\nconst EmojiReactions = ({\n  className,\n  userId,\n  message,\n  emojiContainer,\n  memberNicknamesMap,\n  spaceFromTrigger = {},\n  isByMe = false,\n  toggleReaction,\n}: Props): ReactElement => {\n  const { stringSet } = useContext(LocalizationContext);\n  const emojisMap = getEmojiMapAll(emojiContainer);\n  const addReactionRef = useRef(null);\n\n  return (\n    <div className={getClassName([\n      className, 'sendbird-emoji-reactions',\n      isByMe ? 'outgoing' : 'incoming',\n    ])}>\n      {(message?.reactions?.length > 0) && (\n        message.reactions.map((reaction: Reaction): ReactElement => {\n          const reactedByMe = isReactedBy(userId, reaction);\n          return (\n            <TooltipWrapper\n              className=\"sendbird-emoji-reactions__reaction-badge\"\n              key={reaction?.key}\n              hoverTooltip={(reaction?.userIds?.length > 0) && (\n                <Tooltip>\n                  {getEmojiTooltipString(reaction, userId, memberNicknamesMap, stringSet)}\n                </Tooltip>\n              )}\n            >\n              <ReactionBadge\n                count={reaction.userIds.length}\n                selected={reactedByMe}\n                onClick={() => toggleReaction(message, reaction.key, reactedByMe)}\n              >\n                <ImageRenderer\n                  circle\n                  url={emojisMap.get(reaction?.key)?.url || ''}\n                  width=\"20px\"\n                  height=\"20px\"\n                  defaultComponent={(\n                    <Icon width=\"20px\" height=\"20px\" type={IconTypes.QUESTION} />\n                  )}\n                />\n              </ReactionBadge>\n            </TooltipWrapper>\n          );\n        })\n      )}\n      {(message?.reactions?.length < emojisMap.size) && (\n        <ContextMenu\n          menuTrigger={(toggleDropdown: () => void): ReactElement => (\n            <ReactionBadge\n              className=\"sendbird-emoji-reactions__add-reaction-badge\"\n              ref={addReactionRef}\n              isAdd\n              onClick={toggleDropdown}\n            >\n              <Icon\n                type={IconTypes.EMOJI_MORE}\n                fillColor={IconColors.ON_BACKGROUND_3}\n                width=\"20px\"\n                height=\"20px\"\n              />\n            </ReactionBadge>\n          )}\n          menuItems={(closeDropdown: () => void): ReactElement => (\n            <EmojiListItems\n              parentRef={addReactionRef}\n              parentContainRef={addReactionRef}\n              closeDropdown={closeDropdown}\n              spacefromTrigger={spaceFromTrigger}\n            >\n              {getEmojiListAll(emojiContainer).map((emoji: Emoji): ReactElement => {\n                const isReacted: boolean = message?.reactions?.\n                  filter((reaction: Reaction): boolean => reaction.key === emoji.key)[0]?.userIds?.\n                  some((reactorId: string): boolean => reactorId === userId);\n                return (\n                  <ReactionButton\n                    key={emoji.key}\n                    width=\"36px\"\n                    height=\"36px\"\n                    selected={isReacted}\n                    onClick={(): void => {\n                      closeDropdown();\n                      toggleReaction(message, emoji.key, isReacted);\n                    }}\n                  >\n                    <ImageRenderer\n                      url={emoji?.url || ''}\n                      width=\"28px\"\n                      height=\"28px\"\n                      placeHolder={(style: Record<string, unknown>): ReactElement => (\n                        <div style={style}>\n                          <Icon\n                            type={IconTypes.QUESTION}\n                            fillColor={IconColors.ON_BACKGROUND_3}\n                            width=\"28px\"\n                            height=\"28px\"\n                          />\n                        </div>\n                      )}\n                    />\n                  </ReactionButton>\n                );\n              })}\n            </EmojiListItems>\n          )}\n        />\n      )}\n    </div>\n  );\n}\n\nexport default EmojiReactions;\n"],"names":["EmojiReactions","_a","className","userId","message","emojiContainer","memberNicknamesMap","_d","spaceFromTrigger","_e","isByMe","toggleReaction","stringSet","useContext","LocalizationContext","emojisMap","getEmojiMapAll","addReactionRef","useRef","React","getClassName","_b","reactions","length","map","reaction","reactedByMe","isReactedBy","TooltipWrapper","key","userIds","Tooltip","getEmojiTooltipString","ReactionBadge","ImageRenderer","get","url","Icon","IconTypes","QUESTION","_c","size","ContextMenu","toggleDropdown","EMOJI_MORE","IconColors","ON_BACKGROUND_3","closeDropdown","EmojiListItems","getEmojiListAll","emoji","isReacted","filter","some","reactorId","ReactionButton","style"],"mappings":"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"}

package/cjs/ui/FileMessageItemBody.js

@@ -1,15 +1,14 @@
 'use strict';
 
 var React = require('react');
-var ui_Label = require('../index-b9b8972b.js');
+var ui_Label = require('../index-339b2871.js');
 var ui_Icon = require('./Icon.js');
 var ui_TextButton = require('./TextButton.js');
-var index = require('../index-18b120dc.js');
-var color = require('../color-9e293baf.js');
-require('../_rollupPluginBabelHelpers-f9e4bb55.js');
+var index = require('../index-e4245c04.js');
+var color = require('../color-1ec1269a.js');
 require('prop-types');
-require('../stringSet-be457fd7.js');
-require('../tslib.es6-36205d81.js');
+require('../stringSet-edbf423b.js');
+require('../tslib.es6-8c7aa47e.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -44,7 +43,7 @@ function FileMessageItemBody(_a) {
     height: "24px"
   })), /*#__PURE__*/React__default["default"].createElement(ui_TextButton, {
     className: "sendbird-file-message-item-body__file-name",
-    onClick: function onClick() {
+    onClick: function () {
       window.open(message === null || message === void 0 ? void 0 : message.url);
     },
     color: isByMe ? color.Colors.ONCONTENT_1 : color.Colors.ONBACKGROUND_1

package/cjs/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';\n\ninterface Props {\n  className?: string | Array<string>;\n  message: FileMessage;\n  isByMe?: boolean;\n  mouseHover?: boolean;\n  isReactionEnabled?: boolean;\n}\n\nexport default function FileMessageItemBody({\n  className,\n  message,\n  isByMe = false,\n  mouseHover = false,\n  isReactionEnabled = false,\n}: Props): ReactElement {\n\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)}\n        </Label>\n      </TextButton>\n    </div>\n  );\n}\n"],"names":["FileMessageItemBody","_a","className","message","_c","isByMe","_d","mouseHover","_e","isReactionEnabled","React","getClassName","reactions","length","Icon","IMAGE","IconTypes","PHOTO","VIDEO","PLAY","AUDIO","FILE_AUDIO","GIF","OTHERS","FILE_DOCUMENT","getUIKitFileType","type","IconColors","PRIMARY","TextButton","window","open","url","Colors","ONCONTENT_1","ONBACKGROUND_1","Label","LabelTypography","BODY_1","LabelColors","truncateString","name"],"mappings":";;;;;;;;;;;;;;;;;SAkBwBA,oBAAoBC;;;MAC1CC,SAAS;MACTC,OAAO;MACPC;MAAAC,MAAM,mBAAG;MACTC;MAAAC,UAAU,mBAAG;MACbC;MAAAC,iBAAiB,mBAAG;EAGpB,oBACEC;IAAK,SAAS,EAAEC,kBAAY,CAAC,CAC3BT,SAD2B,EAE3B,iCAF2B,EAG3BG,MAAM,GAAG,UAAH,GAAgB,UAHK,EAI3BE,UAAU,GAAG,aAAH,GAAmB,EAJF,EAK1BE,iBAAiB,IAAI,CAAA,MAAAN,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAES,SAAT,UAAA,iBAAA,SAAA,MAAoBC,MAApB,IAA6B,CAAnD,GAAwD,WAAxD,GAAsE,EAL3C,CAAD;kBAO1BH;IAAK,SAAS,EAAC;kBACbA,wCAACI,kBAAD;IACE,SAAS,EAAC,kDADZ;IAEE,IAAI,EAAE;MACJC,KAAK,EAAEC,iBAAS,CAACC,KADb;MAEJC,KAAK,EAAEF,iBAAS,CAACG,IAFb;MAGJC,KAAK,EAAEJ,iBAAS,CAACK,UAHb;MAIJC,GAAG,EAAEN,iBAAS,CAACM,GAJX;MAKJC,MAAM,EAAEP,iBAAS,CAACQ;MAClBC,sBAAgB,CAACtB,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEuB,IAAV,CANZ,CAFR;IASE,SAAS,EAAEC,kBAAU,CAACC,OATxB;IAUE,KAAK,EAAC,MAVR;IAWE,MAAM,EAAC;IAZX,CAPF,eAsBElB,wCAACmB,aAAD;IACE,SAAS,EAAC,4CADZ;IAEE,OAAO,EAAE;MAAQC,MAAM,CAACC,IAAP,CAAY5B,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAE6B,GAArB;KAFnB;IAGE,KAAK,EAAE3B,MAAM,GAAG4B,YAAM,CAACC,WAAV,GAAwBD,YAAM,CAACE;kBAE5CzB,wCAAC0B,cAAD;IACE,SAAS,EAAC,kDADZ;IAEE,IAAI,EAAEC,wBAAe,CAACC,MAFxB;IAGE,KAAK,EAAEjC,MAAM,GAAGkC,oBAAW,CAACL,WAAf,GAA6BK,oBAAW,CAACJ;KAErDK,oBAAc,CAAC,CAAArC,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEsC,IAAT,MAAiBtC,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAE6B,GAA1B,CAAD,CALjB,CALF,CAtBF,CADF;AAsCD;;;;"}
+{"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';\n\ninterface Props {\n  className?: string | Array<string>;\n  message: FileMessage;\n  isByMe?: boolean;\n  mouseHover?: boolean;\n  isReactionEnabled?: boolean;\n}\n\nexport default function FileMessageItemBody({\n  className,\n  message,\n  isByMe = false,\n  mouseHover = false,\n  isReactionEnabled = false,\n}: Props): ReactElement {\n\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)}\n        </Label>\n      </TextButton>\n    </div>\n  );\n}\n"],"names":["FileMessageItemBody","_a","className","message","_c","isByMe","_d","mouseHover","_e","isReactionEnabled","React","getClassName","_b","reactions","length","Icon","IMAGE","IconTypes","PHOTO","VIDEO","PLAY","AUDIO","FILE_AUDIO","GIF","OTHERS","FILE_DOCUMENT","getUIKitFileType","type","IconColors","PRIMARY","TextButton","window","open","url","Colors","ONCONTENT_1","ONBACKGROUND_1","Label","LabelTypography","BODY_1","LabelColors","truncateString","name"],"mappings":";;;;;;;;;;;;;;;;AAkBwB,SAAAA,mBAAA,CAAoBC,EAApB,EAMhB;;;MALNC,SAAS,GAAAD,EAAA,CAAAC;MACTC,OAAO,GAAAF,EAAA,CAAAE;MACPC;MAAAC,MAAM,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,GAAKA;MACdE;MAAAC,UAAU,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,GAAKA;MAClBE;MAAAC,iBAAiB,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,GAAKA;EAGzB,oBACEE,yBAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,IAAA,SAAS,EAAEC,kBAAY,CAAC,CAC3BT,SAD2B,EAE3B,iCAF2B,EAG3BG,MAAM,GAAG,UAAH,GAAgB,UAHK,EAI3BE,UAAU,GAAG,aAAH,GAAmB,EAJF,EAK1BE,iBAAiB,IAAI,CAAA,CAAAG,EAAA,GAAAT,OAAO,KAAP,IAAA,IAAAA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAO,CAAEU,SAAT,UAAA,iBAAA,SAAA,MAAoBC,MAApB,IAA6B,CAAnD,GAAwD,WAAxD,GAAsE,EAL3C,CAAD,CAAA;GAO1B,eAAAJ,yBAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,IAAA,SAAS,EAAC,4CAAA;AAAf,GAAA,eACEA,wCAACK,kBAAD,EAAA;AACE,IAAA,SAAS,EAAC,kDADZ;AAEE,IAAA,IAAI,EAAE;MACJC,KAAK,EAAEC,iBAAS,CAACC,KADb;MAEJC,KAAK,EAAEF,iBAAS,CAACG,IAFb;MAGJC,KAAK,EAAEJ,iBAAS,CAACK,UAHb;MAIJC,GAAG,EAAEN,iBAAS,CAACM,GAJX;MAKJC,MAAM,EAAEP,iBAAS,CAACQ,aAAAA;AALd,KAAA,CAMJC,sBAAgB,CAACvB,OAAO,KAAA,IAAP,IAAAA,OAAO,KAAA,KAAA,CAAP,GAAO,KAAA,CAAP,GAAAA,OAAO,CAAEwB,IAAV,CANZ,CAFR;IASE,SAAS,EAAEC,kBAAU,CAACC,OATxB;AAUE,IAAA,KAAK,EAAC,MAVR;AAWE,IAAA,MAAM,EAAC,MAAA;GAZX,CAAA,CAPF,eAsBEnB,yBAAA,CAAA,aAAA,CAACoB,aAAD,EAAA;AACE,IAAA,SAAS,EAAC,4CADZ;AAEE,IAAA,OAAO,EAAE,YAAA;AAAQC,MAAAA,MAAM,CAACC,IAAP,CAAY7B,OAAO,KAAA,IAAP,IAAAA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAO,CAAE8B,GAArB,CAAA,CAAA;KAFnB;IAGE,KAAK,EAAE5B,MAAM,GAAG6B,YAAM,CAACC,WAAV,GAAwBD,YAAM,CAACE,cAAAA;AAH9C,GAAA,eAKE1B,wCAAC2B,cAAD,EAAA;AACE,IAAA,SAAS,EAAC,kDADZ;IAEE,IAAI,EAAEC,wBAAe,CAACC,MAFxB;IAGE,KAAK,EAAElC,MAAM,GAAGmC,oBAAW,CAACL,WAAf,GAA6BK,oBAAW,CAACJ,cAAAA;AAHxD,GAAA,EAKGK,oBAAc,CAAC,CAAAtC,OAAO,SAAP,IAAAA,OAAO,KAAA,KAAA,CAAP,GAAO,KAAA,CAAP,GAAAA,OAAO,CAAEuC,IAAT,MAAiBvC,OAAO,KAAA,IAAP,IAAAA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAO,CAAE8B,GAA1B,CAAD,CALjB,CALF,CAtBF,CADF,CAAA;AAsCD;;;;"}

package/cjs/ui/FileViewer.js

@@ -4,25 +4,24 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var reactDom = require('react-dom');
-var LocalizationContext = require('../LocalizationContext-b5fd4c38.js');
-var index = require('../index-550f5039.js');
-var index$1 = require('../index-18b120dc.js');
+var LocalizationContext = require('../LocalizationContext-bde4de59.js');
+var index = require('../index-216e0934.js');
+var index$1 = require('../index-e4245c04.js');
 var ui_Avatar = require('./Avatar.js');
-var ui_Label = require('../index-b9b8972b.js');
+var ui_Label = require('../index-339b2871.js');
 var ui_Icon = require('./Icon.js');
-require('../stringSet-be457fd7.js');
-require('../index-5166a415.js');
-require('../tslib.es6-36205d81.js');
+require('../stringSet-edbf423b.js');
+require('../index-50fc77e8.js');
+require('../tslib.es6-8c7aa47e.js');
 require('./ImageRenderer.js');
-require('../uuid-edc908ea.js');
-require('../_rollupPluginBabelHelpers-f9e4bb55.js');
+require('../uuid-0e8b271a.js');
 require('prop-types');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var FileViewerComponent = function FileViewerComponent(_a) {
+var FileViewerComponent = function (_a) {
   var profileUrl = _a.profileUrl,
       nickname = _a.nickname,
       name = _a.name,
@@ -77,7 +76,7 @@ var FileViewerComponent = function FileViewerComponent(_a) {
     fillColor: disableDelete ? ui_Icon.IconColors.GRAY : ui_Icon.IconColors.ON_BACKGROUND_1,
     height: "24px",
     width: "24px",
-    onClick: function onClick(e) {
+    onClick: function (e) {
       if (!disableDelete) {
         onDelete === null || onDelete === void 0 ? void 0 : onDelete(e);
       }
@@ -89,7 +88,7 @@ var FileViewerComponent = function FileViewerComponent(_a) {
     fillColor: ui_Icon.IconColors.ON_BACKGROUND_1,
     height: "24px",
     width: "24px",
-    onClick: function onClick(e) {
+    onClick: function (e) {
       return onClose === null || onClose === void 0 ? void 0 : onClose(e);
     }
   })))), /*#__PURE__*/React__default["default"].createElement("div", {

package/cjs/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","Avatar","Label","LabelTypography","H_2","LabelColors","ONBACKGROUND_1","BODY_1","ONBACKGROUND_2","isSupportedFileView","Icon","IconTypes","DOWNLOAD","IconColors","ON_BACKGROUND_1","DELETE","GRAY","e","CLOSE","isVideo","isImage","H_1","UI__FILE_VIEWER__UNSUPPORT","FileViewer","message","_e","createPortal","sender","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","_a","profileUrl","nickname","name","type","url","_b","isByMe","_c","disableDelete","onClose","onDelete","stringSet","useContext","LocalizationContext","React","Avatar","Label","LabelTypography","H_2","LabelColors","ONBACKGROUND_1","BODY_1","ONBACKGROUND_2","isSupportedFileView","Icon","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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"}