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

package/ui/MessageItemMenu.js

@@ -2,17 +2,17 @@ import React__default, { useContext, useRef } from 'react';
 import ContextMenu, { MenuItems, MenuItem } from './ContextMenu.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
 import IconButton from './IconButton.js';
-import { u as isUserMessage, D as isSentMessage, E as isFailedMessage, F as isPendingMessage, k as getClassName, G as copyToClipboard } from '../index-24a5ab49.js';
-import { a as LocalizationContext } from '../LocalizationContext-5b475a64.js';
-import '../tslib.es6-72a2f141.js';
+import { u as isUserMessage, D as isSentMessage, E as isFailedMessage, F as isPendingMessage, k as getClassName, G as copyToClipboard } from '../index-f59cf800.js';
+import { a as LocalizationContext } from '../LocalizationContext-4cefc770.js';
+import '../tslib.es6-cb5d77bf.js';
 import 'react-dom';
 import './SortByRow.js';
-import '../uuid-8a4db02f.js';
-import '../index-e028fd23.js';
-import '../_rollupPluginBabelHelpers-b2b008c2.js';
+import '../uuid-180d497e.js';
+import '../index-6b896cd8.js';
+import '../_rollupPluginBabelHelpers-4527872e.js';
 import 'prop-types';
-import '../stringSet-c4a61372.js';
-import '../index-25496c01.js';
+import '../stringSet-dc330bcf.js';
+import '../index-176e9ad4.js';
 
 function MessageItemMenu(_a) {
   var className = _a.className,

package/ui/MessageItemMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"MessageItemMenu.js","sources":["../../src/ui/MessageItemMenu/index.tsx"],"sourcesContent":["import './index.scss';\nimport React, { ReactElement, useContext, useRef } from 'react';\nimport type { FileMessage, UserMessage } from '@sendbird/chat/message';\nimport type { GroupChannel } from '@sendbird/chat/groupChannel';\nimport type { OpenChannel } from '@sendbird/chat/openChannel';\n\nimport ContextMenu, { MenuItems, MenuItem } from '../ContextMenu';\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport IconButton from '../IconButton';\nimport {\n  getClassName,\n  copyToClipboard,\n  isUserMessage,\n  isSentMessage,\n  isFailedMessage,\n  isPendingMessage,\n} from '../../utils/index';\nimport { LocalizationContext } from '../../lib/LocalizationContext';\nimport { ReplyType } from '../../index';\n\ninterface Props {\n  className?: string | Array<string>;\n  message: UserMessage | FileMessage;\n  channel: GroupChannel | OpenChannel;\n  isByMe?: boolean;\n  disabled?: boolean;\n  replyType?: ReplyType;\n  showEdit?: (bool: boolean) => void;\n  showRemove?: (bool: boolean) => void;\n  resendMessage?: (message: UserMessage | FileMessage) => void;\n  setQuoteMessage?: (message: UserMessage | FileMessage) => void;\n  setSupposedHover?: (bool: boolean) => void;\n}\n\nexport default function MessageItemMenu({\n  className,\n  message,\n  channel,\n  isByMe = false,\n  disabled = false,\n  replyType,\n  showEdit,\n  showRemove,\n  resendMessage,\n  setQuoteMessage,\n  setSupposedHover,\n}: Props): ReactElement {\n  const { stringSet } = useContext(LocalizationContext);\n  const triggerRef = useRef(null);\n  const containerRef = useRef(null);\n\n  const showMenuItemCopy: boolean = isUserMessage(message as UserMessage);\n  const showMenuItemEdit: boolean = (isUserMessage(message as UserMessage) && isSentMessage(message) && isByMe);\n  const showMenuItemResend: boolean = (isFailedMessage(message) && message?.isResendable && isByMe);\n  const showMenuItemDelete: boolean = !isPendingMessage(message) && isByMe;\n  /**\n   * TODO: Manage timing issue\n   * User delete pending message -> Sending message success\n   */\n  const showMenuItemReply: boolean = (replyType === 'QUOTE_REPLY')\n    && !isFailedMessage(message)\n    && !isPendingMessage(message)\n    && (channel?.isGroupChannel() && !(channel as GroupChannel)?.isBroadcast);\n\n  if (!(showMenuItemCopy || showMenuItemReply || showMenuItemEdit || showMenuItemResend || showMenuItemDelete)) {\n    return null;\n  }\n  return (\n    <div\n      className={getClassName([className, 'sendbird-message-item-menu'])}\n      ref={containerRef}\n    >\n      <ContextMenu\n        menuTrigger={(toggleDropdown: () => void): ReactElement => (\n          <IconButton\n            className=\"sendbird-message-item-menu__trigger\"\n            ref={triggerRef}\n            width=\"32px\"\n            height=\"32px\"\n            onClick={(): void => {\n              toggleDropdown();\n              setSupposedHover(true);\n            }}\n            onBlur={(): void => {\n              setSupposedHover(false);\n            }}\n          >\n            <Icon\n              className=\"sendbird-message-item-menu__trigger__icon\"\n              type={IconTypes.MORE}\n              fillColor={IconColors.CONTENT_INVERSE}\n              width=\"24px\"\n              height=\"24px\"\n            />\n          </IconButton>\n        )}\n        menuItems={(close: () => void): ReactElement => {\n          const closeDropdown = (): void => {\n            close();\n            setSupposedHover(false);\n          };\n          return (\n            <MenuItems\n              className=\"sendbird-message-item-menu__list\"\n              parentRef={triggerRef}\n              parentContainRef={containerRef}\n              closeDropdown={closeDropdown}\n              openLeft={isByMe}\n            >\n              {showMenuItemCopy && (\n                <MenuItem\n                  className=\"sendbird-message-item-menu__list__menu-item menu-item-copy\"\n                  onClick={() => {\n                    copyToClipboard((message as UserMessage)?.message);\n                    closeDropdown();\n                  }}\n                >\n                  {stringSet.MESSAGE_MENU__COPY}\n                </MenuItem>\n              )}\n              {showMenuItemReply && (\n                <MenuItem\n                  className=\"sendbird-message-item-menu__list__menu-item menu-item-reply\"\n                  onClick={() => {\n                    setQuoteMessage(message);\n                    closeDropdown();\n                  }}\n                  disable={message?.parentMessageId > 0}\n                >\n                  {stringSet.MESSAGE_MENU__REPLY}\n                </MenuItem>\n              )}\n              {showMenuItemEdit && (\n                <MenuItem\n                  className=\"sendbird-message-item-menu__list__menu-item menu-item-edit\"\n                  onClick={() => {\n                    if (!disabled) {\n                      showEdit(true);\n                      closeDropdown();\n                    }\n                  }}\n                >\n                  {stringSet.MESSAGE_MENU__EDIT}\n                </MenuItem>\n              )}\n              {showMenuItemResend && (\n                <MenuItem\n                  className=\"sendbird-message-item-menu__list__menu-item menu-item-resend\"\n                  onClick={() => {\n                    if (!disabled) {\n                      resendMessage(message);\n                      closeDropdown();\n                    }\n                  }}\n                >\n                  {stringSet.MESSAGE_MENU__RESEND}\n                </MenuItem>\n              )}\n              {showMenuItemDelete && (\n                <MenuItem\n                  className=\"sendbird-message-item-menu__list__menu-item menu-item-delete\"\n                  onClick={() => {\n                    if (!disabled) {\n                      showRemove(true);\n                      closeDropdown();\n                    }\n                  }}\n                  disable={message?.threadInfo?.replyCount > 0}\n                >\n                  {stringSet.MESSAGE_MENU__DELETE}\n                </MenuItem>\n              )}\n            </MenuItems>\n          );\n        }}\n      />\n    </div>\n  );\n}\n"],"names":["MessageItemMenu","_a","className","message","channel","_b","isByMe","_c","disabled","replyType","showEdit","showRemove","resendMessage","setQuoteMessage","setSupposedHover","stringSet","useContext","LocalizationContext","triggerRef","useRef","containerRef","showMenuItemCopy","isUserMessage","showMenuItemEdit","isSentMessage","showMenuItemResend","isFailedMessage","isResendable","showMenuItemDelete","isPendingMessage","showMenuItemReply","isGroupChannel","isBroadcast","React","getClassName","toggleDropdown","IconTypes","MORE","IconColors","CONTENT_INVERSE","close","closeDropdown","copyToClipboard","MESSAGE_MENU__COPY","parentMessageId","MESSAGE_MENU__REPLY","MESSAGE_MENU__EDIT","MESSAGE_MENU__RESEND","threadInfo","replyCount","MESSAGE_MENU__DELETE"],"mappings":";;;;;;;;;;;;;;;;SAkCwBA,gBAAgBC;MACtCC,SAAS;MACTC,OAAO;MACPC,OAAO;MACPC;MAAAC,MAAM,mBAAG;MACTC;MAAAC,QAAQ,mBAAG;MACXC,SAAS;MACTC,QAAQ;MACRC,UAAU;MACVC,aAAa;MACbC,eAAe;MACfC,gBAAgB;AAER,MAAAC,SAAS,GAAKC,UAAU,CAACC,mBAAD,CAAV,UAAd;AACR,MAAMC,UAAU,GAAGC,MAAM,CAAC,IAAD,CAAzB;AACA,MAAMC,YAAY,GAAGD,MAAM,CAAC,IAAD,CAA3B;AAEA,MAAME,gBAAgB,GAAYC,aAAa,CAACnB,OAAD,CAA/C;AACA,MAAMoB,gBAAgB,GAAaD,aAAa,CAACnB,OAAD,CAAb,IAAyCqB,aAAa,CAACrB,OAAD,CAAtD,IAAmEG,MAAtG;AACA,MAAMmB,kBAAkB,GAAaC,eAAe,CAACvB,OAAD,CAAf,KAA4BA,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEwB,YAArC,KAAqDrB,MAA1F;AACA,MAAMsB,kBAAkB,GAAY,CAACC,gBAAgB,CAAC1B,OAAD,CAAjB,IAA8BG,MAAlE;AACA;;;;;AAIA,MAAMwB,iBAAiB,GAAarB,SAAS,KAAK,aAAf,IAC9B,CAACiB,eAAe,CAACvB,OAAD,CADc,IAE9B,CAAC0B,gBAAgB,CAAC1B,OAAD,CAFa,KAG7BC,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAE2B,cAAT,EAAA,KAA6B,EAAE3B,OAAwB,SAAxB,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAmB4B,WAA5B,CAHnC;;AAKA,MAAI,EAAEX,gBAAgB,IAAIS,iBAApB,IAAyCP,gBAAzC,IAA6DE,kBAA7D,IAAmFG,kBAArF,CAAJ,EAA8G;AAC5G,WAAO,IAAP;AACD;;AACD,sBACEK;AACE,IAAA,SAAS,EAAEC,YAAY,CAAC,CAAChC,SAAD,EAAY,4BAAZ,CAAD,CADzB;AAEE,IAAA,GAAG,EAAEkB;AAFP,kBAIEa,6BAAC,WAAD;AACE,IAAA,WAAW,EAAE,qBAACE,cAAD;AAA8C,0BACzDF,6BAAC,UAAD;AACE,QAAA,SAAS,EAAC,qCADZ;AAEE,QAAA,GAAG,EAAEf,UAFP;AAGE,QAAA,KAAK,EAAC,MAHR;AAIE,QAAA,MAAM,EAAC,MAJT;AAKE,QAAA,OAAO,EAAE;AACPiB,UAAAA,cAAc;AACdrB,UAAAA,gBAAgB,CAAC,IAAD,CAAhB;AACD,SARH;AASE,QAAA,MAAM,EAAE;AACNA,UAAAA,gBAAgB,CAAC,KAAD,CAAhB;AACD;AAXH,sBAaEmB,6BAAC,IAAD;AACE,QAAA,SAAS,EAAC,2CADZ;AAEE,QAAA,IAAI,EAAEG,SAAS,CAACC,IAFlB;AAGE,QAAA,SAAS,EAAEC,UAAU,CAACC,eAHxB;AAIE,QAAA,KAAK,EAAC,MAJR;AAKE,QAAA,MAAM,EAAC;AALT,QAbF,CADyD;AAsB1D,KAvBH;AAwBE,IAAA,SAAS,EAAE,mBAACC,KAAD;;;AACT,UAAMC,aAAa,GAAG,SAAhBA,aAAgB;AACpBD,QAAAA,KAAK;AACL1B,QAAAA,gBAAgB,CAAC,KAAD,CAAhB;AACD,OAHD;;AAIA,0BACEmB,6BAAC,SAAD;AACE,QAAA,SAAS,EAAC,kCADZ;AAEE,QAAA,SAAS,EAAEf,UAFb;AAGE,QAAA,gBAAgB,EAAEE,YAHpB;AAIE,QAAA,aAAa,EAAEqB,aAJjB;AAKE,QAAA,QAAQ,EAAEnC;AALZ,SAOGe,gBAAgB,iBACfY,6BAAC,QAAD;AACE,QAAA,SAAS,EAAC,4DADZ;AAEE,QAAA,OAAO,EAAE;AACPS,UAAAA,eAAe,CAAEvC,OAAuB,SAAvB,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAkBA,OAA3B,CAAf;AACAsC,UAAAA,aAAa;AACd;AALH,SAOG1B,SAAS,CAAC4B,kBAPb,CARJ,EAkBGb,iBAAiB,iBAChBG,6BAAC,QAAD;AACE,QAAA,SAAS,EAAC,6DADZ;AAEE,QAAA,OAAO,EAAE;AACPpB,UAAAA,eAAe,CAACV,OAAD,CAAf;AACAsC,UAAAA,aAAa;AACd,SALH;AAME,QAAA,OAAO,EAAE,CAAAtC,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEyC,eAAT,IAA2B;AANtC,SAQG7B,SAAS,CAAC8B,mBARb,CAnBJ,EA8BGtB,gBAAgB,iBACfU,6BAAC,QAAD;AACE,QAAA,SAAS,EAAC,4DADZ;AAEE,QAAA,OAAO,EAAE;AACP,cAAI,CAACzB,QAAL,EAAe;AACbE,YAAAA,QAAQ,CAAC,IAAD,CAAR;AACA+B,YAAAA,aAAa;AACd;AACF;AAPH,SASG1B,SAAS,CAAC+B,kBATb,CA/BJ,EA2CGrB,kBAAkB,iBACjBQ,6BAAC,QAAD;AACE,QAAA,SAAS,EAAC,8DADZ;AAEE,QAAA,OAAO,EAAE;AACP,cAAI,CAACzB,QAAL,EAAe;AACbI,YAAAA,aAAa,CAACT,OAAD,CAAb;AACAsC,YAAAA,aAAa;AACd;AACF;AAPH,SASG1B,SAAS,CAACgC,oBATb,CA5CJ,EAwDGnB,kBAAkB,iBACjBK,6BAAC,QAAD;AACE,QAAA,SAAS,EAAC,8DADZ;AAEE,QAAA,OAAO,EAAE;AACP,cAAI,CAACzB,QAAL,EAAe;AACbG,YAAAA,UAAU,CAAC,IAAD,CAAV;AACA8B,YAAAA,aAAa;AACd;AACF,SAPH;AAQE,QAAA,OAAO,EAAE,CAAA,MAAAtC,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAE6C,UAAT,UAAA,iBAAA,SAAA,MAAqBC,UAArB,IAAkC;AAR7C,SAUGlC,SAAS,CAACmC,oBAVb,CAzDJ,CADF;AAyED;AAtGH,IAJF,CADF;AA+GD;;;;"}
+{"version":3,"file":"MessageItemMenu.js","sources":["../../src/ui/MessageItemMenu/index.tsx"],"sourcesContent":["import './index.scss';\nimport React, { ReactElement, useContext, useRef } from 'react';\nimport type { FileMessage, UserMessage } from '@sendbird/chat/message';\nimport type { GroupChannel } from '@sendbird/chat/groupChannel';\nimport type { OpenChannel } from '@sendbird/chat/openChannel';\n\nimport ContextMenu, { MenuItems, MenuItem } from '../ContextMenu';\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport IconButton from '../IconButton';\nimport {\n  getClassName,\n  copyToClipboard,\n  isUserMessage,\n  isSentMessage,\n  isFailedMessage,\n  isPendingMessage,\n} from '../../utils/index';\nimport { LocalizationContext } from '../../lib/LocalizationContext';\nimport { ReplyType } from '../../index';\n\ninterface Props {\n  className?: string | Array<string>;\n  message: UserMessage | FileMessage;\n  channel: GroupChannel | OpenChannel;\n  isByMe?: boolean;\n  disabled?: boolean;\n  replyType?: ReplyType;\n  showEdit?: (bool: boolean) => void;\n  showRemove?: (bool: boolean) => void;\n  resendMessage?: (message: UserMessage | FileMessage) => void;\n  setQuoteMessage?: (message: UserMessage | FileMessage) => void;\n  setSupposedHover?: (bool: boolean) => void;\n}\n\nexport default function MessageItemMenu({\n  className,\n  message,\n  channel,\n  isByMe = false,\n  disabled = false,\n  replyType,\n  showEdit,\n  showRemove,\n  resendMessage,\n  setQuoteMessage,\n  setSupposedHover,\n}: Props): ReactElement {\n  const { stringSet } = useContext(LocalizationContext);\n  const triggerRef = useRef(null);\n  const containerRef = useRef(null);\n\n  const showMenuItemCopy: boolean = isUserMessage(message as UserMessage);\n  const showMenuItemEdit: boolean = (isUserMessage(message as UserMessage) && isSentMessage(message) && isByMe);\n  const showMenuItemResend: boolean = (isFailedMessage(message) && message?.isResendable && isByMe);\n  const showMenuItemDelete: boolean = !isPendingMessage(message) && isByMe;\n  /**\n   * TODO: Manage timing issue\n   * User delete pending message -> Sending message success\n   */\n  const showMenuItemReply: boolean = (replyType === 'QUOTE_REPLY')\n    && !isFailedMessage(message)\n    && !isPendingMessage(message)\n    && (channel?.isGroupChannel() && !(channel as GroupChannel)?.isBroadcast);\n\n  if (!(showMenuItemCopy || showMenuItemReply || showMenuItemEdit || showMenuItemResend || showMenuItemDelete)) {\n    return null;\n  }\n  return (\n    <div\n      className={getClassName([className, 'sendbird-message-item-menu'])}\n      ref={containerRef}\n    >\n      <ContextMenu\n        menuTrigger={(toggleDropdown: () => void): ReactElement => (\n          <IconButton\n            className=\"sendbird-message-item-menu__trigger\"\n            ref={triggerRef}\n            width=\"32px\"\n            height=\"32px\"\n            onClick={(): void => {\n              toggleDropdown();\n              setSupposedHover(true);\n            }}\n            onBlur={(): void => {\n              setSupposedHover(false);\n            }}\n          >\n            <Icon\n              className=\"sendbird-message-item-menu__trigger__icon\"\n              type={IconTypes.MORE}\n              fillColor={IconColors.CONTENT_INVERSE}\n              width=\"24px\"\n              height=\"24px\"\n            />\n          </IconButton>\n        )}\n        menuItems={(close: () => void): ReactElement => {\n          const closeDropdown = (): void => {\n            close();\n            setSupposedHover(false);\n          };\n          return (\n            <MenuItems\n              className=\"sendbird-message-item-menu__list\"\n              parentRef={triggerRef}\n              parentContainRef={containerRef}\n              closeDropdown={closeDropdown}\n              openLeft={isByMe}\n            >\n              {showMenuItemCopy && (\n                <MenuItem\n                  className=\"sendbird-message-item-menu__list__menu-item menu-item-copy\"\n                  onClick={() => {\n                    copyToClipboard((message as UserMessage)?.message);\n                    closeDropdown();\n                  }}\n                >\n                  {stringSet.MESSAGE_MENU__COPY}\n                </MenuItem>\n              )}\n              {showMenuItemReply && (\n                <MenuItem\n                  className=\"sendbird-message-item-menu__list__menu-item menu-item-reply\"\n                  onClick={() => {\n                    setQuoteMessage(message);\n                    closeDropdown();\n                  }}\n                  disable={message?.parentMessageId > 0}\n                >\n                  {stringSet.MESSAGE_MENU__REPLY}\n                </MenuItem>\n              )}\n              {showMenuItemEdit && (\n                <MenuItem\n                  className=\"sendbird-message-item-menu__list__menu-item menu-item-edit\"\n                  onClick={() => {\n                    if (!disabled) {\n                      showEdit(true);\n                      closeDropdown();\n                    }\n                  }}\n                >\n                  {stringSet.MESSAGE_MENU__EDIT}\n                </MenuItem>\n              )}\n              {showMenuItemResend && (\n                <MenuItem\n                  className=\"sendbird-message-item-menu__list__menu-item menu-item-resend\"\n                  onClick={() => {\n                    if (!disabled) {\n                      resendMessage(message);\n                      closeDropdown();\n                    }\n                  }}\n                >\n                  {stringSet.MESSAGE_MENU__RESEND}\n                </MenuItem>\n              )}\n              {showMenuItemDelete && (\n                <MenuItem\n                  className=\"sendbird-message-item-menu__list__menu-item menu-item-delete\"\n                  onClick={() => {\n                    if (!disabled) {\n                      showRemove(true);\n                      closeDropdown();\n                    }\n                  }}\n                  disable={message?.threadInfo?.replyCount > 0}\n                >\n                  {stringSet.MESSAGE_MENU__DELETE}\n                </MenuItem>\n              )}\n            </MenuItems>\n          );\n        }}\n      />\n    </div>\n  );\n}\n"],"names":["MessageItemMenu","_a","className","message","channel","_b","isByMe","_c","disabled","replyType","showEdit","showRemove","resendMessage","setQuoteMessage","setSupposedHover","stringSet","useContext","LocalizationContext","triggerRef","useRef","containerRef","showMenuItemCopy","isUserMessage","showMenuItemEdit","isSentMessage","showMenuItemResend","isFailedMessage","isResendable","showMenuItemDelete","isPendingMessage","showMenuItemReply","isGroupChannel","isBroadcast","React","getClassName","toggleDropdown","IconTypes","MORE","IconColors","CONTENT_INVERSE","close","closeDropdown","copyToClipboard","MESSAGE_MENU__COPY","parentMessageId","MESSAGE_MENU__REPLY","MESSAGE_MENU__EDIT","MESSAGE_MENU__RESEND","threadInfo","replyCount","MESSAGE_MENU__DELETE"],"mappings":"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"}

