@sendbird/uikit-react 3.3.7 → 3.4.0-rc.0

package/cjs/ui/OGMessageItemBody.js

@@ -4,48 +4,49 @@ var React = require('react');
 var ui_Word = require('./Word.js');
 var ui_ImageRenderer = require('./ImageRenderer.js');
 var ui_Icon = require('./Icon.js');
-var ui_Label = require('../index-2c095d94.js');
-var uuid = require('../uuid-0b5f4e5e.js');
-var index = require('../index-bfe8bdde.js');
-var LocalizationContext = require('../LocalizationContext-a0f833e9.js');
+var ui_Label = require('../index-86b55059.js');
+var uuid = require('../uuid-42040a5c.js');
+var index = require('../index-6691da2c.js');
+var LocalizationContext = require('../LocalizationContext-7d2c13ee.js');
 require('./LinkLabel.js');
 require('prop-types');
 require('./MentionLabel.js');
 require('./ContextMenu.js');
-require('../tslib.es6-0b4c49f8.js');
+require('../tslib.es6-23b4ef32.js');
 require('react-dom');
 require('./SortByRow.js');
 require('../utils/message/getOutgoingMessageState.js');
-require('../stringSet-87e51d08.js');
+require('../stringSet-d4071e23.js');
 require('./UserProfile.js');
-require('../UserProfileContext-74e6409b.js');
+require('../UserProfileContext-89b8a98d.js');
 require('../sendbirdSelectors.js');
-require('../topics-d9091126.js');
-require('../utils-aa1597cc.js');
+require('../topics-7108f68f.js');
+require('../utils-178ccede.js');
 require('./Avatar.js');
 require('./Button.js');
 require('../useSendbirdStateContext.js');
 require('../withSendbird.js');
-require('../_rollupPluginBabelHelpers-25763ef8.js');
-require('../index-4dc29990.js');
+require('../_rollupPluginBabelHelpers-9807f0cb.js');
+require('../index-31135e46.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 function OGMessageItemBody(_a) {
-  var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
+  var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
 
   var className = _a.className,
       message = _a.message,
-      _m = _a.isByMe,
-      isByMe = _m === void 0 ? false : _m,
-      _o = _a.mouseHover,
-      mouseHover = _o === void 0 ? false : _o,
-      _p = _a.isMentionEnabled,
-      isMentionEnabled = _p === void 0 ? false : _p,
-      _q = _a.isReactionEnabled,
-      isReactionEnabled = _q === void 0 ? false : _q;
+      _p = _a.isByMe,
+      isByMe = _p === void 0 ? false : _p,
+      _q = _a.mouseHover,
+      mouseHover = _q === void 0 ? false : _q,
+      _r = _a.isMentionEnabled,
+      isMentionEnabled = _r === void 0 ? false : _r,
+      _s = _a.isReactionEnabled,
+      isReactionEnabled = _s === void 0 ? false : _s;
+  var imageRef = React.useRef(null);
   var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
 
   var openOGUrl = function () {
@@ -90,12 +91,21 @@ function OGMessageItemBody(_a) {
     type: ui_Label.LabelTypography.BODY_1,
     color: isByMe ? ui_Label.LabelColors.ONCONTENT_2 : ui_Label.LabelColors.ONBACKGROUND_2
   }, " ".concat(stringSet.MESSAGE_EDITED, " ")))), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-og-message-item-body__og-thumbnail",
+    ref: imageRef,
+    className: "sendbird-og-message-item-body__og-thumbnail\n          ".concat(((_f = (_e = message === null || message === void 0 ? void 0 : message.ogMetaData) === null || _e === void 0 ? void 0 : _e.defaultImage) === null || _f === void 0 ? void 0 : _f.url) ? '' : 'sendbird-og-message-item-body__og-thumbnail__empty', "\n        "),
     onClick: openOGUrl
   }, /*#__PURE__*/React__default["default"].createElement(ui_ImageRenderer, {
+    onError: function () {
+      var _a, _b;
+
+      try {
+        (_b = (_a = imageRef === null || imageRef === void 0 ? void 0 : imageRef.current) === null || _a === void 0 ? void 0 : _a.classList) === null || _b === void 0 ? void 0 : _b.add('sendbird-og-message-item-body__og-thumbnail__empty');
+      } catch (error) {// do nothing
+      }
+    },
     className: "sendbird-og-message-item-body__og-thumbnail__image",
-    url: ((_f = (_e = message === null || message === void 0 ? void 0 : message.ogMetaData) === null || _e === void 0 ? void 0 : _e.defaultImage) === null || _f === void 0 ? void 0 : _f.url) || '',
-    alt: (_h = (_g = message === null || message === void 0 ? void 0 : message.ogMetaData) === null || _g === void 0 ? void 0 : _g.defaultImage) === null || _h === void 0 ? void 0 : _h.alt // TODO: Change fixing width and height lengths
+    url: ((_h = (_g = message === null || message === void 0 ? void 0 : message.ogMetaData) === null || _g === void 0 ? void 0 : _g.defaultImage) === null || _h === void 0 ? void 0 : _h.url) || '',
+    alt: (_k = (_j = message === null || message === void 0 ? void 0 : message.ogMetaData) === null || _j === void 0 ? void 0 : _j.defaultImage) === null || _k === void 0 ? void 0 : _k.alt // TODO: Change fixing width and height lengths
     ,
     defaultComponent: /*#__PURE__*/React__default["default"].createElement("div", {
       className: "sendbird-og-message-item-body__og-thumbnail__place-holder"
@@ -108,15 +118,15 @@ function OGMessageItemBody(_a) {
   })), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "sendbird-og-message-item-body__description",
     onClick: openOGUrl
-  }, ((_j = message === null || message === void 0 ? void 0 : message.ogMetaData) === null || _j === void 0 ? void 0 : _j.title) && /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
+  }, ((_l = message === null || message === void 0 ? void 0 : message.ogMetaData) === null || _l === void 0 ? void 0 : _l.title) && /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
     className: "sendbird-og-message-item-body__description__title",
     type: ui_Label.LabelTypography.SUBTITLE_2,
     color: ui_Label.LabelColors.ONBACKGROUND_1
