@sendbird/uikit-react 3.4.5 → 3.4.6-0

package/ui/OpenchannelUserMessage.js

@@ -1,84 +1,76 @@
-import { a as _extends } from '../_rollupPluginBabelHelpers-e908c50d.js';
-import { a as __spreadArray, _ as __assign } from '../tslib.es6-209c9f08.js';
+import { a as _extends } from '../_rollupPluginBabelHelpers-3756a6a3.js';
+import { a as __spreadArray, _ as __assign } from '../tslib.es6-5180f9d1.js';
 import React__default, { useContext, useRef, useState, useEffect } from 'react';
-import { f as format } from '../index-aced8439.js';
+import { f as format } from '../index-8a52a6f4.js';
 import Avatar from './Avatar.js';
 import ContextMenu, { MenuItems, MenuItem } from './ContextMenu.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
 import IconButton from './IconButton.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-8e901b57.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-8f0ae983.js';
 import Loader from './Loader.js';
 import UserProfile from './UserProfile.js';
-import { a as UserProfileContext } from '../UserProfileContext-1996d4d2.js';
-import { u as useLocalization } from '../LocalizationContext-654ae04f.js';
-import { c as copyToClipboard } from '../utils-3d03001e.js';
-import { u as uuidv4 } from '../uuid-31c6ecb2.js';
-import { g as getSenderFromMessage, s as showMenuTrigger, i as isFineCopy, a as isFineEdit, b as isFineResend, c as isFineDelete, O as OpenChannelMobileMenu, d as checkIsPending, e as checkIsFailed } from '../index-47d179f2.js';
-import { u as useMediaQueryContext } from '../MediaQueryContext-e791a4d1.js';
-import { u as useLongPress } from '../useLongPress-e2570976.js';
-import { e as isEditedMessage } from '../index-83ae3ffe.js';
-import '../index-cf141ad7.js';
+import { a as UserProfileContext } from '../UserProfileContext-12b6fabf.js';
+import { u as useLocalization } from '../LocalizationContext-43b10f97.js';
+import { c as copyToClipboard } from '../utils-4c1f97d4.js';
+import { u as uuidv4 } from '../uuid-368c5040.js';
+import { g as getSenderFromMessage, s as showMenuTrigger, i as isFineCopy, a as isFineEdit, b as isFineResend, c as isFineDelete, O as OpenChannelMobileMenu, d as checkIsPending, e as checkIsFailed } from '../index-c77693d8.js';
+import { u as useMediaQueryContext } from '../MediaQueryContext-f2df2472.js';
+import { u as useLongPress } from '../useLongPress-c1a00d6e.js';
+import { e as isEditedMessage } from '../index-cd1a9173.js';
+import '../index-0f373e79.js';
 import './ImageRenderer.js';
 import 'prop-types';
 import 'react-dom';
 import './SortByRow.js';
 import '../utils/message/getOutgoingMessageState.js';
-import '../stringSet-7c7d84fc.js';
+import '../stringSet-2d42f6ff.js';
 import '../sendbirdSelectors.js';
-import '../topics-4697c2b3.js';
-import '../utils-04bd857d.js';
+import '../topics-6d4bf2ed.js';
+import '../utils-a7563986.js';
 import './Button.js';
 import '../useSendbirdStateContext.js';
 import '../withSendbird.js';
 
 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 = useLocalization(),
-      stringSet = _c.stringSet,
-      dateLocale = _c.dateLocale;
-
+    stringSet = _c.stringSet,
+    dateLocale = _c.dateLocale;
   var _d = useContext(UserProfileContext),
-      disableUserProfile = _d.disableUserProfile,
-      renderUserProfile = _d.renderUserProfile;
-
+    disableUserProfile = _d.disableUserProfile,
+    renderUserProfile = _d.renderUserProfile;
   var messageRef = useRef(null);
   var avatarRef = useRef(null);
   var contextMenuRef = useRef(null);
   var mobileMenuRef = useRef(null);
-
   var _e = useState({}),
-      contextStyle = _e[0],
-      setContextStyle = _e[1];
-
+    contextStyle = _e[0],
+    setContextStyle = _e[1];
   var _f = 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 = checkIsPending(status);
   var isFailed = checkIsFailed(status);
-  var sender = getSenderFromMessage(message); // place context menu top depending clientHeight of message component
-
+  var sender = getSenderFromMessage(message);
+  // place context menu top depending clientHeight of message component
   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 '
@@ -226,7 +218,6 @@ function OpenchannelUserMessage(_a) {
           if (disabled) {
             return;
           }
-
           showEdit(true);
           closeDropdown();
         }
@@ -250,7 +241,6 @@ function OpenchannelUserMessage(_a) {
           if (disabled) {
             return;
           }
-
           showRemove(true);
           closeDropdown();
         }