package/ui/MessageItemReactionMenu.js

@@ -4,15 +4,15 @@ import Icon, { IconTypes, IconColors } from './Icon.js';
 import IconButton from './IconButton.js';
 import ImageRenderer from './ImageRenderer.js';
 import ReactionButton from './ReactionButton.js';
-import { F as isPendingMessage, E as isFailedMessage, k as getClassName, H as getEmojiListAll } from '../index-24a5ab49.js';
-import '../tslib.es6-72a2f141.js';
+import { F as isPendingMessage, E as isFailedMessage, k as getClassName, H as getEmojiListAll } from '../index-f59cf800.js';
+import '../tslib.es6-cb5d77bf.js';
 import 'react-dom';
 import './SortByRow.js';
-import '../uuid-8a4db02f.js';
-import '../index-e028fd23.js';
-import '../_rollupPluginBabelHelpers-b2b008c2.js';
+import '../uuid-180d497e.js';
+import '../index-6b896cd8.js';
+import '../_rollupPluginBabelHelpers-4527872e.js';
 import 'prop-types';
-import '../stringSet-c4a61372.js';
+import '../stringSet-dc330bcf.js';
 
 function MessageItemReactionMenu(_a) {
   var className = _a.className,

package/ui/MessageItemReactionMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"MessageItemReactionMenu.js","sources":["../../src/ui/MessageItemReactionMenu/index.tsx"],"sourcesContent":["import './index.scss';\nimport React, { ReactElement, useRef } from 'react';\nimport type { FileMessage, Reaction, UserMessage } from '@sendbird/chat/message';\nimport type { Emoji, EmojiContainer } from '@sendbird/chat';\n\nimport ContextMenu, { EmojiListItems } from '../ContextMenu';\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport IconButton from '../IconButton';\nimport ImageRenderer from '../ImageRenderer';\nimport ReactionButton from '../ReactionButton';\nimport { getClassName, getEmojiListAll, isPendingMessage, isFailedMessage } from '../../utils';\n\ninterface Props {\n  className?: string | Array<string>;\n  message: UserMessage | FileMessage;\n  userId: string;\n  spaceFromTrigger?: Record<string, unknown>;\n  emojiContainer?: EmojiContainer;\n  toggleReaction?: (message: UserMessage | FileMessage, reactionKey: string, isReacted: boolean) => void;\n  setSupposedHover?: (bool: boolean) => void;\n}\n\nexport default function MessageItemReactionMenu({\n  className,\n  message,\n  userId,\n  spaceFromTrigger = {},\n  emojiContainer,\n  toggleReaction,\n  setSupposedHover,\n}: Props): ReactElement {\n  const triggerRef = useRef(null);\n  const containerRef = useRef(null);\n\n  if(isPendingMessage(message) || isFailedMessage(message)) {\n    return null;\n  }\n\n  return (\n    <div\n      className={getClassName([className, 'sendbird-message-item-reaction-menu'])}\n      ref={containerRef}\n    >\n      <ContextMenu\n        menuTrigger={(toggleDropdown: () => void): ReactElement => (\n          <IconButton\n            className=\"sendbird-message-item-reaction-menu__trigger\"\n            ref={triggerRef}\n            width=\"32px\"\n            height=\"32px\"\n            onClick={(): void => {\n              toggleDropdown();\n              setSupposedHover(true);\n            }}\n            onBlur={(): void => {\n              setSupposedHover(false);\n            }}\n          >\n            <Icon\n              className=\"sendbird-message-item-reaction-menu__trigger__icon\"\n              type={IconTypes.EMOJI_MORE}\n              fillColor={IconColors.CONTENT_INVERSE}\n              width=\"24px\"\n              height=\"24px\"\n            />\n          </IconButton>\n        )}\n        menuItems={(close: () => void): ReactElement => {\n          const closeDropdown = (): void => {\n            close();\n            setSupposedHover(false);\n          };\n          return (\n            <EmojiListItems\n              parentRef={triggerRef}\n              parentContainRef={containerRef}\n              closeDropdown={closeDropdown}\n              spaceFromTrigger={spaceFromTrigger}\n            >\n              {getEmojiListAll(emojiContainer).map((emoji: Emoji): ReactElement => {\n                const isReacted: boolean = message?.reactions?.\n                  filter((reaction: Reaction) => reaction.key === emoji.key)[0]?.userIds?.\n                  some((reactorId: string) => reactorId === userId);\n                return (\n                  <ReactionButton\n                    key={emoji.key}\n                    width=\"36px\"\n                    height=\"36px\"\n                    selected={isReacted}\n                    onClick={() => {\n                      closeDropdown();\n                      toggleReaction(message, emoji.key, isReacted);\n                    }}\n                  >\n                    <ImageRenderer\n                      url={emoji.url}\n                      width=\"28px\"\n                      height=\"28px\"\n                      placeHolder={(style) => (\n                        <div style={style}>\n                          <Icon\n                            type={IconTypes.QUESTION}\n                            fillColor={IconColors.ON_BACKGROUND_3}\n                            width=\"28px\"\n                            height=\"28px\"\n                          />\n                        </div>\n                      )}\n                    />\n                  </ReactionButton>\n                );\n              })}\n            </EmojiListItems>\n          );\n        }}\n      />\n    </div>\n  );\n}\n"],"names":["MessageItemReactionMenu","_a","className","message","userId","_b","spaceFromTrigger","emojiContainer","toggleReaction","setSupposedHover","triggerRef","useRef","containerRef","isPendingMessage","isFailedMessage","React","getClassName","toggleDropdown","IconTypes","EMOJI_MORE","IconColors","CONTENT_INVERSE","close","closeDropdown","getEmojiListAll","map","emoji","isReacted","reactions","filter","reaction","key","userIds","some","reactorId","url","style","QUESTION","ON_BACKGROUND_3"],"mappings":"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"}
+{"version":3,"file":"MessageItemReactionMenu.js","sources":["../../src/ui/MessageItemReactionMenu/index.tsx"],"sourcesContent":["import './index.scss';\nimport React, { ReactElement, useRef } from 'react';\nimport type { FileMessage, Reaction, UserMessage } from '@sendbird/chat/message';\nimport type { Emoji, EmojiContainer } from '@sendbird/chat';\n\nimport ContextMenu, { EmojiListItems } from '../ContextMenu';\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport IconButton from '../IconButton';\nimport ImageRenderer from '../ImageRenderer';\nimport ReactionButton from '../ReactionButton';\nimport { getClassName, getEmojiListAll, isPendingMessage, isFailedMessage } from '../../utils';\n\ninterface Props {\n  className?: string | Array<string>;\n  message: UserMessage | FileMessage;\n  userId: string;\n  spaceFromTrigger?: Record<string, unknown>;\n  emojiContainer?: EmojiContainer;\n  toggleReaction?: (message: UserMessage | FileMessage, reactionKey: string, isReacted: boolean) => void;\n  setSupposedHover?: (bool: boolean) => void;\n}\n\nexport default function MessageItemReactionMenu({\n  className,\n  message,\n  userId,\n  spaceFromTrigger = {},\n  emojiContainer,\n  toggleReaction,\n  setSupposedHover,\n}: Props): ReactElement {\n  const triggerRef = useRef(null);\n  const containerRef = useRef(null);\n\n  if(isPendingMessage(message) || isFailedMessage(message)) {\n    return null;\n  }\n\n  return (\n    <div\n      className={getClassName([className, 'sendbird-message-item-reaction-menu'])}\n      ref={containerRef}\n    >\n      <ContextMenu\n        menuTrigger={(toggleDropdown: () => void): ReactElement => (\n          <IconButton\n            className=\"sendbird-message-item-reaction-menu__trigger\"\n            ref={triggerRef}\n            width=\"32px\"\n            height=\"32px\"\n            onClick={(): void => {\n              toggleDropdown();\n              setSupposedHover(true);\n            }}\n            onBlur={(): void => {\n              setSupposedHover(false);\n            }}\n          >\n            <Icon\n              className=\"sendbird-message-item-reaction-menu__trigger__icon\"\n              type={IconTypes.EMOJI_MORE}\n              fillColor={IconColors.CONTENT_INVERSE}\n              width=\"24px\"\n              height=\"24px\"\n            />\n          </IconButton>\n        )}\n        menuItems={(close: () => void): ReactElement => {\n          const closeDropdown = (): void => {\n            close();\n            setSupposedHover(false);\n          };\n          return (\n            <EmojiListItems\n              parentRef={triggerRef}\n              parentContainRef={containerRef}\n              closeDropdown={closeDropdown}\n              spaceFromTrigger={spaceFromTrigger}\n            >\n              {getEmojiListAll(emojiContainer).map((emoji: Emoji): ReactElement => {\n                const isReacted: boolean = message?.reactions?.\n                  filter((reaction: Reaction) => reaction.key === emoji.key)[0]?.userIds?.\n                  some((reactorId: string) => reactorId === userId);\n                return (\n                  <ReactionButton\n                    key={emoji.key}\n                    width=\"36px\"\n                    height=\"36px\"\n                    selected={isReacted}\n                    onClick={() => {\n                      closeDropdown();\n                      toggleReaction(message, emoji.key, isReacted);\n                    }}\n                  >\n                    <ImageRenderer\n                      url={emoji.url}\n                      width=\"28px\"\n                      height=\"28px\"\n                      placeHolder={(style) => (\n                        <div style={style}>\n                          <Icon\n                            type={IconTypes.QUESTION}\n                            fillColor={IconColors.ON_BACKGROUND_3}\n                            width=\"28px\"\n                            height=\"28px\"\n                          />\n                        </div>\n                      )}\n                    />\n                  </ReactionButton>\n                );\n              })}\n            </EmojiListItems>\n          );\n        }}\n      />\n    </div>\n  );\n}\n"],"names":["MessageItemReactionMenu","_a","className","message","userId","_b","spaceFromTrigger","emojiContainer","toggleReaction","setSupposedHover","triggerRef","useRef","containerRef","isPendingMessage","isFailedMessage","React","getClassName","toggleDropdown","IconTypes","EMOJI_MORE","IconColors","CONTENT_INVERSE","close","closeDropdown","getEmojiListAll","map","emoji","isReacted","reactions","filter","reaction","key","userIds","some","reactorId","url","style","QUESTION","ON_BACKGROUND_3"],"mappings":";;;;;;;;;;;;;;;;SAsBwBA,wBAAwBC;MAC9CC,SAAS;MACTC,OAAO;MACPC,MAAM;MACNC;MAAAC,gBAAgB,mBAAG;MACnBC,cAAc;MACdC,cAAc;MACdC,gBAAgB;EAEhB,IAAMC,UAAU,GAAGC,MAAM,CAAC,IAAD,CAAzB;EACA,IAAMC,YAAY,GAAGD,MAAM,CAAC,IAAD,CAA3B;;EAEA,IAAGE,gBAAgB,CAACV,OAAD,CAAhB,IAA6BW,eAAe,CAACX,OAAD,CAA/C,EAA0D;IACxD,OAAO,IAAP;;;EAGF,oBACEY;IACE,SAAS,EAAEC,YAAY,CAAC,CAACd,SAAD,EAAY,qCAAZ,CAAD,CADzB;IAEE,GAAG,EAAEU;kBAELG,6BAAC,WAAD;IACE,WAAW,EAAE,qBAACE,cAAD;MAA8C,oBACzDF,6BAAC,UAAD;QACE,SAAS,EAAC,8CADZ;QAEE,GAAG,EAAEL,UAFP;QAGE,KAAK,EAAC,MAHR;QAIE,MAAM,EAAC,MAJT;QAKE,OAAO,EAAE;UACPO,cAAc;UACdR,gBAAgB,CAAC,IAAD,CAAhB;SAPJ;QASE,MAAM,EAAE;UACNA,gBAAgB,CAAC,KAAD,CAAhB;;sBAGFM,6BAAC,IAAD;QACE,SAAS,EAAC,oDADZ;QAEE,IAAI,EAAEG,SAAS,CAACC,UAFlB;QAGE,SAAS,EAAEC,UAAU,CAACC,eAHxB;QAIE,KAAK,EAAC,MAJR;QAKE,MAAM,EAAC;QAlBX,CADyD;KAD7D;IAwBE,SAAS,EAAE,mBAACC,KAAD;MACT,IAAMC,aAAa,GAAG,SAAhBA,aAAgB;QACpBD,KAAK;QACLb,gBAAgB,CAAC,KAAD,CAAhB;OAFF;;MAIA,oBACEM,6BAAC,cAAD;QACE,SAAS,EAAEL,UADb;QAEE,gBAAgB,EAAEE,YAFpB;QAGE,aAAa,EAAEW,aAHjB;QAIE,gBAAgB,EAAEjB;SAEjBkB,eAAe,CAACjB,cAAD,CAAf,CAAgCkB,GAAhC,CAAoC,UAACC,KAAD;;;QACnC,IAAMC,SAAS,GAAY,MAAA,MAAA,MAAAxB,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEyB,SAAT,UAAA,iBAAA,SAAA,MACzBC,OAAO,UAACC,QAAD;UAAwB,OAAAA,QAAQ,CAACC,GAAT,KAAiBL,KAAK,CAACK,GAAvB;WAA4B,EADlC,UAAA,iBAAA,SAAA,MACsCC,OADtC,UAAA,iBAAA,SAAA,MAEzBC,KAAK,UAACC,SAAD;UAAuB,OAAAA,SAAS,KAAK9B,MAAd;UAF9B;QAGA,oBACEW,6BAAC,cAAD;UACE,GAAG,EAAEW,KAAK,CAACK,GADb;UAEE,KAAK,EAAC,MAFR;UAGE,MAAM,EAAC,MAHT;UAIE,QAAQ,EAAEJ,SAJZ;UAKE,OAAO,EAAE;YACPJ,aAAa;YACbf,cAAc,CAACL,OAAD,EAAUuB,KAAK,CAACK,GAAhB,EAAqBJ,SAArB,CAAd;;wBAGFZ,6BAAC,aAAD;UACE,GAAG,EAAEW,KAAK,CAACS,GADb;UAEE,KAAK,EAAC,MAFR;UAGE,MAAM,EAAC,MAHT;UAIE,WAAW,EAAE,qBAACC,KAAD;YAAW,oBACtBrB;cAAK,KAAK,EAAEqB;4BACVrB,6BAAC,IAAD;cACE,IAAI,EAAEG,SAAS,CAACmB,QADlB;cAEE,SAAS,EAAEjB,UAAU,CAACkB,eAFxB;cAGE,KAAK,EAAC,MAHR;cAIE,MAAM,EAAC;cALX,CADsB;;UAd5B,CADF;OAJD,CANH,CADF;;IAjCN,CADF;AAgFD;;;;"}