-  }, message.ogMetaData.title), ((_k = message === null || message === void 0 ? void 0 : message.ogMetaData) === null || _k === void 0 ? void 0 : _k.description) && /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
+  }, message.ogMetaData.title), ((_m = message === null || message === void 0 ? void 0 : message.ogMetaData) === null || _m === void 0 ? void 0 : _m.description) && /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
     className: "sendbird-og-message-item-body__description__description",
     type: ui_Label.LabelTypography.BODY_2,
     color: ui_Label.LabelColors.ONBACKGROUND_1
-  }, message.ogMetaData.description), ((_l = message === null || message === void 0 ? void 0 : message.ogMetaData) === null || _l === void 0 ? void 0 : _l.url) && /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
+  }, message.ogMetaData.description), ((_o = message === null || message === void 0 ? void 0 : message.ogMetaData) === null || _o === void 0 ? void 0 : _o.url) && /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
     className: "sendbird-og-message-item-body__description__url",
     type: ui_Label.LabelTypography.CAPTION_3,
     color: ui_Label.LabelColors.ONBACKGROUND_2

package/cjs/ui/OGMessageItemBody.js.map

@@ -1 +1 @@
-{"version":3,"file":"OGMessageItemBody.js","sources":["../../../src/ui/OGMessageItemBody/index.tsx"],"sourcesContent":["import './index.scss';\nimport React, { ReactElement, useContext, useMemo } from 'react';\nimport type { UserMessage } from '@sendbird/chat/message';\n\nimport Word from '../Word';\nimport ImageRenderer from '../ImageRenderer';\nimport Icon, { IconTypes } from '../Icon';\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport uuidv4 from '../../utils/uuid';\nimport { getClassName, isEditedMessage } from '../../utils';\nimport { LocalizationContext } from '../../lib/LocalizationContext';\n\ninterface Props {\n  className?: string | Array<string>;\n  message: UserMessage;\n  isByMe?: boolean;\n  mouseHover?: boolean;\n  isMentionEnabled?: boolean;\n  isReactionEnabled?: boolean;\n}\n\nexport default function OGMessageItemBody({\n  className,\n  message,\n  isByMe = false,\n  mouseHover = false,\n  isMentionEnabled = false,\n  isReactionEnabled = false,\n}: Props): ReactElement {\n  const { stringSet } = useContext(LocalizationContext);\n  const openOGUrl = (): void => {\n    if (message?.ogMetaData?.url) window.open(message?.ogMetaData?.url);\n  };\n  const isMessageMentioned = isMentionEnabled && message?.mentionedMessageTemplate?.length > 0 && message?.mentionedUsers?.length > 0;\n  const sentences: Array<Array<string>> = useMemo(() => {\n    if (isMessageMentioned) {\n      return message?.mentionedMessageTemplate?.split(/\\n/).map((sentence) => sentence.split(/\\s/));\n    }\n    return message?.message?.split(/\\n/).map((sentence) => sentence.split(/\\s/));\n  }, [message?.mentionedMessageTemplate]);\n  return (\n    <div className={getClassName([\n      className,\n      'sendbird-og-message-item-body',\n      isByMe ? 'outgoing' : 'incoming',\n      mouseHover ? 'mouse-hover' : '',\n      (isReactionEnabled && message?.reactions?.length > 0) ? 'reactions' : '',\n    ])}>\n      <Label\n        key={uuidv4()}\n        type={LabelTypography.BODY_1}\n        color={isByMe ? LabelColors.ONCONTENT_1 : LabelColors.ONBACKGROUND_1}\n      >\n        <div className=\"sendbird-og-message-item-body__text-bubble\">\n          {\n            sentences?.map((sentence, index) => {\n              return [\n                sentence?.map((word) => {\n                  return (\n                    <Word\n                      key={uuidv4()}\n                      word={word}\n                      message={message}\n                      isByMe={isByMe}\n                    />\n                  );\n                }),\n                sentences?.[index + 1] ? <br /> : null,\n              ]\n            })\n          }\n          {\n            isEditedMessage(message) && (\n              <Label\n                className=\"sendbird-og-message-item-body__text-bubble__message\"\n                type={LabelTypography.BODY_1}\n                color={isByMe ? LabelColors.ONCONTENT_2 : LabelColors.ONBACKGROUND_2}\n              >\n                {` ${stringSet.MESSAGE_EDITED} `}\n              </Label>\n            )\n          }\n        </div>\n      </Label>\n      <div\n        className=\"sendbird-og-message-item-body__og-thumbnail\"\n        onClick={openOGUrl}\n      >\n        <ImageRenderer\n          className=\"sendbird-og-message-item-body__og-thumbnail__image\"\n          url={message?.ogMetaData?.defaultImage?.url || ''}\n          alt={message?.ogMetaData?.defaultImage?.alt}\n          // TODO: Change fixing width and height lengths\n          defaultComponent={(\n            <div className=\"sendbird-og-message-item-body__og-thumbnail__place-holder\">\n              <Icon\n                className=\"sendbird-og-message-item-body__og-thumbnail__place-holder__icon\"\n                type={IconTypes.THUMBNAIL_NONE}\n                width=\"56px\"\n                height=\"56px\"\n              />\n            </div>\n          )}\n        />\n      </div>\n      <div\n        className=\"sendbird-og-message-item-body__description\"\n        onClick={openOGUrl}\n      >\n        {message?.ogMetaData?.title && (\n          <Label\n            className=\"sendbird-og-message-item-body__description__title\"\n            type={LabelTypography.SUBTITLE_2}\n            color={LabelColors.ONBACKGROUND_1}\n          >\n            {message.ogMetaData.title}\n          </Label>\n        )}\n        {message?.ogMetaData?.description && (\n          <Label\n            className=\"sendbird-og-message-item-body__description__description\"\n            type={LabelTypography.BODY_2}\n            color={LabelColors.ONBACKGROUND_1}\n          >\n            {message.ogMetaData.description}\n          </Label>\n        )}\n        {message?.ogMetaData?.url && (\n          <Label\n            className=\"sendbird-og-message-item-body__description__url\"\n            type={LabelTypography.CAPTION_3}\n            color={LabelColors.ONBACKGROUND_2}\n          >\n            {message.ogMetaData.url}\n          </Label>\n        )}\n      </div>\n      <div className=\"sendbird-og-message-item-body__cover\" />\n    </div>\n  );\n}\n"],"names":["OGMessageItemBody","_a","className","message","_m","isByMe","_o","mouseHover","_p","isMentionEnabled","_q","isReactionEnabled","stringSet","useContext","LocalizationContext","openOGUrl","ogMetaData","url","window","open","_b","isMessageMentioned","mentionedMessageTemplate","length","_c","mentionedUsers","sentences","useMemo","split","map","sentence","React","getClassName","_d","reactions","Label","uuidv4","LabelTypography","BODY_1","LabelColors","ONCONTENT_1","ONBACKGROUND_1","index","word","Word","isEditedMessage","ONCONTENT_2","ONBACKGROUND_2","concat","MESSAGE_EDITED","ImageRenderer","_f","_e","defaultImage","_g","_h","alt","Icon","IconTypes","THUMBNAIL_NONE","_j","title","SUBTITLE_2","_k","description","BODY_2","_l","CAPTION_3"],"mappings":"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"}
+{"version":3,"file":"OGMessageItemBody.js","sources":["../../../src/ui/OGMessageItemBody/index.tsx"],"sourcesContent":["import './index.scss';\nimport React, {\n  ReactElement,\n  useContext,\n  useMemo,\n  useRef,\n} from 'react';\nimport type { UserMessage } from '@sendbird/chat/message';\n\nimport Word from '../Word';\nimport ImageRenderer from '../ImageRenderer';\nimport Icon, { IconTypes } from '../Icon';\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport uuidv4 from '../../utils/uuid';\nimport { getClassName, isEditedMessage } from '../../utils';\nimport { LocalizationContext } from '../../lib/LocalizationContext';\n\ninterface Props {\n  className?: string | Array<string>;\n  message: UserMessage;\n  isByMe?: boolean;\n  mouseHover?: boolean;\n  isMentionEnabled?: boolean;\n  isReactionEnabled?: boolean;\n}\n\nexport default function OGMessageItemBody({\n  className,\n  message,\n  isByMe = false,\n  mouseHover = false,\n  isMentionEnabled = false,\n  isReactionEnabled = false,\n}: Props): ReactElement {\n  const imageRef = useRef<HTMLDivElement>(null);\n  const { stringSet } = useContext(LocalizationContext);\n  const openOGUrl = (): void => {\n    if (message?.ogMetaData?.url) window.open(message?.ogMetaData?.url);\n  };\n  const isMessageMentioned = isMentionEnabled && message?.mentionedMessageTemplate?.length > 0 && message?.mentionedUsers?.length > 0;\n  const sentences: Array<Array<string>> = useMemo(() => {\n    if (isMessageMentioned) {\n      return message?.mentionedMessageTemplate?.split(/\\n/).map((sentence) => sentence.split(/\\s/));\n    }\n    return message?.message?.split(/\\n/).map((sentence) => sentence.split(/\\s/));\n  }, [message?.mentionedMessageTemplate]);\n  return (\n    <div className={getClassName([\n      className,\n      'sendbird-og-message-item-body',\n      isByMe ? 'outgoing' : 'incoming',\n      mouseHover ? 'mouse-hover' : '',\n      (isReactionEnabled && message?.reactions?.length > 0) ? 'reactions' : '',\n    ])}>\n      <Label\n        key={uuidv4()}\n        type={LabelTypography.BODY_1}\n        color={isByMe ? LabelColors.ONCONTENT_1 : LabelColors.ONBACKGROUND_1}\n      >\n        <div className=\"sendbird-og-message-item-body__text-bubble\">\n          {\n            sentences?.map((sentence, index) => {\n              return [\n                sentence?.map((word) => {\n                  return (\n                    <Word\n                      key={uuidv4()}\n                      word={word}\n                      message={message}\n                      isByMe={isByMe}\n                    />\n                  );\n                }),\n                sentences?.[index + 1] ? <br /> : null,\n              ]\n            })\n          }\n          {\n            isEditedMessage(message) && (\n              <Label\n                className=\"sendbird-og-message-item-body__text-bubble__message\"\n                type={LabelTypography.BODY_1}\n                color={isByMe ? LabelColors.ONCONTENT_2 : LabelColors.ONBACKGROUND_2}\n              >\n                {` ${stringSet.MESSAGE_EDITED} `}\n              </Label>\n            )\n          }\n        </div>\n      </Label>\n      <div\n        ref={imageRef}\n        className={`sendbird-og-message-item-body__og-thumbnail\n          ${message?.ogMetaData?.defaultImage?.url ? '' : 'sendbird-og-message-item-body__og-thumbnail__empty'}\n        `}\n        onClick={openOGUrl}\n      >\n        <ImageRenderer\n          onError={() => {\n            try {\n              imageRef?.current?.classList?.add('sendbird-og-message-item-body__og-thumbnail__empty');\n            } catch (error) {\n              // do nothing\n            }\n          }}\n          className=\"sendbird-og-message-item-body__og-thumbnail__image\"\n          url={message?.ogMetaData?.defaultImage?.url || ''}\n          alt={message?.ogMetaData?.defaultImage?.alt}\n          // TODO: Change fixing width and height lengths\n          defaultComponent={(\n            <div className=\"sendbird-og-message-item-body__og-thumbnail__place-holder\">\n              <Icon\n                className=\"sendbird-og-message-item-body__og-thumbnail__place-holder__icon\"\n                type={IconTypes.THUMBNAIL_NONE}\n                width=\"56px\"\n                height=\"56px\"\n              />\n            </div>\n          )}\n        />\n      </div>\n      <div\n        className=\"sendbird-og-message-item-body__description\"\n        onClick={openOGUrl}\n      >\n        {message?.ogMetaData?.title && (\n          <Label\n            className=\"sendbird-og-message-item-body__description__title\"\n            type={LabelTypography.SUBTITLE_2}\n            color={LabelColors.ONBACKGROUND_1}\n          >\n            {message.ogMetaData.title}\n          </Label>\n        )}\n        {message?.ogMetaData?.description && (\n          <Label\n            className=\"sendbird-og-message-item-body__description__description\"\n            type={LabelTypography.BODY_2}\n            color={LabelColors.ONBACKGROUND_1}\n          >\n            {message.ogMetaData.description}\n          </Label>\n        )}\n        {message?.ogMetaData?.url && (\n          <Label\n            className=\"sendbird-og-message-item-body__description__url\"\n            type={LabelTypography.CAPTION_3}\n            color={LabelColors.ONBACKGROUND_2}\n          >\n            {message.ogMetaData.url}\n          </Label>\n        )}\n      </div>\n      <div className=\"sendbird-og-message-item-body__cover\" />\n    </div>\n  );\n}\n"],"names":["OGMessageItemBody","_a","className","message","_p","isByMe","_q","mouseHover","_r","isMentionEnabled","_s","isReactionEnabled","imageRef","useRef","stringSet","useContext","LocalizationContext","openOGUrl","ogMetaData","url","window","open","_b","isMessageMentioned","mentionedMessageTemplate","length","_c","mentionedUsers","sentences","useMemo","split","map","sentence","React","getClassName","_d","reactions","Label","uuidv4","LabelTypography","BODY_1","LabelColors","ONCONTENT_1","ONBACKGROUND_1","index","word","Word","isEditedMessage","ONCONTENT_2","ONBACKGROUND_2","concat","MESSAGE_EDITED","_f","_e","defaultImage","ImageRenderer","current","classList","add","error","_h","_g","_j","_k","alt","Icon","IconTypes","THUMBNAIL_NONE","_l","title","SUBTITLE_2","_m","description","BODY_2","_o","CAPTION_3"],"mappings":"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"}