package/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","toggleDropdown","profileUrl","closeDropdown","paddingTop","paddingBottom","user","close","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","IconTypes","SPINNER","IconColors","PRIMARY","ERROR","showMenuTrigger","MORE","CONTENT_INVERSE","isFineCopy","copyToClipboard","CONTEXT_MENU_DROPDOWN__COPY","isFineEdit","CONTEXT_MENU_DROPDOWN__EDIT","isFineResend","CONTEXT_MENU_DROPDOWN__RESEND","isFineDelete","CONTEXT_MENU_DROPDOWN__DELETE"],"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} 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","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/ui/PlaceHolder.js

@@ -1,11 +1,11 @@
-import '../tslib.es6-209c9f08.js';
+import '../tslib.es6-5180f9d1.js';
 import 'react';
-export { a as PlaceHolderTypes, P as default } from '../index-0ecbda20.js';
-import '../LocalizationContext-654ae04f.js';
+export { a as PlaceHolderTypes, P as default } from '../index-ec8cbdfb.js';
+import '../LocalizationContext-43b10f97.js';
 import './Icon.js';
-import '../index-8e901b57.js';
+import '../index-8f0ae983.js';
 import './Loader.js';
-import '../stringSet-7c7d84fc.js';
-import '../index-cf141ad7.js';
+import '../stringSet-2d42f6ff.js';
+import '../index-0f373e79.js';
 import 'prop-types';
 //# sourceMappingURL=PlaceHolder.js.map

package/ui/PlaybackTime.js

@@ -1,16 +1,16 @@
 import React__default from 'react';
-import { a as LabelTypography, b as LabelColors, L as Label } from '../index-8e901b57.js';
+import { a as LabelTypography, b as LabelColors, L as Label } from '../index-8f0ae983.js';
 import 'prop-types';