package/ui/MessageSearchFileItem.js

@@ -1,18 +1,18 @@
-import { a as __spreadArray } from '../tslib.es6-72a2f141.js';
+import { a as __spreadArray } from '../tslib.es6-cb5d77bf.js';
 import React__default from 'react';
 import Avatar from './Avatar.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-e028fd23.js';
-import { u as useLocalization } from '../LocalizationContext-5b475a64.js';
-import { f as format } from '../index-4400a360.js';
-import { i as isToday, a as isYesterday, f as formatRelative } from '../index-952d5f9b.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-6b896cd8.js';
+import { u as useLocalization } from '../LocalizationContext-4cefc770.js';
+import { f as format } from '../index-7fa0a721.js';
+import { i as isToday, a as isYesterday, f as formatRelative } from '../index-3699f160.js';
 import './ImageRenderer.js';
-import '../uuid-8a4db02f.js';
-import '../_rollupPluginBabelHelpers-b2b008c2.js';
+import '../uuid-180d497e.js';
+import '../_rollupPluginBabelHelpers-4527872e.js';
 import 'prop-types';
-import '../stringSet-c4a61372.js';
-import '../index-25496c01.js';
-import '../index-2f85a795.js';
+import '../stringSet-dc330bcf.js';
+import '../index-176e9ad4.js';
+import '../index-598898d3.js';
 
 function getCreatedAt(createdAt, locale) {
   var optionalParam = locale ? {

package/ui/MessageSearchFileItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"MessageSearchFileItem.js","sources":["../../src/ui/MessageSearchFileItem/utils.ts","../../src/ui/MessageSearchFileItem/index.tsx"],"sourcesContent":["import type { FileMessage } from '@sendbird/chat/message';\nimport type { Locale } from 'date-fns';\nimport format from 'date-fns/format';\nimport formatRelative from 'date-fns/formatRelative';\nimport isToday from 'date-fns/isToday';\nimport isYesterday from 'date-fns/isYesterday';\nimport { IconTypes } from '../Icon';\n\nexport function getCreatedAt(createdAt: number, locale: Locale): string {\n  const optionalParam = locale ? { locale } : null;\n  if (!createdAt) {\n    return '';\n  }\n  if (isToday(createdAt)) {\n    return format(createdAt, 'p', optionalParam);\n  }\n  if (isYesterday(createdAt)) {\n    return formatRelative(createdAt, new Date(), optionalParam);\n  }\n  return format(createdAt, 'MMM dd', optionalParam);\n}\n\nexport function getIconOfFileType(message: FileMessage): string {\n  const { url } = message;\n  const fileMessageUrl = url;\n  const fileExtension = (fileMessageUrl.match(/\\.([^.]*?)(?=\\?|#|$)/))[1];\n\n  if (/(jpg|jpeg|png)$/i.test(fileExtension)) {\n    return IconTypes.PHOTO;\n  } else if (/mp4$/i.test(fileExtension)) {\n    return IconTypes.PLAY;\n  } else if (/mp3/i.test(fileExtension)) {\n    return IconTypes.FILE_AUDIO;\n  } else if (/gif/i.test(fileExtension)) {\n    return IconTypes.GIF;\n  } else {\n    return IconTypes.FILE_DOCUMENT;\n  }\n}\n\nexport function truncate(fullText: string, textLimit: number): string {\n  if (fullText.length <= textLimit) return fullText;\n  const separator = '...';\n  const sepLen = separator.length;\n  const charsToShow = textLimit - sepLen;\n  const frontChars = Math.ceil(charsToShow / 2);\n  const backChars = Math.floor(charsToShow / 2);\n  return fullText.substr(0, frontChars) + separator + fullText.substr(fullText.length - backChars);\n}\n","import './index.scss';\nimport React, { ReactElement } from 'react';\nimport type { FileMessage } from '@sendbird/chat/message';\n\nimport Avatar from '../Avatar';\nimport Icon, { IconColors } from '../Icon';\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport { useLocalization } from '../../lib/LocalizationContext';\nimport { getCreatedAt, getIconOfFileType, truncate } from './utils';\n\ninterface Props {\n  className?: string | Array<string>;\n  message: FileMessage;\n  selected?: boolean;\n  onClick?: (message: FileMessage) => void;\n}\n\nexport default function MessageSearchFileItem(props: Props): ReactElement {\n  const {\n    className,\n    message,\n    selected,\n    onClick,\n  } = props;\n  const { createdAt, url, name } = message;\n  const fileMessageUrl = url;\n  // @ts-ignore\n  const sender = message.sender || message._sender;\n  const { profileUrl, nickname } = sender;\n  const { stringSet, dateLocale } = useLocalization();\n\n  return (\n    <div\n      className={[\n        ...(Array.isArray(className) ? className : [className]),\n        'sendbird-message-search-file-item',\n        selected ? 'sendbird-message-search-file-item--selected' : '',\n      ].join(' ')}\n      onClick={(e) => {\n        e.stopPropagation();\n        onClick(message);\n      }}\n    >\n      <div className=\"sendbird-message-search-file-item__left\">\n        <Avatar\n          className=\"sendbird-message-search-file-item__left__sender-avatar\"\n          src={profileUrl}\n          alt=\"profile image\"\n          width=\"56px\"\n          height=\"56px\"\n        />\n      </div>\n      <div className=\"sendbird-message-search-file-item__right\">\n        <Label\n          className=\"sendbird-message-search-file-item__right__sender-name\"\n          type={LabelTypography.SUBTITLE_2}\n          color={LabelColors.ONBACKGROUND_1}\n        >\n          {nickname || stringSet.NO_NAME}\n        </Label>\n        <div className=\"sendbird-message-search-file-item__right__content\">\n          <div className=\"sendbird-message-search-file-item__right__content__type-icon\">\n            <Icon\n              type={getIconOfFileType(message)}\n              fillColor={IconColors.PRIMARY}\n              width=\"18px\"\n              height=\"18px\"\n            />\n          </div>\n          <Label\n            className=\"sendbird-message-search-file-item__right__content__url\"\n            type={LabelTypography.BODY_2}\n            color={LabelColors.ONBACKGROUND_1}\n          >\n            {truncate(name || fileMessageUrl, 28)}\n          </Label>\n        </div>\n      </div>\n      <Label\n        className=\"sendbird-message-search-file-item__message-created-at\"\n        type={LabelTypography.CAPTION_3}\n        color={LabelColors.ONBACKGROUND_2}\n      >\n        {getCreatedAt(createdAt, dateLocale)}\n      </Label>\n      <div className=\"sendbird-message-search-file-item__right-footer\" />\n    </div>\n  );\n}\n"],"names":["getCreatedAt","createdAt","locale","optionalParam","isToday","format","isYesterday","formatRelative","Date","getIconOfFileType","message","url","fileMessageUrl","fileExtension","match","test","IconTypes","PHOTO","PLAY","FILE_AUDIO","GIF","FILE_DOCUMENT","truncate","fullText","textLimit","length","separator","sepLen","charsToShow","frontChars","Math","ceil","backChars","floor","substr","MessageSearchFileItem","props","className","selected","onClick","name","sender","_sender","profileUrl","nickname","_a","useLocalization","stringSet","dateLocale","React","__spreadArray","Array","isArray","join","e","stopPropagation","LabelTypography","SUBTITLE_2","LabelColors","ONBACKGROUND_1","NO_NAME","IconColors","PRIMARY","BODY_2","CAPTION_3","ONBACKGROUND_2"],"mappings":";;;;;;;;;;;;;;;;SAQgBA,aAAaC,WAAmBC;AAC9C,MAAMC,aAAa,GAAGD,MAAM,GAAG;AAAEA,IAAAA,MAAM;AAAR,GAAH,GAAgB,IAA5C;;AACA,MAAI,CAACD,SAAL,EAAgB;AACd,WAAO,EAAP;AACD;;AACD,MAAIG,OAAO,CAACH,SAAD,CAAX,EAAwB;AACtB,WAAOI,MAAM,CAACJ,SAAD,EAAY,GAAZ,EAAiBE,aAAjB,CAAb;AACD;;AACD,MAAIG,WAAW,CAACL,SAAD,CAAf,EAA4B;AAC1B,WAAOM,cAAc,CAACN,SAAD,EAAY,IAAIO,IAAJ,EAAZ,EAAwBL,aAAxB,CAArB;AACD;;AACD,SAAOE,MAAM,CAACJ,SAAD,EAAY,QAAZ,EAAsBE,aAAtB,CAAb;AACD;SAEeM,kBAAkBC;AACxB,MAAAC,GAAG,GAAKD,OAAO,IAAf;AACR,MAAME,cAAc,GAAGD,GAAvB;AACA,MAAME,aAAa,GAAID,cAAc,CAACE,KAAf,CAAqB,sBAArB,CAAD,CAA+C,CAA/C,CAAtB;;AAEA,MAAI,mBAAmBC,IAAnB,CAAwBF,aAAxB,CAAJ,EAA4C;AAC1C,WAAOG,SAAS,CAACC,KAAjB;AACD,GAFD,MAEO,IAAI,QAAQF,IAAR,CAAaF,aAAb,CAAJ,EAAiC;AACtC,WAAOG,SAAS,CAACE,IAAjB;AACD,GAFM,MAEA,IAAI,OAAOH,IAAP,CAAYF,aAAZ,CAAJ,EAAgC;AACrC,WAAOG,SAAS,CAACG,UAAjB;AACD,GAFM,MAEA,IAAI,OAAOJ,IAAP,CAAYF,aAAZ,CAAJ,EAAgC;AACrC,WAAOG,SAAS,CAACI,GAAjB;AACD,GAFM,MAEA;AACL,WAAOJ,SAAS,CAACK,aAAjB;AACD;AACF;SAEeC,SAASC,UAAkBC;AACzC,MAAID,QAAQ,CAACE,MAAT,IAAmBD,SAAvB,EAAkC,OAAOD,QAAP;AAClC,MAAMG,SAAS,GAAG,KAAlB;AACA,MAAMC,MAAM,GAAGD,SAAS,CAACD,MAAzB;AACA,MAAMG,WAAW,GAAGJ,SAAS,GAAGG,MAAhC;AACA,MAAME,UAAU,GAAGC,IAAI,CAACC,IAAL,CAAUH,WAAW,GAAG,CAAxB,CAAnB;AACA,MAAMI,SAAS,GAAGF,IAAI,CAACG,KAAL,CAAWL,WAAW,GAAG,CAAzB,CAAlB;AACA,SAAOL,QAAQ,CAACW,MAAT,CAAgB,CAAhB,EAAmBL,UAAnB,IAAiCH,SAAjC,GAA6CH,QAAQ,CAACW,MAAT,CAAgBX,QAAQ,CAACE,MAAT,GAAkBO,SAAlC,CAApD;AACD;;SC/BuBG,sBAAsBC;AAE1C,MAAAC,SAAS,GAIPD,KAAK,UAJP;AAAA,MACA1B,OAAO,GAGL0B,KAAK,QAJP;AAAA,MAEAE,QAAQ,GAENF,KAAK,SAJP;AAAA,MAGAG,QAAO,GACLH,KAAK,QAJP;AAKM,MAAAnC,SAAS,GAAgBS,OAAO,UAAhC;AAAA,MAAWC,GAAG,GAAWD,OAAO,IAAhC;AAAA,MAAgB8B,IAAI,GAAK9B,OAAO,KAAhC;AACR,MAAME,cAAc,GAAGD,GAAvB;;AAEA,MAAM8B,MAAM,GAAG/B,OAAO,CAAC+B,MAAR,IAAkB/B,OAAO,CAACgC,OAAzC;AACQ,MAAAC,UAAU,GAAeF,MAAM,WAA/B;AAAA,MAAYG,QAAQ,GAAKH,MAAM,SAA/B;;AACF,MAAAI,KAA4BC,eAAe,EAA3C;AAAA,MAAEC,SAAS,eAAX;AAAA,MAAaC,UAAU,gBAAvB;;AAEN,sBACEC;AACE,IAAA,SAAS,EAAEC,gCACLC,KAAK,CAACC,OAAN,CAAcf,SAAd,IAA2BA,SAA3B,GAAuC,CAACA,SAAD,WAC3C,qCACAC,QAAQ,GAAG,6CAAH,GAAmD,WAHlD,CAITe,IAJS,CAIJ,GAJI,CADb;AAME,IAAA,OAAO,EAAE,iBAACC,CAAD;AACPA,MAAAA,CAAC,CAACC,eAAF;;AACAhB,MAAAA,QAAO,CAAC7B,OAAD,CAAP;AACD;AATH,kBAWEuC;AAAK,IAAA,SAAS,EAAC;AAAf,kBACEA,6BAAC,MAAD;AACE,IAAA,SAAS,EAAC,wDADZ;AAEE,IAAA,GAAG,EAAEN,UAFP;AAGE,IAAA,GAAG,EAAC,eAHN;AAIE,IAAA,KAAK,EAAC,MAJR;AAKE,IAAA,MAAM,EAAC;AALT,IADF,CAXF,eAoBEM;AAAK,IAAA,SAAS,EAAC;AAAf,kBACEA,6BAAC,KAAD;AACE,IAAA,SAAS,EAAC,uDADZ;AAEE,IAAA,IAAI,EAAEO,eAAe,CAACC,UAFxB;AAGE,IAAA,KAAK,EAAEC,WAAW,CAACC;AAHrB,KAKGf,QAAQ,IAAIG,SAAS,CAACa,OALzB,CADF,eAQEX;AAAK,IAAA,SAAS,EAAC;AAAf,kBACEA;AAAK,IAAA,SAAS,EAAC;AAAf,kBACEA,6BAAC,IAAD;AACE,IAAA,IAAI,EAAExC,iBAAiB,CAACC,OAAD,CADzB;AAEE,IAAA,SAAS,EAAEmD,UAAU,CAACC,OAFxB;AAGE,IAAA,KAAK,EAAC,MAHR;AAIE,IAAA,MAAM,EAAC;AAJT,IADF,CADF,eASEb,6BAAC,KAAD;AACE,IAAA,SAAS,EAAC,wDADZ;AAEE,IAAA,IAAI,EAAEO,eAAe,CAACO,MAFxB;AAGE,IAAA,KAAK,EAAEL,WAAW,CAACC;AAHrB,KAKGrC,QAAQ,CAACkB,IAAI,IAAI5B,cAAT,EAAyB,EAAzB,CALX,CATF,CARF,CApBF,eA8CEqC,6BAAC,KAAD;AACE,IAAA,SAAS,EAAC,uDADZ;AAEE,IAAA,IAAI,EAAEO,eAAe,CAACQ,SAFxB;AAGE,IAAA,KAAK,EAAEN,WAAW,CAACO;AAHrB,KAKGjE,YAAY,CAACC,SAAD,EAAY+C,UAAZ,CALf,CA9CF,eAqDEC;AAAK,IAAA,SAAS,EAAC;AAAf,IArDF,CADF;AAyDD;;;;"}
+{"version":3,"file":"MessageSearchFileItem.js","sources":["../../src/ui/MessageSearchFileItem/utils.ts","../../src/ui/MessageSearchFileItem/index.tsx"],"sourcesContent":["import type { FileMessage } from '@sendbird/chat/message';\nimport type { Locale } from 'date-fns';\nimport format from 'date-fns/format';\nimport formatRelative from 'date-fns/formatRelative';\nimport isToday from 'date-fns/isToday';\nimport isYesterday from 'date-fns/isYesterday';\nimport { IconTypes } from '../Icon';\n\nexport function getCreatedAt(createdAt: number, locale: Locale): string {\n  const optionalParam = locale ? { locale } : null;\n  if (!createdAt) {\n    return '';\n  }\n  if (isToday(createdAt)) {\n    return format(createdAt, 'p', optionalParam);\n  }\n  if (isYesterday(createdAt)) {\n    return formatRelative(createdAt, new Date(), optionalParam);\n  }\n  return format(createdAt, 'MMM dd', optionalParam);\n}\n\nexport function getIconOfFileType(message: FileMessage): string {\n  const { url } = message;\n  const fileMessageUrl = url;\n  const fileExtension = (fileMessageUrl.match(/\\.([^.]*?)(?=\\?|#|$)/))[1];\n\n  if (/(jpg|jpeg|png)$/i.test(fileExtension)) {\n    return IconTypes.PHOTO;\n  } else if (/mp4$/i.test(fileExtension)) {\n    return IconTypes.PLAY;\n  } else if (/mp3/i.test(fileExtension)) {\n    return IconTypes.FILE_AUDIO;\n  } else if (/gif/i.test(fileExtension)) {\n    return IconTypes.GIF;\n  } else {\n    return IconTypes.FILE_DOCUMENT;\n  }\n}\n\nexport function truncate(fullText: string, textLimit: number): string {\n  if (fullText.length <= textLimit) return fullText;\n  const separator = '...';\n  const sepLen = separator.length;\n  const charsToShow = textLimit - sepLen;\n  const frontChars = Math.ceil(charsToShow / 2);\n  const backChars = Math.floor(charsToShow / 2);\n  return fullText.substr(0, frontChars) + separator + fullText.substr(fullText.length - backChars);\n}\n","import './index.scss';\nimport React, { ReactElement } from 'react';\nimport type { FileMessage } from '@sendbird/chat/message';\n\nimport Avatar from '../Avatar';\nimport Icon, { IconColors } from '../Icon';\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport { useLocalization } from '../../lib/LocalizationContext';\nimport { getCreatedAt, getIconOfFileType, truncate } from './utils';\n\ninterface Props {\n  className?: string | Array<string>;\n  message: FileMessage;\n  selected?: boolean;\n  onClick?: (message: FileMessage) => void;\n}\n\nexport default function MessageSearchFileItem(props: Props): ReactElement {\n  const {\n    className,\n    message,\n    selected,\n    onClick,\n  } = props;\n  const { createdAt, url, name } = message;\n  const fileMessageUrl = url;\n  // @ts-ignore\n  const sender = message.sender || message._sender;\n  const { profileUrl, nickname } = sender;\n  const { stringSet, dateLocale } = useLocalization();\n\n  return (\n    <div\n      className={[\n        ...(Array.isArray(className) ? className : [className]),\n        'sendbird-message-search-file-item',\n        selected ? 'sendbird-message-search-file-item--selected' : '',\n      ].join(' ')}\n      onClick={(e) => {\n        e.stopPropagation();\n        onClick(message);\n      }}\n    >\n      <div className=\"sendbird-message-search-file-item__left\">\n        <Avatar\n          className=\"sendbird-message-search-file-item__left__sender-avatar\"\n          src={profileUrl}\n          alt=\"profile image\"\n          width=\"56px\"\n          height=\"56px\"\n        />\n      </div>\n      <div className=\"sendbird-message-search-file-item__right\">\n        <Label\n          className=\"sendbird-message-search-file-item__right__sender-name\"\n          type={LabelTypography.SUBTITLE_2}\n          color={LabelColors.ONBACKGROUND_1}\n        >\n          {nickname || stringSet.NO_NAME}\n        </Label>\n        <div className=\"sendbird-message-search-file-item__right__content\">\n          <div className=\"sendbird-message-search-file-item__right__content__type-icon\">\n            <Icon\n              type={getIconOfFileType(message)}\n              fillColor={IconColors.PRIMARY}\n              width=\"18px\"\n              height=\"18px\"\n            />\n          </div>\n          <Label\n            className=\"sendbird-message-search-file-item__right__content__url\"\n            type={LabelTypography.BODY_2}\n            color={LabelColors.ONBACKGROUND_1}\n          >\n            {truncate(name || fileMessageUrl, 28)}\n          </Label>\n        </div>\n      </div>\n      <Label\n        className=\"sendbird-message-search-file-item__message-created-at\"\n        type={LabelTypography.CAPTION_3}\n        color={LabelColors.ONBACKGROUND_2}\n      >\n        {getCreatedAt(createdAt, dateLocale)}\n      </Label>\n      <div className=\"sendbird-message-search-file-item__right-footer\" />\n    </div>\n  );\n}\n"],"names":["getCreatedAt","createdAt","locale","optionalParam","isToday","format","isYesterday","formatRelative","Date","getIconOfFileType","message","url","fileMessageUrl","fileExtension","match","test","IconTypes","PHOTO","PLAY","FILE_AUDIO","GIF","FILE_DOCUMENT","truncate","fullText","textLimit","length","separator","sepLen","charsToShow","frontChars","Math","ceil","backChars","floor","substr","MessageSearchFileItem","props","className","selected","onClick","name","sender","_sender","profileUrl","nickname","_a","useLocalization","stringSet","dateLocale","React","__spreadArray","Array","isArray","join","e","stopPropagation","LabelTypography","SUBTITLE_2","LabelColors","ONBACKGROUND_1","NO_NAME","IconColors","PRIMARY","BODY_2","CAPTION_3","ONBACKGROUND_2"],"mappings":"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"}

package/ui/MessageSearchItem.js

@@ -1,18 +1,18 @@
-import { a as __spreadArray } from '../tslib.es6-72a2f141.js';
+import { a as __spreadArray } from '../tslib.es6-cb5d77bf.js';
 import React__default from 'react';
-import { f as format } from '../index-4400a360.js';
-import { i as isToday, a as isYesterday, f as formatRelative } from '../index-952d5f9b.js';
+import { f as format } from '../index-7fa0a721.js';
+import { i as isToday, a as isYesterday, f as formatRelative } from '../index-3699f160.js';
 import Avatar from './Avatar.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-e028fd23.js';
-import { u as useLocalization } from '../LocalizationContext-5b475a64.js';
-import '../index-25496c01.js';
-import '../index-2f85a795.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-6b896cd8.js';
+import { u as useLocalization } from '../LocalizationContext-4cefc770.js';
+import '../index-176e9ad4.js';
+import '../index-598898d3.js';
 import './ImageRenderer.js';
 import './Icon.js';
-import '../_rollupPluginBabelHelpers-b2b008c2.js';
+import '../_rollupPluginBabelHelpers-4527872e.js';
 import 'prop-types';
-import '../uuid-8a4db02f.js';
-import '../stringSet-c4a61372.js';
+import '../uuid-180d497e.js';
+import '../stringSet-dc330bcf.js';
 
 function getCreatedAt (createdAt, locale) {
   var optionalParam = locale ? {

package/ui/MessageSearchItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"MessageSearchItem.js","sources":["../../src/ui/MessageSearchItem/getCreatedAt.ts","../../src/ui/MessageSearchItem/index.tsx"],"sourcesContent":["import type { Locale } from 'date-fns';\nimport format from 'date-fns/format';\nimport formatRelative from 'date-fns/formatRelative';\nimport isToday from 'date-fns/isToday';\nimport isYesterday from 'date-fns/isYesterday';\n\n// getCreatedAt\nexport default function (createdAt: number, locale: Locale): string {\n  const optionalParam = locale ? { locale } : null;\n  if (!createdAt) {\n    return '';\n  }\n  if (isToday(createdAt)) {\n    return format(createdAt, 'p', optionalParam);\n  }\n  if (isYesterday(createdAt)) {\n    return formatRelative(createdAt, new Date(), optionalParam);\n  }\n  return format(createdAt, 'MMM dd', optionalParam);\n}\n","import React from 'react';\nimport './index.scss';\nimport getCreatedAt from './getCreatedAt';\n\nimport Avatar from '../Avatar';\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport { useLocalization } from '../../lib/LocalizationContext';\nimport { UserMessage } from '@sendbird/chat/message';\n\ninterface Props {\n  className?: string | Array<string>;\n  message: UserMessage;\n  selected?: boolean;\n  onClick?: (message: UserMessage) => void;\n}\n\nexport default function MessageSearchItem({\n  className,\n  message,\n  selected,\n  onClick,\n}: Props): JSX.Element {\n  const { createdAt } = message;\n  const messageText = message.message;\n  const sender = message.sender || message._sender;\n  const { profileUrl, nickname } = sender;\n  const { stringSet, dateLocale } = useLocalization();\n\n  return (\n    <div\n      className={[\n        ...(Array.isArray(className) ? className : [className]),\n        'sendbird-message-search-item',\n        selected ? 'sendbird-message-search-item--selected' : '',\n      ].join(' ')}\n      onClick={(e) => {\n        e.stopPropagation();\n        onClick(message);\n      }}\n    >\n      <div className=\"sendbird-message-search-item__left\">\n        <Avatar\n          className=\"sendbird-message-search-item__left__sender-avatar\"\n          src={profileUrl}\n          alt=\"profile image\"\n          width=\"56px\"\n          height=\"56px\"\n        />\n      </div>\n      <div className=\"sendbird-message-search-item__right\">\n        <Label\n          className=\"sendbird-message-search-item__right__sender-name\"\n          type={LabelTypography.SUBTITLE_2}\n          color={LabelColors.ONBACKGROUND_1}\n        >\n          {nickname || stringSet.NO_NAME}\n        </Label>\n        <Label\n          className=\"sendbird-message-search-item__right__message-text\"\n          type={LabelTypography.BODY_2}\n          color={LabelColors.ONBACKGROUND_3}\n        >\n          {messageText}\n        </Label>\n        <Label\n          className=\"sendbird-message-search-item__right__message-created-at\"\n          type={LabelTypography.CAPTION_3}\n          color={LabelColors.ONBACKGROUND_2}\n        >\n          {getCreatedAt(createdAt, dateLocale)}\n        </Label>\n      </div>\n      <div className=\"sendbird-message-search-item__right-footer\" />\n    </div>\n  );\n}\n"],"names":["createdAt","locale","optionalParam","isToday","format","isYesterday","formatRelative","Date","MessageSearchItem","_a","className","message","selected","onClick","messageText","sender","_sender","profileUrl","nickname","_b","useLocalization","stringSet","dateLocale","React","__spreadArray","Array","isArray","join","e","stopPropagation","LabelTypography","SUBTITLE_2","LabelColors","ONBACKGROUND_1","NO_NAME","BODY_2","ONBACKGROUND_3","CAPTION_3","ONBACKGROUND_2","getCreatedAt"],"mappings":";;;;;;;;;;;;;;;;uBAOyBA,WAAmBC;AAC1C,MAAMC,aAAa,GAAGD,MAAM,GAAG;AAAEA,IAAAA,MAAM;AAAR,GAAH,GAAgB,IAA5C;;AACA,MAAI,CAACD,SAAL,EAAgB;AACd,WAAO,EAAP;AACD;;AACD,MAAIG,OAAO,CAACH,SAAD,CAAX,EAAwB;AACtB,WAAOI,MAAM,CAACJ,SAAD,EAAY,GAAZ,EAAiBE,aAAjB,CAAb;AACD;;AACD,MAAIG,WAAW,CAACL,SAAD,CAAf,EAA4B;AAC1B,WAAOM,cAAc,CAACN,SAAD,EAAY,IAAIO,IAAJ,EAAZ,EAAwBL,aAAxB,CAArB;AACD;;AACD,SAAOE,MAAM,CAACJ,SAAD,EAAY,QAAZ,EAAsBE,aAAtB,CAAb;AACD;;SCHuBM,kBAAkBC;MACxCC,SAAS;MACTC,OAAO;MACPC,QAAQ;MACRC,QAAO;AAEC,MAAAb,SAAS,GAAKW,OAAO,UAArB;AACR,MAAMG,WAAW,GAAGH,OAAO,CAACA,OAA5B;AACA,MAAMI,MAAM,GAAGJ,OAAO,CAACI,MAAR,IAAkBJ,OAAO,CAACK,OAAzC;AACQ,MAAAC,UAAU,GAAeF,MAAM,WAA/B;AAAA,MAAYG,QAAQ,GAAKH,MAAM,SAA/B;;AACF,MAAAI,KAA4BC,eAAe,EAA3C;AAAA,MAAEC,SAAS,eAAX;AAAA,MAAaC,UAAU,gBAAvB;;AAEN,sBACEC;AACE,IAAA,SAAS,EAAEC,gCACLC,KAAK,CAACC,OAAN,CAAchB,SAAd,IAA2BA,SAA3B,GAAuC,CAACA,SAAD,WAC3C,gCACAE,QAAQ,GAAG,wCAAH,GAA8C,WAH7C,CAITe,IAJS,CAIJ,GAJI,CADb;AAME,IAAA,OAAO,EAAE,iBAACC,CAAD;AACPA,MAAAA,CAAC,CAACC,eAAF;;AACAhB,MAAAA,QAAO,CAACF,OAAD,CAAP;AACD;AATH,kBAWEY;AAAK,IAAA,SAAS,EAAC;AAAf,kBACEA,6BAAC,MAAD;AACE,IAAA,SAAS,EAAC,mDADZ;AAEE,IAAA,GAAG,EAAEN,UAFP;AAGE,IAAA,GAAG,EAAC,eAHN;AAIE,IAAA,KAAK,EAAC,MAJR;AAKE,IAAA,MAAM,EAAC;AALT,IADF,CAXF,eAoBEM;AAAK,IAAA,SAAS,EAAC;AAAf,kBACEA,6BAAC,KAAD;AACE,IAAA,SAAS,EAAC,kDADZ;AAEE,IAAA,IAAI,EAAEO,eAAe,CAACC,UAFxB;AAGE,IAAA,KAAK,EAAEC,WAAW,CAACC;AAHrB,KAKGf,QAAQ,IAAIG,SAAS,CAACa,OALzB,CADF,eAQEX,6BAAC,KAAD;AACE,IAAA,SAAS,EAAC,mDADZ;AAEE,IAAA,IAAI,EAAEO,eAAe,CAACK,MAFxB;AAGE,IAAA,KAAK,EAAEH,WAAW,CAACI;AAHrB,KAKGtB,WALH,CARF,eAeES,6BAAC,KAAD;AACE,IAAA,SAAS,EAAC,yDADZ;AAEE,IAAA,IAAI,EAAEO,eAAe,CAACO,SAFxB;AAGE,IAAA,KAAK,EAAEL,WAAW,CAACM;AAHrB,KAKGC,YAAY,CAACvC,SAAD,EAAYsB,UAAZ,CALf,CAfF,CApBF,eA2CEC;AAAK,IAAA,SAAS,EAAC;AAAf,IA3CF,CADF;AA+CD;;;;"}
+{"version":3,"file":"MessageSearchItem.js","sources":["../../src/ui/MessageSearchItem/getCreatedAt.ts","../../src/ui/MessageSearchItem/index.tsx"],"sourcesContent":["import type { Locale } from 'date-fns';\nimport format from 'date-fns/format';\nimport formatRelative from 'date-fns/formatRelative';\nimport isToday from 'date-fns/isToday';\nimport isYesterday from 'date-fns/isYesterday';\n\n// getCreatedAt\nexport default function (createdAt: number, locale: Locale): string {\n  const optionalParam = locale ? { locale } : null;\n  if (!createdAt) {\n    return '';\n  }\n  if (isToday(createdAt)) {\n    return format(createdAt, 'p', optionalParam);\n  }\n  if (isYesterday(createdAt)) {\n    return formatRelative(createdAt, new Date(), optionalParam);\n  }\n  return format(createdAt, 'MMM dd', optionalParam);\n}\n","import React from 'react';\nimport './index.scss';\nimport getCreatedAt from './getCreatedAt';\n\nimport Avatar from '../Avatar';\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport { useLocalization } from '../../lib/LocalizationContext';\nimport { UserMessage } from '@sendbird/chat/message';\n\ninterface Props {\n  className?: string | Array<string>;\n  message: UserMessage;\n  selected?: boolean;\n  onClick?: (message: UserMessage) => void;\n}\n\nexport default function MessageSearchItem({\n  className,\n  message,\n  selected,\n  onClick,\n}: Props): JSX.Element {\n  const { createdAt } = message;\n  const messageText = message.message;\n  const sender = message.sender || message._sender;\n  const { profileUrl, nickname } = sender;\n  const { stringSet, dateLocale } = useLocalization();\n\n  return (\n    <div\n      className={[\n        ...(Array.isArray(className) ? className : [className]),\n        'sendbird-message-search-item',\n        selected ? 'sendbird-message-search-item--selected' : '',\n      ].join(' ')}\n      onClick={(e) => {\n        e.stopPropagation();\n        onClick(message);\n      }}\n    >\n      <div className=\"sendbird-message-search-item__left\">\n        <Avatar\n          className=\"sendbird-message-search-item__left__sender-avatar\"\n          src={profileUrl}\n          alt=\"profile image\"\n          width=\"56px\"\n          height=\"56px\"\n        />\n      </div>\n      <div className=\"sendbird-message-search-item__right\">\n        <Label\n          className=\"sendbird-message-search-item__right__sender-name\"\n          type={LabelTypography.SUBTITLE_2}\n          color={LabelColors.ONBACKGROUND_1}\n        >\n          {nickname || stringSet.NO_NAME}\n        </Label>\n        <Label\n          className=\"sendbird-message-search-item__right__message-text\"\n          type={LabelTypography.BODY_2}\n          color={LabelColors.ONBACKGROUND_3}\n        >\n          {messageText}\n        </Label>\n        <Label\n          className=\"sendbird-message-search-item__right__message-created-at\"\n          type={LabelTypography.CAPTION_3}\n          color={LabelColors.ONBACKGROUND_2}\n        >\n          {getCreatedAt(createdAt, dateLocale)}\n        </Label>\n      </div>\n      <div className=\"sendbird-message-search-item__right-footer\" />\n    </div>\n  );\n}\n"],"names":["createdAt","locale","optionalParam","isToday","format","isYesterday","formatRelative","Date","MessageSearchItem","_a","className","message","selected","onClick","messageText","sender","_sender","profileUrl","nickname","_b","useLocalization","stringSet","dateLocale","React","__spreadArray","Array","isArray","join","e","stopPropagation","LabelTypography","SUBTITLE_2","LabelColors","ONBACKGROUND_1","NO_NAME","BODY_2","ONBACKGROUND_3","CAPTION_3","ONBACKGROUND_2","getCreatedAt"],"mappings":";;;;;;;;;;;;;;;;uBAOyBA,WAAmBC;EAC1C,IAAMC,aAAa,GAAGD,MAAM,GAAG;IAAEA,MAAM;GAAX,GAAgB,IAA5C;;EACA,IAAI,CAACD,SAAL,EAAgB;IACd,OAAO,EAAP;;;EAEF,IAAIG,OAAO,CAACH,SAAD,CAAX,EAAwB;IACtB,OAAOI,MAAM,CAACJ,SAAD,EAAY,GAAZ,EAAiBE,aAAjB,CAAb;;;EAEF,IAAIG,WAAW,CAACL,SAAD,CAAf,EAA4B;IAC1B,OAAOM,cAAc,CAACN,SAAD,EAAY,IAAIO,IAAJ,EAAZ,EAAwBL,aAAxB,CAArB;;;EAEF,OAAOE,MAAM,CAACJ,SAAD,EAAY,QAAZ,EAAsBE,aAAtB,CAAb;AACD;;SCHuBM,kBAAkBC;MACxCC,SAAS;MACTC,OAAO;MACPC,QAAQ;MACRC,QAAO;EAEC,IAAAb,SAAS,GAAKW,OAAO,UAArB;EACR,IAAMG,WAAW,GAAGH,OAAO,CAACA,OAA5B;EACA,IAAMI,MAAM,GAAGJ,OAAO,CAACI,MAAR,IAAkBJ,OAAO,CAACK,OAAzC;EACQ,IAAAC,UAAU,GAAeF,MAAM,WAA/B;MAAYG,QAAQ,GAAKH,MAAM,SAA/B;;EACF,IAAAI,KAA4BC,eAAe,EAA3C;MAAEC,SAAS,eAAX;MAAaC,UAAU,gBAAvB;;EAEN,oBACEC;IACE,SAAS,EAAEC,gCACLC,KAAK,CAACC,OAAN,CAAchB,SAAd,IAA2BA,SAA3B,GAAuC,CAACA,SAAD,WAC3C,gCACAE,QAAQ,GAAG,wCAAH,GAA8C,WAH7C,CAITe,IAJS,CAIJ,GAJI,CADb;IAME,OAAO,EAAE,iBAACC,CAAD;MACPA,CAAC,CAACC,eAAF;;MACAhB,QAAO,CAACF,OAAD,CAAP;;kBAGFY;IAAK,SAAS,EAAC;kBACbA,6BAAC,MAAD;IACE,SAAS,EAAC,mDADZ;IAEE,GAAG,EAAEN,UAFP;IAGE,GAAG,EAAC,eAHN;IAIE,KAAK,EAAC,MAJR;IAKE,MAAM,EAAC;IANX,CAXF,eAoBEM;IAAK,SAAS,EAAC;kBACbA,6BAAC,KAAD;IACE,SAAS,EAAC,kDADZ;IAEE,IAAI,EAAEO,eAAe,CAACC,UAFxB;IAGE,KAAK,EAAEC,WAAW,CAACC;KAElBf,QAAQ,IAAIG,SAAS,CAACa,OALzB,CADF,eAQEX,6BAAC,KAAD;IACE,SAAS,EAAC,mDADZ;IAEE,IAAI,EAAEO,eAAe,CAACK,MAFxB;IAGE,KAAK,EAAEH,WAAW,CAACI;KAElBtB,WALH,CARF,eAeES,6BAAC,KAAD;IACE,SAAS,EAAC,yDADZ;IAEE,IAAI,EAAEO,eAAe,CAACO,SAFxB;IAGE,KAAK,EAAEL,WAAW,CAACM;KAElBC,YAAY,CAACvC,SAAD,EAAYsB,UAAZ,CALf,CAfF,CApBF,eA2CEC;IAAK,SAAS,EAAC;IA3CjB,CADF;AA+CD;;;;"}

package/ui/MessageStatus.js

@@ -1,15 +1,15 @@
-import { a as __spreadArray } from '../tslib.es6-72a2f141.js';
+import { a as __spreadArray } from '../tslib.es6-cb5d77bf.js';
 import React__default, { useMemo } from 'react';
-import { f as format } from '../index-4400a360.js';
+import { f as format } from '../index-7fa0a721.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-e028fd23.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-6b896cd8.js';
 import Loader from './Loader.js';
-import { a as getOutgoingMessageStates, h as getOutgoingMessageState, j as isSentStatus } from '../index-24a5ab49.js';
-import { u as useLocalization } from '../LocalizationContext-5b475a64.js';
-import '../index-25496c01.js';
-import '../_rollupPluginBabelHelpers-b2b008c2.js';
+import { a as getOutgoingMessageStates, h as getOutgoingMessageState, j as isSentStatus } from '../index-f59cf800.js';
+import { u as useLocalization } from '../LocalizationContext-4cefc770.js';
+import '../index-176e9ad4.js';
+import '../_rollupPluginBabelHelpers-4527872e.js';
 import 'prop-types';
-import '../stringSet-c4a61372.js';
+import '../stringSet-dc330bcf.js';
 
 var MessageStatusTypes = getOutgoingMessageStates();
 function MessageStatus(_a) {

package/ui/MessageStatus.js.map

@@ -1 +1 @@
-{"version":3,"file":"MessageStatus.js","sources":["../../src/ui/MessageStatus/index.tsx"],"sourcesContent":["import './index.scss';\nimport React, { useMemo } from 'react';\nimport format from 'date-fns/format';\nimport type { FileMessage, UserMessage } from '@sendbird/chat/message';\nimport type { GroupChannel } from '@sendbird/chat/groupChannel';\n\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport Label, { LabelColors, LabelTypography } from '../Label';\nimport Loader from '../Loader';\n\nimport {\n  getOutgoingMessageState,\n  getOutgoingMessageStates,\n  isSentStatus,\n} from '../../utils';\nimport { useLocalization } from '../../lib/LocalizationContext';\n\nexport const MessageStatusTypes = getOutgoingMessageStates();\n\ninterface MessageStatusProps {\n  className?: string;\n  message: UserMessage | FileMessage;\n  channel: GroupChannel;\n}\n\nexport default function MessageStatus({\n  className,\n  message,\n  channel,\n}: MessageStatusProps): React.ReactElement {\n  const { dateLocale } = useLocalization();\n  const status = useMemo(() => (\n    getOutgoingMessageState(channel, message)\n  ), [channel?.getUnreadMemberCount?.(message), channel?.getUndeliveredMemberCount?.(message)]);\n  const hideMessageStatusIcon = channel?.isGroupChannel() && (\n    (channel.isSuper || channel.isPublic || channel.isBroadcast)\n    && !(status === MessageStatusTypes.PENDING || status === MessageStatusTypes.FAILED)\n  );\n  const iconType = {\n    [MessageStatusTypes.SENT]: IconTypes.DONE,\n    [MessageStatusTypes.DELIVERED]: IconTypes.DONE_ALL,\n    [MessageStatusTypes.READ]: IconTypes.DONE_ALL,\n    [MessageStatusTypes.FAILED]: IconTypes.ERROR,\n  };\n  const iconColor = {\n    [MessageStatusTypes.SENT]: IconColors.SENT,\n    [MessageStatusTypes.DELIVERED]: IconColors.SENT,\n    [MessageStatusTypes.READ]: IconColors.READ,\n    [MessageStatusTypes.FAILED]: IconColors.ERROR,\n  };\n\n  return (\n    <div\n      className={[\n        ...(Array.isArray(className) ? className : [className]),\n        'sendbird-message-status',\n      ].join(' ')}\n    >\n      {(status === MessageStatusTypes.PENDING) ? (\n        <Loader\n          className=\"sendbird-message-status__icon\"\n          width=\"16px\"\n          height=\"16px\"\n        >\n          <Icon\n            type={IconTypes.SPINNER}\n            fillColor={IconColors.PRIMARY}\n            width=\"16px\"\n            height=\"16px\"\n          />\n        </Loader>\n      ) : (\n        <Icon\n          className={`sendbird-message-status__icon ${hideMessageStatusIcon ? 'hide-icon' : ''}`}\n          type={iconType[status] || IconTypes.ERROR}\n          fillColor={iconColor[status]}\n          width=\"16px\"\n          height=\"16px\"\n        />\n      )}\n      {isSentStatus(status) && (\n        <Label\n          className=\"sendbird-message-status__text\"\n          type={LabelTypography.CAPTION_3}\n          color={LabelColors.ONBACKGROUND_2}\n        >\n          {format(message?.createdAt || 0, 'p', {\n            locale: dateLocale,\n          })}\n        </Label>\n      )}\n    </div>\n  );\n}\n"],"names":["MessageStatusTypes","getOutgoingMessageStates","MessageStatus","_a","className","message","channel","dateLocale","useLocalization","status","useMemo","getOutgoingMessageState","getUnreadMemberCount","getUndeliveredMemberCount","hideMessageStatusIcon","isGroupChannel","isSuper","isPublic","isBroadcast","PENDING","FAILED","iconType","_b","SENT","IconTypes","DONE","DELIVERED","DONE_ALL","READ","ERROR","iconColor","_c","IconColors","React","__spreadArray","Array","isArray","join","SPINNER","PRIMARY","isSentStatus","LabelTypography","CAPTION_3","LabelColors","ONBACKGROUND_2","format","createdAt","locale"],"mappings":"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"}
+{"version":3,"file":"MessageStatus.js","sources":["../../src/ui/MessageStatus/index.tsx"],"sourcesContent":["import './index.scss';\nimport React, { useMemo } from 'react';\nimport format from 'date-fns/format';\nimport type { FileMessage, UserMessage } from '@sendbird/chat/message';\nimport type { GroupChannel } from '@sendbird/chat/groupChannel';\n\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport Label, { LabelColors, LabelTypography } from '../Label';\nimport Loader from '../Loader';\n\nimport {\n  getOutgoingMessageState,\n  getOutgoingMessageStates,\n  isSentStatus,\n} from '../../utils';\nimport { useLocalization } from '../../lib/LocalizationContext';\n\nexport const MessageStatusTypes = getOutgoingMessageStates();\n\ninterface MessageStatusProps {\n  className?: string;\n  message: UserMessage | FileMessage;\n  channel: GroupChannel;\n}\n\nexport default function MessageStatus({\n  className,\n  message,\n  channel,\n}: MessageStatusProps): React.ReactElement {\n  const { dateLocale } = useLocalization();\n  const status = useMemo(() => (\n    getOutgoingMessageState(channel, message)\n  ), [channel?.getUnreadMemberCount?.(message), channel?.getUndeliveredMemberCount?.(message)]);\n  const hideMessageStatusIcon = channel?.isGroupChannel() && (\n    (channel.isSuper || channel.isPublic || channel.isBroadcast)\n    && !(status === MessageStatusTypes.PENDING || status === MessageStatusTypes.FAILED)\n  );\n  const iconType = {\n    [MessageStatusTypes.SENT]: IconTypes.DONE,\n    [MessageStatusTypes.DELIVERED]: IconTypes.DONE_ALL,\n    [MessageStatusTypes.READ]: IconTypes.DONE_ALL,\n    [MessageStatusTypes.FAILED]: IconTypes.ERROR,\n  };\n  const iconColor = {\n    [MessageStatusTypes.SENT]: IconColors.SENT,\n    [MessageStatusTypes.DELIVERED]: IconColors.SENT,\n    [MessageStatusTypes.READ]: IconColors.READ,\n    [MessageStatusTypes.FAILED]: IconColors.ERROR,\n  };\n\n  return (\n    <div\n      className={[\n        ...(Array.isArray(className) ? className : [className]),\n        'sendbird-message-status',\n      ].join(' ')}\n    >\n      {(status === MessageStatusTypes.PENDING) ? (\n        <Loader\n          className=\"sendbird-message-status__icon\"\n          width=\"16px\"\n          height=\"16px\"\n        >\n          <Icon\n            type={IconTypes.SPINNER}\n            fillColor={IconColors.PRIMARY}\n            width=\"16px\"\n            height=\"16px\"\n          />\n        </Loader>\n      ) : (\n        <Icon\n          className={`sendbird-message-status__icon ${hideMessageStatusIcon ? 'hide-icon' : ''}`}\n          type={iconType[status] || IconTypes.ERROR}\n          fillColor={iconColor[status]}\n          width=\"16px\"\n          height=\"16px\"\n        />\n      )}\n      {isSentStatus(status) && (\n        <Label\n          className=\"sendbird-message-status__text\"\n          type={LabelTypography.CAPTION_3}\n          color={LabelColors.ONBACKGROUND_2}\n        >\n          {format(message?.createdAt || 0, 'p', {\n            locale: dateLocale,\n          })}\n        </Label>\n      )}\n    </div>\n  );\n}\n"],"names":["MessageStatusTypes","getOutgoingMessageStates","MessageStatus","_a","className","message","channel","dateLocale","useLocalization","status","useMemo","getOutgoingMessageState","getUnreadMemberCount","getUndeliveredMemberCount","hideMessageStatusIcon","isGroupChannel","isSuper","isPublic","isBroadcast","PENDING","FAILED","iconType","_b","SENT","IconTypes","DONE","DELIVERED","DONE_ALL","READ","ERROR","iconColor","_c","IconColors","React","__spreadArray","Array","isArray","join","SPINNER","PRIMARY","isSentStatus","LabelTypography","CAPTION_3","LabelColors","ONBACKGROUND_2","format","createdAt","locale"],"mappings":"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"}

package/ui/Modal.js

@@ -1,15 +1,15 @@
 import React__default, { useContext } from 'react';
 import { createPortal } from 'react-dom';
-import { M as MODAL_ROOT } from '../index-1086dd43.js';
-import { a as LocalizationContext } from '../LocalizationContext-5b475a64.js';
-import { a as ButtonTypes, B as Button } from '../index-16e14c17.js';
+import { M as MODAL_ROOT } from '../index-3249f6b5.js';
+import { a as LocalizationContext } from '../LocalizationContext-4cefc770.js';
+import Button, { ButtonTypes } from './Button.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-e028fd23.js';
-import '../stringSet-c4a61372.js';
-import '../index-25496c01.js';
-import '../tslib.es6-72a2f141.js';
-import '../_rollupPluginBabelHelpers-b2b008c2.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-6b896cd8.js';
+import '../stringSet-dc330bcf.js';
+import '../index-176e9ad4.js';
+import '../tslib.es6-cb5d77bf.js';
+import '../_rollupPluginBabelHelpers-4527872e.js';
 import 'prop-types';
 
 var ModalHeader = function ModalHeader(_a) {
@@ -67,12 +67,13 @@ function Modal(props) {
       _e = props.onCancel,
       onCancel = _e === void 0 ? function () {} : _e,
       _f = props.onSubmit,
-      onSubmit = _f === void 0 ? function () {} : _f;
+      onSubmit = _f === void 0 ? function () {} : _f,
+      renderHeader = props.renderHeader;
   return /*#__PURE__*/createPortal( /*#__PURE__*/React__default.createElement("div", {
     className: "sendbird-modal"
   }, /*#__PURE__*/React__default.createElement("div", {
     className: "sendbird-modal__content"
-  }, /*#__PURE__*/React__default.createElement(ModalHeader, {
+  }, (renderHeader === null || renderHeader === void 0 ? void 0 : renderHeader()) || /*#__PURE__*/React__default.createElement(ModalHeader, {
     titleText: titleText
   }), /*#__PURE__*/React__default.createElement(ModalBody, null, children), !hideFooter && /*#__PURE__*/React__default.createElement(ModalFooter, {
     disabled: disabled,

package/ui/Modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.js","sources":["../../src/ui/Modal/index.tsx"],"sourcesContent":["import React, { ReactElement, useContext } from 'react';\nimport { createPortal } from 'react-dom';\n\nimport './index.scss';\n\nimport { MODAL_ROOT } from '../../hooks/useModal/ModalRoot';\nimport { LocalizationContext } from '../../lib/LocalizationContext';\n\nimport Button, { ButtonTypes } from '../Button';\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport IconButton from '../IconButton';\nimport Label, { LabelTypography, LabelColors } from '../Label';\n\nexport interface ModalHeaderProps {\n  titleText: string;\n}\nexport const ModalHeader = ({ titleText }: ModalHeaderProps): ReactElement => (\n  <div className=\"sendbird-modal__header\">\n    <Label type={LabelTypography.H_1} color={LabelColors.ONBACKGROUND_1}>\n      {titleText}\n    </Label>\n  </div>\n);\n\nexport interface ModalBodyProps {\n  children?: ReactElement;\n}\nexport const ModalBody = ({ children }: ModalBodyProps): ReactElement => (\n  <div className=\"sendbird-modal__body\">\n    <Label\n      type={LabelTypography.SUBTITLE_1}\n      color={LabelColors.ONBACKGROUND_2}\n    >\n      {children}\n    </Label>\n  </div>\n);\n\nexport interface ModalFooterProps {\n  submitText: string;\n  disabled?: boolean;\n  type?: string;\n  onCancel: () => void;\n  onSubmit: () => void;\n}\nexport const ModalFooter = ({\n  submitText,\n  disabled = false,\n  type = ButtonTypes.DANGER,\n  onSubmit,\n  onCancel,\n}: ModalFooterProps): ReactElement => {\n  const { stringSet } = useContext(LocalizationContext);\n  return (\n    <div className=\"sendbird-modal__footer\">\n      <Button type={ButtonTypes.SECONDARY} onClick={onCancel}>\n        <Label type={LabelTypography.BUTTON_1} color={LabelColors.ONBACKGROUND_1}>\n          {stringSet.BUTTON__CANCEL}\n        </Label>\n      </Button>\n      <Button type={type} disabled={disabled} onClick={onSubmit}>\n        {submitText}\n      </Button>\n    </div>\n  );\n};\n\nexport interface ModalProps {\n  children: ReactElement;\n  titleText?: string;\n  submitText?: string;\n  disabled?: boolean;\n  hideFooter?: boolean;\n  type?: string;\n  onCancel?: () => void;\n  onSubmit?: () => void;\n}\nexport default function Modal(props: ModalProps): ReactElement {\n  const {\n    children = null,\n    titleText,\n    submitText,\n    disabled = false,\n    hideFooter = false,\n    type = ButtonTypes.DANGER,\n    onCancel = () => {/* noop */},\n    onSubmit = () => {/* noop */},\n  } = props;\n  return createPortal((\n    <div className=\"sendbird-modal\">\n      <div className=\"sendbird-modal__content\">\n        <ModalHeader titleText={titleText} />\n        <ModalBody>{children}</ModalBody>\n        {\n          !hideFooter && (\n            <ModalFooter\n              disabled={disabled}\n              onCancel={onCancel}\n              onSubmit={onSubmit}\n              submitText={submitText}\n              type={type}\n            />\n          )\n        }\n        <div className=\"sendbird-modal__close\">\n          <IconButton\n            width=\"32px\"\n            height=\"32px\"\n            onClick={onCancel}\n          >\n            <Icon\n              type={IconTypes.CLOSE}\n              fillColor={IconColors.DEFAULT}\n              width=\"24px\"\n              height=\"24px\"\n            />\n          </IconButton>\n        </div>\n      </div>\n      <div className=\"sendbird-modal__backdrop\" />\n    </div>\n  ), document.getElementById(MODAL_ROOT));\n}\n"],"names":["ModalHeader","_a","titleText","React","LabelTypography","H_1","LabelColors","ONBACKGROUND_1","ModalBody","children","SUBTITLE_1","ONBACKGROUND_2","ModalFooter","submitText","_b","disabled","_c","type","ButtonTypes","DANGER","onSubmit","onCancel","stringSet","useContext","LocalizationContext","SECONDARY","BUTTON_1","BUTTON__CANCEL","Modal","props","hideFooter","_d","_e","_f","createPortal","IconTypes","CLOSE","IconColors","DEFAULT","document","getElementById","MODAL_ROOT"],"mappings":"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"}
+{"version":3,"file":"Modal.js","sources":["../../src/ui/Modal/index.tsx"],"sourcesContent":["import React, { ReactElement, useContext } from 'react';\nimport { createPortal } from 'react-dom';\n\nimport './index.scss';\n\nimport { MODAL_ROOT } from '../../hooks/useModal/ModalRoot';\nimport { LocalizationContext } from '../../lib/LocalizationContext';\n\nimport Button, { ButtonTypes } from '../Button';\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport IconButton from '../IconButton';\nimport Label, { LabelTypography, LabelColors } from '../Label';\n\nexport interface ModalHeaderProps {\n  titleText: string;\n}\nexport const ModalHeader = ({ titleText }: ModalHeaderProps): ReactElement => (\n  <div className=\"sendbird-modal__header\">\n    <Label type={LabelTypography.H_1} color={LabelColors.ONBACKGROUND_1}>\n      {titleText}\n    </Label>\n  </div>\n);\n\nexport interface ModalBodyProps {\n  children?: ReactElement;\n}\nexport const ModalBody = ({ children }: ModalBodyProps): ReactElement => (\n  <div className=\"sendbird-modal__body\">\n    <Label\n      type={LabelTypography.SUBTITLE_1}\n      color={LabelColors.ONBACKGROUND_2}\n    >\n      {children}\n    </Label>\n  </div>\n);\n\nexport interface ModalFooterProps {\n  submitText: string;\n  disabled?: boolean;\n  type?: ButtonTypes;\n  onCancel: () => void;\n  onSubmit: (e: SubmitEvent) => void;\n}\nexport const ModalFooter = ({\n  submitText,\n  disabled = false,\n  type = ButtonTypes.DANGER,\n  onSubmit,\n  onCancel,\n}: ModalFooterProps): ReactElement => {\n  const { stringSet } = useContext(LocalizationContext);\n  return (\n    <div className=\"sendbird-modal__footer\">\n      <Button type={ButtonTypes.SECONDARY} onClick={onCancel}>\n        <Label type={LabelTypography.BUTTON_1} color={LabelColors.ONBACKGROUND_1}>\n          {stringSet.BUTTON__CANCEL}\n        </Label>\n      </Button>\n      <Button type={type} disabled={disabled} onClick={onSubmit}>\n        {submitText}\n      </Button>\n    </div>\n  );\n};\n\nexport interface ModalProps {\n  children: ReactElement;\n  titleText?: string;\n  submitText?: string;\n  disabled?: boolean;\n  hideFooter?: boolean;\n  type?: ButtonTypes;\n  onCancel?: () => void;\n  onSubmit?: (e: SubmitEvent) => void;\n  renderHeader?: () => ReactElement;\n}\nexport default function Modal(props: ModalProps): ReactElement {\n  const {\n    children = null,\n    titleText,\n    submitText,\n    disabled = false,\n    hideFooter = false,\n    type = ButtonTypes.DANGER,\n    onCancel = () => {/* noop */ },\n    onSubmit = () => {/* noop */ },\n    renderHeader,\n  } = props;\n  return createPortal((\n    <div className=\"sendbird-modal\">\n      <div className=\"sendbird-modal__content\">\n        {renderHeader?.() || (\n          <ModalHeader titleText={titleText} />\n        )}\n        <ModalBody>{children}</ModalBody>\n        {\n          !hideFooter && (\n            <ModalFooter\n              disabled={disabled}\n              onCancel={onCancel}\n              onSubmit={onSubmit}\n              submitText={submitText}\n              type={type}\n            />\n          )\n        }\n        <div className=\"sendbird-modal__close\">\n          <IconButton\n            width=\"32px\"\n            height=\"32px\"\n            onClick={onCancel}\n          >\n            <Icon\n              type={IconTypes.CLOSE}\n              fillColor={IconColors.DEFAULT}\n              width=\"24px\"\n              height=\"24px\"\n            />\n          </IconButton>\n        </div>\n      </div>\n      <div className=\"sendbird-modal__backdrop\" />\n    </div>\n  ), document.getElementById(MODAL_ROOT));\n}\n"],"names":["ModalHeader","_a","titleText","React","LabelTypography","H_1","LabelColors","ONBACKGROUND_1","ModalBody","children","SUBTITLE_1","ONBACKGROUND_2","ModalFooter","submitText","_b","disabled","_c","type","ButtonTypes","DANGER","onSubmit","onCancel","stringSet","useContext","LocalizationContext","SECONDARY","BUTTON_1","BUTTON__CANCEL","Modal","props","hideFooter","_d","_e","_f","renderHeader","createPortal","IconTypes","CLOSE","IconColors","DEFAULT","document","getElementById","MODAL_ROOT"],"mappings":";;;;;;;;;;;;;;IAgBaA,WAAW,GAAG,SAAdA,WAAc,CAACC,EAAD;MAAGC,SAAS;EAAuC,oBAC5EC;IAAK,SAAS,EAAC;kBACbA,6BAAC,KAAD;IAAO,IAAI,EAAEC,eAAe,CAACC,GAA7B;IAAkC,KAAK,EAAEC,WAAW,CAACC;KAClDL,SADH,CADF,CAD4E;AAM7E;IAKYM,SAAS,GAAG,SAAZA,SAAY,CAACP,EAAD;MAAGQ,QAAQ;EAAqC,oBACvEN;IAAK,SAAS,EAAC;kBACbA,6BAAC,KAAD;IACE,IAAI,EAAEC,eAAe,CAACM,UADxB;IAEE,KAAK,EAAEJ,WAAW,CAACK;KAElBF,QAJH,CADF,CADuE;AASxE;IASYG,WAAW,GAAG,SAAdA,WAAc,CAACX,EAAD;MACzBY,UAAU;MACVC;MAAAC,QAAQ,mBAAG;MACXC;MAAAC,IAAI,mBAAGC,WAAW,CAACC;MACnBC,QAAQ;MACRC,QAAQ;EAEA,IAAAC,SAAS,GAAKC,UAAU,CAACC,mBAAD,CAAV,UAAd;EACR,oBACErB;IAAK,SAAS,EAAC;kBACbA,6BAAC,MAAD;IAAQ,IAAI,EAAEe,WAAW,CAACO,SAA1B;IAAqC,OAAO,EAAEJ;kBAC5ClB,6BAAC,KAAD;IAAO,IAAI,EAAEC,eAAe,CAACsB,QAA7B;IAAuC,KAAK,EAAEpB,WAAW,CAACC;KACvDe,SAAS,CAACK,cADb,CADF,CADF,eAMExB,6BAAC,MAAD;IAAQ,IAAI,EAAEc,IAAd;IAAoB,QAAQ,EAAEF,QAA9B;IAAwC,OAAO,EAAEK;KAC9CP,UADH,CANF,CADF;AAYD;SAauBe,MAAMC;EAE1B,IAAA5B,KASE4B,KAAK,SATP;MAAApB,QAAQ,mBAAG,SAAX;MACAP,SAAS,GAQP2B,KAAK,UATP;MAEAhB,UAAU,GAORgB,KAAK,WATP;MAGAf,KAMEe,KAAK,SATP;MAGAd,QAAQ,mBAAG,UAHX;MAIAC,KAKEa,KAAK,WATP;MAIAC,UAAU,mBAAG,UAJb;MAKAC,KAIEF,KAAK,KATP;MAKAZ,IAAI,mBAAGC,WAAW,CAACC,WALnB;MAMAa,KAGEH,KAAK,SATP;MAMAR,QAAQ,mBAAG,mBANX;MAOAY,KAEEJ,KAAK,SATP;MAOAT,QAAQ,mBAAG,mBAPX;MAQAc,YAAY,GACVL,KAAK,aATP;EAUF,oBAAOM,YAAY,eACjBhC;IAAK,SAAS,EAAC;kBACbA;IAAK,SAAS,EAAC;KACZ,CAAA+B,YAAY,SAAZ,IAAAA,YAAY,WAAZ,SAAA,GAAAA,YAAY,EAAZ,kBACC/B,6BAAC,WAAD;IAAa,SAAS,EAAED;IAF5B,eAIEC,6BAAC,SAAD,QAAYM,QAAZ,CAJF,EAMI,CAACqB,UAAD,iBACE3B,6BAAC,WAAD;IACE,QAAQ,EAAEY,QADZ;IAEE,QAAQ,EAAEM,QAFZ;IAGE,QAAQ,EAAED,QAHZ;IAIE,UAAU,EAAEP,UAJd;IAKE,IAAI,EAAEI;IAZd,eAgBEd;IAAK,SAAS,EAAC;kBACbA,6BAAC,UAAD;IACE,KAAK,EAAC,MADR;IAEE,MAAM,EAAC,MAFT;IAGE,OAAO,EAAEkB;kBAETlB,6BAAC,IAAD;IACE,IAAI,EAAEiC,SAAS,CAACC,KADlB;IAEE,SAAS,EAAEC,UAAU,CAACC,OAFxB;IAGE,KAAK,EAAC,MAHR;IAIE,MAAM,EAAC;IATX,CADF,CAhBF,CADF,eAgCEpC;IAAK,SAAS,EAAC;IAhCjB,CADiB,EAmChBqC,QAAQ,CAACC,cAAT,CAAwBC,UAAxB,CAnCgB,CAAnB;AAoCD;;;;"}

package/ui/MutedAvatarOverlay.js

@@ -1,6 +1,6 @@
 import React__default from 'react';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import '../_rollupPluginBabelHelpers-b2b008c2.js';
+import '../_rollupPluginBabelHelpers-4527872e.js';
 import 'prop-types';
 
 function MutedAvatarOverlay(props) {

package/ui/MutedAvatarOverlay.js.map

@@ -1 +1 @@
-{"version":3,"file":"MutedAvatarOverlay.js","sources":["../../src/ui/Avatar/MutedAvatarOverlay.tsx"],"sourcesContent":["import './muted-avatar-overlay.scss';\n\nimport React, { ReactElement } from 'react'\nimport Icon, { IconTypes, IconColors } from '../Icon';\n\ninterface Props {\n  height?: number;\n  width?: number;\n}\n\nexport default function MutedAvatarOverlay(props: Props): ReactElement {\n  const { height = 24, width = 24 } = props;\n  return (\n    <div\n      className=\"sendbird-muted-avatar\"\n      style={{\n        height: `${height}px`,\n        width: `${width}px`,\n      }}\n    >\n      <div className=\"sendbird-muted-avatar__icon\">\n        <div\n          className=\"sendbird-muted-avatar__bg\"\n          style={{\n            height: `${height}px`,\n            width: `${width}px`,\n          }}\n        />\n        <Icon\n          type={IconTypes.MUTE}\n          fillColor={IconColors.WHITE}\n          width={`${height - 8}px`}\n          height={`${width - 8}px`}\n        />\n      </div>\n    </div>\n  );\n}\n"],"names":["MutedAvatarOverlay","props","_a","height","_b","width","React","IconTypes","MUTE","IconColors","WHITE"],"mappings":";;;;;SAUwBA,mBAAmBC;AACjC,MAAAC,KAA4BD,KAAK,OAAjC;AAAA,MAAAE,MAAM,mBAAG,OAAT;AAAA,MAAaC,KAAeH,KAAK,MAAjC;AAAA,MAAaI,KAAK,mBAAG,OAArB;AACR,sBACEC;AACE,IAAA,SAAS,EAAC,uBADZ;AAEE,IAAA,KAAK,EAAE;AACLH,MAAAA,MAAM,EAAE,SAAA,CAAGA,MAAH,MAAA,CADH;AAELE,MAAAA,KAAK,EAAE,SAAA,CAAGA,KAAH,MAAA;AAFF;AAFT,kBAOEC;AAAK,IAAA,SAAS,EAAC;AAAf,kBACEA;AACE,IAAA,SAAS,EAAC,2BADZ;AAEE,IAAA,KAAK,EAAE;AACLH,MAAAA,MAAM,EAAE,SAAA,CAAGA,MAAH,MAAA,CADH;AAELE,MAAAA,KAAK,EAAE,SAAA,CAAGA,KAAH,MAAA;AAFF;AAFT,IADF,eAQEC,6BAAC,IAAD;AACE,IAAA,IAAI,EAAEC,SAAS,CAACC,IADlB;AAEE,IAAA,SAAS,EAAEC,UAAU,CAACC,KAFxB;AAGE,IAAA,KAAK,EAAE,SAAA,CAAGP,MAAM,GAAG,CAAZ,MAAA,CAHT;AAIE,IAAA,MAAM,EAAE,SAAA,CAAGE,KAAK,GAAG,CAAX,MAAA;AAJV,IARF,CAPF,CADF;AAyBD;;;;"}
+{"version":3,"file":"MutedAvatarOverlay.js","sources":["../../src/ui/Avatar/MutedAvatarOverlay.tsx"],"sourcesContent":["import './muted-avatar-overlay.scss';\n\nimport React, { ReactElement } from 'react'\nimport Icon, { IconTypes, IconColors } from '../Icon';\n\ninterface Props {\n  height?: number;\n  width?: number;\n}\n\nexport default function MutedAvatarOverlay(props: Props): ReactElement {\n  const { height = 24, width = 24 } = props;\n  return (\n    <div\n      className=\"sendbird-muted-avatar\"\n      style={{\n        height: `${height}px`,\n        width: `${width}px`,\n      }}\n    >\n      <div className=\"sendbird-muted-avatar__icon\">\n        <div\n          className=\"sendbird-muted-avatar__bg\"\n          style={{\n            height: `${height}px`,\n            width: `${width}px`,\n          }}\n        />\n        <Icon\n          type={IconTypes.MUTE}\n          fillColor={IconColors.WHITE}\n          width={`${height - 8}px`}\n          height={`${width - 8}px`}\n        />\n      </div>\n    </div>\n  );\n}\n"],"names":["MutedAvatarOverlay","props","_a","height","_b","width","React","IconTypes","MUTE","IconColors","WHITE"],"mappings":";;;;;SAUwBA,mBAAmBC;EACjC,IAAAC,KAA4BD,KAAK,OAAjC;MAAAE,MAAM,mBAAG,OAAT;MAAaC,KAAeH,KAAK,MAAjC;MAAaI,KAAK,mBAAG,OAArB;EACR,oBACEC;IACE,SAAS,EAAC,uBADZ;IAEE,KAAK,EAAE;MACLH,MAAM,EAAE,SAAA,CAAGA,MAAH,MAAA,CADH;MAELE,KAAK,EAAE,SAAA,CAAGA,KAAH,MAAA;;kBAGTC;IAAK,SAAS,EAAC;kBACbA;IACE,SAAS,EAAC,2BADZ;IAEE,KAAK,EAAE;MACLH,MAAM,EAAE,SAAA,CAAGA,MAAH,MAAA,CADH;MAELE,KAAK,EAAE,SAAA,CAAGA,KAAH,MAAA;;IALb,eAQEC,6BAAC,IAAD;IACE,IAAI,EAAEC,SAAS,CAACC,IADlB;IAEE,SAAS,EAAEC,UAAU,CAACC,KAFxB;IAGE,KAAK,EAAE,SAAA,CAAGP,MAAM,GAAG,CAAZ,MAAA,CAHT;IAIE,MAAM,EAAE,SAAA,CAAGE,KAAK,GAAG,CAAX,MAAA;IAZZ,CAPF,CADF;AAyBD;;;;"}

package/ui/OGMessageItemBody.js

@@ -2,27 +2,27 @@ import React__default, { useContext } from 'react';
 import Word from './Word.js';
 import ImageRenderer from './ImageRenderer.js';
 import Icon, { IconTypes } from './Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-e028fd23.js';
-import { u as uuidv4 } from '../uuid-8a4db02f.js';
-import { k as getClassName, e as isEditedMessage } from '../index-24a5ab49.js';
-import { a as LocalizationContext } from '../LocalizationContext-5b475a64.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-6b896cd8.js';
+import { u as uuidv4 } from '../uuid-180d497e.js';
+import { k as getClassName, e as isEditedMessage } from '../index-f59cf800.js';
+import { a as LocalizationContext } from '../LocalizationContext-4cefc770.js';
 import './LinkLabel.js';
-import '../_rollupPluginBabelHelpers-b2b008c2.js';
+import '../_rollupPluginBabelHelpers-4527872e.js';
 import 'prop-types';
 import './MentionLabel.js';
 import './ContextMenu.js';
-import '../tslib.es6-72a2f141.js';
+import '../tslib.es6-cb5d77bf.js';
 import 'react-dom';
 import './SortByRow.js';
-import '../stringSet-c4a61372.js';
+import '../stringSet-dc330bcf.js';
 import './UserProfile.js';
 import '../withSendbird.js';
 import '../sendbirdSelectors.js';
-import '../topics-851d221c.js';
-import '../utils-2c4d166e.js';
+import '../topics-c5198349.js';
+import '../utils-629876b9.js';
 import './Avatar.js';
-import '../index-16e14c17.js';
-import '../index-25496c01.js';
+import './Button.js';
+import '../index-176e9ad4.js';
 import '../useSendbirdStateContext.js';
 
 function OGMessageItemBody(_a) {

package/ui/OGMessageItemBody.js.map

@@ -1 +1 @@
-{"version":3,"file":"OGMessageItemBody.js","sources":["../../src/ui/OGMessageItemBody/index.tsx"],"sourcesContent":["import './index.scss';\nimport React, { ReactElement, useContext } from 'react';\nimport type { UserMessage } from '@sendbird/chat/message';\n\nimport Word from '../Word';\nimport ImageRenderer from '../ImageRenderer';\nimport Icon, { IconTypes } from '../Icon';\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport uuidv4 from '../../utils/uuid';\nimport { getClassName, isEditedMessage } from '../../utils';\nimport { LocalizationContext } from '../../lib/LocalizationContext';\n\ninterface Props {\n  className?: string | Array<string>;\n  message: UserMessage;\n  isByMe?: boolean;\n  mouseHover?: boolean;\n  isMentionEnabled?: boolean;\n  isReactionEnabled?: boolean;\n}\n\nexport default function OGMessageItemBody({\n  className,\n  message,\n  isByMe = false,\n  mouseHover = false,\n  isMentionEnabled = false,\n  isReactionEnabled = false,\n}: Props): ReactElement {\n  const { stringSet } = useContext(LocalizationContext);\n  const openOGUrl = (): void => {\n    if (message?.ogMetaData?.url) window.open(message?.ogMetaData?.url);\n  };\n  const isMessageMentioned = isMentionEnabled && message?.mentionedMessageTemplate?.length > 0 && message?.mentionedUsers?.length > 0;\n  return (\n    <div className={getClassName([\n      className,\n      'sendbird-og-message-item-body',\n      isByMe ? 'outgoing' : 'incoming',\n      mouseHover ? 'mouse-hover' : '',\n      (isReactionEnabled && message?.reactions?.length > 0) ? 'reactions' : '',\n    ])}>\n      <Label\n        key={uuidv4()}\n        type={LabelTypography.BODY_1}\n        color={isByMe ? LabelColors.ONCONTENT_1 : LabelColors.ONBACKGROUND_1}\n      >\n        <div className=\"sendbird-og-message-item-body__text-bubble\">\n          {\n            isMessageMentioned\n              ? (\n                message?.mentionedMessageTemplate.split(' ').map((word: string) => (\n                  <Word\n                    key={uuidv4()}\n                    word={word}\n                    message={message}\n                    isByMe={isByMe}\n                  />\n                ))\n              )\n              : (\n                message?.message.split(' ').map((word: string) => (\n                  <Word\n                    key={uuidv4()}\n                    word={word}\n                    message={message}\n                    isByMe={isByMe}\n                  />\n                ))\n              )\n          }\n          {\n            isEditedMessage(message) && (\n              <Label\n                className=\"sendbird-og-message-item-body__text-bubble__message\"\n                type={LabelTypography.BODY_1}\n                color={isByMe ? LabelColors.ONCONTENT_2 : LabelColors.ONBACKGROUND_2}\n              >\n                {` ${stringSet.MESSAGE_EDITED} `}\n              </Label>\n            )\n          }\n        </div>\n      </Label>\n      <div\n        className=\"sendbird-og-message-item-body__og-thumbnail\"\n        onClick={openOGUrl}\n      >\n        <ImageRenderer\n          className=\"sendbird-og-message-item-body__og-thumbnail__image\"\n          url={message?.ogMetaData?.defaultImage?.url || ''}\n          alt={message?.ogMetaData?.defaultImage?.alt}\n          // TODO: Change fixing width and height lengths\n          width=\"320px\"\n          height=\"180px\"\n          defaultComponent={(\n            <div className=\"sendbird-og-message-item-body__og-thumbnail__place-holder\">\n              <Icon\n                className=\"sendbird-og-message-item-body__og-thumbnail__place-holder__icon\"\n                type={IconTypes.THUMBNAIL_NONE}\n                width=\"56px\"\n                height=\"56px\"\n              />\n            </div>\n          )}\n        />\n      </div>\n      <div\n        className=\"sendbird-og-message-item-body__description\"\n        onClick={openOGUrl}\n      >\n        {message?.ogMetaData?.title && (\n          <Label\n            className=\"sendbird-og-message-item-body__description__title\"\n            type={LabelTypography.SUBTITLE_2}\n            color={LabelColors.ONBACKGROUND_1}\n          >\n            {message.ogMetaData.title}\n          </Label>\n        )}\n        {message?.ogMetaData?.description && (\n          <Label\n            className=\"sendbird-og-message-item-body__description__description\"\n            type={LabelTypography.BODY_2}\n            color={LabelColors.ONBACKGROUND_1}\n          >\n            {message.ogMetaData.description}\n          </Label>\n        )}\n        {message?.ogMetaData?.url && (\n          <Label\n            className=\"sendbird-og-message-item-body__description__url\"\n            type={LabelTypography.CAPTION_3}\n            color={LabelColors.ONBACKGROUND_2}\n          >\n            {message.ogMetaData.url}\n          </Label>\n        )}\n      </div>\n      <div className=\"sendbird-og-message-item-body__cover\" />\n    </div>\n  );\n}\n"],"names":["OGMessageItemBody","_a","className","message","_m","isByMe","_o","mouseHover","_p","isMentionEnabled","_q","isReactionEnabled","stringSet","useContext","LocalizationContext","openOGUrl","ogMetaData","url","window","open","isMessageMentioned","mentionedMessageTemplate","length","mentionedUsers","React","getClassName","reactions","uuidv4","LabelTypography","BODY_1","LabelColors","ONCONTENT_1","ONBACKGROUND_1","split","map","word","isEditedMessage","ONCONTENT_2","ONBACKGROUND_2","MESSAGE_EDITED","defaultImage","alt","IconTypes","THUMBNAIL_NONE","title","SUBTITLE_2","description","BODY_2","CAPTION_3"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;SAqBwBA,kBAAkBC;;;MACxCC,SAAS;MACTC,OAAO;MACPC;MAAAC,MAAM,mBAAG;MACTC;MAAAC,UAAU,mBAAG;MACbC;MAAAC,gBAAgB,mBAAG;MACnBC;MAAAC,iBAAiB,mBAAG;AAEZ,MAAAC,SAAS,GAAKC,UAAU,CAACC,mBAAD,CAAV,UAAd;;AACR,MAAMC,SAAS,GAAG,SAAZA,SAAY;;;AAChB,QAAI,MAAAZ,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEa,UAAT,UAAA,iBAAA,SAAA,MAAqBC,GAAzB,EAA8BC,MAAM,CAACC,IAAP,CAAY,MAAAhB,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEa,UAAT,UAAA,iBAAA,SAAA,MAAqBC,GAAjC;AAC/B,GAFD;;AAGA,MAAMG,kBAAkB,GAAGX,gBAAgB,IAAI,CAAA,MAAAN,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEkB,wBAAT,UAAA,iBAAA,SAAA,MAAmCC,MAAnC,IAA4C,CAAhE,IAAqE,CAAA,MAAAnB,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEoB,cAAT,UAAA,iBAAA,SAAA,MAAyBD,MAAzB,IAAkC,CAAlI;AACA,sBACEE;AAAK,IAAA,SAAS,EAAEC,YAAY,CAAC,CAC3BvB,SAD2B,EAE3B,+BAF2B,EAG3BG,MAAM,GAAG,UAAH,GAAgB,UAHK,EAI3BE,UAAU,GAAG,aAAH,GAAmB,EAJF,EAK1BI,iBAAiB,IAAI,CAAA,MAAAR,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEuB,SAAT,UAAA,iBAAA,SAAA,MAAoBJ,MAApB,IAA6B,CAAnD,GAAwD,WAAxD,GAAsE,EAL3C,CAAD;AAA5B,kBAOEE,6BAAC,KAAD;AACE,IAAA,GAAG,EAAEG,MAAM,EADb;AAEE,IAAA,IAAI,EAAEC,eAAe,CAACC,MAFxB;AAGE,IAAA,KAAK,EAAExB,MAAM,GAAGyB,WAAW,CAACC,WAAf,GAA6BD,WAAW,CAACE;AAHxD,kBAKER;AAAK,IAAA,SAAS,EAAC;AAAf,KAEIJ,kBAAkB,GAEdjB,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEkB,wBAAT,CAAkCY,KAAlC,CAAwC,GAAxC,EAA6CC,GAA7C,CAAiD,UAACC,IAAD;AAAkB,wBACjEX,6BAAC,IAAD;AACE,MAAA,GAAG,EAAEG,MAAM,EADb;AAEE,MAAA,IAAI,EAAEQ,IAFR;AAGE,MAAA,OAAO,EAAEhC,OAHX;AAIE,MAAA,MAAM,EAAEE;AAJV,MADiE;AAOlE,GAPD,CAFc,GAYdF,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEA,OAAT,CAAiB8B,KAAjB,CAAuB,GAAvB,EAA4BC,GAA5B,CAAgC,UAACC,IAAD;AAAkB,wBAChDX,6BAAC,IAAD;AACE,MAAA,GAAG,EAAEG,MAAM,EADb;AAEE,MAAA,IAAI,EAAEQ,IAFR;AAGE,MAAA,OAAO,EAAEhC,OAHX;AAIE,MAAA,MAAM,EAAEE;AAJV,MADgD;AAOjD,GAPD,CAdR,EAyBI+B,eAAe,CAACjC,OAAD,CAAf,iBACEqB,6BAAC,KAAD;AACE,IAAA,SAAS,EAAC,qDADZ;AAEE,IAAA,IAAI,EAAEI,eAAe,CAACC,MAFxB;AAGE,IAAA,KAAK,EAAExB,MAAM,GAAGyB,WAAW,CAACO,WAAf,GAA6BP,WAAW,CAACQ;AAHxD,KAKG,UAAA,CAAI1B,SAAS,CAAC2B,cAAd,KAAA,CALH,CA1BN,CALF,CAPF,eAiDEf;AACE,IAAA,SAAS,EAAC,6CADZ;AAEE,IAAA,OAAO,EAAET;AAFX,kBAIES,6BAAC,aAAD;AACE,IAAA,SAAS,EAAC,oDADZ;AAEE,IAAA,GAAG,EAAE,CAAA,MAAA,MAAArB,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEa,UAAT,UAAA,iBAAA,SAAA,MAAqBwB,YAArB,UAAA,iBAAA,SAAA,MAAmCvB,GAAnC,KAA0C,EAFjD;AAGE,IAAA,GAAG,EAAE,MAAA,MAAAd,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEa,UAAT,UAAA,iBAAA,SAAA,MAAqBwB,YAArB,UAAA,iBAAA,SAAA,MAAmCC,GAH1C;AAAA;AAKE,IAAA,KAAK,EAAC,OALR;AAME,IAAA,MAAM,EAAC,OANT;AAOE,IAAA,gBAAgB,eACdjB;AAAK,MAAA,SAAS,EAAC;AAAf,oBACEA,6BAAC,IAAD;AACE,MAAA,SAAS,EAAC,iEADZ;AAEE,MAAA,IAAI,EAAEkB,SAAS,CAACC,cAFlB;AAGE,MAAA,KAAK,EAAC,MAHR;AAIE,MAAA,MAAM,EAAC;AAJT,MADF;AARJ,IAJF,CAjDF,eAwEEnB;AACE,IAAA,SAAS,EAAC,4CADZ;AAEE,IAAA,OAAO,EAAET;AAFX,KAIG,CAAA,MAAAZ,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEa,UAAT,UAAA,iBAAA,SAAA,MAAqB4B,KAArB,kBACCpB,6BAAC,KAAD;AACE,IAAA,SAAS,EAAC,mDADZ;AAEE,IAAA,IAAI,EAAEI,eAAe,CAACiB,UAFxB;AAGE,IAAA,KAAK,EAAEf,WAAW,CAACE;AAHrB,KAKG7B,OAAO,CAACa,UAAR,CAAmB4B,KALtB,CALJ,EAaG,CAAA,MAAAzC,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEa,UAAT,UAAA,iBAAA,SAAA,MAAqB8B,WAArB,kBACCtB,6BAAC,KAAD;AACE,IAAA,SAAS,EAAC,yDADZ;AAEE,IAAA,IAAI,EAAEI,eAAe,CAACmB,MAFxB;AAGE,IAAA,KAAK,EAAEjB,WAAW,CAACE;AAHrB,KAKG7B,OAAO,CAACa,UAAR,CAAmB8B,WALtB,CAdJ,EAsBG,CAAA,MAAA3C,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEa,UAAT,UAAA,iBAAA,SAAA,MAAqBC,GAArB,kBACCO,6BAAC,KAAD;AACE,IAAA,SAAS,EAAC,iDADZ;AAEE,IAAA,IAAI,EAAEI,eAAe,CAACoB,SAFxB;AAGE,IAAA,KAAK,EAAElB,WAAW,CAACQ;AAHrB,KAKGnC,OAAO,CAACa,UAAR,CAAmBC,GALtB,CAvBJ,CAxEF,eAwGEO;AAAK,IAAA,SAAS,EAAC;AAAf,IAxGF,CADF;AA4GD;;;;"}
+{"version":3,"file":"OGMessageItemBody.js","sources":["../../src/ui/OGMessageItemBody/index.tsx"],"sourcesContent":["import './index.scss';\nimport React, { ReactElement, useContext } from 'react';\nimport type { UserMessage } from '@sendbird/chat/message';\n\nimport Word from '../Word';\nimport ImageRenderer from '../ImageRenderer';\nimport Icon, { IconTypes } from '../Icon';\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport uuidv4 from '../../utils/uuid';\nimport { getClassName, isEditedMessage } from '../../utils';\nimport { LocalizationContext } from '../../lib/LocalizationContext';\n\ninterface Props {\n  className?: string | Array<string>;\n  message: UserMessage;\n  isByMe?: boolean;\n  mouseHover?: boolean;\n  isMentionEnabled?: boolean;\n  isReactionEnabled?: boolean;\n}\n\nexport default function OGMessageItemBody({\n  className,\n  message,\n  isByMe = false,\n  mouseHover = false,\n  isMentionEnabled = false,\n  isReactionEnabled = false,\n}: Props): ReactElement {\n  const { stringSet } = useContext(LocalizationContext);\n  const openOGUrl = (): void => {\n    if (message?.ogMetaData?.url) window.open(message?.ogMetaData?.url);\n  };\n  const isMessageMentioned = isMentionEnabled && message?.mentionedMessageTemplate?.length > 0 && message?.mentionedUsers?.length > 0;\n  return (\n    <div className={getClassName([\n      className,\n      'sendbird-og-message-item-body',\n      isByMe ? 'outgoing' : 'incoming',\n      mouseHover ? 'mouse-hover' : '',\n      (isReactionEnabled && message?.reactions?.length > 0) ? 'reactions' : '',\n    ])}>\n      <Label\n        key={uuidv4()}\n        type={LabelTypography.BODY_1}\n        color={isByMe ? LabelColors.ONCONTENT_1 : LabelColors.ONBACKGROUND_1}\n      >\n        <div className=\"sendbird-og-message-item-body__text-bubble\">\n          {\n            isMessageMentioned\n              ? (\n                message?.mentionedMessageTemplate.split(' ').map((word: string) => (\n                  <Word\n                    key={uuidv4()}\n                    word={word}\n                    message={message}\n                    isByMe={isByMe}\n                  />\n                ))\n              )\n              : (\n                message?.message.split(' ').map((word: string) => (\n                  <Word\n                    key={uuidv4()}\n                    word={word}\n                    message={message}\n                    isByMe={isByMe}\n                  />\n                ))\n              )\n          }\n          {\n            isEditedMessage(message) && (\n              <Label\n                className=\"sendbird-og-message-item-body__text-bubble__message\"\n                type={LabelTypography.BODY_1}\n                color={isByMe ? LabelColors.ONCONTENT_2 : LabelColors.ONBACKGROUND_2}\n              >\n                {` ${stringSet.MESSAGE_EDITED} `}\n              </Label>\n            )\n          }\n        </div>\n      </Label>\n      <div\n        className=\"sendbird-og-message-item-body__og-thumbnail\"\n        onClick={openOGUrl}\n      >\n        <ImageRenderer\n          className=\"sendbird-og-message-item-body__og-thumbnail__image\"\n          url={message?.ogMetaData?.defaultImage?.url || ''}\n          alt={message?.ogMetaData?.defaultImage?.alt}\n          // TODO: Change fixing width and height lengths\n          width=\"320px\"\n          height=\"180px\"\n          defaultComponent={(\n            <div className=\"sendbird-og-message-item-body__og-thumbnail__place-holder\">\n              <Icon\n                className=\"sendbird-og-message-item-body__og-thumbnail__place-holder__icon\"\n                type={IconTypes.THUMBNAIL_NONE}\n                width=\"56px\"\n                height=\"56px\"\n              />\n            </div>\n          )}\n        />\n      </div>\n      <div\n        className=\"sendbird-og-message-item-body__description\"\n        onClick={openOGUrl}\n      >\n        {message?.ogMetaData?.title && (\n          <Label\n            className=\"sendbird-og-message-item-body__description__title\"\n            type={LabelTypography.SUBTITLE_2}\n            color={LabelColors.ONBACKGROUND_1}\n          >\n            {message.ogMetaData.title}\n          </Label>\n        )}\n        {message?.ogMetaData?.description && (\n          <Label\n            className=\"sendbird-og-message-item-body__description__description\"\n            type={LabelTypography.BODY_2}\n            color={LabelColors.ONBACKGROUND_1}\n          >\n            {message.ogMetaData.description}\n          </Label>\n        )}\n        {message?.ogMetaData?.url && (\n          <Label\n            className=\"sendbird-og-message-item-body__description__url\"\n            type={LabelTypography.CAPTION_3}\n            color={LabelColors.ONBACKGROUND_2}\n          >\n            {message.ogMetaData.url}\n          </Label>\n        )}\n      </div>\n      <div className=\"sendbird-og-message-item-body__cover\" />\n    </div>\n  );\n}\n"],"names":["OGMessageItemBody","_a","className","message","_m","isByMe","_o","mouseHover","_p","isMentionEnabled","_q","isReactionEnabled","stringSet","useContext","LocalizationContext","openOGUrl","ogMetaData","url","window","open","isMessageMentioned","mentionedMessageTemplate","length","mentionedUsers","React","getClassName","reactions","uuidv4","LabelTypography","BODY_1","LabelColors","ONCONTENT_1","ONBACKGROUND_1","split","map","word","isEditedMessage","ONCONTENT_2","ONBACKGROUND_2","MESSAGE_EDITED","defaultImage","alt","IconTypes","THUMBNAIL_NONE","title","SUBTITLE_2","description","BODY_2","CAPTION_3"],"mappings":"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"}

package/ui/OpenChannelAdminMessage.js

@@ -1,9 +1,9 @@
-import { a as __spreadArray } from '../tslib.es6-72a2f141.js';
+import { a as __spreadArray } from '../tslib.es6-cb5d77bf.js';
 import React__default from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-e028fd23.js';
-import '../_rollupPluginBabelHelpers-b2b008c2.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-6b896cd8.js';
+import '../_rollupPluginBabelHelpers-4527872e.js';
 import 'prop-types';
-import '../stringSet-c4a61372.js';
+import '../stringSet-dc330bcf.js';
 
 function OpenChannelAdminMessage(_a) {
   var className = _a.className,

package/ui/OpenChannelAdminMessage.js.map

@@ -1 +1 @@
-{"version":3,"file":"OpenChannelAdminMessage.js","sources":["../../src/ui/OpenChannelAdminMessage/index.tsx"],"sourcesContent":["import React, { ReactElement } from 'react';\nimport { AdminMessage } from '@sendbird/chat/message';\nimport './index.scss';\n\nimport Label, { LabelColors, LabelTypography } from '../Label';\n\ninterface Props {\n  className?: string | Array<string>;\n  message: AdminMessage;\n}\n\nexport default function OpenChannelAdminMessage({\n  className,\n  message,\n}: Props): ReactElement {\n  return (\n    <div\n      className={[\n        ...(Array.isArray(className) ? className : [className]),\n        'sendbird-openchannel-admin-message',\n      ].join(' ')}\n    >\n      <Label\n        className=\"sendbird-openchannel-admin-message__text\"\n        type={LabelTypography.CAPTION_2}\n        color={LabelColors.ONBACKGROUND_2}\n      >\n        {message.message || ''}\n      </Label>\n    </div>\n  );\n}\n"],"names":["OpenChannelAdminMessage","_a","className","message","React","__spreadArray","Array","isArray","join","LabelTypography","CAPTION_2","LabelColors","ONBACKGROUND_2"],"mappings":";;;;;;;SAWwBA,wBAAwBC;MAC9CC,SAAS;MACTC,OAAO;AAEP,sBACEC;AACE,IAAA,SAAS,EAAEC,gCACLC,KAAK,CAACC,OAAN,CAAcL,SAAd,IAA2BA,SAA3B,GAAuC,CAACA,SAAD,WAC3C,6CAFS,CAGTM,IAHS,CAGJ,GAHI;AADb,kBAMEJ,6BAAC,KAAD;AACE,IAAA,SAAS,EAAC,0CADZ;AAEE,IAAA,IAAI,EAAEK,eAAe,CAACC,SAFxB;AAGE,IAAA,KAAK,EAAEC,WAAW,CAACC;AAHrB,KAKGT,OAAO,CAACA,OAAR,IAAmB,EALtB,CANF,CADF;AAgBD;;;;"}
+{"version":3,"file":"OpenChannelAdminMessage.js","sources":["../../src/ui/OpenChannelAdminMessage/index.tsx"],"sourcesContent":["import React, { ReactElement } from 'react';\nimport { AdminMessage } from '@sendbird/chat/message';\nimport './index.scss';\n\nimport Label, { LabelColors, LabelTypography } from '../Label';\n\ninterface Props {\n  className?: string | Array<string>;\n  message: AdminMessage;\n}\n\nexport default function OpenChannelAdminMessage({\n  className,\n  message,\n}: Props): ReactElement {\n  return (\n    <div\n      className={[\n        ...(Array.isArray(className) ? className : [className]),\n        'sendbird-openchannel-admin-message',\n      ].join(' ')}\n    >\n      <Label\n        className=\"sendbird-openchannel-admin-message__text\"\n        type={LabelTypography.CAPTION_2}\n        color={LabelColors.ONBACKGROUND_2}\n      >\n        {message.message || ''}\n      </Label>\n    </div>\n  );\n}\n"],"names":["OpenChannelAdminMessage","_a","className","message","React","__spreadArray","Array","isArray","join","LabelTypography","CAPTION_2","LabelColors","ONBACKGROUND_2"],"mappings":";;;;;;;SAWwBA,wBAAwBC;MAC9CC,SAAS;MACTC,OAAO;EAEP,oBACEC;IACE,SAAS,EAAEC,gCACLC,KAAK,CAACC,OAAN,CAAcL,SAAd,IAA2BA,SAA3B,GAAuC,CAACA,SAAD,WAC3C,6CAFS,CAGTM,IAHS,CAGJ,GAHI;kBAKXJ,6BAAC,KAAD;IACE,SAAS,EAAC,0CADZ;IAEE,IAAI,EAAEK,eAAe,CAACC,SAFxB;IAGE,KAAK,EAAEC,WAAW,CAACC;KAElBT,OAAO,CAACA,OAAR,IAAmB,EALtB,CANF,CADF;AAgBD;;;;"}