package/cjs/ui/OpenChannelAdminMessage.js

@@ -1,10 +1,10 @@
 'use strict';
 
-var tslib_es6 = require('../tslib.es6-0b4c49f8.js');
+var tslib_es6 = require('../tslib.es6-23b4ef32.js');
 var React = require('react');
-var ui_Label = require('../index-2c095d94.js');
+var ui_Label = require('../index-86b55059.js');
 require('prop-types');
-require('../stringSet-87e51d08.js');
+require('../stringSet-d4071e23.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/ui/OpenChannelAvatar.js

@@ -2,15 +2,15 @@
 
 var React = require('react');
 var ui_Avatar = require('./Avatar.js');
-var LocalizationContext = require('../LocalizationContext-a0f833e9.js');
-var utils = require('../utils-72ab488f.js');
-require('../tslib.es6-0b4c49f8.js');
+var LocalizationContext = require('../LocalizationContext-7d2c13ee.js');
+var utils = require('../utils-b691a058.js');
+require('../tslib.es6-23b4ef32.js');
 require('./ImageRenderer.js');
 require('./Icon.js');
 require('prop-types');
-require('../uuid-0b5f4e5e.js');
-require('../stringSet-87e51d08.js');
-require('../index-4dc29990.js');
+require('../uuid-42040a5c.js');
+require('../stringSet-d4071e23.js');
+require('../index-31135e46.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/ui/OpenchannelConversationHeader.js

@@ -4,14 +4,14 @@ var React = require('react');
 var ui_Avatar = require('./Avatar.js');
 var ui_Icon = require('./Icon.js');
 var ui_IconButton = require('./IconButton.js');
-var ui_Label = require('../index-2c095d94.js');
-var LocalizationContext = require('../LocalizationContext-a0f833e9.js');
-require('../tslib.es6-0b4c49f8.js');
+var ui_Label = require('../index-86b55059.js');
+var LocalizationContext = require('../LocalizationContext-7d2c13ee.js');
+require('../tslib.es6-23b4ef32.js');
 require('./ImageRenderer.js');
-require('../uuid-0b5f4e5e.js');
+require('../uuid-42040a5c.js');
 require('prop-types');
-require('../stringSet-87e51d08.js');
-require('../index-4dc29990.js');
+require('../stringSet-d4071e23.js');
+require('../index-31135e46.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/ui/OpenchannelFileMessage.js

@@ -1,35 +1,35 @@
 'use strict';
 
-var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-25763ef8.js');
-var tslib_es6 = require('../tslib.es6-0b4c49f8.js');
+var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-9807f0cb.js');
+var tslib_es6 = require('../tslib.es6-23b4ef32.js');
 var React = require('react');
-var index$1 = require('../index-67134275.js');
+var index$1 = require('../index-c34f34a2.js');
 var ui_Avatar = require('./Avatar.js');
 var ui_ContextMenu = require('./ContextMenu.js');
-var ui_Label = require('../index-2c095d94.js');
+var ui_Label = require('../index-86b55059.js');
 var ui_Loader = require('./Loader.js');
 var ui_Icon = require('./Icon.js');
 var ui_IconButton = require('./IconButton.js');
 var ui_TextButton = require('./TextButton.js');
 var ui_UserProfile = require('./UserProfile.js');
-var UserProfileContext = require('../UserProfileContext-74e6409b.js');
-var LocalizationContext = require('../LocalizationContext-a0f833e9.js');
-var index = require('../index-9f6a474c.js');
-var MediaQueryContext = require('../MediaQueryContext-770ae8bc.js');
-var useLongPress = require('../useLongPress-ff6353a1.js');
-require('../index-4dc29990.js');
+var UserProfileContext = require('../UserProfileContext-89b8a98d.js');
+var LocalizationContext = require('../LocalizationContext-7d2c13ee.js');
+var index = require('../index-318ca5bb.js');
+var MediaQueryContext = require('../MediaQueryContext-36855cf6.js');
+var useLongPress = require('../useLongPress-62a89444.js');
+require('../index-31135e46.js');
 require('./ImageRenderer.js');
-require('../uuid-0b5f4e5e.js');
+require('../uuid-42040a5c.js');
 require('prop-types');
 require('react-dom');
 require('./SortByRow.js');
-require('../index-bfe8bdde.js');
+require('../index-6691da2c.js');
 require('../utils/message/getOutgoingMessageState.js');
-require('../stringSet-87e51d08.js');
-require('../color-51fd9a0c.js');
+require('../stringSet-d4071e23.js');
+require('../color-ae15b40e.js');
 require('../sendbirdSelectors.js');
-require('../topics-d9091126.js');
-require('../utils-aa1597cc.js');
+require('../topics-7108f68f.js');
+require('../utils-178ccede.js');
 require('./Button.js');
 require('../useSendbirdStateContext.js');
 require('../withSendbird.js');

package/cjs/ui/OpenchannelOGMessage.js

@@ -1,37 +1,37 @@
 'use strict';
 
-var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-25763ef8.js');
-var tslib_es6 = require('../tslib.es6-0b4c49f8.js');
+var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-9807f0cb.js');
+var tslib_es6 = require('../tslib.es6-23b4ef32.js');
 var React = require('react');
-var index$1 = require('../index-67134275.js');
+var index$1 = require('../index-c34f34a2.js');
 var ui_Avatar = require('./Avatar.js');
 var ui_ContextMenu = require('./ContextMenu.js');
 var ui_Icon = require('./Icon.js');
 var ui_IconButton = require('./IconButton.js');
 var ui_ImageRenderer = require('./ImageRenderer.js');
 var ui_LinkLabel = require('./LinkLabel.js');
-var ui_Label = require('../index-2c095d94.js');
+var ui_Label = require('../index-86b55059.js');
 var ui_Loader = require('./Loader.js');
 var ui_UserProfile = require('./UserProfile.js');
 var ui_Word = require('./Word.js');
-var UserProfileContext = require('../UserProfileContext-74e6409b.js');
-var uuid = require('../uuid-0b5f4e5e.js');
-var utils = require('../utils-c948ddfe.js');
-var LocalizationContext = require('../LocalizationContext-a0f833e9.js');
-var index = require('../index-9f6a474c.js');
+var UserProfileContext = require('../UserProfileContext-89b8a98d.js');
+var uuid = require('../uuid-42040a5c.js');
+var utils = require('../utils-7bec6eaa.js');
+var LocalizationContext = require('../LocalizationContext-7d2c13ee.js');
+var index = require('../index-318ca5bb.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
-var MediaQueryContext = require('../MediaQueryContext-770ae8bc.js');
-var useLongPress = require('../useLongPress-ff6353a1.js');
-require('../index-4dc29990.js');
+var MediaQueryContext = require('../MediaQueryContext-36855cf6.js');
+var useLongPress = require('../useLongPress-62a89444.js');
+require('../index-31135e46.js');
 require('prop-types');
 require('react-dom');
 require('./SortByRow.js');
-require('../index-bfe8bdde.js');
+require('../index-6691da2c.js');
 require('../utils/message/getOutgoingMessageState.js');
-require('../stringSet-87e51d08.js');
+require('../stringSet-d4071e23.js');
 require('../sendbirdSelectors.js');
-require('../topics-d9091126.js');
-require('../utils-aa1597cc.js');
+require('../topics-7108f68f.js');
+require('../utils-178ccede.js');
 require('./Button.js');
 require('./MentionLabel.js');
 require('../withSendbird.js');

package/cjs/ui/OpenchannelThumbnailMessage.js

@@ -1,33 +1,33 @@
 'use strict';
 
-var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-25763ef8.js');
-var tslib_es6 = require('../tslib.es6-0b4c49f8.js');
+var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-9807f0cb.js');
+var tslib_es6 = require('../tslib.es6-23b4ef32.js');
 var React = require('react');
-var index$1 = require('../index-67134275.js');
-var LocalizationContext = require('../LocalizationContext-a0f833e9.js');
+var index$1 = require('../index-c34f34a2.js');
+var LocalizationContext = require('../LocalizationContext-7d2c13ee.js');
 var ui_Avatar = require('./Avatar.js');
 var ui_ContextMenu = require('./ContextMenu.js');
 var ui_Icon = require('./Icon.js');
 var ui_IconButton = require('./IconButton.js');
 var ui_ImageRenderer = require('./ImageRenderer.js');
-var ui_Label = require('../index-2c095d94.js');
+var ui_Label = require('../index-86b55059.js');
 var ui_Loader = require('./Loader.js');
 var ui_UserProfile = require('./UserProfile.js');
-var UserProfileContext = require('../UserProfileContext-74e6409b.js');
-var index = require('../index-9f6a474c.js');
-var MediaQueryContext = require('../MediaQueryContext-770ae8bc.js');
-var useLongPress = require('../useLongPress-ff6353a1.js');
-require('../index-4dc29990.js');
-require('../stringSet-87e51d08.js');
-require('../uuid-0b5f4e5e.js');
+var UserProfileContext = require('../UserProfileContext-89b8a98d.js');
+var index = require('../index-318ca5bb.js');
+var MediaQueryContext = require('../MediaQueryContext-36855cf6.js');
+var useLongPress = require('../useLongPress-62a89444.js');
+require('../index-31135e46.js');
+require('../stringSet-d4071e23.js');
+require('../uuid-42040a5c.js');
 require('prop-types');
 require('react-dom');
 require('./SortByRow.js');
-require('../index-bfe8bdde.js');
+require('../index-6691da2c.js');
 require('../utils/message/getOutgoingMessageState.js');
 require('../sendbirdSelectors.js');
-require('../topics-d9091126.js');
-require('../utils-aa1597cc.js');
+require('../topics-7108f68f.js');
+require('../utils-178ccede.js');
 require('./Button.js');
 require('../useSendbirdStateContext.js');
 require('../withSendbird.js');

package/cjs/ui/OpenchannelUserMessage.js

@@ -1,34 +1,34 @@
 'use strict';
 
-var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-25763ef8.js');
-var tslib_es6 = require('../tslib.es6-0b4c49f8.js');
+var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-9807f0cb.js');
+var tslib_es6 = require('../tslib.es6-23b4ef32.js');
 var React = require('react');
-var index$1 = require('../index-67134275.js');
+var index$1 = require('../index-c34f34a2.js');
 var ui_Avatar = require('./Avatar.js');
 var ui_ContextMenu = require('./ContextMenu.js');
 var ui_Icon = require('./Icon.js');
 var ui_IconButton = require('./IconButton.js');
-var ui_Label = require('../index-2c095d94.js');
+var ui_Label = require('../index-86b55059.js');
 var ui_Loader = require('./Loader.js');
 var ui_UserProfile = require('./UserProfile.js');
-var UserProfileContext = require('../UserProfileContext-74e6409b.js');
-var LocalizationContext = require('../LocalizationContext-a0f833e9.js');
-var utils = require('../utils-c948ddfe.js');
-var uuid = require('../uuid-0b5f4e5e.js');
-var index = require('../index-9f6a474c.js');
-var MediaQueryContext = require('../MediaQueryContext-770ae8bc.js');
-var useLongPress = require('../useLongPress-ff6353a1.js');
-var index$2 = require('../index-bfe8bdde.js');
-require('../index-4dc29990.js');
+var UserProfileContext = require('../UserProfileContext-89b8a98d.js');
+var LocalizationContext = require('../LocalizationContext-7d2c13ee.js');
+var utils = require('../utils-7bec6eaa.js');
+var uuid = require('../uuid-42040a5c.js');
+var index = require('../index-318ca5bb.js');
+var MediaQueryContext = require('../MediaQueryContext-36855cf6.js');
+var useLongPress = require('../useLongPress-62a89444.js');
+var index$2 = require('../index-6691da2c.js');
+require('../index-31135e46.js');
 require('./ImageRenderer.js');
 require('prop-types');
 require('react-dom');
 require('./SortByRow.js');
 require('../utils/message/getOutgoingMessageState.js');
-require('../stringSet-87e51d08.js');
+require('../stringSet-d4071e23.js');
 require('../sendbirdSelectors.js');
-require('../topics-d9091126.js');
-require('../utils-aa1597cc.js');
+require('../topics-7108f68f.js');
+require('../utils-178ccede.js');
 require('./Button.js');
 require('../useSendbirdStateContext.js');
 require('../withSendbird.js');

package/cjs/ui/PlaceHolder.js

@@ -2,15 +2,15 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../tslib.es6-0b4c49f8.js');
+require('../tslib.es6-23b4ef32.js');
 require('react');
-var ui_PlaceHolder = require('../index-4d6f2a4e.js');
-require('../LocalizationContext-a0f833e9.js');
+var ui_PlaceHolder = require('../index-a34a53d3.js');
+require('../LocalizationContext-7d2c13ee.js');
 require('./Icon.js');
-require('../index-2c095d94.js');
+require('../index-86b55059.js');
 require('./Loader.js');
-require('../stringSet-87e51d08.js');
-require('../index-4dc29990.js');
+require('../stringSet-d4071e23.js');
+require('../index-31135e46.js');
 require('prop-types');
 
 

package/cjs/ui/PlaybackTime.js

@@ -0,0 +1,36 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var ui_Label = require('../index-86b55059.js');
+require('prop-types');
+require('../stringSet-d4071e23.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var PlaybackTime = function (_a) {
+  var className = _a.className,
+      _b = _a.time,
+      time = _b === void 0 ? 0 : _b,
+      _c = _a.labelType,
+      labelType = _c === void 0 ? ui_Label.LabelTypography.CAPTION_2 : _c,
+      _d = _a.labelColor,
+      labelColor = _d === void 0 ? ui_Label.LabelColors.ONCONTENT_1 : _d;
+  var naturalTime = time < 0 ? 0 : time;
+  var hour = Math.floor(naturalTime / 3600000);
+  var min = Math.floor(naturalTime % 3600000 / 60000);
+  var sec = Math.floor(naturalTime % 3600000 % 60000 / 1000);
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "sendbird-ui-play-time ".concat(className)
+  }, /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
+    type: labelType,
+    color: labelColor
+  }, "".concat(hour ? hour + ':' : '').concat(min < 10 ? '0' : '').concat(min ? min : '0', ":").concat(sec < 10 ? '0' : '').concat(sec)));
+};
+
+exports.PlaybackTime = PlaybackTime;
+exports["default"] = PlaybackTime;
+//# sourceMappingURL=PlaybackTime.js.map