-import '../stringSet-7c7d84fc.js';
+import '../stringSet-2d42f6ff.js';
 
 var PlaybackTime = function (_a) {
   var className = _a.className,
-      _b = _a.time,
-      time = _b === void 0 ? 0 : _b,
-      _c = _a.labelType,
-      labelType = _c === void 0 ? LabelTypography.CAPTION_2 : _c,
-      _d = _a.labelColor,
-      labelColor = _d === void 0 ? LabelColors.ONCONTENT_1 : _d;
+    _b = _a.time,
+    time = _b === void 0 ? 0 : _b,
+    _c = _a.labelType,
+    labelType = _c === void 0 ? LabelTypography.CAPTION_2 : _c,
+    _d = _a.labelColor,
+    labelColor = _d === void 0 ? LabelColors.ONCONTENT_1 : _d;
   var naturalTime = time < 0 ? 0 : time;
   var hour = Math.floor(naturalTime / 3600000);
   var min = Math.floor(naturalTime % 3600000 / 60000);

package/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"],"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,eAAe,CAACC,YAASH;MACrCI,EAAA,GAAAR,EAAA,CAAAS;MAAAA,UAAU,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAAE,WAAW,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,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,IAAA,SAAS,EAAE,wBAAA,CAAyBC,MAAzB,CAAyBlB,SAAzB,CAAA;AAAhB,GAAA,eACEiB,6BAAC,KAAD,EAAA;AACE,IAAA,IAAI,EAAEb,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,eAAe,CAACC,SAAS,GAAAH,EAAA;IACrCI,EAAA,GAAAR,EAAA,CAAAS,UAAoC;IAApCA,UAAU,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAAE,WAAW,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,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKlB,IAAAA,SAAS,EAAE,wBAAyB,CAAAmB,MAAA,CAAAnB,SAAS,CAAA;AAAG,GAAA,eACnDiB,cAAA,CAAAC,aAAA,CAACE,KAAK,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/ui/ProgressBar.js

@@ -6,14 +6,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 = useMemo(function () {
     return "".concat(currentSize / maxSize * 100, "%");
   }, [currentSize, maxSize]);

package/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,OAAO,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,cAAA,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,cAAA,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,SAAa;IAAbA,SAAS,GAAED,EAAA,KAAA,KAAA,CAAA,GAAA,EAAE,GAAAA,EAAA;IACbE,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,OAAO,CAAC,YAAA;IACpB,OAAO,UAAGJ,WAAW,GAAGF,OAAO,GAAG,GAAG,MAAG,CAAA;AAC1C,GAAC,EAAE,CAACE,WAAW,EAAEF,OAAO,CAAC,CAAC,CAAA;EAC1B,oBACEO,cAAA,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,cAAA,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/ui/QuoteMessage.js

@@ -1,29 +1,27 @@
 import React__default, { useContext, useState } from 'react';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-8e901b57.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-8f0ae983.js';
 import ImageRenderer from './ImageRenderer.js';
-import { a as LocalizationContext } from '../LocalizationContext-654ae04f.js';
-import { L as getUIKitFileTypes, j as getClassName, r as isUserMessage, d as isVoiceMessage, n as isThumbnailMessage, E as isVideo, M as isGif, s as getUIKitMessageType, U as UIKitMessageTypes, K as getUIKitFileType, t as truncateString } from '../index-83ae3ffe.js';
+import { a as LocalizationContext } from '../LocalizationContext-43b10f97.js';
+import { L as getUIKitFileTypes, j as getClassName, r as isUserMessage, d as isVoiceMessage, n as isThumbnailMessage, E as isVideo, M as isGif, s as getUIKitMessageType, U as UIKitMessageTypes, K as getUIKitFileType, t as truncateString } from '../index-cd1a9173.js';
 import 'prop-types';
-import '../stringSet-7c7d84fc.js';
-import '../tslib.es6-209c9f08.js';
-import '../index-cf141ad7.js';
+import '../stringSet-2d42f6ff.js';
+import '../tslib.es6-5180f9d1.js';
+import '../index-0f373e79.js';
 import '../utils/message/getOutgoingMessageState.js';
 
 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 = useContext(LocalizationContext).stringSet;
   var parentMessage = message.parentMessage;
   var parentMessageSender = parentMessage === null || parentMessage === void 0 ? void 0 : parentMessage.sender;
@@ -31,11 +29,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 = useState(false),
-      isThumbnailLoaded = _k[0],
-      setThumbnailLoaded = _k[1];
-
+    isThumbnailLoaded = _k[0],
+    setThumbnailLoaded = _k[1];
   var uikitFileTypes = getUIKitFileTypes();
   var splitFileName = (parentMessage === null || parentMessage === void 0 ? void 0 : parentMessage.name) ? parentMessage.name.split('/') : parentMessageUrl.split('/');
   return /*#__PURE__*/React__default.createElement("div", {

package/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","IconTypes","REPLY","IconColors","ON_BACKGROUND_3","LabelTypography","CAPTION_2","LabelColors","ONBACKGROUND_3","QUOTED_MESSAGE__REPLIED_TO","BODY_2","ONBACKGROUND_1","QUOTED_MESSAGE__UNAVAILABLE","isUserMessage","_e","length","isVoiceMessage","VOICE_MESSAGE","isThumbnailMessage","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';\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/ui/QuoteMessageInput.js

@@ -1,25 +1,22 @@
 import React__default, { useContext } from 'react';
-import { l as isFileMessage, d as isVoiceMessage, m as isImageMessage, n as isThumbnailMessage, o as isAudioMessage, j as getClassName, p as isGifMessage, q as isVideoMessage, r as isUserMessage, s as getUIKitMessageType, U as UIKitMessageTypes } from '../index-83ae3ffe.js';
+import { l as isFileMessage, d as isVoiceMessage, m as isImageMessage, n as isThumbnailMessage, o as isAudioMessage, j as getClassName, p as isGifMessage, q as isVideoMessage, r as isUserMessage, s as getUIKitMessageType, U as UIKitMessageTypes } from '../index-cd1a9173.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-8e901b57.js';
-import { a as LocalizationContext } from '../LocalizationContext-654ae04f.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-8f0ae983.js';
+import { a as LocalizationContext } from '../LocalizationContext-43b10f97.js';
 import ImageRenderer from './ImageRenderer.js';
-import '../tslib.es6-209c9f08.js';
+import '../tslib.es6-5180f9d1.js';
 import '../utils/message/getOutgoingMessageState.js';
 import 'prop-types';
-import '../stringSet-7c7d84fc.js';
-import '../index-cf141ad7.js';
+import '../stringSet-2d42f6ff.js';
+import '../index-0f373e79.js';
 
 var componentClassname = 'sendbird-quote_message_input__avatar';
 function QuoteMessageThumbnail(_a) {
   var message = _a.message;
-
   if (!isFileMessage(message) || isVoiceMessage(message)) {
     return null;
   }
-
   var thumbnailUrl = message.thumbnails && message.thumbnails.length > 0 && message.thumbnails[0].url || isImageMessage(message) && message.url;
-
   if (isThumbnailMessage(message) && thumbnailUrl) {
     return /*#__PURE__*/React__default.createElement(ImageRenderer, {
       className: componentClassname,
@@ -52,8 +49,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 = useContext(LocalizationContext).stringSet;
   var fileMessage = replyingMessage;
   var sender = replyingMessage === null || replyingMessage === void 0 ? void 0 : replyingMessage.sender;