@sendbird/uikit-react 3.4.5 → 3.4.6-rc.0

package/cjs/ui/OpenchannelUserMessage.js

@@ -1,34 +1,34 @@
 'use strict';
 
-var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-994cd1da.js');
-var tslib_es6 = require('../tslib.es6-ee1122c5.js');
+var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-440ec6e2.js');
+var tslib_es6 = require('../tslib.es6-957ba986.js');
 var React = require('react');
-var index$1 = require('../index-959a4ab1.js');
+var index$1 = require('../index-ecfe08c9.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-26a1e861.js');
+var ui_Label = require('../index-3d6159df.js');
 var ui_Loader = require('./Loader.js');
 var ui_UserProfile = require('./UserProfile.js');
-var UserProfileContext = require('../UserProfileContext-c4642438.js');
-var LocalizationContext = require('../LocalizationContext-01fceac0.js');
-var utils = require('../utils-e4cd6a0c.js');
-var uuid = require('../uuid-26b61f16.js');
-var index = require('../index-a7fa406f.js');
-var MediaQueryContext = require('../MediaQueryContext-4978c777.js');
-var useLongPress = require('../useLongPress-3e3b1188.js');
-var index$2 = require('../index-72fd0294.js');
-require('../index-7c5d21c4.js');
+var UserProfileContext = require('../UserProfileContext-ad079e6d.js');
+var LocalizationContext = require('../LocalizationContext-9b216d02.js');
+var utils = require('../utils-7346a672.js');
+var uuid = require('../uuid-a8af0c03.js');
+var index = require('../index-8d42b734.js');
+var MediaQueryContext = require('../MediaQueryContext-ea137add.js');
+var useLongPress = require('../useLongPress-640ea281.js');
+var index$2 = require('../index-d6f14382.js');
+require('../index-02729806.js');
 require('./ImageRenderer.js');
 require('prop-types');
 require('react-dom');
 require('./SortByRow.js');
 require('../utils/message/getOutgoingMessageState.js');
-require('../stringSet-7330b627.js');
+require('../stringSet-e52248ab.js');
 require('../sendbirdSelectors.js');
-require('../topics-7547922a.js');
-require('../utils-5ca88bb6.js');
+require('../topics-09d72ec0.js');
+require('../utils-a82eaed9.js');
 require('./Button.js');
 require('../useSendbirdStateContext.js');
 require('../withSendbird.js');
@@ -39,52 +39,44 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 function OpenchannelUserMessage(_a) {
   var className = _a.className,
-      message = _a.message,
-      isOperator = _a.isOperator,
-      _b = _a.isEphemeral,
-      isEphemeral = _b === void 0 ? false : _b,
-      userId = _a.userId,
-      resendMessage = _a.resendMessage,
-      disabled = _a.disabled,
-      showEdit = _a.showEdit,
-      showRemove = _a.showRemove,
-      chainTop = _a.chainTop;
-
+    message = _a.message,
+    isOperator = _a.isOperator,
+    _b = _a.isEphemeral,
+    isEphemeral = _b === void 0 ? false : _b,
+    userId = _a.userId,
+    resendMessage = _a.resendMessage,
+    disabled = _a.disabled,
+    showEdit = _a.showEdit,
+    showRemove = _a.showRemove,
+    chainTop = _a.chainTop;
   if (!message || message.messageType !== 'user') {
     return null;
-  } // hooks
-
-
+  }
+  // hooks
   var _c = LocalizationContext.useLocalization(),
-      stringSet = _c.stringSet,
-      dateLocale = _c.dateLocale;
-
+    stringSet = _c.stringSet,
+    dateLocale = _c.dateLocale;
   var _d = React.useContext(UserProfileContext.UserProfileContext),
-      disableUserProfile = _d.disableUserProfile,
-      renderUserProfile = _d.renderUserProfile;
-
+    disableUserProfile = _d.disableUserProfile,
+    renderUserProfile = _d.renderUserProfile;
   var messageRef = React.useRef(null);
   var avatarRef = React.useRef(null);
   var contextMenuRef = React.useRef(null);
   var mobileMenuRef = React.useRef(null);
-
   var _e = React.useState({}),
-      contextStyle = _e[0],
-      setContextStyle = _e[1];
-
+    contextStyle = _e[0],
+    setContextStyle = _e[1];
   var _f = React.useState(false),
-      contextMenu = _f[0],
-      setContextMenu = _f[1]; // consts
-
-
+    contextMenu = _f[0],
+    setContextMenu = _f[1];
+  // consts
   var status = message === null || message === void 0 ? void 0 : message.sendingStatus;
   var isPending = index.checkIsPending(status);
   var isFailed = index.checkIsFailed(status);