package/cjs/ui/PlaybackTime.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlaybackTime.js","sources":["../../../src/ui/PlaybackTime/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport Label, { LabelTypography, LabelColors } from '../Label';\n\nexport interface PlaybackTimeProps {\n  className?: string;\n  time: number;// millisec\n  labelType?: string;\n  labelColor?: string;\n}\n\nexport const PlaybackTime = ({\n  className,\n  time = 0,\n  labelType = LabelTypography.CAPTION_2,\n  labelColor = LabelColors.ONCONTENT_1,\n}: PlaybackTimeProps): React.ReactElement => {\n  const naturalTime = time < 0 ? 0 : time;\n\n  const hour = Math.floor(naturalTime / 3600000);\n  const min = Math.floor(naturalTime % 3600000 / 60000);\n  const sec = Math.floor((naturalTime % 3600000 % 60000) / 1000);\n  return (\n    <div className={`sendbird-ui-play-time ${className}`}>\n      <Label\n        type={labelType}\n        color={labelColor}\n      >\n        {`${hour ? hour + ':' : ''}${min < 10 ? '0' : ''}${min ? min : '0'}:${sec < 10 ? '0' : ''}${sec}`}\n      </Label>\n    </div>\n  );\n};\n\nexport default PlaybackTime;\n"],"names":["PlaybackTime","_a","className","_b","time","_c","labelType","LabelTypography","CAPTION_2","_d","labelColor","LabelColors","ONCONTENT_1","naturalTime","hour","Math","floor","min","sec","React","concat","Label"],"mappings":";;;;;;;;;;;;;AAWaA,IAAAA,YAAY,GAAG,UAACC,EAAD,EAKR;MAJlBC,SAAS,GAAAD,EAAA,CAAAC;MACTC,EAAA,GAAAF,EAAA,CAAAG;MAAAA,IAAI,mBAAG,IAACD;MACRE,EAAA,GAAAJ,EAAA,CAAAK;MAAAA,SAAS,mBAAGC,wBAAe,CAACC,YAASH;MACrCI,EAAA,GAAAR,EAAA,CAAAS;MAAAA,UAAU,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAAE,oBAAW,CAACC,WAAZ,GAAuBH;EAEpC,IAAMI,WAAW,GAAGT,IAAI,GAAG,CAAP,GAAW,CAAX,GAAeA,IAAnC,CAAA;EAEA,IAAMU,IAAI,GAAGC,IAAI,CAACC,KAAL,CAAWH,WAAW,GAAG,OAAzB,CAAb,CAAA;EACA,IAAMI,GAAG,GAAGF,IAAI,CAACC,KAAL,CAAWH,WAAW,GAAG,OAAd,GAAwB,KAAnC,CAAZ,CAAA;AACA,EAAA,IAAMK,GAAG,GAAGH,IAAI,CAACC,KAAL,CAAYH,WAAW,GAAG,OAAd,GAAwB,KAAzB,GAAkC,IAA7C,CAAZ,CAAA;EACA,oBACEM,yBAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,IAAA,SAAS,EAAE,wBAAA,CAAyBC,MAAzB,CAAyBlB,SAAzB,CAAA;AAAhB,GAAA,eACEiB,wCAACE,cAAD,EAAA;AACE,IAAA,IAAI,EAAEf,SADR;AAEE,IAAA,KAAK,EAAEI,UAAAA;GAEN,EAAA,EAAA,CAAAU,MAAA,CAAGN,IAAI,GAAGA,IAAI,GAAG,GAAV,GAAgB,EAAvB,EAA4BM,MAA5B,CAA4BH,GAAG,GAAG,EAAN,GAAW,GAAX,GAAiB,EAA7C,CAAA,OAAA,CAAkDA,GAAG,GAAGA,GAAH,GAAS,GAA9D,EAAiE,GAAjE,CAAiEG,CAAAA,MAAjE,CAAqEF,GAAG,GAAG,EAAN,GAAW,GAAX,GAAiB,EAAtF,CAAA,CAAwFE,MAAxF,CAA2FF,GAA3F,CAJH,CADF,CADF,CAAA;AAUD;;;;;"}

package/cjs/ui/ProgressBar.js

@@ -0,0 +1,41 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var ProgressBarColorTypes = {
+  PRIMARY: 'progress-bar-color--primary',
+  GRAY: 'progress-bar-color--gray'
+};
+var ProgressBar = function (_a) {
+  var _b = _a.className,
+      className = _b === void 0 ? '' : _b,
+      _c = _a.disabled,
+      disabled = _c === void 0 ? false : _c,
+      maxSize = _a.maxSize,
+      _d = _a.currentSize,
+      currentSize = _d === void 0 ? 0 : _d,
+      _e = _a.colorType,
+      colorType = _e === void 0 ? ProgressBarColorTypes.PRIMARY : _e;
+  var width = React.useMemo(function () {
+    return "".concat(currentSize / maxSize * 100, "%");
+  }, [currentSize, maxSize]);
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "sendbird-progress-bar ".concat(className, " ").concat(colorType, " ").concat(disabled ? 'progress-bar--disabled' : '')
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "sendbird-progress-bar__fill",
+    style: {
+      width: width
+    }
+  }));
+};
+
+exports.ProgressBar = ProgressBar;
+exports.ProgressBarColorTypes = ProgressBarColorTypes;
+exports["default"] = ProgressBar;
+//# sourceMappingURL=ProgressBar.js.map

package/cjs/ui/ProgressBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBar.js","sources":["../../../src/ui/ProgressBar/index.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport './index.scss';\n\nexport const ProgressBarColorTypes = {\n  PRIMARY: 'progress-bar-color--primary',\n  GRAY: 'progress-bar-color--gray',\n} as const;\nexport type ProgressBarColorTypes = typeof ProgressBarColorTypes[keyof typeof ProgressBarColorTypes];\n\nexport interface ProgressBarProps {\n  className?: string;\n  disabled?: boolean;\n  maxSize: number;\n  currentSize: number;\n  colorType?: ProgressBarColorTypes;\n}\n\nexport const ProgressBar = ({\n  className ='',\n  disabled = false,\n  maxSize,\n  currentSize = 0,\n  colorType = ProgressBarColorTypes.PRIMARY,\n}: ProgressBarProps): React.ReactElement => {\n  const width = useMemo(() => {\n    return `${currentSize / maxSize * 100}%`;\n  }, [currentSize, maxSize]);\n  return (\n    <div className={`sendbird-progress-bar ${className} ${colorType} ${disabled ? 'progress-bar--disabled' : ''}`}>\n      <div className=\"sendbird-progress-bar__fill\" style={{ width }} />\n    </div>\n  );\n};\n\nexport default ProgressBar;\n"],"names":["ProgressBarColorTypes","PRIMARY","GRAY","ProgressBar","_a","_b","className","_c","disabled","maxSize","_d","currentSize","_e","colorType","width","useMemo","React","concat"],"mappings":";;;;;;;;;;AAGO,IAAMA,qBAAqB,GAAG;AACnCC,EAAAA,OAAO,EAAE,6BAD0B;AAEnCC,EAAAA,IAAI,EAAE,0BAAA;AAF6B,EAA9B;AAcMC,IAAAA,WAAW,GAAG,UAACC,EAAD,EAMR;AALjB,EAAA,IAAAC,EAAA,GAAAD,EAAA,CAAAE,SAAA;MAAAA,SAAS,GAAED,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAEA,EAAb;AAAA,MACAE,EAAgB,GAAAH,EAAA,CAAAI,QADhB;MACAA,QAAQ,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,KAAH,GAAQA,EADhB;AAAA,MAEAE,OAAO,GAAAL,EAAA,CAAAK,OAFP;AAAA,MAGAC,EAAA,GAAAN,EAAA,CAAAO,WAHA;MAGAA,WAAW,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,CAAA,GAACA,EAHf;AAAA,MAIAE,EAAyC,GAAAR,EAAA,CAAAS,SAJzC;MAIAA,SAAS,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAGZ,qBAAqB,CAACC,OAAzB,GAAgCW,EAJzC,CAAA;AAMA,EAAA,IAAME,KAAK,GAAGC,aAAO,CAAC,YAAA;IACpB,OAAO,EAAA,OAAA,CAAGJ,WAAW,GAAGF,OAAd,GAAwB,GAA3B,KAAA,CAAP,CAAA;AACD,GAFoB,EAElB,CAACE,WAAD,EAAcF,OAAd,CAFkB,CAArB,CAAA;EAGA,oBACEO,yBAAA,CAAA,aAAA,CAAA,KAAA,EAAA;IAAK,SAAS,EAAE,yBAAyBC,MAAzB,CAAyBX,SAAzB,EAAsC,GAAtC,EAAsCW,MAAtC,CAAsCJ,SAAtC,KAAA,QAAA,CAAmDL,QAAQ,GAAG,wBAAH,GAA8B,EAAzF,CAAA;GACd,eAAAQ,yBAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,IAAA,SAAS,EAAC,6BAAf;AAA6C,IAAA,KAAK,EAAE;AAAEF,MAAAA,KAAK,EAAAA,KAAAA;AAAP,KAAA;AAApD,GAAA,CADF,CADF,CAAA;AAKD;;;;;;"}