-  var sender = index.getSenderFromMessage(message); // place context menu top depending clientHeight of message component
-
+  var sender = index.getSenderFromMessage(message);
+  // place context menu top depending clientHeight of message component
   React.useEffect(function () {
     var _a;
-
     if (((_a = messageRef === null || messageRef === void 0 ? void 0 : messageRef.current) === null || _a === void 0 ? void 0 : _a.clientHeight) > 36) {
       setContextStyle({
         top: '8px '
@@ -232,7 +224,6 @@ function OpenchannelUserMessage(_a) {
           if (disabled) {
             return;
           }
-
           showEdit(true);
           closeDropdown();
         }
@@ -256,7 +247,6 @@ function OpenchannelUserMessage(_a) {
           if (disabled) {
             return;
           }
-
           showRemove(true);
           closeDropdown();
         }

package/cjs/ui/OpenchannelUserMessage.js.map

@@ -1 +1 @@
-{"version":3,"file":"OpenchannelUserMessage.js","sources":["../../../src/ui/OpenchannelUserMessage/index.tsx"],"sourcesContent":["import React, {\n  useContext,\n  useRef,\n  useState,\n  ReactElement,\n  useEffect,\n} from 'react';\nimport { UserMessage } from '@sendbird/chat/message';\nimport format from 'date-fns/format';\nimport './index.scss';\n\nimport Avatar from '../Avatar';\nimport ContextMenu, { MenuItems, MenuItem } from '../ContextMenu';\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport IconButton from '../IconButton';\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport Loader from '../Loader';\nimport UserProfile from '../UserProfile';\nimport { UserProfileContext } from '../../lib/UserProfileContext';\n\nimport { useLocalization } from '../../lib/LocalizationContext';\nimport { copyToClipboard } from './utils';\nimport uuidv4 from '../../utils/uuid';\nimport {\n  checkIsPending,\n  checkIsFailed,\n  isFineCopy,\n  isFineEdit,\n  isFineResend,\n  isFineDelete,\n  showMenuTrigger,\n} from '../../utils/openChannelUtils';\nimport { getSenderFromMessage } from '../../utils/openChannelUtils';\nimport { useMediaQueryContext } from '../../lib/MediaQueryContext';\nimport OpenChannelMobileMenu from '../OpenChannelMobileMenu';\nimport useLongPress from '../../hooks/useLongPress';\nimport { isEditedMessage } from '../../utils';\n\ninterface OpenChannelUserMessageProps {\n  className?: string | Array<string>;\n  message: UserMessage;\n  isOperator?: boolean;\n  isEphemeral?: boolean;\n  userId: string;\n  disabled?: boolean;\n  showEdit(bool: boolean): void;\n  showRemove(bool: boolean): void;\n  resendMessage(message: UserMessage): void;\n  chainTop?: boolean;\n  chainBottom?: boolean;\n}\n\nexport default function OpenchannelUserMessage({\n  className,\n  message,\n  isOperator,\n  isEphemeral = false,\n  userId,\n  resendMessage,\n  disabled,\n  showEdit,\n  showRemove,\n  chainTop,\n}: OpenChannelUserMessageProps): ReactElement {\n  if (!message || message.messageType !== 'user') {\n    return null;\n  }\n\n  // hooks\n  const { stringSet, dateLocale } = useLocalization();\n  const { disableUserProfile, renderUserProfile } = useContext<UserProfileContext>(UserProfileContext);\n  const messageRef = useRef(null);\n  const avatarRef = useRef(null);\n  const contextMenuRef = useRef(null);\n  const mobileMenuRef = useRef(null);\n  const [contextStyle, setContextStyle] = useState({});\n  const [contextMenu, setContextMenu] = useState(false);\n\n  // consts\n  const status = message?.sendingStatus;\n  const isPending = checkIsPending(status);\n  const isFailed = checkIsFailed(status);\n  const sender = getSenderFromMessage(message);\n\n  // place context menu top depending clientHeight of message component\n  useEffect(() => {\n    if (messageRef?.current?.clientHeight > 36) {\n      setContextStyle({ top: '8px ' });\n    } else {\n      setContextStyle({ top: '2px' });\n    }\n  }, [window.innerWidth]);\n\n  const onLongPress = useLongPress({\n    onLongPress: () => {\n      setContextMenu(true);\n    }\n  });\n\n  const { isMobile } = useMediaQueryContext();\n  return (\n    <div\n      className={[\n        ...(Array.isArray(className) ? className : [className]),\n        'sendbird-openchannel-user-message',\n      ].join(' ')}\n      ref={messageRef}\n    >\n      <div className=\"sendbird-openchannel-user-message__left\">\n        {\n          !chainTop && (\n            <ContextMenu\n              menuTrigger={(toggleDropdown) => (\n                <Avatar\n                  className=\"sendbird-openchannel-user-message__left__avatar\"\n                  src={sender.profileUrl || ''}\n                  ref={avatarRef}\n                  width=\"28px\"\n                  height=\"28px\"\n                  onClick={() => {\n                    if (!disableUserProfile) {\n                      toggleDropdown();\n                    }\n                  }}\n                />\n              )}\n              menuItems={(closeDropdown) => (\n                <MenuItems\n                  parentRef={avatarRef}\n                  parentContainRef={avatarRef}\n                  closeDropdown={closeDropdown}\n                  style={{ paddingTop: '0px', paddingBottom: '0px' }}\n                >\n                  {\n                    renderUserProfile\n                      ? (\n                        renderUserProfile({\n                          user: sender,\n                          close: closeDropdown,\n                        })\n                      )\n                      : (\n                        <UserProfile\n                          user={sender}\n                          onSuccess={closeDropdown}\n                          disableMessaging\n                        />\n                      )\n                  }\n                </MenuItems>\n              )}\n            />\n          )\n        }\n      </div>\n      <div className=\"sendbird-openchannel-user-message__right\">\n        {\n          !chainTop && (\n            <div className=\"sendbird-openchannel-user-message__right__top\">\n              <Label\n                className=\"sendbird-openchannel-user-message__right__top__sender-name\"\n                type={LabelTypography.CAPTION_2}\n                color={isOperator ? LabelColors.SECONDARY_3 : LabelColors.ONBACKGROUND_2}\n              >\n                {\n                  sender && (\n                    sender.friendName\n                    || sender.nickname\n                    || sender.userId\n                  )\n                }\n              </Label>\n              <Label\n                className=\"sendbird-openchannel-user-message__right__top__sent-at\"\n                type={LabelTypography.CAPTION_3}\n                color={LabelColors.ONBACKGROUND_3}\n              >\n                {\n                  message?.createdAt && (\n                    format(message?.createdAt, 'p', {\n                      locale: dateLocale,\n                    })\n                  )\n                }\n              </Label>\n            </div>\n          )\n        }\n        <div\n          {...(isMobile ? { ...onLongPress } : {})}\n          className=\"sendbird-openchannel-user-message__right__bottom\" ref={mobileMenuRef}>\n          <Label\n            className=\"sendbird-openchannel-user-message__right__bottom__message\"\n            type={LabelTypography.BODY_1}\n            color={LabelColors.ONBACKGROUND_1}\n          >\n            {message?.message}\n            {isEditedMessage(message) && (\n              <Label\n                key={uuidv4()}\n                type={LabelTypography.BODY_1}\n                color={LabelColors.ONBACKGROUND_2}\n                calssName=\"sendbird-openchannel-user-message-word\"\n              >\n                {` ${stringSet.MESSAGE_EDITED} `}\n              </Label>\n            )}\n          </Label>\n        </div>\n        {\n          (isPending || isFailed) && (\n            <div className=\"sendbird-openchannel-user-message__right__tail\">\n              {\n                isPending && (\n                  <Loader\n                    width=\"16px\"\n                    height=\"16px\"\n                  >\n                    <Icon\n                      className=\"sendbird-openchannel-user-message__right__tail__pending\"\n                      type={IconTypes.SPINNER}\n                      fillColor={IconColors.PRIMARY}\n                      width=\"16px\"\n                      height=\"16px\"\n                    />\n                  </Loader>\n                )\n              }\n              {\n                isFailed && (\n                  <Icon\n                    className=\"sendbird-openchannel-user-message__right__tail__failed\"\n                    type={IconTypes.ERROR}\n                    fillColor={IconColors.ERROR}\n                    width=\"16px\"\n                    height=\"16px\"\n                  />\n                )\n              }\n            </div>\n          )\n        }\n      </div>\n      {\n        !isMobile && (\n          <div\n            className=\"sendbird-openchannel-user-message__context-menu\"\n            ref={contextMenuRef}\n            style={contextStyle}\n          >\n            <ContextMenu\n              menuTrigger={(toggleDropdown) => (\n                showMenuTrigger({ message: message, userId: userId, status: status }) && (\n                  <IconButton\n                    className=\"sendbird-openchannel-user-message__context-menu--icon\"\n                    width=\"32px\"\n                    height=\"32px\"\n                    onClick={() => {\n                      toggleDropdown();\n                    }}\n                  >\n                    <Icon\n                      type={IconTypes.MORE}\n                      fillColor={IconColors.CONTENT_INVERSE}\n                      width=\"24px\"\n                      height=\"24px\"\n                    />\n                  </IconButton>\n                )\n              )}\n              menuItems={(closeDropdown) => (\n                <MenuItems\n                  parentRef={contextMenuRef}\n                  parentContainRef={contextMenuRef}\n                  closeDropdown={closeDropdown}\n                  openLeft\n                >\n                  {\n                    isFineCopy({ message: message, userId: userId, status: status }) && (\n                      <MenuItem\n                        className=\"sendbird-openchannel-user-message__context-menu__copy\"\n                        onClick={() => {\n                          copyToClipboard(message.message);\n                          closeDropdown();\n                        }}\n                      >\n                        {stringSet.CONTEXT_MENU_DROPDOWN__COPY}\n                      </MenuItem>\n                    )\n                  }\n                  {\n                    (!isEphemeral && isFineEdit({ message: message, userId: userId, status: status })) && (\n                      <MenuItem\n                        className=\"sendbird-openchannel-user-message__context-menu__edit\"\n                        onClick={() => {\n                          if (disabled) {\n                            return;\n                          }\n                          showEdit(true);\n                          closeDropdown();\n                        }}\n                      >\n                        {stringSet.CONTEXT_MENU_DROPDOWN__EDIT}\n                      </MenuItem>\n                    )\n                  }\n                  {\n                    isFineResend({ message: message, userId: userId, status: status }) && (\n                      <MenuItem\n                        className=\"sendbird-openchannel-user-message__context-menu__resend\"\n                        onClick={() => {\n                          resendMessage(message);\n                          closeDropdown();\n                        }}\n                      >\n                        {stringSet.CONTEXT_MENU_DROPDOWN__RESEND}\n                      </MenuItem>\n                    )\n                  }\n                  {\n                    (!isEphemeral && isFineDelete({ message: message, userId: userId, status: status })) && (\n                      <MenuItem\n                        className=\"sendbird-openchannel-user-message__context-menu__delete\"\n                        onClick={() => {\n                          if (disabled) {\n                            return;\n                          }\n                          showRemove(true);\n                          closeDropdown();\n                        }}\n                      >\n                        {stringSet.CONTEXT_MENU_DROPDOWN__DELETE}\n                      </MenuItem>\n                    )\n                  }\n                </MenuItems>\n              )}\n            />\n          </div>\n\n        )\n      }\n      {\n        contextMenu && (\n          <OpenChannelMobileMenu\n            message={message}\n            parentRef={mobileMenuRef}\n            hideMenu={() => {\n              setContextMenu(false);\n            }}\n            showRemove={() => {\n              setContextMenu(false);\n              showRemove(true);\n            }}\n            showEdit={() => {\n              setContextMenu(false);\n              showEdit(true);\n            }}\n            copyToClipboard={() => {\n              setContextMenu(false);\n              copyToClipboard(message?.message);\n            }}\n            resendMessage={() => {\n              setContextMenu(false);\n              resendMessage(message);\n            }}\n          />\n        )\n      }\n    </div>\n  );\n}\n"],"names":["OpenchannelUserMessage","_a","className","message","isOperator","_b","isEphemeral","userId","resendMessage","disabled","showEdit","showRemove","chainTop","messageType","_c","useLocalization","stringSet","dateLocale","_d","useContext","UserProfileContext","disableUserProfile","renderUserProfile","messageRef","useRef","avatarRef","contextMenuRef","mobileMenuRef","_e","useState","contextStyle","setContextStyle","_f","contextMenu","setContextMenu","status","sendingStatus","isPending","checkIsPending","isFailed","checkIsFailed","sender","getSenderFromMessage","useEffect","current","clientHeight","top","window","innerWidth","onLongPress","useLongPress","isMobile","useMediaQueryContext","React","__spreadArray","Array","isArray","join","ContextMenu","toggleDropdown","Avatar","profileUrl","closeDropdown","MenuItems","paddingTop","paddingBottom","user","close","UserProfile","Label","LabelTypography","CAPTION_2","LabelColors","SECONDARY_3","ONBACKGROUND_2","friendName","nickname","CAPTION_3","ONBACKGROUND_3","createdAt","format","locale","__assign","BODY_1","ONBACKGROUND_1","isEditedMessage","uuidv4","concat","MESSAGE_EDITED","Loader","Icon","IconTypes","SPINNER","IconColors","PRIMARY","ERROR","showMenuTrigger","IconButton","MORE","CONTENT_INVERSE","isFineCopy","MenuItem","copyToClipboard","CONTEXT_MENU_DROPDOWN__COPY","isFineEdit","CONTEXT_MENU_DROPDOWN__EDIT","isFineResend","CONTEXT_MENU_DROPDOWN__RESEND","isFineDelete","CONTEXT_MENU_DROPDOWN__DELETE","OpenChannelMobileMenu"],"mappings":"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"}
+{"version":3,"file":"OpenchannelUserMessage.js","sources":["../../../src/ui/OpenchannelUserMessage/index.tsx"],"sourcesContent":["import React, {\n  useContext,\n  useRef,\n  useState,\n  ReactElement,\n  useEffect,\n} from 'react';\nimport { UserMessage } from '@sendbird/chat/message';\nimport format from 'date-fns/format';\nimport './index.scss';\n\nimport Avatar from '../Avatar';\nimport ContextMenu, { MenuItems, MenuItem } from '../ContextMenu';\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport IconButton from '../IconButton';\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport Loader from '../Loader';\nimport UserProfile from '../UserProfile';\nimport { UserProfileContext } from '../../lib/UserProfileContext';\n\nimport { useLocalization } from '../../lib/LocalizationContext';\nimport { copyToClipboard } from './utils';\nimport uuidv4 from '../../utils/uuid';\nimport {\n  checkIsPending,\n  checkIsFailed,\n  isFineCopy,\n  isFineEdit,\n  isFineResend,\n  isFineDelete,\n  showMenuTrigger,\n  getSenderFromMessage,\n} from '../../utils/openChannelUtils';\nimport { useMediaQueryContext } from '../../lib/MediaQueryContext';\nimport OpenChannelMobileMenu from '../OpenChannelMobileMenu';\nimport useLongPress from '../../hooks/useLongPress';\nimport { isEditedMessage } from '../../utils';\n\ninterface OpenChannelUserMessageProps {\n  className?: string | Array<string>;\n  message: UserMessage;\n  isOperator?: boolean;\n  isEphemeral?: boolean;\n  userId: string;\n  disabled?: boolean;\n  showEdit(bool: boolean): void;\n  showRemove(bool: boolean): void;\n  resendMessage(message: UserMessage): void;\n  chainTop?: boolean;\n  chainBottom?: boolean;\n}\n\nexport default function OpenchannelUserMessage({\n  className,\n  message,\n  isOperator,\n  isEphemeral = false,\n  userId,\n  resendMessage,\n  disabled,\n  showEdit,\n  showRemove,\n  chainTop,\n}: OpenChannelUserMessageProps): ReactElement {\n  if (!message || message.messageType !== 'user') {\n    return null;\n  }\n\n  // hooks\n  const { stringSet, dateLocale } = useLocalization();\n  const { disableUserProfile, renderUserProfile } = useContext<UserProfileContext>(UserProfileContext);\n  const messageRef = useRef(null);\n  const avatarRef = useRef(null);\n  const contextMenuRef = useRef(null);\n  const mobileMenuRef = useRef(null);\n  const [contextStyle, setContextStyle] = useState({});\n  const [contextMenu, setContextMenu] = useState(false);\n\n  // consts\n  const status = message?.sendingStatus;\n  const isPending = checkIsPending(status);\n  const isFailed = checkIsFailed(status);\n  const sender = getSenderFromMessage(message);\n\n  // place context menu top depending clientHeight of message component\n  useEffect(() => {\n    if (messageRef?.current?.clientHeight > 36) {\n      setContextStyle({ top: '8px ' });\n    } else {\n      setContextStyle({ top: '2px' });\n    }\n  }, [window.innerWidth]);\n\n  const onLongPress = useLongPress({\n    onLongPress: () => {\n      setContextMenu(true);\n    },\n  });\n\n  const { isMobile } = useMediaQueryContext();\n  return (\n    <div\n      className={[\n        ...(Array.isArray(className) ? className : [className]),\n        'sendbird-openchannel-user-message',\n      ].join(' ')}\n      ref={messageRef}\n    >\n      <div className=\"sendbird-openchannel-user-message__left\">\n        {\n          !chainTop && (\n            <ContextMenu\n              menuTrigger={(toggleDropdown) => (\n                <Avatar\n                  className=\"sendbird-openchannel-user-message__left__avatar\"\n                  src={sender.profileUrl || ''}\n                  ref={avatarRef}\n                  width=\"28px\"\n                  height=\"28px\"\n                  onClick={() => {\n                    if (!disableUserProfile) {\n                      toggleDropdown();\n                    }\n                  }}\n                />\n              )}\n              menuItems={(closeDropdown) => (\n                <MenuItems\n                  parentRef={avatarRef}\n                  parentContainRef={avatarRef}\n                  closeDropdown={closeDropdown}\n                  style={{ paddingTop: '0px', paddingBottom: '0px' }}\n                >\n                  {\n                    renderUserProfile\n                      ? (\n                        renderUserProfile({\n                          user: sender,\n                          close: closeDropdown,\n                        })\n                      )\n                      : (\n                        <UserProfile\n                          user={sender}\n                          onSuccess={closeDropdown}\n                          disableMessaging\n                        />\n                      )\n                  }\n                </MenuItems>\n              )}\n            />\n          )\n        }\n      </div>\n      <div className=\"sendbird-openchannel-user-message__right\">\n        {\n          !chainTop && (\n            <div className=\"sendbird-openchannel-user-message__right__top\">\n              <Label\n                className=\"sendbird-openchannel-user-message__right__top__sender-name\"\n                type={LabelTypography.CAPTION_2}\n                color={isOperator ? LabelColors.SECONDARY_3 : LabelColors.ONBACKGROUND_2}\n              >\n                {\n                  sender && (\n                    sender.friendName\n                    || sender.nickname\n                    || sender.userId\n                  )\n                }\n              </Label>\n              <Label\n                className=\"sendbird-openchannel-user-message__right__top__sent-at\"\n                type={LabelTypography.CAPTION_3}\n                color={LabelColors.ONBACKGROUND_3}\n              >\n                {\n                  message?.createdAt && (\n                    format(message?.createdAt, 'p', {\n                      locale: dateLocale,\n                    })\n                  )\n                }\n              </Label>\n            </div>\n          )\n        }\n        <div\n          {...(isMobile ? { ...onLongPress } : {})}\n          className=\"sendbird-openchannel-user-message__right__bottom\" ref={mobileMenuRef}>\n          <Label\n            className=\"sendbird-openchannel-user-message__right__bottom__message\"\n            type={LabelTypography.BODY_1}\n            color={LabelColors.ONBACKGROUND_1}\n          >\n            {message?.message}\n            {isEditedMessage(message) && (\n              <Label\n                key={uuidv4()}\n                type={LabelTypography.BODY_1}\n                color={LabelColors.ONBACKGROUND_2}\n                calssName=\"sendbird-openchannel-user-message-word\"\n              >\n                {` ${stringSet.MESSAGE_EDITED} `}\n              </Label>\n            )}\n          </Label>\n        </div>\n        {\n          (isPending || isFailed) && (\n            <div className=\"sendbird-openchannel-user-message__right__tail\">\n              {\n                isPending && (\n                  <Loader\n                    width=\"16px\"\n                    height=\"16px\"\n                  >\n                    <Icon\n                      className=\"sendbird-openchannel-user-message__right__tail__pending\"\n                      type={IconTypes.SPINNER}\n                      fillColor={IconColors.PRIMARY}\n                      width=\"16px\"\n                      height=\"16px\"\n                    />\n                  </Loader>\n                )\n              }\n              {\n                isFailed && (\n                  <Icon\n                    className=\"sendbird-openchannel-user-message__right__tail__failed\"\n                    type={IconTypes.ERROR}\n                    fillColor={IconColors.ERROR}\n                    width=\"16px\"\n                    height=\"16px\"\n                  />\n                )\n              }\n            </div>\n          )\n        }\n      </div>\n      {\n        !isMobile && (\n          <div\n            className=\"sendbird-openchannel-user-message__context-menu\"\n            ref={contextMenuRef}\n            style={contextStyle}\n          >\n            <ContextMenu\n              menuTrigger={(toggleDropdown) => (\n                showMenuTrigger({ message: message, userId: userId, status: status }) && (\n                  <IconButton\n                    className=\"sendbird-openchannel-user-message__context-menu--icon\"\n                    width=\"32px\"\n                    height=\"32px\"\n                    onClick={() => {\n                      toggleDropdown();\n                    }}\n                  >\n                    <Icon\n                      type={IconTypes.MORE}\n                      fillColor={IconColors.CONTENT_INVERSE}\n                      width=\"24px\"\n                      height=\"24px\"\n                    />\n                  </IconButton>\n                )\n              )}\n              menuItems={(closeDropdown) => (\n                <MenuItems\n                  parentRef={contextMenuRef}\n                  parentContainRef={contextMenuRef}\n                  closeDropdown={closeDropdown}\n                  openLeft\n                >\n                  {\n                    isFineCopy({ message: message, userId: userId, status: status }) && (\n                      <MenuItem\n                        className=\"sendbird-openchannel-user-message__context-menu__copy\"\n                        onClick={() => {\n                          copyToClipboard(message.message);\n                          closeDropdown();\n                        }}\n                      >\n                        {stringSet.CONTEXT_MENU_DROPDOWN__COPY}\n                      </MenuItem>\n                    )\n                  }\n                  {\n                    (!isEphemeral && isFineEdit({ message: message, userId: userId, status: status })) && (\n                      <MenuItem\n                        className=\"sendbird-openchannel-user-message__context-menu__edit\"\n                        onClick={() => {\n                          if (disabled) {\n                            return;\n                          }\n                          showEdit(true);\n                          closeDropdown();\n                        }}\n                      >\n                        {stringSet.CONTEXT_MENU_DROPDOWN__EDIT}\n                      </MenuItem>\n                    )\n                  }\n                  {\n                    isFineResend({ message: message, userId: userId, status: status }) && (\n                      <MenuItem\n                        className=\"sendbird-openchannel-user-message__context-menu__resend\"\n                        onClick={() => {\n                          resendMessage(message);\n                          closeDropdown();\n                        }}\n                      >\n                        {stringSet.CONTEXT_MENU_DROPDOWN__RESEND}\n                      </MenuItem>\n                    )\n                  }\n                  {\n                    (!isEphemeral && isFineDelete({ message: message, userId: userId, status: status })) && (\n                      <MenuItem\n                        className=\"sendbird-openchannel-user-message__context-menu__delete\"\n                        onClick={() => {\n                          if (disabled) {\n                            return;\n                          }\n                          showRemove(true);\n                          closeDropdown();\n                        }}\n                      >\n                        {stringSet.CONTEXT_MENU_DROPDOWN__DELETE}\n                      </MenuItem>\n                    )\n                  }\n                </MenuItems>\n              )}\n            />\n          </div>\n\n        )\n      }\n      {\n        contextMenu && (\n          <OpenChannelMobileMenu\n            message={message}\n            parentRef={mobileMenuRef}\n            hideMenu={() => {\n              setContextMenu(false);\n            }}\n            showRemove={() => {\n              setContextMenu(false);\n              showRemove(true);\n            }}\n            showEdit={() => {\n              setContextMenu(false);\n              showEdit(true);\n            }}\n            copyToClipboard={() => {\n              setContextMenu(false);\n              copyToClipboard(message?.message);\n            }}\n            resendMessage={() => {\n              setContextMenu(false);\n              resendMessage(message);\n            }}\n          />\n        )\n      }\n    </div>\n  );\n}\n"],"names":["OpenchannelUserMessage","_a","className","message","isOperator","_b","isEphemeral","userId","resendMessage","disabled","showEdit","showRemove","chainTop","messageType","_c","useLocalization","stringSet","dateLocale","_d","useContext","UserProfileContext","disableUserProfile","renderUserProfile","messageRef","useRef","avatarRef","contextMenuRef","mobileMenuRef","_e","useState","contextStyle","setContextStyle","_f","contextMenu","setContextMenu","status","sendingStatus","isPending","checkIsPending","isFailed","checkIsFailed","sender","getSenderFromMessage","useEffect","current","clientHeight","top","window","innerWidth","onLongPress","useLongPress","isMobile","useMediaQueryContext","React","createElement","__spreadArray","Array","isArray","join","ref","ContextMenu","menuTrigger","toggleDropdown","Avatar","src","profileUrl","width","height","onClick","menuItems","closeDropdown","MenuItems","parentRef","parentContainRef","style","paddingTop","paddingBottom","user","close","UserProfile","onSuccess","disableMessaging","Label","type","LabelTypography","CAPTION_2","color","LabelColors","SECONDARY_3","ONBACKGROUND_2","friendName","nickname","CAPTION_3","ONBACKGROUND_3","createdAt","format","locale","_extends","__assign","BODY_1","ONBACKGROUND_1","isEditedMessage","key","uuidv4","calssName","concat","MESSAGE_EDITED","Loader","Icon","IconTypes","SPINNER","fillColor","IconColors","PRIMARY","ERROR","showMenuTrigger","IconButton","MORE","CONTENT_INVERSE","openLeft","isFineCopy","MenuItem","copyToClipboard","CONTEXT_MENU_DROPDOWN__COPY","isFineEdit","CONTEXT_MENU_DROPDOWN__EDIT","isFineResend","CONTEXT_MENU_DROPDOWN__RESEND","isFineDelete","CONTEXT_MENU_DROPDOWN__DELETE","OpenChannelMobileMenu","hideMenu"],"mappings":"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"}

package/cjs/ui/PlaceHolder.js

@@ -2,15 +2,15 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../tslib.es6-ee1122c5.js');
+require('../tslib.es6-957ba986.js');
 require('react');
-var ui_PlaceHolder = require('../index-aeba3b06.js');
-require('../LocalizationContext-01fceac0.js');
+var ui_PlaceHolder = require('../index-a1141d68.js');
+require('../LocalizationContext-9b216d02.js');
 require('./Icon.js');
-require('../index-26a1e861.js');
+require('../index-3d6159df.js');
 require('./Loader.js');
-require('../stringSet-7330b627.js');
-require('../index-7c5d21c4.js');
+require('../stringSet-e52248ab.js');
+require('../index-02729806.js');
 require('prop-types');
 
 

package/cjs/ui/PlaybackTime.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var ui_Label = require('../index-26a1e861.js');
+var ui_Label = require('../index-3d6159df.js');
 require('prop-types');
-require('../stringSet-7330b627.js');
+require('../stringSet-e52248ab.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -13,12 +13,12 @@ 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;
+    _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);

package/cjs/ui/PlaybackTime.js.map

@@ -1 +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;;;;;"}
+{"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","createElement","concat","Label","type","color"],"mappings":";;;;;;;;;;;;;IAWaA,YAAY,GAAG,UAACC,EAKT,EAAA;MAJlBC,SAAS,GAAAD,EAAA,CAAAC,SAAA;IACTC,EAAA,GAAAF,EAAA,CAAAG,IAAQ;IAARA,IAAI,mBAAG,CAAC,GAAAD,EAAA;IACRE,EAAA,GAAAJ,EAAA,CAAAK,SAAqC;IAArCA,SAAS,mBAAGC,wBAAe,CAACC,SAAS,GAAAH,EAAA;IACrCI,EAAA,GAAAR,EAAA,CAAAS,UAAoC;IAApCA,UAAU,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAAE,oBAAW,CAACC,WAAW,GAAAH,EAAA,CAAA;EAEpC,IAAMI,WAAW,GAAGT,IAAI,GAAG,CAAC,GAAG,CAAC,GAAGA,IAAI,CAAA;EAEvC,IAAMU,IAAI,GAAGC,IAAI,CAACC,KAAK,CAACH,WAAW,GAAG,OAAO,CAAC,CAAA;EAC9C,IAAMI,GAAG,GAAGF,IAAI,CAACC,KAAK,CAACH,WAAW,GAAG,OAAO,GAAG,KAAK,CAAC,CAAA;AACrD,EAAA,IAAMK,GAAG,GAAGH,IAAI,CAACC,KAAK,CAAEH,WAAW,GAAG,OAAO,GAAG,KAAK,GAAI,IAAI,CAAC,CAAA;EAC9D,oBACEM,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKlB,IAAAA,SAAS,EAAE,wBAAyB,CAAAmB,MAAA,CAAAnB,SAAS,CAAA;AAAG,GAAA,eACnDiB,yBAAA,CAAAC,aAAA,CAACE,cAAK,EAAA;AACJC,IAAAA,IAAI,EAAEjB,SAAU;AAChBkB,IAAAA,KAAK,EAAEd,UAAAA;GAEN,EAAA,EAAA,CAAAW,MAAA,CAAGP,IAAI,GAAGA,IAAI,GAAG,GAAG,GAAG,EAAE,CAAG,CAAAO,MAAA,CAAAJ,GAAG,GAAG,EAAE,GAAG,GAAG,GAAG,EAAE,SAAGA,GAAG,GAAGA,GAAG,GAAG,GAAG,EAAA,GAAA,CAAA,CAAAI,MAAA,CAAIH,GAAG,GAAG,EAAE,GAAG,GAAG,GAAG,EAAE,CAAA,CAAAG,MAAA,CAAGH,GAAG,CAAE,CAErG,CAAM,CAAA;AAEV;;;;;"}

package/cjs/ui/ProgressBar.js

@@ -14,14 +14,14 @@ var ProgressBarColorTypes = {
 };
 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;
+    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]);

package/cjs/ui/ProgressBar.js.map

@@ -1 +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;;;;;;"}
+{"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","createElement","concat","style"],"mappings":";;;;;;;;;;AAGO,IAAMA,qBAAqB,GAAG;AACnCC,EAAAA,OAAO,EAAE,6BAA6B;AACtCC,EAAAA,IAAI,EAAE,0BAAA;EACE;IAWGC,WAAW,GAAG,UAACC,EAMT,EAAA;AALjB,EAAA,IAAAC,EAAA,GAAAD,EAAA,CAAAE,SAAc;IAAdA,SAAS,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,EAAE,GAAAA,EAAA;IACdE,EAAgB,GAAAH,EAAA,CAAAI,QAAA;IAAhBA,QAAQ,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,KAAK,GAAAA,EAAA;IAChBE,OAAO,GAAAL,EAAA,CAAAK,OAAA;IACPC,EAAA,GAAAN,EAAA,CAAAO,WAAe;IAAfA,WAAW,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,CAAC,GAAAA,EAAA;IACfE,EAAyC,GAAAR,EAAA,CAAAS,SAAA;IAAzCA,SAAS,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAGZ,qBAAqB,CAACC,OAAO,GAAAW,EAAA,CAAA;AAEzC,EAAA,IAAME,KAAK,GAAGC,aAAO,CAAC,YAAA;IACpB,OAAO,UAAGJ,WAAW,GAAGF,OAAO,GAAG,GAAG,MAAG,CAAA;AAC1C,GAAC,EAAE,CAACE,WAAW,EAAEF,OAAO,CAAC,CAAC,CAAA;EAC1B,oBACEO,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IAAKX,SAAS,EAAE,wBAAyB,CAAAY,MAAA,CAAAZ,SAAS,EAAI,GAAA,CAAA,CAAAY,MAAA,CAAAL,SAAS,cAAIL,QAAQ,GAAG,wBAAwB,GAAG,EAAE,CAAA;GACzGQ,eAAAA,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKX,IAAAA,SAAS,EAAC,6BAA6B;AAACa,IAAAA,KAAK,EAAE;AAAEL,MAAAA,KAAK,EAAAA,KAAAA;AAAA,KAAA;AAAG,GAAA,CAChE,CAAM,CAAA;AAEV;;;;;;"}

package/cjs/ui/QuoteMessage.js

@@ -2,14 +2,14 @@
 
 var React = require('react');
 var ui_Icon = require('./Icon.js');
-var ui_Label = require('../index-26a1e861.js');
+var ui_Label = require('../index-3d6159df.js');
 var ui_ImageRenderer = require('./ImageRenderer.js');
-var LocalizationContext = require('../LocalizationContext-01fceac0.js');
-var index = require('../index-72fd0294.js');
+var LocalizationContext = require('../LocalizationContext-9b216d02.js');
+var index = require('../index-d6f14382.js');
 require('prop-types');
-require('../stringSet-7330b627.js');
-require('../tslib.es6-ee1122c5.js');
-require('../index-7c5d21c4.js');
+require('../stringSet-e52248ab.js');
+require('../tslib.es6-957ba986.js');
+require('../index-02729806.js');
 require('../utils/message/getOutgoingMessageState.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -18,18 +18,16 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 function QuoteMessage(_a) {
   var _b;
-
   var _c, _d, _e, _f;
-
   var message = _a.message,
-      _g = _a.userId,
-      userId = _g === void 0 ? '' : _g,
-      _h = _a.isByMe,
-      isByMe = _h === void 0 ? false : _h,
-      className = _a.className,
-      _j = _a.isUnavailable,
-      isUnavailable = _j === void 0 ? false : _j,
-      onClick = _a.onClick;
+    _g = _a.userId,
+    userId = _g === void 0 ? '' : _g,
+    _h = _a.isByMe,
+    isByMe = _h === void 0 ? false : _h,
+    className = _a.className,
+    _j = _a.isUnavailable,
+    isUnavailable = _j === void 0 ? false : _j,
+    onClick = _a.onClick;
   var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
   var parentMessage = message.parentMessage;
   var parentMessageSender = parentMessage === null || parentMessage === void 0 ? void 0 : parentMessage.sender;
@@ -37,11 +35,9 @@ function QuoteMessage(_a) {
   var parentMessageUrl = (parentMessage === null || parentMessage === void 0 ? void 0 : parentMessage.url) || '';
   var parentMessageType = parentMessage === null || parentMessage === void 0 ? void 0 : parentMessage.type;
   var currentMessageSenderNickname = userId === ((_c = message === null || message === void 0 ? void 0 : message.sender) === null || _c === void 0 ? void 0 : _c.userId) ? stringSet.QUOTED_MESSAGE__CURRENT_USER : (_d = message === null || message === void 0 ? void 0 : message.sender) === null || _d === void 0 ? void 0 : _d.nickname;
-
   var _k = React.useState(false),
-      isThumbnailLoaded = _k[0],
-      setThumbnailLoaded = _k[1];
-
+    isThumbnailLoaded = _k[0],
+    setThumbnailLoaded = _k[1];
   var uikitFileTypes = index.getUIKitFileTypes();
   var splitFileName = (parentMessage === null || parentMessage === void 0 ? void 0 : parentMessage.name) ? parentMessage.name.split('/') : parentMessageUrl.split('/');
   return /*#__PURE__*/React__default["default"].createElement("div", {

package/cjs/ui/QuoteMessage.js.map

@@ -1 +1 @@
-{"version":3,"file":"QuoteMessage.js","sources":["../../../src/ui/QuoteMessage/index.tsx"],"sourcesContent":["import './index.scss';\nimport React, { ReactElement, useContext, useState } from 'react';\nimport type { FileMessage, UserMessage } from '@sendbird/chat/message';\n\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport ImageRenderer from '../ImageRenderer';\nimport { LocalizationContext } from '../../lib/LocalizationContext';\nimport {\n  getClassName,\n  getUIKitFileType,\n  getUIKitFileTypes,\n  getUIKitMessageType,\n  isGif,\n  isThumbnailMessage,\n  isUserMessage,\n  isVideo,\n  isVoiceMessage,\n  truncateString,\n  UIKitMessageTypes,\n} from '../../utils';\ninterface Props {\n  className?: string | Array<string>;\n  message?: UserMessage | FileMessage;\n  userId?: string;\n  isByMe?: boolean;\n  isUnavailable?: boolean;\n  onClick?: () => void;\n}\n\nexport default function QuoteMessage({\n  message,\n  userId = '',\n  isByMe = false,\n  className,\n  isUnavailable = false,\n  onClick,\n}: Props): ReactElement {\n  const { stringSet } = useContext(LocalizationContext);\n\n  const { parentMessage } = message;\n  const parentMessageSender = (parentMessage as UserMessage | FileMessage)?.sender;\n  const parentMessageSenderNickname = (userId === parentMessageSender?.userId) ? stringSet.QUOTED_MESSAGE__CURRENT_USER : parentMessageSender?.nickname;\n  const parentMessageUrl = (parentMessage as FileMessage)?.url || '';\n  const parentMessageType = (parentMessage as FileMessage)?.type;\n  const currentMessageSenderNickname = (userId === message?.sender?.userId) ? stringSet.QUOTED_MESSAGE__CURRENT_USER : message?.sender?.nickname;\n\n  const [isThumbnailLoaded, setThumbnailLoaded] = useState(false);\n  const uikitFileTypes = getUIKitFileTypes();\n  const splitFileName = (parentMessage as FileMessage)?.name ? (parentMessage as FileMessage).name.split('/') : parentMessageUrl.split('/');\n\n  return (\n    <div\n      className={getClassName([className, 'sendbird-quote-message', isByMe ? 'outgoing' : 'incoming', isUnavailable ? 'unavailable' : ''])}\n      key={parentMessage?.messageId}\n      onClick={() => {\n        if (!isUnavailable && onClick) {\n          onClick();\n        }\n      }}\n      onTouchEnd={() => {\n        if (!isUnavailable && onClick) {\n          onClick();\n        }\n      }}\n    >\n      <div className=\"sendbird-quote-message__replied-to\">\n        <Icon\n          className=\"sendbird-quote-message__replied-to__icon\"\n          type={IconTypes.REPLY}\n          fillColor={IconColors.ON_BACKGROUND_3}\n          width=\"12px\"\n          height=\"12px\"\n        />\n        <Label\n          className=\"sendbird-quote-message__replied-to__text\"\n          type={LabelTypography.CAPTION_2}\n          color={LabelColors.ONBACKGROUND_3}\n        >\n          <span className=\"sendbird-quote-message__replied-to__text__nickname\">{currentMessageSenderNickname}</span>\n          <span className=\"sendbird-quote-message__replied-to__text__text\">{stringSet.QUOTED_MESSAGE__REPLIED_TO}</span>\n          <span className=\"sendbird-quote-message__replied-to__text__nickname\">{parentMessageSenderNickname}</span>\n        </Label>\n      </div>\n      <div className=\"sendbird-quote-message__replied-message\">\n        {isUnavailable && (\n          <div className=\"sendbird-quote-message__replied-message__text-message\">\n            <Label\n              className=\"sendbird-quote-message__replied-message__text-message__word\"\n              type={LabelTypography.BODY_2}\n              color={LabelColors.ONBACKGROUND_1}\n            >\n              {stringSet.QUOTED_MESSAGE__UNAVAILABLE}\n            </Label>\n          </div>\n        )}\n        {/* text message */}\n        {((isUserMessage(parentMessage as UserMessage) && (parentMessage as UserMessage)?.message?.length > 0) && !isUnavailable) && (\n          <div className=\"sendbird-quote-message__replied-message__text-message\">\n            <Label\n              className=\"sendbird-quote-message__replied-message__text-message__word\"\n              type={LabelTypography.BODY_2}\n              color={LabelColors.ONBACKGROUND_1}\n            >\n              {(parentMessage as UserMessage)?.message}\n            </Label>\n          </div>\n        )}\n        {/* voice message */}\n        {(isVoiceMessage(parentMessage as FileMessage) && parentMessageUrl && !isUnavailable) && (\n          <div className=\"sendbird-quote-message__replied-message__text-message\">\n            <Label\n              className=\"sendbird-quote-message__replied-message__text-message__word\"\n              type={LabelTypography.BODY_2}\n              color={LabelColors.ONBACKGROUND_1}\n            >\n              {stringSet.VOICE_MESSAGE}\n            </Label>\n          </div>\n        )}\n        {/* thumbnail message */}\n        {(isThumbnailMessage(parentMessage as FileMessage) && parentMessageUrl && !isUnavailable) && (\n          <div className=\"sendbird-quote-message__replied-message__thumbnail-message\">\n            <ImageRenderer\n              className=\"sendbird-quote-message__replied-message__thumbnail-message__image\"\n              url={parentMessageUrl}\n              alt={parentMessageType}\n              width=\"144px\"\n              height=\"108px\"\n              onLoad={() => setThumbnailLoaded(true)}\n              defaultComponent={(\n                <div className=\"sendbird-quote-message__replied-message__thumbnail-message__placeholder\">\n                  <div className=\"sendbird-quote-message__replied-message__thumbnail-message__placeholder__icon\">\n                    <Icon\n                      type={isVideo(parentMessageType) ? IconTypes.PLAY : IconTypes.PHOTO}\n                      fillColor={IconColors.ON_BACKGROUND_2}\n                      width=\"22px\"\n                      height=\"22px\"\n                    />\n                  </div>\n                </div>\n              )}\n            />\n            {(isVideo(parentMessageType) && !((parentMessage as FileMessage)?.thumbnails?.length > 0)) && (\n              <>\n                <video className=\"sendbird-quote-message__replied-message__thumbnail-message__video\">\n                  <source src={parentMessageUrl} type={parentMessageType} />\n                </video>\n                <div className=\"sendbird-quote-message__replied-message__thumbnail-message__cover\">\n                  <div className=\"sendbird-quote-message__replied-message__thumbnail-message__cover__icon\">\n                    <Icon\n                      type={IconTypes.PLAY}\n                      fillColor={IconColors.GRAY}\n                      width=\"14px\"\n                      height=\"14px\"\n                    />\n                  </div>\n                </div>\n              </>\n            )}\n            {(isThumbnailLoaded && isGif(parentMessageType)) && (\n              <div className=\"sendbird-quote-message__replied-message__thumbnail-message__cover\">\n                <div className=\"sendbird-quote-message__replied-message__thumbnail-message__cover__icon\">\n                  <Icon\n                    type={IconTypes.GIF}\n                    fillColor={IconColors.GRAY}\n                    width=\"14px\"\n                    height=\"14px\"\n                  />\n                </div>\n              </div>\n            )}\n          </div>\n        )}\n        {/* file message */}\n        {(getUIKitMessageType(parentMessage as FileMessage) === UIKitMessageTypes.FILE && parentMessageUrl && !isUnavailable) && (\n          <div className=\"sendbird-quote-message__replied-message__file-message\">\n            <Icon\n              className=\"sendbird-quote-message__replied-message__file-message__type-icon\"\n              type={{\n                [uikitFileTypes.IMAGE]: IconTypes.PHOTO,\n                [uikitFileTypes.VIDEO]: IconTypes.PLAY,\n                [uikitFileTypes.AUDIO]: IconTypes.FILE_AUDIO,\n                [uikitFileTypes.GIF]: IconTypes.GIF,\n                [uikitFileTypes.OTHERS]: IconTypes.FILE_DOCUMENT,\n              }[getUIKitFileType(parentMessageType)]}\n              fillColor={IconColors.ON_BACKGROUND_3}\n              width=\"16px\"\n              height=\"16px\"\n            />\n            <Label\n              className=\"sendbird-quote-message__replied-message__file-message__file-name\"\n              type={LabelTypography.BODY_2}\n              color={LabelColors.ONBACKGROUND_3}\n            >\n              {truncateString(splitFileName[splitFileName.length - 1])}\n            </Label>\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"names":["QuoteMessage","_a","message","_g","userId","_h","isByMe","className","_j","isUnavailable","onClick","stringSet","useContext","LocalizationContext","parentMessage","parentMessageSender","sender","parentMessageSenderNickname","QUOTED_MESSAGE__CURRENT_USER","nickname","parentMessageUrl","url","parentMessageType","type","currentMessageSenderNickname","_c","_d","_k","useState","isThumbnailLoaded","setThumbnailLoaded","uikitFileTypes","getUIKitFileTypes","splitFileName","name","split","React","getClassName","messageId","Icon","IconTypes","REPLY","IconColors","ON_BACKGROUND_3","Label","LabelTypography","CAPTION_2","LabelColors","ONBACKGROUND_3","QUOTED_MESSAGE__REPLIED_TO","BODY_2","ONBACKGROUND_1","QUOTED_MESSAGE__UNAVAILABLE","isUserMessage","_e","length","isVoiceMessage","VOICE_MESSAGE","isThumbnailMessage","ImageRenderer","isVideo","PLAY","PHOTO","ON_BACKGROUND_2","_f","thumbnails","GRAY","isGif","GIF","getUIKitMessageType","UIKitMessageTypes","FILE","_b","IMAGE","VIDEO","AUDIO","FILE_AUDIO","OTHERS","FILE_DOCUMENT","getUIKitFileType","truncateString"],"mappings":"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"}
+{"version":3,"file":"QuoteMessage.js","sources":["../../../src/ui/QuoteMessage/index.tsx"],"sourcesContent":["import './index.scss';\nimport React, { ReactElement, useContext, useState } from 'react';\nimport type { FileMessage, UserMessage } from '@sendbird/chat/message';\n\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport ImageRenderer from '../ImageRenderer';\nimport { LocalizationContext } from '../../lib/LocalizationContext';\nimport {\n  getClassName,\n  getUIKitFileType,\n  getUIKitFileTypes,\n  getUIKitMessageType,\n  isGif,\n  isThumbnailMessage,\n  isUserMessage,\n  isVideo,\n  isVoiceMessage,\n  truncateString,\n  UIKitMessageTypes,\n} from '../../utils';\n\ninterface Props {\n  className?: string | Array<string>;\n  message?: UserMessage | FileMessage;\n  userId?: string;\n  isByMe?: boolean;\n  isUnavailable?: boolean;\n  onClick?: () => void;\n}\n\nexport default function QuoteMessage({\n  message,\n  userId = '',\n  isByMe = false,\n  className,\n  isUnavailable = false,\n  onClick,\n}: Props): ReactElement {\n  const { stringSet } = useContext(LocalizationContext);\n\n  const { parentMessage } = message;\n  const parentMessageSender = (parentMessage as UserMessage | FileMessage)?.sender;\n  const parentMessageSenderNickname = (userId === parentMessageSender?.userId) ? stringSet.QUOTED_MESSAGE__CURRENT_USER : parentMessageSender?.nickname;\n  const parentMessageUrl = (parentMessage as FileMessage)?.url || '';\n  const parentMessageType = (parentMessage as FileMessage)?.type;\n  const currentMessageSenderNickname = (userId === message?.sender?.userId) ? stringSet.QUOTED_MESSAGE__CURRENT_USER : message?.sender?.nickname;\n\n  const [isThumbnailLoaded, setThumbnailLoaded] = useState(false);\n  const uikitFileTypes = getUIKitFileTypes();\n  const splitFileName = (parentMessage as FileMessage)?.name ? (parentMessage as FileMessage).name.split('/') : parentMessageUrl.split('/');\n\n  return (\n    <div\n      className={getClassName([className, 'sendbird-quote-message', isByMe ? 'outgoing' : 'incoming', isUnavailable ? 'unavailable' : ''])}\n      key={parentMessage?.messageId}\n      onClick={() => {\n        if (!isUnavailable && onClick) {\n          onClick();\n        }\n      }}\n      onTouchEnd={() => {\n        if (!isUnavailable && onClick) {\n          onClick();\n        }\n      }}\n    >\n      <div className=\"sendbird-quote-message__replied-to\">\n        <Icon\n          className=\"sendbird-quote-message__replied-to__icon\"\n          type={IconTypes.REPLY}\n          fillColor={IconColors.ON_BACKGROUND_3}\n          width=\"12px\"\n          height=\"12px\"\n        />\n        <Label\n          className=\"sendbird-quote-message__replied-to__text\"\n          type={LabelTypography.CAPTION_2}\n          color={LabelColors.ONBACKGROUND_3}\n        >\n          <span className=\"sendbird-quote-message__replied-to__text__nickname\">{currentMessageSenderNickname}</span>\n          <span className=\"sendbird-quote-message__replied-to__text__text\">{stringSet.QUOTED_MESSAGE__REPLIED_TO}</span>\n          <span className=\"sendbird-quote-message__replied-to__text__nickname\">{parentMessageSenderNickname}</span>\n        </Label>\n      </div>\n      <div className=\"sendbird-quote-message__replied-message\">\n        {isUnavailable && (\n          <div className=\"sendbird-quote-message__replied-message__text-message\">\n            <Label\n              className=\"sendbird-quote-message__replied-message__text-message__word\"\n              type={LabelTypography.BODY_2}\n              color={LabelColors.ONBACKGROUND_1}\n            >\n              {stringSet.QUOTED_MESSAGE__UNAVAILABLE}\n            </Label>\n          </div>\n        )}\n        {/* text message */}\n        {((isUserMessage(parentMessage as UserMessage) && (parentMessage as UserMessage)?.message?.length > 0) && !isUnavailable) && (\n          <div className=\"sendbird-quote-message__replied-message__text-message\">\n            <Label\n              className=\"sendbird-quote-message__replied-message__text-message__word\"\n              type={LabelTypography.BODY_2}\n              color={LabelColors.ONBACKGROUND_1}\n            >\n              {(parentMessage as UserMessage)?.message}\n            </Label>\n          </div>\n        )}\n        {/* voice message */}\n        {(isVoiceMessage(parentMessage as FileMessage) && parentMessageUrl && !isUnavailable) && (\n          <div className=\"sendbird-quote-message__replied-message__text-message\">\n            <Label\n              className=\"sendbird-quote-message__replied-message__text-message__word\"\n              type={LabelTypography.BODY_2}\n              color={LabelColors.ONBACKGROUND_1}\n            >\n              {stringSet.VOICE_MESSAGE}\n            </Label>\n          </div>\n        )}\n        {/* thumbnail message */}\n        {(isThumbnailMessage(parentMessage as FileMessage) && parentMessageUrl && !isUnavailable) && (\n          <div className=\"sendbird-quote-message__replied-message__thumbnail-message\">\n            <ImageRenderer\n              className=\"sendbird-quote-message__replied-message__thumbnail-message__image\"\n              url={parentMessageUrl}\n              alt={parentMessageType}\n              width=\"144px\"\n              height=\"108px\"\n              onLoad={() => setThumbnailLoaded(true)}\n              defaultComponent={(\n                <div className=\"sendbird-quote-message__replied-message__thumbnail-message__placeholder\">\n                  <div className=\"sendbird-quote-message__replied-message__thumbnail-message__placeholder__icon\">\n                    <Icon\n                      type={isVideo(parentMessageType) ? IconTypes.PLAY : IconTypes.PHOTO}\n                      fillColor={IconColors.ON_BACKGROUND_2}\n                      width=\"22px\"\n                      height=\"22px\"\n                    />\n                  </div>\n                </div>\n              )}\n            />\n            {(isVideo(parentMessageType) && !((parentMessage as FileMessage)?.thumbnails?.length > 0)) && (\n              <>\n                <video className=\"sendbird-quote-message__replied-message__thumbnail-message__video\">\n                  <source src={parentMessageUrl} type={parentMessageType} />\n                </video>\n                <div className=\"sendbird-quote-message__replied-message__thumbnail-message__cover\">\n                  <div className=\"sendbird-quote-message__replied-message__thumbnail-message__cover__icon\">\n                    <Icon\n                      type={IconTypes.PLAY}\n                      fillColor={IconColors.GRAY}\n                      width=\"14px\"\n                      height=\"14px\"\n                    />\n                  </div>\n                </div>\n              </>\n            )}\n            {(isThumbnailLoaded && isGif(parentMessageType)) && (\n              <div className=\"sendbird-quote-message__replied-message__thumbnail-message__cover\">\n                <div className=\"sendbird-quote-message__replied-message__thumbnail-message__cover__icon\">\n                  <Icon\n                    type={IconTypes.GIF}\n                    fillColor={IconColors.GRAY}\n                    width=\"14px\"\n                    height=\"14px\"\n                  />\n                </div>\n              </div>\n            )}\n          </div>\n        )}\n        {/* file message */}\n        {(getUIKitMessageType(parentMessage as FileMessage) === UIKitMessageTypes.FILE && parentMessageUrl && !isUnavailable) && (\n          <div className=\"sendbird-quote-message__replied-message__file-message\">\n            <Icon\n              className=\"sendbird-quote-message__replied-message__file-message__type-icon\"\n              type={{\n                [uikitFileTypes.IMAGE]: IconTypes.PHOTO,\n                [uikitFileTypes.VIDEO]: IconTypes.PLAY,\n                [uikitFileTypes.AUDIO]: IconTypes.FILE_AUDIO,\n                [uikitFileTypes.GIF]: IconTypes.GIF,\n                [uikitFileTypes.OTHERS]: IconTypes.FILE_DOCUMENT,\n              }[getUIKitFileType(parentMessageType)]}\n              fillColor={IconColors.ON_BACKGROUND_3}\n              width=\"16px\"\n              height=\"16px\"\n            />\n            <Label\n              className=\"sendbird-quote-message__replied-message__file-message__file-name\"\n              type={LabelTypography.BODY_2}\n              color={LabelColors.ONBACKGROUND_3}\n            >\n              {truncateString(splitFileName[splitFileName.length - 1])}\n            </Label>\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"names":["QuoteMessage","_a","message","_g","userId","_h","isByMe","className","_j","isUnavailable","onClick","stringSet","useContext","LocalizationContext","parentMessage","parentMessageSender","sender","parentMessageSenderNickname","QUOTED_MESSAGE__CURRENT_USER","nickname","parentMessageUrl","url","parentMessageType","type","currentMessageSenderNickname","_c","_d","_k","useState","isThumbnailLoaded","setThumbnailLoaded","uikitFileTypes","getUIKitFileTypes","splitFileName","name","split","React","createElement","getClassName","key","messageId","onTouchEnd","Icon","IconTypes","REPLY","fillColor","IconColors","ON_BACKGROUND_3","width","height","Label","LabelTypography","CAPTION_2","color","LabelColors","ONBACKGROUND_3","QUOTED_MESSAGE__REPLIED_TO","BODY_2","ONBACKGROUND_1","QUOTED_MESSAGE__UNAVAILABLE","isUserMessage","_e","length","isVoiceMessage","VOICE_MESSAGE","isThumbnailMessage","ImageRenderer","alt","onLoad","defaultComponent","isVideo","PLAY","PHOTO","ON_BACKGROUND_2","_f","thumbnails","Fragment","src","GRAY","isGif","GIF","getUIKitMessageType","UIKitMessageTypes","FILE","_b","IMAGE","VIDEO","AUDIO","FILE_AUDIO","OTHERS","FILE_DOCUMENT","getUIKitFileType","truncateString"],"mappings":"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"}

package/cjs/ui/QuoteMessageInput.js

@@ -1,16 +1,16 @@
 'use strict';
 
 var React = require('react');
-var index = require('../index-72fd0294.js');
+var index = require('../index-d6f14382.js');
 var ui_Icon = require('./Icon.js');
-var ui_Label = require('../index-26a1e861.js');
-var LocalizationContext = require('../LocalizationContext-01fceac0.js');
+var ui_Label = require('../index-3d6159df.js');
+var LocalizationContext = require('../LocalizationContext-9b216d02.js');
 var ui_ImageRenderer = require('./ImageRenderer.js');
-require('../tslib.es6-ee1122c5.js');
+require('../tslib.es6-957ba986.js');
 require('../utils/message/getOutgoingMessageState.js');
 require('prop-types');
-require('../stringSet-7330b627.js');
-require('../index-7c5d21c4.js');
+require('../stringSet-e52248ab.js');
+require('../index-02729806.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -19,13 +19,10 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var componentClassname = 'sendbird-quote_message_input__avatar';
 function QuoteMessageThumbnail(_a) {
   var message = _a.message;
-
   if (!index.isFileMessage(message) || index.isVoiceMessage(message)) {
     return null;
   }
-
   var thumbnailUrl = message.thumbnails && message.thumbnails.length > 0 && message.thumbnails[0].url || index.isImageMessage(message) && message.url;
-
   if (index.isThumbnailMessage(message) && thumbnailUrl) {
     return /*#__PURE__*/React__default["default"].createElement(ui_ImageRenderer, {
       className: componentClassname,
@@ -58,8 +55,8 @@ function QuoteMessageThumbnail(_a) {
 
 function QuoteMessageInput(_a) {
   var className = _a.className,
-      replyingMessage = _a.replyingMessage,
-      onClose = _a.onClose;
+    replyingMessage = _a.replyingMessage,
+    onClose = _a.onClose;
   var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
   var fileMessage = replyingMessage;
   var sender = replyingMessage === null || replyingMessage === void 0 ? void 0 : replyingMessage.sender;