package/cjs/ui/QuoteMessage.js

@@ -2,14 +2,14 @@
 
 var React = require('react');
 var ui_Icon = require('./Icon.js');
-var ui_Label = require('../index-2c095d94.js');
+var ui_Label = require('../index-86b55059.js');
 var ui_ImageRenderer = require('./ImageRenderer.js');
-var LocalizationContext = require('../LocalizationContext-a0f833e9.js');
-var index = require('../index-bfe8bdde.js');
+var LocalizationContext = require('../LocalizationContext-7d2c13ee.js');
+var index = require('../index-6691da2c.js');
 require('prop-types');
-require('../stringSet-87e51d08.js');
-require('../tslib.es6-0b4c49f8.js');
-require('../index-4dc29990.js');
+require('../stringSet-d4071e23.js');
+require('../tslib.es6-23b4ef32.js');
+require('../index-31135e46.js');
 require('../utils/message/getOutgoingMessageState.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -89,7 +89,13 @@ function QuoteMessage(_a) {
     className: "sendbird-quote-message__replied-message__text-message__word",
     type: ui_Label.LabelTypography.BODY_2,
     color: ui_Label.LabelColors.ONBACKGROUND_1
-  }, parentMessage === null || parentMessage === void 0 ? void 0 : parentMessage.message)), index.isThumbnailMessage(parentMessage) && parentMessageUrl && !isUnavailable && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, parentMessage === null || parentMessage === void 0 ? void 0 : parentMessage.message)), index.isVoiceMessage(parentMessage) && parentMessageUrl && !isUnavailable && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "sendbird-quote-message__replied-message__text-message"
+  }, /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
+    className: "sendbird-quote-message__replied-message__text-message__word",
+    type: ui_Label.LabelTypography.BODY_2,
+    color: ui_Label.LabelColors.ONBACKGROUND_1
+  }, stringSet.VOICE_MESSAGE)), index.isThumbnailMessage(parentMessage) && parentMessageUrl && !isUnavailable && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "sendbird-quote-message__replied-message__thumbnail-message"
   }, /*#__PURE__*/React__default["default"].createElement(ui_ImageRenderer, {
     className: "sendbird-quote-message__replied-message__thumbnail-message__image",
@@ -133,7 +139,7 @@ function QuoteMessage(_a) {
     fillColor: ui_Icon.IconColors.GRAY,
     width: "14px",
     height: "14px"
-  })))), index.isFileMessage(parentMessage) && !index.isSupportedFileView(parentMessage.type) && parentMessageUrl && !isUnavailable && /*#__PURE__*/React__default["default"].createElement("div", {
+  })))), index.getUIKitMessageType(parentMessage) === index.UIKitMessageTypes.FILE && parentMessageUrl && !isUnavailable && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "sendbird-quote-message__replied-message__file-message"
   }, /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
     className: "sendbird-quote-message__replied-message__file-message__type-icon",