@sendbird/uikit-react 3.6.11-beta.2 → 3.7.0-rc.0

package/ui/QuoteMessage.js.map

@@ -1 +1 @@
-{"version":3,"file":"QuoteMessage.js","sources":["../../src/ui/QuoteMessage/index.tsx"],"sourcesContent":["import './index.scss';\nimport React, { ReactElement, useContext, useState } from 'react';\nimport type { FileMessage, UserMessage } from '@sendbird/chat/message';\n\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport ImageRenderer from '../ImageRenderer';\nimport { LocalizationContext } from '../../lib/LocalizationContext';\nimport {\n  CoreMessageType,\n  getClassName,\n  getUIKitFileType,\n  getUIKitFileTypes,\n  getUIKitMessageType,\n  isGif,\n  isMultipleFilesMessage,\n  isThumbnailMessage,\n  isUserMessage,\n  isVideo,\n  isVoiceMessage,\n  SendableMessageType,\n  truncateString,\n  UIKitMessageTypes,\n} from '../../utils';\nimport { getMessageFirstFileName, getMessageFirstFileType, getMessageFirstFileUrl } from './utils';\n\ninterface Props {\n  className?: string | Array<string>;\n  message?: SendableMessageType;\n  userId?: string;\n  isByMe?: boolean;\n  isUnavailable?: boolean;\n  onClick?: () => void;\n}\n\nexport default function QuoteMessage({\n  message,\n  userId = '',\n  isByMe = false,\n  className = '',\n  isUnavailable = false,\n  onClick,\n}: Props): ReactElement {\n  const { stringSet } = useContext(LocalizationContext);\n\n  const { parentMessage } = message;\n  const parentMessageSender = (parentMessage as SendableMessageType)?.sender;\n  const parentMessageSenderNickname = (userId === parentMessageSender?.userId) ? stringSet.QUOTED_MESSAGE__CURRENT_USER : parentMessageSender?.nickname;\n  const parentMessageUrl = getMessageFirstFileUrl(parentMessage as CoreMessageType);\n  const parentMessageType = getMessageFirstFileType(parentMessage as CoreMessageType);\n  const currentMessageSenderNickname = (userId === message?.sender?.userId) ? stringSet.QUOTED_MESSAGE__CURRENT_USER : message?.sender?.nickname;\n\n  const [isThumbnailLoaded, setThumbnailLoaded] = useState(false);\n  const uikitFileTypes = getUIKitFileTypes();\n  const splitFileName = getMessageFirstFileName(parentMessage as CoreMessageType)?.split('/') ?? parentMessageUrl.split('/');\n\n  return (\n    <div\n      className={getClassName([className, 'sendbird-quote-message', isByMe ? 'outgoing' : 'incoming', isUnavailable ? 'unavailable' : ''])}\n      key={parentMessage?.messageId}\n      onClick={() => {\n        if (!isUnavailable && onClick) {\n          onClick();\n        }\n      }}\n      onTouchEnd={() => {\n        if (!isUnavailable && onClick) {\n          onClick();\n        }\n      }}\n    >\n      <div className=\"sendbird-quote-message__replied-to\">\n        <Icon\n          className=\"sendbird-quote-message__replied-to__icon\"\n          type={IconTypes.REPLY}\n          fillColor={IconColors.ON_BACKGROUND_3}\n          width=\"12px\"\n          height=\"12px\"\n        />\n        <Label\n          className=\"sendbird-quote-message__replied-to__text\"\n          type={LabelTypography.CAPTION_2}\n          color={LabelColors.ONBACKGROUND_3}\n        >\n          <span className=\"sendbird-quote-message__replied-to__text__nickname\">{currentMessageSenderNickname}</span>\n          <span className=\"sendbird-quote-message__replied-to__text__text\">{stringSet.QUOTED_MESSAGE__REPLIED_TO}</span>\n          <span className=\"sendbird-quote-message__replied-to__text__nickname\">{parentMessageSenderNickname}</span>\n        </Label>\n      </div>\n      <div className=\"sendbird-quote-message__replied-message\">\n        {isUnavailable && (\n          <div className=\"sendbird-quote-message__replied-message__text-message\">\n            <Label\n              className=\"sendbird-quote-message__replied-message__text-message__word\"\n              type={LabelTypography.BODY_2}\n              color={LabelColors.ONBACKGROUND_1}\n            >\n              {stringSet.QUOTED_MESSAGE__UNAVAILABLE}\n            </Label>\n          </div>\n        )}\n        {/* text message */}\n        {((isUserMessage(parentMessage as UserMessage) && (parentMessage as UserMessage)?.message?.length > 0) && !isUnavailable) && (\n          <div className=\"sendbird-quote-message__replied-message__text-message\">\n            <Label\n              className=\"sendbird-quote-message__replied-message__text-message__word\"\n              type={LabelTypography.BODY_2}\n              color={LabelColors.ONBACKGROUND_1}\n            >\n              {(parentMessage as UserMessage)?.message}\n            </Label>\n          </div>\n        )}\n        {/* voice message */}\n        {(isVoiceMessage(parentMessage as FileMessage) && parentMessageUrl && !isUnavailable) && (\n          <div className=\"sendbird-quote-message__replied-message__text-message\">\n            <Label\n              className=\"sendbird-quote-message__replied-message__text-message__word\"\n              type={LabelTypography.BODY_2}\n              color={LabelColors.ONBACKGROUND_1}\n            >\n              {stringSet.VOICE_MESSAGE}\n            </Label>\n          </div>\n        )}\n        {/* thumbnail message or multiple files message */}\n        {(\n          (\n            isThumbnailMessage(parentMessage as FileMessage)\n            || isMultipleFilesMessage(parentMessage as CoreMessageType)\n          )\n          && parentMessageUrl\n          && !isUnavailable\n        ) && (\n          <div className=\"sendbird-quote-message__replied-message__thumbnail-message\">\n            <ImageRenderer\n              className=\"sendbird-quote-message__replied-message__thumbnail-message__image\"\n              url={parentMessageUrl}\n              alt={parentMessageType}\n              width=\"144px\"\n              height=\"108px\"\n              onLoad={() => setThumbnailLoaded(true)}\n              defaultComponent={(\n                <div className=\"sendbird-quote-message__replied-message__thumbnail-message__placeholder\">\n                  <div className=\"sendbird-quote-message__replied-message__thumbnail-message__placeholder__icon\">\n                    <Icon\n                      type={isVideo(parentMessageType) ? IconTypes.PLAY : IconTypes.PHOTO}\n                      fillColor={IconColors.ON_BACKGROUND_2}\n                      width=\"22px\"\n                      height=\"22px\"\n                    />\n                  </div>\n                </div>\n              )}\n            />\n            {(isVideo(parentMessageType) && !((parentMessage as FileMessage)?.thumbnails?.length > 0)) && (\n              <>\n                <video className=\"sendbird-quote-message__replied-message__thumbnail-message__video\">\n                  <source src={parentMessageUrl} type={parentMessageType} />\n                </video>\n                <div className=\"sendbird-quote-message__replied-message__thumbnail-message__cover\">\n                  <div className=\"sendbird-quote-message__replied-message__thumbnail-message__cover__icon\">\n                    <Icon\n                      type={IconTypes.PLAY}\n                      fillColor={IconColors.ON_BACKGROUND_2}\n                      width=\"14px\"\n                      height=\"14px\"\n                    />\n                  </div>\n                </div>\n              </>\n            )}\n            {(isThumbnailLoaded && isGif(parentMessageType)) && (\n              <div className=\"sendbird-quote-message__replied-message__thumbnail-message__cover\">\n                <div className=\"sendbird-quote-message__replied-message__thumbnail-message__cover__icon\">\n                  <Icon\n                    type={IconTypes.GIF}\n                    fillColor={IconColors.THUMBNAIL_ICON}\n                    width=\"14px\"\n                    height=\"14px\"\n                  />\n                </div>\n              </div>\n            )}\n          </div>\n        )}\n        {/* file message */}\n        {(getUIKitMessageType(parentMessage as FileMessage) === UIKitMessageTypes.FILE && parentMessageUrl && !isUnavailable) && (\n          <div className=\"sendbird-quote-message__replied-message__file-message\">\n            <Icon\n              className=\"sendbird-quote-message__replied-message__file-message__type-icon\"\n              type={{\n                [uikitFileTypes.IMAGE]: IconTypes.PHOTO,\n                [uikitFileTypes.VIDEO]: IconTypes.PLAY,\n                [uikitFileTypes.AUDIO]: IconTypes.FILE_AUDIO,\n                [uikitFileTypes.GIF]: IconTypes.GIF,\n                [uikitFileTypes.OTHERS]: IconTypes.FILE_DOCUMENT,\n              }[getUIKitFileType(parentMessageType)]}\n              fillColor={IconColors.ON_BACKGROUND_3}\n              width=\"16px\"\n              height=\"16px\"\n            />\n            <Label\n              className=\"sendbird-quote-message__replied-message__file-message__file-name\"\n              type={LabelTypography.BODY_2}\n              color={LabelColors.ONBACKGROUND_3}\n            >\n              {truncateString(splitFileName[splitFileName.length - 1])}\n            </Label>\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"names":["QuoteMessage","_ref","_message$sender","_message$sender2","_getMessageFirstFileN","_getMessageFirstFileN2","_message","_thumbnails","message","userId","isByMe","className","isUnavailable","onClick","stringSet","useContext","LocalizationContext","parentMessage","parentMessageSender","sender","parentMessageSenderNickname","QUOTED_MESSAGE__CURRENT_USER","nickname","parentMessageUrl","getMessageFirstFileUrl","parentMessageType","getMessageFirstFileType","currentMessageSenderNickname","isThumbnailLoaded","setThumbnailLoaded","useState","uikitFileTypes","getUIKitFileTypes","splitFileName","getMessageFirstFileName","split","React","createElement","getClassName","key","messageId","onTouchEnd","Icon","type","IconTypes","REPLY","fillColor","IconColors","ON_BACKGROUND_3","width","height","Label","LabelTypography","CAPTION_2","color","LabelColors","ONBACKGROUND_3","QUOTED_MESSAGE__REPLIED_TO","BODY_2","ONBACKGROUND_1","QUOTED_MESSAGE__UNAVAILABLE","isUserMessage","length","isVoiceMessage","VOICE_MESSAGE","isThumbnailMessage","isMultipleFilesMessage","ImageRenderer","url","alt","onLoad","defaultComponent","isVideo","PLAY","PHOTO","ON_BACKGROUND_2","thumbnails","Fragment","src","isGif","GIF","THUMBNAIL_ICON","getUIKitMessageType","UIKitMessageTypes","FILE","IMAGE","VIDEO","AUDIO","FILE_AUDIO","OTHERS","FILE_DOCUMENT","getUIKitFileType","truncateString"],"mappings":"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"}
+{"version":3,"file":"QuoteMessage.js","sources":["../../src/ui/QuoteMessage/index.tsx"],"sourcesContent":["import './index.scss';\nimport React, { ReactElement, useContext, useState } from 'react';\nimport type { FileMessage, UserMessage } from '@sendbird/chat/message';\n\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport ImageRenderer from '../ImageRenderer';\nimport { LocalizationContext } from '../../lib/LocalizationContext';\nimport {\n  CoreMessageType,\n  getClassName,\n  getUIKitFileType,\n  getUIKitFileTypes,\n  getUIKitMessageType,\n  isGif,\n  isMultipleFilesMessage,\n  isThumbnailMessage,\n  isUserMessage,\n  isVideo,\n  isVoiceMessage,\n  SendableMessageType,\n  truncateString,\n  UIKitMessageTypes,\n} from '../../utils';\nimport { getMessageFirstFileName, getMessageFirstFileType, getMessageFirstFileUrl } from './utils';\n\ninterface Props {\n  className?: string | Array<string>;\n  message?: SendableMessageType;\n  userId?: string;\n  isByMe?: boolean;\n  isUnavailable?: boolean;\n  onClick?: () => void;\n}\n\nexport default function QuoteMessage({\n  message,\n  userId = '',\n  isByMe = false,\n  className = '',\n  isUnavailable = false,\n  onClick,\n}: Props): ReactElement {\n  const { stringSet } = useContext(LocalizationContext);\n\n  const { parentMessage } = message;\n  const parentMessageSender = (parentMessage as SendableMessageType)?.sender;\n  const parentMessageSenderNickname = (userId === parentMessageSender?.userId) ? stringSet.QUOTED_MESSAGE__CURRENT_USER : parentMessageSender?.nickname;\n  const parentMessageUrl = getMessageFirstFileUrl(parentMessage as CoreMessageType);\n  const parentMessageType = getMessageFirstFileType(parentMessage as CoreMessageType);\n  const currentMessageSenderNickname = (userId === message?.sender?.userId) ? stringSet.QUOTED_MESSAGE__CURRENT_USER : message?.sender?.nickname;\n\n  const [isThumbnailLoaded, setThumbnailLoaded] = useState(false);\n  const uikitFileTypes = getUIKitFileTypes();\n  const splitFileName = getMessageFirstFileName(parentMessage as CoreMessageType)?.split('/') ?? parentMessageUrl.split('/');\n\n  return (\n    <div\n      className={getClassName([className, 'sendbird-quote-message', isByMe ? 'outgoing' : 'incoming', isUnavailable ? 'unavailable' : ''])}\n      key={parentMessage?.messageId}\n      onClick={() => {\n        if (!isUnavailable && onClick) {\n          onClick();\n        }\n      }}\n      onTouchEnd={() => {\n        if (!isUnavailable && onClick) {\n          onClick();\n        }\n      }}\n    >\n      <div className=\"sendbird-quote-message__replied-to\">\n        <Icon\n          className=\"sendbird-quote-message__replied-to__icon\"\n          type={IconTypes.REPLY}\n          fillColor={IconColors.ON_BACKGROUND_3}\n          width=\"12px\"\n          height=\"12px\"\n        />\n        <Label\n          className=\"sendbird-quote-message__replied-to__text\"\n          type={LabelTypography.CAPTION_2}\n          color={LabelColors.ONBACKGROUND_3}\n        >\n          <span className=\"sendbird-quote-message__replied-to__text__nickname\">{currentMessageSenderNickname}</span>\n          <span className=\"sendbird-quote-message__replied-to__text__text\">{stringSet.QUOTED_MESSAGE__REPLIED_TO}</span>\n          <span className=\"sendbird-quote-message__replied-to__text__nickname\">{parentMessageSenderNickname}</span>\n        </Label>\n      </div>\n      <div className=\"sendbird-quote-message__replied-message\">\n        {isUnavailable && (\n          <div className=\"sendbird-quote-message__replied-message__text-message\">\n            <Label\n              className=\"sendbird-quote-message__replied-message__text-message__word\"\n              type={LabelTypography.BODY_2}\n              color={LabelColors.ONBACKGROUND_1}\n            >\n              {stringSet.QUOTED_MESSAGE__UNAVAILABLE}\n            </Label>\n          </div>\n        )}\n        {/* text message */}\n        {((isUserMessage(parentMessage as UserMessage) && (parentMessage as UserMessage)?.message?.length > 0) && !isUnavailable) && (\n          <div className=\"sendbird-quote-message__replied-message__text-message\">\n            <Label\n              className=\"sendbird-quote-message__replied-message__text-message__word\"\n              type={LabelTypography.BODY_2}\n              color={LabelColors.ONBACKGROUND_1}\n            >\n              {(parentMessage as UserMessage)?.message}\n            </Label>\n          </div>\n        )}\n        {/* voice message */}\n        {(isVoiceMessage(parentMessage as FileMessage) && parentMessageUrl && !isUnavailable) && (\n          <div className=\"sendbird-quote-message__replied-message__text-message\">\n            <Label\n              className=\"sendbird-quote-message__replied-message__text-message__word\"\n              type={LabelTypography.BODY_2}\n              color={LabelColors.ONBACKGROUND_1}\n            >\n              {stringSet.VOICE_MESSAGE}\n            </Label>\n          </div>\n        )}\n        {/* thumbnail message or multiple files message */}\n        {(\n          (\n            isThumbnailMessage(parentMessage as FileMessage)\n            || isMultipleFilesMessage(parentMessage as CoreMessageType)\n          )\n          && parentMessageUrl\n          && !isUnavailable\n        ) && (\n          <div className=\"sendbird-quote-message__replied-message__thumbnail-message\">\n            <ImageRenderer\n              className=\"sendbird-quote-message__replied-message__thumbnail-message__image\"\n              url={parentMessageUrl}\n              alt={parentMessageType}\n              width=\"144px\"\n              height=\"108px\"\n              onLoad={() => setThumbnailLoaded(true)}\n              defaultComponent={(\n                <div className=\"sendbird-quote-message__replied-message__thumbnail-message__placeholder\">\n                  <div className=\"sendbird-quote-message__replied-message__thumbnail-message__placeholder__icon\">\n                    <Icon\n                      type={isVideo(parentMessageType) ? IconTypes.PLAY : IconTypes.PHOTO}\n                      fillColor={IconColors.ON_BACKGROUND_2}\n                      width=\"22px\"\n                      height=\"22px\"\n                    />\n                  </div>\n                </div>\n              )}\n            />\n            {(isVideo(parentMessageType) && !((parentMessage as FileMessage)?.thumbnails?.length > 0)) && (\n              <>\n                <video className=\"sendbird-quote-message__replied-message__thumbnail-message__video\">\n                  <source src={parentMessageUrl} type={parentMessageType} />\n                </video>\n                <div className=\"sendbird-quote-message__replied-message__thumbnail-message__cover\">\n                  <div className=\"sendbird-quote-message__replied-message__thumbnail-message__cover__icon\">\n                    <Icon\n                      type={IconTypes.PLAY}\n                      fillColor={IconColors.ON_BACKGROUND_2}\n                      width=\"14px\"\n                      height=\"14px\"\n                    />\n                  </div>\n                </div>\n              </>\n            )}\n            {(isThumbnailLoaded && isGif(parentMessageType)) && (\n              <div className=\"sendbird-quote-message__replied-message__thumbnail-message__cover\">\n                <div className=\"sendbird-quote-message__replied-message__thumbnail-message__cover__icon\">\n                  <Icon\n                    type={IconTypes.GIF}\n                    fillColor={IconColors.THUMBNAIL_ICON}\n                    width=\"14px\"\n                    height=\"14px\"\n                  />\n                </div>\n              </div>\n            )}\n          </div>\n        )}\n        {/* file message */}\n        {(getUIKitMessageType(parentMessage as FileMessage) === UIKitMessageTypes.FILE && parentMessageUrl && !isUnavailable) && (\n          <div className=\"sendbird-quote-message__replied-message__file-message\">\n            <Icon\n              className=\"sendbird-quote-message__replied-message__file-message__type-icon\"\n              type={{\n                [uikitFileTypes.IMAGE]: IconTypes.PHOTO,\n                [uikitFileTypes.VIDEO]: IconTypes.PLAY,\n                [uikitFileTypes.AUDIO]: IconTypes.FILE_AUDIO,\n                [uikitFileTypes.GIF]: IconTypes.GIF,\n                [uikitFileTypes.OTHERS]: IconTypes.FILE_DOCUMENT,\n              }[getUIKitFileType(parentMessageType)]}\n              fillColor={IconColors.ON_BACKGROUND_3}\n              width=\"16px\"\n              height=\"16px\"\n            />\n            <Label\n              className=\"sendbird-quote-message__replied-message__file-message__file-name\"\n              type={LabelTypography.BODY_2}\n              color={LabelColors.ONBACKGROUND_3}\n            >\n              {truncateString(splitFileName[splitFileName.length - 1])}\n            </Label>\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"names":["QuoteMessage","_a","message","_j","userId","_k","isByMe","_l","className","_m","isUnavailable","onClick","stringSet","useContext","LocalizationContext","parentMessage","parentMessageSender","sender","parentMessageSenderNickname","QUOTED_MESSAGE__CURRENT_USER","nickname","parentMessageUrl","getMessageFirstFileUrl","parentMessageType","getMessageFirstFileType","currentMessageSenderNickname","_c","_d","_o","useState","isThumbnailLoaded","setThumbnailLoaded","uikitFileTypes","getUIKitFileTypes","splitFileName","_f","_e","getMessageFirstFileName","split","React","createElement","getClassName","key","messageId","onTouchEnd","Icon","type","IconTypes","REPLY","fillColor","IconColors","ON_BACKGROUND_3","width","height","Label","LabelTypography","CAPTION_2","color","LabelColors","ONBACKGROUND_3","QUOTED_MESSAGE__REPLIED_TO","BODY_2","ONBACKGROUND_1","QUOTED_MESSAGE__UNAVAILABLE","isUserMessage","_g","length","isVoiceMessage","VOICE_MESSAGE","isThumbnailMessage","isMultipleFilesMessage","ImageRenderer","url","alt","onLoad","defaultComponent","isVideo","PLAY","PHOTO","ON_BACKGROUND_2","_h","thumbnails","Fragment","src","isGif","GIF","THUMBNAIL_ICON","getUIKitMessageType","UIKitMessageTypes","FILE","_b","IMAGE","VIDEO","AUDIO","FILE_AUDIO","OTHERS","FILE_DOCUMENT","getUIKitFileType","truncateString"],"mappings":";;;;;;;;;;;;;;AAmCwB,SAAAA,YAAYA,CAACC,EAO7B,EAAA;;;AANN,EAAA,IAAAC,OAAO,GAAAD,EAAA,CAAAC,OAAA;IACPC,EAAW,GAAAF,EAAA,CAAAG,MAAA;IAAXA,MAAM,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAAA,EAAA;IACXE,EAAA,GAAAJ,EAAA,CAAAK,MAAc;IAAdA,MAAM,mBAAG,KAAK,GAAAD,EAAA;IACdE,EAAA,GAAAN,EAAA,CAAAO,SAAc;IAAdA,SAAS,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,EAAE,KAAA;IACdE,EAAA,GAAAR,EAAA,CAAAS,aAAqB;IAArBA,aAAa,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,KAAK,GAAAA,EAAA;IACrBE,OAAO,GAAAV,EAAA,CAAAU,OAAA,CAAA;AAEC,EAAA,IAAAC,SAAS,GAAKC,UAAU,CAACC,mBAAmB,CAAC,UAApC,CAAA;AAET,EAAA,IAAAC,aAAa,GAAKb,OAAO,CAAAa,aAAZ,CAAA;AACrB,EAAA,IAAMC,mBAAmB,GAAID,aAAqC,KAAA,IAAA,IAArCA,aAAa,KAAb,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,aAAa,CAA0BE,MAAM,CAAA;AAC1E,EAAA,IAAMC,2BAA2B,GAAId,MAAM,MAAKY,mBAAmB,KAAnB,IAAA,IAAAA,mBAAmB,KAAnB,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,mBAAmB,CAAEZ,MAAM,CAAA,GAAIQ,SAAS,CAACO,4BAA4B,GAAGH,mBAAmB,KAAA,IAAA,IAAnBA,mBAAmB,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAnBA,mBAAmB,CAAEI,QAAQ,CAAA;AACrJ,EAAA,IAAMC,gBAAgB,GAAGC,sBAAsB,CAACP,aAAgC,CAAC,CAAA;AACjF,EAAA,IAAMQ,iBAAiB,GAAGC,uBAAuB,CAACT,aAAgC,CAAC,CAAA;AACnF,EAAA,IAAMU,4BAA4B,GAAIrB,MAAM,MAAK,MAAAF,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAPA,OAAO,CAAEe,MAAM,MAAE,IAAA,IAAAS,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAAtB,MAAM,CAAA,GAAIQ,SAAS,CAACO,4BAA4B,GAAG,CAAAQ,EAAA,GAAAzB,OAAO,KAAP,IAAA,IAAAA,OAAO,uBAAPA,OAAO,CAAEe,MAAM,MAAA,IAAA,IAAAU,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAEP,QAAQ,CAAA;AAExI,EAAA,IAAAQ,EAAA,GAA0CC,QAAQ,CAAC,KAAK,CAAC;AAAxDC,IAAAA,iBAAiB,GAAAF,EAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,kBAAkB,GAAAH,EAAA,CAAA,CAAA,CAAmB,CAAA;AAC/D,EAAA,IAAMI,cAAc,GAAGC,iBAAiB,EAAE,CAAA;EAC1C,IAAMC,aAAa,GAAG,CAAAC,EAAA,GAAA,CAAAC,EAAA,GAAAC,uBAAuB,CAACtB,aAAgC,CAAC,MAAE,IAAA,IAAAqB,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAAE,KAAK,CAAC,GAAG,CAAC,mCAAIjB,gBAAgB,CAACiB,KAAK,CAAC,GAAG,CAAC,CAAA;EAE1H,oBACEC,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IACEhC,SAAS,EAAEiC,YAAY,CAAC,CAACjC,SAAS,EAAE,wBAAwB,EAAEF,MAAM,GAAG,UAAU,GAAG,UAAU,EAAEI,aAAa,GAAG,aAAa,GAAG,EAAE,CAAC,CAAE;AACrIgC,IAAAA,GAAG,EAAE3B,aAAa,KAAA,IAAA,IAAbA,aAAa,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAbA,aAAa,CAAE4B,SAAU;IAC9BhC,OAAO,EAAE,YAAA;AACP,MAAA,IAAI,CAACD,aAAa,IAAIC,OAAO,EAAE;AAC7BA,QAAAA,OAAO,EAAE,CAAA;AACV,OAAA;KACD;IACFiC,UAAU,EAAE,YAAA;AACV,MAAA,IAAI,CAAClC,aAAa,IAAIC,OAAO,EAAE;AAC7BA,QAAAA,OAAO,EAAE,CAAA;AACV,OAAA;AACH,KAAA;GAEA4B,eAAAA,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKhC,IAAAA,SAAS,EAAC,oCAAA;AAAoC,GAAA,eACjD+B,cAAA,CAAAC,aAAA,CAACK,IAAI,EAAA;AACHrC,IAAAA,SAAS,EAAC,0CAA0C;IACpDsC,IAAI,EAAEC,SAAS,CAACC,KAAM;IACtBC,SAAS,EAAEC,UAAU,CAACC,eAAgB;AACtCC,IAAAA,KAAK,EAAC,MAAM;AACZC,IAAAA,MAAM,EAAC,MAAA;AAAM,GAEf,CAAA,eAAAd,cAAA,CAAAC,aAAA,CAACc,KAAK,EAAA;AACJ9C,IAAAA,SAAS,EAAC,0CAA0C;IACpDsC,IAAI,EAAES,eAAe,CAACC,SAAU;IAChCC,KAAK,EAAEC,WAAW,CAACC,cAAAA;GAEnBpB,eAAAA,cAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AAAMhC,IAAAA,SAAS,EAAC,oDAAA;AAAoD,GAAA,EAAEiB,4BAAmC,CACzG,eAAAc,cAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AAAMhC,IAAAA,SAAS,EAAC,gDAAA;AAAgD,GAAA,EAAEI,SAAS,CAACgD,0BAAiC,CAC7G,eAAArB,cAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AAAMhC,IAAAA,SAAS,EAAC,oDAAA;AAAoD,GAAA,EAAEU,2BAAkC,CACnG,CACJ,CACL,eAAAqB,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKhC,IAAAA,SAAS,EAAC,yCAAA;AAAyC,GAAA,EACrDE,aAAa,iBACZ6B,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKhC,IAAAA,SAAS,EAAC,uDAAA;AAAuD,GAAA,eACpE+B,cAAA,CAAAC,aAAA,CAACc,KAAK,EAAA;AACJ9C,IAAAA,SAAS,EAAC,6DAA6D;IACvEsC,IAAI,EAAES,eAAe,CAACM,MAAO;IAC7BJ,KAAK,EAAEC,WAAW,CAACI,cAAAA;GAElBlD,EAAAA,SAAS,CAACmD,2BACN,CACJ,CACN,EAEEC,aAAa,CAACjD,aAA4B,CAAC,IAAI,CAAA,CAAAkD,EAAA,GAAClD,aAA6B,KAAA,IAAA,IAA7BA,aAAa,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAbA,aAAa,CAAkBb,OAAO,MAAE,IAAA,IAAA+D,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAAC,MAAM,IAAG,CAAC,IAAK,CAACxD,aAAa,iBACtH6B,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKhC,IAAAA,SAAS,EAAC,uDAAA;AAAuD,GAAA,eACpE+B,cAAA,CAAAC,aAAA,CAACc,KAAK,EAAA;AACJ9C,IAAAA,SAAS,EAAC,6DAA6D;IACvEsC,IAAI,EAAES,eAAe,CAACM,MAAO;IAC7BJ,KAAK,EAAEC,WAAW,CAACI,cAAAA;AAAe,GAAA,EAEhC/C,aAA6B,KAA7B,IAAA,IAAAA,aAAa,uBAAbA,aAAa,CAAkBb,OAC5B,CACJ,CACN,EAECiE,cAAc,CAACpD,aAA4B,CAAC,IAAIM,gBAAgB,IAAI,CAACX,aAAa,iBAClF6B,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKhC,IAAAA,SAAS,EAAC,uDAAA;AAAuD,GAAA,eACpE+B,cAAA,CAAAC,aAAA,CAACc,KAAK,EAAA;AACJ9C,IAAAA,SAAS,EAAC,6DAA6D;IACvEsC,IAAI,EAAES,eAAe,CAACM,MAAO;IAC7BJ,KAAK,EAAEC,WAAW,CAACI,cAAAA;GAElBlD,EAAAA,SAAS,CAACwD,aACN,CACJ,CACN,EAGC,CACEC,kBAAkB,CAACtD,aAA4B,CAAC,IAC7CuD,sBAAsB,CAACvD,aAAgC,CAAC,KAE1DM,gBAAgB,IAChB,CAACX,aAAa,iBAEjB6B,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKhC,IAAAA,SAAS,EAAC,4DAAA;AAA4D,GAAA,eACzE+B,cAAA,CAAAC,aAAA,CAAC+B,aAAa,EAAA;AACZ/D,IAAAA,SAAS,EAAC,mEAAmE;AAC7EgE,IAAAA,GAAG,EAAEnD,gBAAiB;AACtBoD,IAAAA,GAAG,EAAElD,iBAAkB;AACvB6B,IAAAA,KAAK,EAAC,OAAO;AACbC,IAAAA,MAAM,EAAC,OAAO;IACdqB,MAAM,EAAE,YAAA;MAAM,OAAA3C,kBAAkB,CAAC,IAAI,CAAC,CAAA;KAAC;IACvC4C,gBAAgB,eACdpC,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKhC,MAAAA,SAAS,EAAC,yEAAA;KACb+B,eAAAA,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKhC,MAAAA,SAAS,EAAC,+EAAA;AAA+E,KAAA,eAC5F+B,cAAA,CAAAC,aAAA,CAACK,IAAI,EAAA;AACHC,MAAAA,IAAI,EAAE8B,OAAO,CAACrD,iBAAiB,CAAC,GAAGwB,SAAS,CAAC8B,IAAI,GAAG9B,SAAS,CAAC+B,KAAM;MACpE7B,SAAS,EAAEC,UAAU,CAAC6B,eAAgB;AACtC3B,MAAAA,KAAK,EAAC,MAAM;AACZC,MAAAA,MAAM,EAAC,MAAA;AAAM,KAEjB,CAAK,CACF,CAAA;GAGT,CAAA,EAAEuB,OAAO,CAACrD,iBAAiB,CAAC,IAAI,EAAE,CAAA,CAAAyD,EAAA,GAACjE,aAA6B,KAAA,IAAA,IAA7BA,aAAa,KAAb,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,aAAa,CAAkBkE,UAAU,MAAE,IAAA,IAAAD,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAAd,MAAM,IAAG,CAAC,CAAC,iBACvF3B,cAAA,CAAAC,aAAA,CAAAD,cAAA,CAAA2C,QAAA,EAAA,IAAA,eACE3C,cAAA,CAAAC,aAAA,CAAA,OAAA,EAAA;AAAOhC,IAAAA,SAAS,EAAC,mEAAA;GACf+B,eAAAA,cAAA,CAAAC,aAAA,CAAA,QAAA,EAAA;AAAQ2C,IAAAA,GAAG,EAAE9D,gBAAiB;AAACyB,IAAAA,IAAI,EAAEvB,iBAAAA;AAAkB,GACzD,CAAO,CACP,eAAAgB,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKhC,IAAAA,SAAS,EAAC,mEAAA;GACb+B,eAAAA,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKhC,IAAAA,SAAS,EAAC,yEAAA;AAAyE,GAAA,eACtF+B,cAAA,CAAAC,aAAA,CAACK,IAAI,EAAA;IACHC,IAAI,EAAEC,SAAS,CAAC8B,IAAK;IACrB5B,SAAS,EAAEC,UAAU,CAAC6B,eAAgB;AACtC3B,IAAAA,KAAK,EAAC,MAAM;AACZC,IAAAA,MAAM,EAAC,MAAA;AAAM,GAEjB,CAAK,CACF,CACP,CACD,EACCvB,iBAAiB,IAAIsD,KAAK,CAAC7D,iBAAiB,CAAC,iBAC7CgB,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKhC,IAAAA,SAAS,EAAC,mEAAA;GACb+B,eAAAA,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKhC,IAAAA,SAAS,EAAC,yEAAA;AAAyE,GAAA,eACtF+B,cAAA,CAAAC,aAAA,CAACK,IAAI,EAAA;IACHC,IAAI,EAAEC,SAAS,CAACsC,GAAI;IACpBpC,SAAS,EAAEC,UAAU,CAACoC,cAAe;AACrClC,IAAAA,KAAK,EAAC,MAAM;AACZC,IAAAA,MAAM,EAAC,MAAA;GAEX,CAAK,CACF,CAEJ,CACN,EAECkC,mBAAmB,CAACxE,aAA4B,CAAC,KAAKyE,iBAAiB,CAACC,IAAI,IAAIpE,gBAAgB,IAAI,CAACX,aAAa,iBAClH6B,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKhC,IAAAA,SAAS,EAAC,uDAAA;AAAuD,GAAA,eACpE+B,cAAA,CAAAC,aAAA,CAACK,IAAI,EAAA;AACHrC,IAAAA,SAAS,EAAC,kEAAkE;AAC5EsC,IAAAA,IAAI,EAAE,CAAA4C,EAAA,GAAA,EAAA,EACJA,EAAA,CAAC1D,cAAc,CAAC2D,KAAK,CAAG,GAAA5C,SAAS,CAAC+B,KAAK,EACvCY,EAAA,CAAC1D,cAAc,CAAC4D,KAAK,CAAG,GAAA7C,SAAS,CAAC8B,IAAI,EACtCa,EAAA,CAAC1D,cAAc,CAAC6D,KAAK,CAAG,GAAA9C,SAAS,CAAC+C,UAAU,EAC5CJ,EAAA,CAAC1D,cAAc,CAACqD,GAAG,CAAG,GAAAtC,SAAS,CAACsC,GAAG,EACnCK,EAAA,CAAC1D,cAAc,CAAC+D,MAAM,CAAG,GAAAhD,SAAS,CAACiD,aAAa,MAChDC,gBAAgB,CAAC1E,iBAAiB,CAAC,CAAE;IACvC0B,SAAS,EAAEC,UAAU,CAACC,eAAgB;AACtCC,IAAAA,KAAK,EAAC,MAAM;AACZC,IAAAA,MAAM,EAAC,MAAA;AAAM,GAEf,CAAA,eAAAd,cAAA,CAAAC,aAAA,CAACc,KAAK,EAAA;AACJ9C,IAAAA,SAAS,EAAC,kEAAkE;IAC5EsC,IAAI,EAAES,eAAe,CAACM,MAAO;IAC7BJ,KAAK,EAAEC,WAAW,CAACC,cAAAA;AAAe,GAAA,EAEjCuC,cAAc,CAAChE,aAAa,CAACA,aAAa,CAACgC,MAAM,GAAG,CAAC,CAAC,CAClD,CACJ,CAEJ,CACF,CAAC,CAAA;AAEV;;;;"}

package/ui/QuoteMessageInput.js

@@ -1,27 +1,43 @@
 import React__default, { useContext } from 'react';
-import { p as isFileMessage, c as isMultipleFilesMessage, d as isVoiceMessage, q as isImageMessage, r as isImageFileInfo, s as isThumbnailMessage, t as isAudioMessage, m as getClassName, u as isGifMessage, v as isVideoMessage, w as isUserMessage, x as getUIKitMessageType, U as UIKitMessageTypes } from '../index-5d6a0f12.js';
+import { r as isFileMessage, c as isMultipleFilesMessage, d as isVoiceMessage, s as isImageMessage, t as isVideoMessage, u as isImageFileInfo, v as isThumbnailMessage, w as isAudioMessage, o as getClassName, x as isGifMessage, y as isUserMessage, z as getUIKitMessageType, U as UIKitMessageTypes } from '../index-fc1642cb.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-aa520474.js';
-import { a as LocalizationContext } from '../LocalizationContext-2463058b.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-12103973.js';
+import { a as LocalizationContext } from '../LocalizationContext-d18a86d8.js';
 import ImageRenderer from './ImageRenderer.js';
-import { b as getMessageFirstFileThumbnailUrl, g as getMessageFirstFileUrl, c as getMessageFirstFileType, a as getMessageFirstFileName } from '../utils-b97d5113.js';
-import '../_rollupPluginBabelHelpers-50c9576f.js';
+import { b as getMessageFirstFileThumbnailUrl, g as getMessageFirstFileUrl, c as getMessageFirstFileType, a as getMessageFirstFileName } from '../utils-e98a7f8c.js';
+import '../tslib.es6-0c779aab.js';
 import '../utils/message/getOutgoingMessageState.js';
-import '../index.module-60af77d3.js';
+import '../index-c6095960.js';
 import 'prop-types';
-import '../stringSet-2814bf17.js';
-import '../index-7700a436.js';
+import '../stringSet-1106c8ec.js';
+import '../index-d3f61405.js';
 
-const componentClassname = 'sendbird-quote_message_input__avatar';
-function QuoteMessageThumbnail(_ref) {
-  let {
-    message
-  } = _ref;
+var componentClassname = 'sendbird-quote_message_input__avatar';
+function QuoteMessageThumbnail(_a) {
+  var _b, _c;
+  var message = _a.message;
   if (!isFileMessage(message) && !isMultipleFilesMessage(message) || isVoiceMessage(message)) {
     return null;
   }
-  const thumbnailUrl = isFileMessage(message) ? getMessageFirstFileThumbnailUrl(message) || isImageMessage(message) && getMessageFirstFileUrl(message) : getMessageFirstFileThumbnailUrl(message) || isImageFileInfo(message.fileInfoList[0]) && getMessageFirstFileUrl(message);
-  if ((isThumbnailMessage(message) || isMultipleFilesMessage(message)) && thumbnailUrl) {
+  var thumbnailUrl = getMessageFirstFileThumbnailUrl(message);
+  if (!thumbnailUrl) {
+    if (((_b = message.isFileMessage) === null || _b === void 0 ? void 0 : _b.call(message)) && (isImageMessage(message) || isVideoMessage(message))) {
+      thumbnailUrl = getMessageFirstFileUrl(message);
+    } else if (((_c = message.isMultipleFilesMessage) === null || _c === void 0 ? void 0 : _c.call(message)) && message.fileInfoList.length > 0 && isImageFileInfo(message.fileInfoList[0])) {
+      thumbnailUrl = message.fileInfoList[0].url;
+    }
+  }
+  if (isVideoMessage(message) && thumbnailUrl) {
+    return /*#__PURE__*/React__default.createElement("div", {
+      className: componentClassname
+    }, /*#__PURE__*/React__default.createElement("video", {
+      style: {
+        width: '44px',
+        height: '44px'
+      },
+      src: thumbnailUrl
+    }));
+  } else if ((isThumbnailMessage(message) || isMultipleFilesMessage(message)) && thumbnailUrl) {
     return /*#__PURE__*/React__default.createElement(ImageRenderer, {
       className: componentClassname,
       url: thumbnailUrl,
@@ -51,18 +67,14 @@ function QuoteMessageThumbnail(_ref) {
   }
 }
 
-function QuoteMessageInput(_ref) {
-  let {
-    className,
-    replyingMessage,
-    onClose
-  } = _ref;
-  const {
-    stringSet
-  } = useContext(LocalizationContext);
-  const fileMessage = replyingMessage;
-  const sender = replyingMessage === null || replyingMessage === void 0 ? void 0 : replyingMessage.sender;
-  const displayFileIcon = (isFileMessage(replyingMessage) || isMultipleFilesMessage(replyingMessage)) && !isVoiceMessage(replyingMessage);
+function QuoteMessageInput(_a) {
+  var className = _a.className,
+    replyingMessage = _a.replyingMessage,
+    onClose = _a.onClose;
+  var stringSet = useContext(LocalizationContext).stringSet;
+  var fileMessage = replyingMessage;
+  var sender = replyingMessage === null || replyingMessage === void 0 ? void 0 : replyingMessage.sender;
+  var displayFileIcon = (isFileMessage(replyingMessage) || isMultipleFilesMessage(replyingMessage)) && !isVoiceMessage(replyingMessage);
   return /*#__PURE__*/React__default.createElement("div", {
     className: getClassName(['sendbird-quote_message_input', className])
   }, displayFileIcon && /*#__PURE__*/React__default.createElement(QuoteMessageThumbnail, {
@@ -70,24 +82,26 @@ function QuoteMessageInput(_ref) {
   }), /*#__PURE__*/React__default.createElement("div", {
     className: "sendbird-quote_message_input__body",
     style: {
-      width: `calc(100% - ${displayFileIcon ? '164px' : '120px'})`,
+      width: "calc(100% - ".concat(displayFileIcon ? '164px' : '120px', ")"),
       left: displayFileIcon ? '92px' : '40px'
     }
   }, /*#__PURE__*/React__default.createElement(Label, {
     className: "sendbird-quote_message_input__body__sender-name",
     type: LabelTypography.CAPTION_1,
     color: LabelColors.ONBACKGROUND_1
-  }, `${stringSet.QUOTE_MESSAGE_INPUT__REPLY_TO} ${sender && sender.nickname ? sender.nickname : stringSet.NO_NAME}`), /*#__PURE__*/React__default.createElement(Label, {
+  }, "".concat(stringSet.QUOTE_MESSAGE_INPUT__REPLY_TO, " ").concat(sender && sender.nickname ? sender.nickname : stringSet.NO_NAME)), /*#__PURE__*/React__default.createElement(Label, {
     className: "sendbird-quote_message_input__body__message-content",
     type: LabelTypography.BODY_2,
     color: LabelColors.ONBACKGROUND_3
-  }, isImageMessage(fileMessage) && !isGifMessage(fileMessage) && stringSet.QUOTE_MESSAGE_INPUT__FILE_TYPE_IMAGE, isVideoMessage(fileMessage) && stringSet.QUOTE_MESSAGE_INPUT__FILE_TYPE__VIDEO, isGifMessage(fileMessage) && stringSet.QUOTE_MESSAGE_INPUT__FILE_TYPE_GIF, isUserMessage(replyingMessage) && replyingMessage.message, getUIKitMessageType(replyingMessage) === UIKitMessageTypes.FILE && getMessageFirstFileName(fileMessage), isMultipleFilesMessage(replyingMessage) && getMessageFirstFileName(fileMessage), isVoiceMessage(replyingMessage) && stringSet.VOICE_MESSAGE)), /*#__PURE__*/React__default.createElement(Icon, {
+  }, isImageMessage(fileMessage) && !isGifMessage(fileMessage) && stringSet.QUOTE_MESSAGE_INPUT__FILE_TYPE_IMAGE, isVideoMessage(fileMessage) && stringSet.QUOTE_MESSAGE_INPUT__FILE_TYPE__VIDEO, isGifMessage(fileMessage) && stringSet.QUOTE_MESSAGE_INPUT__FILE_TYPE_GIF, isUserMessage(replyingMessage) && replyingMessage.message, getUIKitMessageType(replyingMessage) === UIKitMessageTypes.FILE && getMessageFirstFileName(fileMessage), isMultipleFilesMessage(replyingMessage) && "".concat(fileMessage.fileInfoList.length, " Photos"), isVoiceMessage(replyingMessage) && stringSet.VOICE_MESSAGE)), /*#__PURE__*/React__default.createElement(Icon, {
     className: "sendbird-quote_message_input__close-button",
     type: IconTypes.CLOSE,
     fillColor: IconColors.ON_BACKGROUND_2,
     width: "24px",
     height: "24px",
-    onClick: () => onClose(replyingMessage)
+    onClick: function () {
+      return onClose(replyingMessage);
+    }
   }));
 }
 

package/ui/QuoteMessageInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"QuoteMessageInput.js","sources":["../../src/ui/QuoteMessageInput/QuoteMessageThumbnail.tsx","../../src/ui/QuoteMessageInput/index.tsx"],"sourcesContent":["import React, { ReactElement } from 'react';\nimport type { FileMessage } from '@sendbird/chat/message';\n\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport ImageRenderer from '../ImageRenderer';\nimport {\n  isAudioMessage,\n  isFileMessage, isImageFileInfo,\n  isImageMessage,\n  isMultipleFilesMessage,\n  isThumbnailMessage,\n  isVoiceMessage,\n} from '../../utils';\nimport { MultipleFilesMessage } from '@sendbird/chat/message';\nimport { getMessageFirstFileType, getMessageFirstFileUrl, getMessageFirstFileThumbnailUrl } from '../QuoteMessage/utils';\n\ninterface Props {\n  message: FileMessage | MultipleFilesMessage;\n}\n\nconst componentClassname = 'sendbird-quote_message_input__avatar';\n\nexport default function QuoteMessageThumbnail({ message }: Props): ReactElement {\n  if (!isFileMessage(message) && !isMultipleFilesMessage(message) || isVoiceMessage(message as FileMessage)) {\n    return null;\n  }\n  const thumbnailUrl: string = isFileMessage(message)\n    ? (getMessageFirstFileThumbnailUrl(message) || (isImageMessage(message as FileMessage) && getMessageFirstFileUrl(message)))\n    : (getMessageFirstFileThumbnailUrl(message)\n      || isImageFileInfo((message as MultipleFilesMessage).fileInfoList[0])\n      && getMessageFirstFileUrl(message));\n  if ((isThumbnailMessage(message) || isMultipleFilesMessage(message)) && thumbnailUrl) {\n    return (\n      <ImageRenderer\n        className={componentClassname}\n        url={thumbnailUrl}\n        alt={getMessageFirstFileType(message)}\n        width=\"44px\"\n        height=\"44px\"\n        fixedSize\n      />\n    );\n  } else if (isAudioMessage(message as FileMessage)) {\n    return (\n      <div className={componentClassname}>\n        <Icon\n          type={IconTypes.FILE_AUDIO}\n          fillColor={IconColors.ON_BACKGROUND_2}\n          width=\"24px\"\n          height=\"24px\"\n        />\n      </div>\n    );\n  } else {\n    return (\n      <div className={componentClassname}>\n        <Icon\n          type={IconTypes.FILE_DOCUMENT}\n          fillColor={IconColors.ON_BACKGROUND_2}\n          width=\"24px\"\n          height=\"24px\"\n        />\n      </div>\n    );\n  }\n}\n","import './index.scss';\n\nimport React, { ReactElement, useContext } from 'react';\nimport type { FileMessage, UserMessage } from '@sendbird/chat/message';\nimport {\n  CoreMessageType,\n  getClassName,\n  getUIKitMessageType,\n  isFileMessage,\n  isGifMessage,\n  isImageMessage,\n  isMultipleFilesMessage,\n  isUserMessage,\n  isVideoMessage,\n  isVoiceMessage, SendableMessageType,\n  UIKitMessageTypes,\n} from '../../utils';\n\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport { LocalizationContext } from '../../lib/LocalizationContext';\n\nimport QuoteMessageThumbnail from './QuoteMessageThumbnail';\nimport { getMessageFirstFileName } from '../QuoteMessage/utils';\nimport { MultipleFilesMessage } from '@sendbird/chat/message';\n\ninterface Props {\n  className?: string | Array<string>;\n  replyingMessage: SendableMessageType;\n  onClose?: (message: SendableMessageType) => void;\n}\n\nexport default function QuoteMessageInput({\n  className,\n  replyingMessage,\n  onClose,\n}: Props): ReactElement {\n  const { stringSet } = useContext(LocalizationContext);\n  const fileMessage = replyingMessage as FileMessage | MultipleFilesMessage;\n  const sender = (replyingMessage as SendableMessageType)?.sender;\n  const displayFileIcon = (isFileMessage(replyingMessage) || isMultipleFilesMessage(replyingMessage))\n    && !isVoiceMessage(replyingMessage as FileMessage);\n\n  return (\n    <div className={getClassName(['sendbird-quote_message_input', className])}>\n      {\n        displayFileIcon && (\n          <QuoteMessageThumbnail message={fileMessage} />\n        )\n      }\n      <div\n        className=\"sendbird-quote_message_input__body\"\n        style={{\n          width: `calc(100% - ${displayFileIcon ? '164px' : '120px'})`,\n          left: displayFileIcon ? '92px' : '40px',\n        }}\n      >\n        <Label\n          className=\"sendbird-quote_message_input__body__sender-name\"\n          type={LabelTypography.CAPTION_1}\n          color={LabelColors.ONBACKGROUND_1}\n        >\n          {`${stringSet.QUOTE_MESSAGE_INPUT__REPLY_TO} ${(sender && sender.nickname) ? sender.nickname : stringSet.NO_NAME}`}\n        </Label>\n        <Label\n          className=\"sendbird-quote_message_input__body__message-content\"\n          type={LabelTypography.BODY_2}\n          color={LabelColors.ONBACKGROUND_3}\n        >\n          {isImageMessage(fileMessage) && !isGifMessage(fileMessage) && stringSet.QUOTE_MESSAGE_INPUT__FILE_TYPE_IMAGE}\n          {isVideoMessage(fileMessage) && stringSet.QUOTE_MESSAGE_INPUT__FILE_TYPE__VIDEO}\n          {isGifMessage(fileMessage) && stringSet.QUOTE_MESSAGE_INPUT__FILE_TYPE_GIF}\n          {isUserMessage(replyingMessage as UserMessage) && (replyingMessage as UserMessage).message}\n          {getUIKitMessageType(replyingMessage) === UIKitMessageTypes.FILE && getMessageFirstFileName(fileMessage)}\n          {isMultipleFilesMessage(replyingMessage as CoreMessageType) && getMessageFirstFileName(fileMessage)}\n          {isVoiceMessage(replyingMessage as FileMessage) && stringSet.VOICE_MESSAGE}\n        </Label>\n      </div>\n      <Icon\n        className=\"sendbird-quote_message_input__close-button\"\n        type={IconTypes.CLOSE}\n        fillColor={IconColors.ON_BACKGROUND_2}\n        width=\"24px\"\n        height=\"24px\"\n        onClick={() => onClose(replyingMessage)}\n      />\n    </div>\n  );\n}\n"],"names":["componentClassname","QuoteMessageThumbnail","_ref","message","isFileMessage","isMultipleFilesMessage","isVoiceMessage","thumbnailUrl","getMessageFirstFileThumbnailUrl","isImageMessage","getMessageFirstFileUrl","isImageFileInfo","fileInfoList","isThumbnailMessage","React","createElement","ImageRenderer","className","url","alt","getMessageFirstFileType","width","height","fixedSize","isAudioMessage","Icon","type","IconTypes","FILE_AUDIO","fillColor","IconColors","ON_BACKGROUND_2","FILE_DOCUMENT","QuoteMessageInput","replyingMessage","onClose","stringSet","useContext","LocalizationContext","fileMessage","sender","displayFileIcon","getClassName","style","left","Label","LabelTypography","CAPTION_1","color","LabelColors","ONBACKGROUND_1","QUOTE_MESSAGE_INPUT__REPLY_TO","nickname","NO_NAME","BODY_2","ONBACKGROUND_3","isGifMessage","QUOTE_MESSAGE_INPUT__FILE_TYPE_IMAGE","isVideoMessage","QUOTE_MESSAGE_INPUT__FILE_TYPE__VIDEO","QUOTE_MESSAGE_INPUT__FILE_TYPE_GIF","isUserMessage","getUIKitMessageType","UIKitMessageTypes","FILE","getMessageFirstFileName","VOICE_MESSAGE","CLOSE","onClick"],"mappings":";;;;;;;;;;;;;;AAoBA,MAAMA,kBAAkB,GAAG,sCAAsC,CAAA;AAElD,SAASC,qBAAqBA,CAAAC,IAAA,EAAmC;EAAA,IAAlC;AAAEC,IAAAA,OAAAA;AAAe,GAAC,GAAAD,IAAA,CAAA;AAC9D,EAAA,IAAI,CAACE,aAAa,CAACD,OAAO,CAAC,IAAI,CAACE,sBAAsB,CAACF,OAAO,CAAC,IAAIG,cAAc,CAACH,OAAO,CAAgB,EAAE;AACzG,IAAA,OAAO,IAAI,CAAA;AACb,GAAA;AACA,EAAA,MAAMI,YAAoB,GAAGH,aAAa,CAACD,OAAO,CAAC,GAC9CK,+BAA+B,CAACL,OAAO,CAAC,IAAKM,cAAc,CAACN,OAAO,CAAgB,IAAIO,sBAAsB,CAACP,OAAO,CAAE,GACvHK,+BAA+B,CAACL,OAAO,CAAC,IACtCQ,eAAe,CAAER,OAAO,CAA0BS,YAAY,CAAC,CAAC,CAAC,CAAC,IAClEF,sBAAsB,CAACP,OAAO,CAAE,CAAA;AACvC,EAAA,IAAI,CAACU,kBAAkB,CAACV,OAAO,CAAC,IAAIE,sBAAsB,CAACF,OAAO,CAAC,KAAKI,YAAY,EAAE;AACpF,IAAA,oBACEO,cAAA,CAAAC,aAAA,CAACC,aAAa,EAAA;AACZC,MAAAA,SAAS,EAAEjB,kBAAmB;AAC9BkB,MAAAA,GAAG,EAAEX,YAAa;AAClBY,MAAAA,GAAG,EAAEC,uBAAuB,CAACjB,OAAO,CAAE;AACtCkB,MAAAA,KAAK,EAAC,MAAM;AACZC,MAAAA,MAAM,EAAC,MAAM;MACbC,SAAS,EAAA,IAAA;KACT,CAAA,CAAA;AAEN,GAAC,MAAM,IAAIC,cAAc,CAACrB,OAAO,CAAgB,EAAE;IACjD,oBACEW,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKE,MAAAA,SAAS,EAAEjB,kBAAAA;AAAmB,KAAA,eACjCc,cAAA,CAAAC,aAAA,CAACU,IAAI,EAAA;MACHC,IAAI,EAAEC,SAAS,CAACC,UAAW;MAC3BC,SAAS,EAAEC,UAAU,CAACC,eAAgB;AACtCV,MAAAA,KAAK,EAAC,MAAM;AACZC,MAAAA,MAAM,EAAC,MAAA;AAAM,KAAA,CACb,CACE,CAAA;AAEV,GAAC,MAAM;IACL,oBACER,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKE,MAAAA,SAAS,EAAEjB,kBAAAA;AAAmB,KAAA,eACjCc,cAAA,CAAAC,aAAA,CAACU,IAAI,EAAA;MACHC,IAAI,EAAEC,SAAS,CAACK,aAAc;MAC9BH,SAAS,EAAEC,UAAU,CAACC,eAAgB;AACtCV,MAAAA,KAAK,EAAC,MAAM;AACZC,MAAAA,MAAM,EAAC,MAAA;AAAM,KAAA,CACb,CACE,CAAA;AAEV,GAAA;AACF;;ACjCe,SAASW,iBAAiBA,CAAA/B,IAAA,EAIjB;EAAA,IAJkB;IACxCe,SAAS;IACTiB,eAAe;AACfC,IAAAA,OAAAA;AACK,GAAC,GAAAjC,IAAA,CAAA;EACN,MAAM;AAAEkC,IAAAA,SAAAA;AAAU,GAAC,GAAGC,UAAU,CAACC,mBAAmB,CAAC,CAAA;EACrD,MAAMC,WAAW,GAAGL,eAAqD,CAAA;EACzE,MAAMM,MAAM,GAAIN,eAAe,KAAA,IAAA,IAAfA,eAAe,KAAfA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,eAAe,CAA0BM,MAAM,CAAA;AAC/D,EAAA,MAAMC,eAAe,GAAG,CAACrC,aAAa,CAAC8B,eAAe,CAAC,IAAI7B,sBAAsB,CAAC6B,eAAe,CAAC,KAC7F,CAAC5B,cAAc,CAAC4B,eAAe,CAAgB,CAAA;EAEpD,oBACEpB,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKE,IAAAA,SAAS,EAAEyB,YAAY,CAAC,CAAC,8BAA8B,EAAEzB,SAAS,CAAC,CAAA;AAAE,GAAA,EAEtEwB,eAAe,iBACb3B,cAAA,CAAAC,aAAA,CAACd,qBAAqB,EAAA;AAACE,IAAAA,OAAO,EAAEoC,WAAAA;GACjC,CAAA,eAEHzB,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACEE,IAAAA,SAAS,EAAC,oCAAoC;AAC9C0B,IAAAA,KAAK,EAAE;AACLtB,MAAAA,KAAK,EAAG,CAAcoB,YAAAA,EAAAA,eAAe,GAAG,OAAO,GAAG,OAAQ,CAAE,CAAA,CAAA;AAC5DG,MAAAA,IAAI,EAAEH,eAAe,GAAG,MAAM,GAAG,MAAA;AACnC,KAAA;AAAE,GAAA,eAEF3B,cAAA,CAAAC,aAAA,CAAC8B,KAAK,EAAA;AACJ5B,IAAAA,SAAS,EAAC,iDAAiD;IAC3DS,IAAI,EAAEoB,eAAe,CAACC,SAAU;IAChCC,KAAK,EAAEC,WAAW,CAACC,cAAAA;GAEjB,EAAA,CAAA,EAAEd,SAAS,CAACe,6BAA8B,CAAA,CAAA,EAAIX,MAAM,IAAIA,MAAM,CAACY,QAAQ,GAAIZ,MAAM,CAACY,QAAQ,GAAGhB,SAAS,CAACiB,OAAQ,CAAA,CAAC,CAC5G,eACRvC,cAAA,CAAAC,aAAA,CAAC8B,KAAK,EAAA;AACJ5B,IAAAA,SAAS,EAAC,qDAAqD;IAC/DS,IAAI,EAAEoB,eAAe,CAACQ,MAAO;IAC7BN,KAAK,EAAEC,WAAW,CAACM,cAAAA;AAAe,GAAA,EAEjC9C,cAAc,CAAC8B,WAAW,CAAC,IAAI,CAACiB,YAAY,CAACjB,WAAW,CAAC,IAAIH,SAAS,CAACqB,oCAAoC,EAC3GC,cAAc,CAACnB,WAAW,CAAC,IAAIH,SAAS,CAACuB,qCAAqC,EAC9EH,YAAY,CAACjB,WAAW,CAAC,IAAIH,SAAS,CAACwB,kCAAkC,EACzEC,aAAa,CAAC3B,eAAe,CAAgB,IAAKA,eAAe,CAAiB/B,OAAO,EACzF2D,mBAAmB,CAAC5B,eAAe,CAAC,KAAK6B,iBAAiB,CAACC,IAAI,IAAIC,uBAAuB,CAAC1B,WAAW,CAAC,EACvGlC,sBAAsB,CAAC6B,eAAe,CAAoB,IAAI+B,uBAAuB,CAAC1B,WAAW,CAAC,EAClGjC,cAAc,CAAC4B,eAAe,CAAgB,IAAIE,SAAS,CAAC8B,aAAa,CACpE,CACJ,eACNpD,cAAA,CAAAC,aAAA,CAACU,IAAI,EAAA;AACHR,IAAAA,SAAS,EAAC,4CAA4C;IACtDS,IAAI,EAAEC,SAAS,CAACwC,KAAM;IACtBtC,SAAS,EAAEC,UAAU,CAACC,eAAgB;AACtCV,IAAAA,KAAK,EAAC,MAAM;AACZC,IAAAA,MAAM,EAAC,MAAM;AACb8C,IAAAA,OAAO,EAAEA,MAAMjC,OAAO,CAACD,eAAe,CAAA;AAAE,GAAA,CACxC,CACE,CAAA;AAEV;;;;"}
+{"version":3,"file":"QuoteMessageInput.js","sources":["../../src/ui/QuoteMessageInput/QuoteMessageThumbnail.tsx","../../src/ui/QuoteMessageInput/index.tsx"],"sourcesContent":["import React, { ReactElement } from 'react';\nimport type { FileMessage } from '@sendbird/chat/message';\n\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport ImageRenderer from '../ImageRenderer';\nimport {\n  isAudioMessage,\n  isFileMessage, isImageFileInfo,\n  isImageMessage,\n  isMultipleFilesMessage,\n  isThumbnailMessage,\n  isVideoMessage,\n  isVoiceMessage,\n} from '../../utils';\nimport { MultipleFilesMessage } from '@sendbird/chat/message';\nimport { getMessageFirstFileType, getMessageFirstFileUrl, getMessageFirstFileThumbnailUrl } from '../QuoteMessage/utils';\n\ninterface Props {\n  message: FileMessage | MultipleFilesMessage;\n}\n\nconst componentClassname = 'sendbird-quote_message_input__avatar';\n\nexport default function QuoteMessageThumbnail({ message }: Props): ReactElement {\n  if (!isFileMessage(message) && !isMultipleFilesMessage(message) || isVoiceMessage(message as FileMessage)) {\n    return null;\n  }\n  let thumbnailUrl = getMessageFirstFileThumbnailUrl(message);\n  if (!thumbnailUrl) {\n    if (\n      message.isFileMessage?.()\n      && (\n        isImageMessage(message)\n        || isVideoMessage(message)\n      )\n    ) {\n      thumbnailUrl = getMessageFirstFileUrl(message);\n    } else if (\n      message.isMultipleFilesMessage?.()\n      && (\n        message.fileInfoList.length > 0\n        && isImageFileInfo((message).fileInfoList[0])\n      )\n    ) {\n      thumbnailUrl = message.fileInfoList[0].url;\n    }\n  }\n  if (isVideoMessage(message as FileMessage) && thumbnailUrl) {\n    return (\n      <div className={componentClassname}>\n        <video\n          style={{\n            width: '44px',\n            height: '44px',\n          }}\n          src={thumbnailUrl}\n        />\n      </div>\n    );\n  } else if ((isThumbnailMessage(message) || isMultipleFilesMessage(message)) && thumbnailUrl) {\n    return (\n      <ImageRenderer\n        className={componentClassname}\n        url={thumbnailUrl}\n        alt={getMessageFirstFileType(message)}\n        width=\"44px\"\n        height=\"44px\"\n        fixedSize\n      />\n    );\n  } else if (isAudioMessage(message as FileMessage)) {\n    return (\n      <div className={componentClassname}>\n        <Icon\n          type={IconTypes.FILE_AUDIO}\n          fillColor={IconColors.ON_BACKGROUND_2}\n          width=\"24px\"\n          height=\"24px\"\n        />\n      </div>\n    );\n  } else {\n    return (\n      <div className={componentClassname}>\n        <Icon\n          type={IconTypes.FILE_DOCUMENT}\n          fillColor={IconColors.ON_BACKGROUND_2}\n          width=\"24px\"\n          height=\"24px\"\n        />\n      </div>\n    );\n  }\n}\n","import './index.scss';\n\nimport React, { ReactElement, useContext } from 'react';\nimport type { FileMessage, UserMessage } from '@sendbird/chat/message';\nimport {\n  CoreMessageType,\n  getClassName,\n  getUIKitMessageType,\n  isFileMessage,\n  isGifMessage,\n  isImageMessage,\n  isMultipleFilesMessage,\n  isUserMessage,\n  isVideoMessage,\n  isVoiceMessage, SendableMessageType,\n  UIKitMessageTypes,\n} from '../../utils';\n\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport { LocalizationContext } from '../../lib/LocalizationContext';\n\nimport QuoteMessageThumbnail from './QuoteMessageThumbnail';\nimport { getMessageFirstFileName } from '../QuoteMessage/utils';\nimport { MultipleFilesMessage } from '@sendbird/chat/message';\n\ninterface Props {\n  className?: string | Array<string>;\n  replyingMessage: SendableMessageType;\n  onClose?: (message: SendableMessageType) => void;\n}\n\nexport default function QuoteMessageInput({\n  className,\n  replyingMessage,\n  onClose,\n}: Props): ReactElement {\n  const { stringSet } = useContext(LocalizationContext);\n  const fileMessage = replyingMessage as FileMessage | MultipleFilesMessage;\n  const sender = (replyingMessage as SendableMessageType)?.sender;\n  const displayFileIcon = (isFileMessage(replyingMessage) || isMultipleFilesMessage(replyingMessage))\n    && !isVoiceMessage(replyingMessage as FileMessage);\n\n  return (\n    <div className={getClassName(['sendbird-quote_message_input', className])}>\n      {\n        displayFileIcon && (\n          <QuoteMessageThumbnail message={fileMessage} />\n        )\n      }\n      <div\n        className=\"sendbird-quote_message_input__body\"\n        style={{\n          width: `calc(100% - ${displayFileIcon ? '164px' : '120px'})`,\n          left: displayFileIcon ? '92px' : '40px',\n        }}\n      >\n        <Label\n          className=\"sendbird-quote_message_input__body__sender-name\"\n          type={LabelTypography.CAPTION_1}\n          color={LabelColors.ONBACKGROUND_1}\n        >\n          {`${stringSet.QUOTE_MESSAGE_INPUT__REPLY_TO} ${(sender && sender.nickname) ? sender.nickname : stringSet.NO_NAME}`}\n        </Label>\n        <Label\n          className=\"sendbird-quote_message_input__body__message-content\"\n          type={LabelTypography.BODY_2}\n          color={LabelColors.ONBACKGROUND_3}\n        >\n          {isImageMessage(fileMessage) && !isGifMessage(fileMessage) && stringSet.QUOTE_MESSAGE_INPUT__FILE_TYPE_IMAGE}\n          {isVideoMessage(fileMessage) && stringSet.QUOTE_MESSAGE_INPUT__FILE_TYPE__VIDEO}\n          {isGifMessage(fileMessage) && stringSet.QUOTE_MESSAGE_INPUT__FILE_TYPE_GIF}\n          {isUserMessage(replyingMessage as UserMessage) && (replyingMessage as UserMessage).message}\n          {getUIKitMessageType(replyingMessage) === UIKitMessageTypes.FILE && getMessageFirstFileName(fileMessage)}\n          {\n            isMultipleFilesMessage(replyingMessage as CoreMessageType)\n            && `${(fileMessage as MultipleFilesMessage).fileInfoList.length} Photos`}\n          {isVoiceMessage(replyingMessage as FileMessage) && stringSet.VOICE_MESSAGE}\n        </Label>\n      </div>\n      <Icon\n        className=\"sendbird-quote_message_input__close-button\"\n        type={IconTypes.CLOSE}\n        fillColor={IconColors.ON_BACKGROUND_2}\n        width=\"24px\"\n        height=\"24px\"\n        onClick={() => onClose(replyingMessage)}\n      />\n    </div>\n  );\n}\n"],"names":["componentClassname","QuoteMessageThumbnail","_a","message","isFileMessage","isMultipleFilesMessage","isVoiceMessage","thumbnailUrl","getMessageFirstFileThumbnailUrl","_b","call","isImageMessage","isVideoMessage","getMessageFirstFileUrl","_c","fileInfoList","length","isImageFileInfo","url","React","createElement","className","style","width","height","src","isThumbnailMessage","ImageRenderer","alt","getMessageFirstFileType","fixedSize","isAudioMessage","Icon","type","IconTypes","FILE_AUDIO","fillColor","IconColors","ON_BACKGROUND_2","FILE_DOCUMENT","QuoteMessageInput","replyingMessage","onClose","stringSet","useContext","LocalizationContext","fileMessage","sender","displayFileIcon","getClassName","concat","left","Label","LabelTypography","CAPTION_1","color","LabelColors","ONBACKGROUND_1","QUOTE_MESSAGE_INPUT__REPLY_TO","nickname","NO_NAME","BODY_2","ONBACKGROUND_3","isGifMessage","QUOTE_MESSAGE_INPUT__FILE_TYPE_IMAGE","QUOTE_MESSAGE_INPUT__FILE_TYPE__VIDEO","QUOTE_MESSAGE_INPUT__FILE_TYPE_GIF","isUserMessage","getUIKitMessageType","UIKitMessageTypes","FILE","getMessageFirstFileName","VOICE_MESSAGE","CLOSE","onClick"],"mappings":"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"}

package/ui/ReactionBadge.js

@@ -1,18 +1,22 @@
+import { c as __spreadArray } from '../tslib.es6-0c779aab.js';
 import React__default from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-aa520474.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-12103973.js';
 import 'prop-types';
-import '../stringSet-2814bf17.js';
+import '../stringSet-1106c8ec.js';
 
-const ReactionBadge = /*#__PURE__*/React__default.forwardRef((props, ref) => {
-  const {
-    className = '',
-    children,
-    count = '',
-    isAdd = false,
-    selected = false,
-    onClick = () => {/* noop */}
-  } = props;
-  const getClassNameTail = () => {
+var ReactionBadge = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
+  var _a = props.className,
+    className = _a === void 0 ? '' : _a,
+    children = props.children,
+    _b = props.count,
+    count = _b === void 0 ? '' : _b,
+    _c = props.isAdd,
+    isAdd = _c === void 0 ? false : _c,
+    _d = props.selected,
+    selected = _d === void 0 ? false : _d,
+    _e = props.onClick,
+    onClick = _e === void 0 ? function () {} : _e;
+  var getClassNameTail = function () {
     if (selected && !isAdd) {
       return '--selected';
     }
@@ -22,7 +26,7 @@ const ReactionBadge = /*#__PURE__*/React__default.forwardRef((props, ref) => {
     return '';
   };
   return /*#__PURE__*/React__default.createElement("div", {
-    className: [...(Array.isArray(className) ? className : [className]), `sendbird-reaction-badge${getClassNameTail()}`].join(' '),
+    className: __spreadArray(__spreadArray([], Array.isArray(className) ? className : [className], true), ["sendbird-reaction-badge".concat(getClassNameTail())], false).join(' '),
     role: "button",
     ref: ref,
     onClick: onClick,

package/ui/ReactionBadge.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReactionBadge.js","sources":["../../src/ui/ReactionBadge/index.tsx"],"sourcesContent":["import React, {\n  KeyboardEvent,\n  MouseEvent,\n  ReactElement,\n  RefObject,\n  TouchEvent,\n} from 'react';\n\nimport './index.scss';\n\nimport Label, { LabelTypography, LabelColors } from '../Label';\n\nexport interface ReactionBadgeProps {\n  className?: string | Array<string>;\n  children: ReactElement;\n  count?: number | string;\n  isAdd?: boolean;\n  selected?: boolean;\n  onClick?: (\n    e: MouseEvent<HTMLDivElement> | KeyboardEvent<HTMLDivElement> | TouchEvent<HTMLDivElement>\n  ) => void;\n}\nconst ReactionBadge = React.forwardRef((props: ReactionBadgeProps, ref: RefObject<HTMLDivElement>): ReactElement => {\n  const {\n    className = '',\n    children,\n    count = '',\n    isAdd = false,\n    selected = false,\n    onClick = () => { /* noop */ },\n  } = props;\n\n  const getClassNameTail = (): string => {\n    if (selected && !isAdd) {\n      return '--selected';\n    }\n    if (isAdd) {\n      return '--is-add';\n    }\n    return '';\n  };\n\n  return (\n    <div\n      className={[\n        ...(Array.isArray(className) ? className : [className]),\n        `sendbird-reaction-badge${getClassNameTail()}`,\n      ].join(' ')}\n      role=\"button\"\n      ref={ref}\n      onClick={onClick}\n      onKeyDown={onClick}\n      onTouchEnd={onClick}\n      tabIndex={0}\n    >\n      <div className=\"sendbird-reaction-badge__inner\">\n        <div className=\"sendbird-reaction-badge__inner__icon\">\n          {children}\n        </div>\n        <Label\n          className={(children && count) && 'sendbird-reaction-badge__inner__count'}\n          type={LabelTypography.CAPTION_3}\n          color={LabelColors.ONBACKGROUND_1}\n        >\n          {count}\n        </Label>\n      </div>\n    </div>\n  );\n});\n\nexport default ReactionBadge;\n"],"names":["ReactionBadge","React","forwardRef","props","ref","className","children","count","isAdd","selected","onClick","getClassNameTail","createElement","Array","isArray","join","role","onKeyDown","onTouchEnd","tabIndex","Label","type","LabelTypography","CAPTION_3","color","LabelColors","ONBACKGROUND_1"],"mappings":";;;;;AAsBMA,MAAAA,aAAa,gBAAGC,cAAK,CAACC,UAAU,CAAC,CAACC,KAAyB,EAAEC,GAA8B,KAAmB;EAClH,MAAM;AACJC,IAAAA,SAAS,GAAG,EAAE;IACdC,QAAQ;AACRC,IAAAA,KAAK,GAAG,EAAE;AACVC,IAAAA,KAAK,GAAG,KAAK;AACbC,IAAAA,QAAQ,GAAG,KAAK;IAChBC,OAAO,GAAGA,MAAM,YAAE;AACpB,GAAC,GAAGP,KAAK,CAAA;EAET,MAAMQ,gBAAgB,GAAGA,MAAc;AACrC,IAAA,IAAIF,QAAQ,IAAI,CAACD,KAAK,EAAE;AACtB,MAAA,OAAO,YAAY,CAAA;AACrB,KAAA;AACA,IAAA,IAAIA,KAAK,EAAE;AACT,MAAA,OAAO,UAAU,CAAA;AACnB,KAAA;AACA,IAAA,OAAO,EAAE,CAAA;GACV,CAAA;EAED,oBACEP,cAAA,CAAAW,aAAA,CAAA,KAAA,EAAA;IACEP,SAAS,EAAE,CACT,IAAIQ,KAAK,CAACC,OAAO,CAACT,SAAS,CAAC,GAAGA,SAAS,GAAG,CAACA,SAAS,CAAC,CAAC,EACtD,CAAA,uBAAA,EAAyBM,gBAAgB,EAAG,CAAC,CAAA,CAC/C,CAACI,IAAI,CAAC,GAAG,CAAE;AACZC,IAAAA,IAAI,EAAC,QAAQ;AACbZ,IAAAA,GAAG,EAAEA,GAAI;AACTM,IAAAA,OAAO,EAAEA,OAAQ;AACjBO,IAAAA,SAAS,EAAEP,OAAQ;AACnBQ,IAAAA,UAAU,EAAER,OAAQ;AACpBS,IAAAA,QAAQ,EAAE,CAAA;GAEVlB,eAAAA,cAAA,CAAAW,aAAA,CAAA,KAAA,EAAA;AAAKP,IAAAA,SAAS,EAAC,gCAAA;GACbJ,eAAAA,cAAA,CAAAW,aAAA,CAAA,KAAA,EAAA;AAAKP,IAAAA,SAAS,EAAC,sCAAA;AAAsC,GAAA,EAClDC,QAAQ,CACL,eACNL,cAAA,CAAAW,aAAA,CAACQ,KAAK,EAAA;AACJf,IAAAA,SAAS,EAAGC,QAAQ,IAAIC,KAAK,IAAK,uCAAwC;IAC1Ec,IAAI,EAAEC,eAAe,CAACC,SAAU;IAChCC,KAAK,EAAEC,WAAW,CAACC,cAAAA;GAElBnB,EAAAA,KAAK,CACA,CACJ,CACF,CAAA;AAEV,CAAC;;;;"}
+{"version":3,"file":"ReactionBadge.js","sources":["../../src/ui/ReactionBadge/index.tsx"],"sourcesContent":["import React, {\n  KeyboardEvent,\n  MouseEvent,\n  ReactElement,\n  RefObject,\n  TouchEvent,\n} from 'react';\n\nimport './index.scss';\n\nimport Label, { LabelTypography, LabelColors } from '../Label';\n\nexport interface ReactionBadgeProps {\n  className?: string | Array<string>;\n  children: ReactElement;\n  count?: number | string;\n  isAdd?: boolean;\n  selected?: boolean;\n  onClick?: (\n    e: MouseEvent<HTMLDivElement> | KeyboardEvent<HTMLDivElement> | TouchEvent<HTMLDivElement>\n  ) => void;\n}\nconst ReactionBadge = React.forwardRef((props: ReactionBadgeProps, ref: RefObject<HTMLDivElement>): ReactElement => {\n  const {\n    className = '',\n    children,\n    count = '',\n    isAdd = false,\n    selected = false,\n    onClick = () => { /* noop */ },\n  } = props;\n\n  const getClassNameTail = (): string => {\n    if (selected && !isAdd) {\n      return '--selected';\n    }\n    if (isAdd) {\n      return '--is-add';\n    }\n    return '';\n  };\n\n  return (\n    <div\n      className={[\n        ...(Array.isArray(className) ? className : [className]),\n        `sendbird-reaction-badge${getClassNameTail()}`,\n      ].join(' ')}\n      role=\"button\"\n      ref={ref}\n      onClick={onClick}\n      onKeyDown={onClick}\n      onTouchEnd={onClick}\n      tabIndex={0}\n    >\n      <div className=\"sendbird-reaction-badge__inner\">\n        <div className=\"sendbird-reaction-badge__inner__icon\">\n          {children}\n        </div>\n        <Label\n          className={(children && count) && 'sendbird-reaction-badge__inner__count'}\n          type={LabelTypography.CAPTION_3}\n          color={LabelColors.ONBACKGROUND_1}\n        >\n          {count}\n        </Label>\n      </div>\n    </div>\n  );\n});\n\nexport default ReactionBadge;\n"],"names":["ReactionBadge","React","forwardRef","props","ref","_a","className","children","_b","count","_c","isAdd","_d","selected","_e","onClick","getClassNameTail","createElement","__spreadArray","Array","isArray","concat","join","role","onKeyDown","onTouchEnd","tabIndex","Label","type","LabelTypography","CAPTION_3","color","LabelColors","ONBACKGROUND_1"],"mappings":";;;;;;AAsBMA,IAAAA,aAAa,gBAAGC,cAAK,CAACC,UAAU,CAAC,UAACC,KAAyB,EAAEC,GAA8B,EAAA;AAE7F,EAAA,IAAAC,EAAA,GAMEF,KAAK,CANOG,SAAA;IAAdA,SAAS,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,EAAE,GAAAA,EAAA;IACdE,QAAQ,GAKNJ,KAAK,CALCI,QAAA;IACRC,EAIE,GAAAL,KAAK,CAJGM,KAAA;IAAVA,KAAK,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,EAAE,GAAAA,EAAA;IACVE,EAGE,GAAAP,KAAK,MAHM;IAAbQ,KAAK,mBAAG,KAAK,GAAAD,EAAA;IACbE,EAEE,GAAAT,KAAK,CAFSU,QAAA;IAAhBA,QAAQ,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,KAAK,GAAAA,EAAA;IAChBE,EACE,GAAAX,KAAK,CADuBY,OAAA;IAA9BA,OAAO,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,YAAA,EAAoB,GAAAA,EAAA,CAAA;AAGhC,EAAA,IAAME,gBAAgB,GAAG,YAAA;AACvB,IAAA,IAAIH,QAAQ,IAAI,CAACF,KAAK,EAAE;AACtB,MAAA,OAAO,YAAY,CAAA;AACpB,KAAA;AACD,IAAA,IAAIA,KAAK,EAAE;AACT,MAAA,OAAO,UAAU,CAAA;AAClB,KAAA;AACD,IAAA,OAAO,EAAE,CAAA;GACV,CAAA;EAED,oBACEV,cAAA,CAAAgB,aAAA,CAAA,KAAA,EAAA;AACEX,IAAAA,SAAS,EAAEY,aAAA,CAAAA,aAAA,CAAA,EAAA,EACLC,KAAK,CAACC,OAAO,CAACd,SAAS,CAAC,GAAGA,SAAS,GAAG,CAACA,SAAS,CAAC,EAAC,IAAA,CAAA,EAAA,CACvD,yBAA0B,CAAAe,MAAA,CAAAL,gBAAgB,EAAE,CAAE,CAC9C,EAAA,KAAA,CAAA,CAAAM,IAAI,CAAC,GAAG,CAAE;AACZC,IAAAA,IAAI,EAAC,QAAQ;AACbnB,IAAAA,GAAG,EAAEA,GAAI;AACTW,IAAAA,OAAO,EAAEA,OAAQ;AACjBS,IAAAA,SAAS,EAAET,OAAQ;AACnBU,IAAAA,UAAU,EAAEV,OAAQ;AACpBW,IAAAA,QAAQ,EAAE,CAAA;GAEVzB,eAAAA,cAAA,CAAAgB,aAAA,CAAA,KAAA,EAAA;AAAKX,IAAAA,SAAS,EAAC,gCAAA;GACbL,eAAAA,cAAA,CAAAgB,aAAA,CAAA,KAAA,EAAA;AAAKX,IAAAA,SAAS,EAAC,sCAAA;AAAsC,GAAA,EAClDC,QACE,CACL,eAAAN,cAAA,CAAAgB,aAAA,CAACU,KAAK,EAAA;AACJrB,IAAAA,SAAS,EAAGC,QAAQ,IAAIE,KAAK,IAAK,uCAAwC;IAC1EmB,IAAI,EAAEC,eAAe,CAACC,SAAU;IAChCC,KAAK,EAAEC,WAAW,CAACC,cAAAA;GAElBxB,EAAAA,KACI,CACJ,CACF,CAAC,CAAA;AAEV,CAAC;;;;"}

package/ui/ReactionButton.js

@@ -1,33 +1,33 @@
-import { b as _extends } from '../_rollupPluginBabelHelpers-50c9576f.js';
+import { _ as _extends } from '../_rollupPluginBabelHelpers-07dcbc2b.js';
+import { c as __spreadArray } from '../tslib.es6-0c779aab.js';
 import React__default from 'react';
-import { u as useLongPress } from '../useLongPress-5e1ad951.js';
-import { n as noop } from '../utils-407da489.js';
-import '../MediaQueryContext-e3429d12.js';
+import { u as useLongPress } from '../useLongPress-322bb6a3.js';
+import { n as noop } from '../utils-74c161a0.js';
+import '../MediaQueryContext-3eeeec4f.js';
 
-const ReactionButton = /*#__PURE__*/React__default.forwardRef((props, ref) => {
-  const {
-    className,
-    width,
-    height,
-    selected,
-    dataSbId = '',
-    onClick,
-    children
-  } = props;
-  const onClickHandler = useLongPress({
+var ReactionButton = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
+  var className = props.className,
+    width = props.width,
+    height = props.height,
+    selected = props.selected,
+    _a = props.dataSbId,
+    dataSbId = _a === void 0 ? '' : _a,
+    onClick = props.onClick,
+    children = props.children;
+  var onClickHandler = useLongPress({
     onLongPress: noop,
-    onClick
+    onClick: onClick
   }, {
     shouldPreventDefault: true,
     shouldStopPropagation: true
   });
   return /*#__PURE__*/React__default.createElement("div", _extends({
-    className: [...(Array.isArray(className) ? className : [className]), `sendbird-reaction-button${selected ? '--selected' : ''}`].join(' '),
+    className: __spreadArray(__spreadArray([], Array.isArray(className) ? className : [className], true), ["sendbird-reaction-button".concat(selected ? '--selected' : '')], false).join(' '),
     ref: ref,
     role: "button",
     style: {
-      width,
-      height
+      width: width,
+      height: height
     }
   }, onClickHandler, {
     tabIndex: 0,

package/ui/ReactionButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReactionButton.js","sources":["../../src/ui/ReactionButton/index.tsx"],"sourcesContent":["import React, {\n  ForwardedRef,\n  KeyboardEvent,\n  MouseEvent,\n  ReactElement,\n  TouchEvent,\n} from 'react';\n\nimport './index.scss';\nimport useLongPress from '../../hooks/useLongPress';\nimport { noop } from '../../utils/utils';\n\nexport interface ReactionButtonProps {\n  children: ReactElement;\n  className?: string | Array<string>;\n  width?: string | number;\n  height?: string | number;\n  selected?: boolean;\n  dataSbId?: string;\n  onClick?: (\n    e: MouseEvent<HTMLDivElement> | KeyboardEvent<HTMLDivElement> | TouchEvent<HTMLDivElement>\n  ) => void;\n}\n\nconst ReactionButton = React.forwardRef((props: ReactionButtonProps, ref: ForwardedRef<HTMLDivElement>) => {\n  const {\n    className,\n    width,\n    height,\n    selected,\n    dataSbId = '',\n    onClick,\n    children,\n  } = props;\n\n  const onClickHandler = useLongPress({\n    onLongPress: noop,\n    onClick,\n  }, {\n    shouldPreventDefault: true,\n    shouldStopPropagation: true,\n  });\n\n  return (\n    <div\n      className={[\n        ...(Array.isArray(className) ? className : [className]),\n        `sendbird-reaction-button${selected ? '--selected' : ''}`,\n      ].join(' ')}\n      ref={ref}\n      role=\"button\"\n      style={{ width, height }}\n      {...onClickHandler}\n      tabIndex={0}\n      data-sb-id={dataSbId}\n    >\n      <div className=\"sendbird-reaction-button__inner\">\n        {children}\n      </div>\n    </div>\n  );\n});\n\nexport default ReactionButton;\n"],"names":["ReactionButton","React","forwardRef","props","ref","className","width","height","selected","dataSbId","onClick","children","onClickHandler","useLongPress","onLongPress","noop","shouldPreventDefault","shouldStopPropagation","createElement","_extends","Array","isArray","join","role","style","tabIndex"],"mappings":";;;;;;AAwBMA,MAAAA,cAAc,gBAAGC,cAAK,CAACC,UAAU,CAAC,CAACC,KAA0B,EAAEC,GAAiC,KAAK;EACzG,MAAM;IACJC,SAAS;IACTC,KAAK;IACLC,MAAM;IACNC,QAAQ;AACRC,IAAAA,QAAQ,GAAG,EAAE;IACbC,OAAO;AACPC,IAAAA,QAAAA;AACF,GAAC,GAAGR,KAAK,CAAA;EAET,MAAMS,cAAc,GAAGC,YAAY,CAAC;AAClCC,IAAAA,WAAW,EAAEC,IAAI;AACjBL,IAAAA,OAAAA;AACF,GAAC,EAAE;AACDM,IAAAA,oBAAoB,EAAE,IAAI;AAC1BC,IAAAA,qBAAqB,EAAE,IAAA;AACzB,GAAC,CAAC,CAAA;AAEF,EAAA,oBACEhB,cAAA,CAAAiB,aAAA,CAAA,KAAA,EAAAC,QAAA,CAAA;AACEd,IAAAA,SAAS,EAAE,CACT,IAAIe,KAAK,CAACC,OAAO,CAAChB,SAAS,CAAC,GAAGA,SAAS,GAAG,CAACA,SAAS,CAAC,CAAC,EACtD,CAAA,wBAAA,EAA0BG,QAAQ,GAAG,YAAY,GAAG,EAAG,CAAA,CAAC,CAC1D,CAACc,IAAI,CAAC,GAAG,CAAE;AACZlB,IAAAA,GAAG,EAAEA,GAAI;AACTmB,IAAAA,IAAI,EAAC,QAAQ;AACbC,IAAAA,KAAK,EAAE;MAAElB,KAAK;AAAEC,MAAAA,MAAAA;AAAO,KAAA;AAAE,GAAA,EACrBK,cAAc,EAAA;AAClBa,IAAAA,QAAQ,EAAE,CAAE;IACZ,YAAYhB,EAAAA,QAAAA;GAEZR,CAAAA,eAAAA,cAAA,CAAAiB,aAAA,CAAA,KAAA,EAAA;AAAKb,IAAAA,SAAS,EAAC,iCAAA;GACZM,EAAAA,QAAQ,CACL,CACF,CAAA;AAEV,CAAC;;;;"}
+{"version":3,"file":"ReactionButton.js","sources":["../../src/ui/ReactionButton/index.tsx"],"sourcesContent":["import React, {\n  ForwardedRef,\n  KeyboardEvent,\n  MouseEvent,\n  ReactElement,\n  TouchEvent,\n} from 'react';\n\nimport './index.scss';\nimport useLongPress from '../../hooks/useLongPress';\nimport { noop } from '../../utils/utils';\n\nexport interface ReactionButtonProps {\n  children: ReactElement;\n  className?: string | Array<string>;\n  width?: string | number;\n  height?: string | number;\n  selected?: boolean;\n  dataSbId?: string;\n  onClick?: (\n    e: MouseEvent<HTMLDivElement> | KeyboardEvent<HTMLDivElement> | TouchEvent<HTMLDivElement>\n  ) => void;\n}\n\nconst ReactionButton = React.forwardRef((props: ReactionButtonProps, ref: ForwardedRef<HTMLDivElement>) => {\n  const {\n    className,\n    width,\n    height,\n    selected,\n    dataSbId = '',\n    onClick,\n    children,\n  } = props;\n\n  const onClickHandler = useLongPress({\n    onLongPress: noop,\n    onClick,\n  }, {\n    shouldPreventDefault: true,\n    shouldStopPropagation: true,\n  });\n\n  return (\n    <div\n      className={[\n        ...(Array.isArray(className) ? className : [className]),\n        `sendbird-reaction-button${selected ? '--selected' : ''}`,\n      ].join(' ')}\n      ref={ref}\n      role=\"button\"\n      style={{ width, height }}\n      {...onClickHandler}\n      tabIndex={0}\n      data-sb-id={dataSbId}\n    >\n      <div className=\"sendbird-reaction-button__inner\">\n        {children}\n      </div>\n    </div>\n  );\n});\n\nexport default ReactionButton;\n"],"names":["ReactionButton","React","forwardRef","props","ref","className","width","height","selected","_a","dataSbId","onClick","children","onClickHandler","useLongPress","onLongPress","noop","shouldPreventDefault","shouldStopPropagation","createElement","_extends","__spreadArray","Array","isArray","concat","join","role","style","tabIndex"],"mappings":";;;;;;;AAwBMA,IAAAA,cAAc,gBAAGC,cAAK,CAACC,UAAU,CAAC,UAACC,KAA0B,EAAEC,GAAiC,EAAA;AAElG,EAAA,IAAAC,SAAS,GAOPF,KAAK,CAPEE,SAAA;IACTC,KAAK,GAMHH,KAAK,CANFG,KAAA;IACLC,MAAM,GAKJJ,KAAK,OALD;IACNK,QAAQ,GAINL,KAAK,CAAAK,QAJC;IACRC,EAAA,GAGEN,KAAK,CAHMO,QAAA;IAAbA,QAAQ,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAAA,EAAA;IACbE,OAAO,GAELR,KAAK,CAFAQ,OAAA;IACPC,QAAQ,GACNT,KAAK,SADC,CAAA;EAGV,IAAMU,cAAc,GAAGC,YAAY,CAAC;AAClCC,IAAAA,WAAW,EAAEC,IAAI;AACjBL,IAAAA,OAAO,EAAAA,OAAAA;GACR,EAAE;AACDM,IAAAA,oBAAoB,EAAE,IAAI;AAC1BC,IAAAA,qBAAqB,EAAE,IAAA;AACxB,GAAA,CAAC,CAAA;AAEF,EAAA,oBACEjB,cAAA,CAAAkB,aAAA,CAAA,KAAA,EAAAC,QAAA,CAAA;AACEf,IAAAA,SAAS,EAAEgB,aAAA,CAAAA,aAAA,CAAA,EAAA,EACLC,KAAK,CAACC,OAAO,CAAClB,SAAS,CAAC,GAAGA,SAAS,GAAG,CAACA,SAAS,CAAC,EAAC,IAAA,CAAA,EAAA,CACvD,0BAA2B,CAAAmB,MAAA,CAAAhB,QAAQ,GAAG,YAAY,GAAG,EAAE,CAAE,CACzD,EAAA,KAAA,CAAA,CAAAiB,IAAI,CAAC,GAAG,CAAE;AACZrB,IAAAA,GAAG,EAAEA,GAAI;AACTsB,IAAAA,IAAI,EAAC,QAAQ;AACbC,IAAAA,KAAK,EAAE;AAAErB,MAAAA,KAAK,EAAAA,KAAA;AAAEC,MAAAA,MAAM;AAAE,KAAA;AAAC,GAAA,EACrBM,cAAc,EAAA;AAClBe,IAAAA,QAAQ,EAAE,CAAE;IACZ,YAAYlB,EAAAA,QAAAA;GAEZT,CAAAA,eAAAA,cAAA,CAAAkB,aAAA,CAAA,KAAA,EAAA;AAAKd,IAAAA,SAAS,EAAC,iCAAA;GACZO,EAAAA,QACE,CACF,CAAC,CAAA;AAEV,CAAC;;;;"}

package/ui/SortByRow.js

@@ -1,20 +1,20 @@
+import { c as __spreadArray } from '../tslib.es6-0c779aab.js';
 import React__default from 'react';
-import { u as uuidv4 } from '../uuid-16373bba.js';
+import { u as uuidv4 } from '../uuid-3c77ef7b.js';
 
-const componentClassName = 'sendbird-sort-by-row';
-function SortByRow(_ref) {
-  let {
-    className = '',
-    maxItemCount,
-    itemWidth,
-    itemHeight,
-    children
-  } = _ref;
+var componentClassName = 'sendbird-sort-by-row';
+function SortByRow(_a) {
+  var _b = _a.className,
+    className = _b === void 0 ? '' : _b,
+    maxItemCount = _a.maxItemCount,
+    itemWidth = _a.itemWidth,
+    itemHeight = _a.itemHeight,
+    children = _a.children;
   if (Array.isArray(children) && children.length > maxItemCount) {
-    const result = [];
-    for (let i = 0; i < children.length; i += maxItemCount) {
+    var result = [];
+    for (var i = 0; i < children.length; i += maxItemCount) {
       result.push( /*#__PURE__*/React__default.createElement("div", {
-        className: [...(Array.isArray(className) ? className : [className]), componentClassName].join(' '),
+        className: __spreadArray(__spreadArray([], Array.isArray(className) ? className : [className], true), [componentClassName], false).join(' '),
         key: uuidv4(),
         style: {
           width: itemWidth * maxItemCount,
@@ -25,7 +25,7 @@ function SortByRow(_ref) {
     return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, result);
   }
   return /*#__PURE__*/React__default.createElement("div", {
-    className: [...(Array.isArray(className) ? className : [className]), componentClassName].join(' '),
+    className: __spreadArray(__spreadArray([], Array.isArray(className) ? className : [className], true), [componentClassName], false).join(' '),
     style: {
       width: itemWidth * (Array.isArray(children) ? children.length : 1),
       height: itemHeight

package/ui/SortByRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"SortByRow.js","sources":["../../src/ui/SortByRow/index.tsx"],"sourcesContent":["import React, { ReactElement, ReactNode } from 'react';\nimport uuidv4 from '../../utils/uuid';\n\nimport './index.scss';\n\nconst componentClassName = 'sendbird-sort-by-row';\n\nexport interface SortByRowProps {\n  className?: string | Array<string>;\n  maxItemCount: number;\n  itemWidth: number;\n  itemHeight: number;\n  children: ReactNode;\n}\nexport default function SortByRow({\n  className = '',\n  maxItemCount,\n  itemWidth,\n  itemHeight,\n  children,\n}: SortByRowProps): ReactElement {\n  if (Array.isArray(children) && children.length > maxItemCount) {\n    const result = [];\n\n    for (let i = 0; i < children.length; i += maxItemCount) {\n      result.push(\n        <div\n          className={[\n            ...(Array.isArray(className) ? className : [className]),\n            componentClassName,\n          ].join(' ')}\n          key={uuidv4()}\n          style={{\n            width: itemWidth * maxItemCount,\n            height: itemHeight,\n          }}\n        >\n          {\n            children.slice(i, i + maxItemCount)\n          }\n        </div>,\n      );\n    }\n    return <>{result}</>;\n  }\n\n  return (\n    <div\n      className={[\n        ...(Array.isArray(className) ? className : [className]),\n        componentClassName,\n      ].join(' ')}\n      style={{\n        width: itemWidth * (Array.isArray(children) ? children.length : 1),\n        height: itemHeight,\n      }}\n    >\n      {children as ReactElement}\n    </div>\n  );\n}\n"],"names":["componentClassName","SortByRow","_ref","className","maxItemCount","itemWidth","itemHeight","children","Array","isArray","length","result","i","push","React","createElement","join","key","uuidv4","style","width","height","slice","Fragment"],"mappings":";;;AAKA,MAAMA,kBAAkB,GAAG,sBAAsB,CAAA;AASlC,SAASC,SAASA,CAAAC,IAAA,EAMA;EAAA,IANC;AAChCC,IAAAA,SAAS,GAAG,EAAE;IACdC,YAAY;IACZC,SAAS;IACTC,UAAU;AACVC,IAAAA,QAAAA;AACc,GAAC,GAAAL,IAAA,CAAA;AACf,EAAA,IAAIM,KAAK,CAACC,OAAO,CAACF,QAAQ,CAAC,IAAIA,QAAQ,CAACG,MAAM,GAAGN,YAAY,EAAE;IAC7D,MAAMO,MAAM,GAAG,EAAE,CAAA;AAEjB,IAAA,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGL,QAAQ,CAACG,MAAM,EAAEE,CAAC,IAAIR,YAAY,EAAE;AACtDO,MAAAA,MAAM,CAACE,IAAI,eACTC,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;QACEZ,SAAS,EAAE,CACT,IAAIK,KAAK,CAACC,OAAO,CAACN,SAAS,CAAC,GAAGA,SAAS,GAAG,CAACA,SAAS,CAAC,CAAC,EACvDH,kBAAkB,CACnB,CAACgB,IAAI,CAAC,GAAG,CAAE;QACZC,GAAG,EAAEC,MAAM,EAAG;AACdC,QAAAA,KAAK,EAAE;UACLC,KAAK,EAAEf,SAAS,GAAGD,YAAY;AAC/BiB,UAAAA,MAAM,EAAEf,UAAAA;AACV,SAAA;OAGEC,EAAAA,QAAQ,CAACe,KAAK,CAACV,CAAC,EAAEA,CAAC,GAAGR,YAAY,CAAC,CAEjC,CACP,CAAA;AACH,KAAA;IACA,oBAAOU,cAAA,CAAAC,aAAA,CAAAD,cAAA,CAAAS,QAAA,EAAGZ,IAAAA,EAAAA,MAAM,CAAI,CAAA;AACtB,GAAA;EAEA,oBACEG,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IACEZ,SAAS,EAAE,CACT,IAAIK,KAAK,CAACC,OAAO,CAACN,SAAS,CAAC,GAAGA,SAAS,GAAG,CAACA,SAAS,CAAC,CAAC,EACvDH,kBAAkB,CACnB,CAACgB,IAAI,CAAC,GAAG,CAAE;AACZG,IAAAA,KAAK,EAAE;AACLC,MAAAA,KAAK,EAAEf,SAAS,IAAIG,KAAK,CAACC,OAAO,CAACF,QAAQ,CAAC,GAAGA,QAAQ,CAACG,MAAM,GAAG,CAAC,CAAC;AAClEW,MAAAA,MAAM,EAAEf,UAAAA;AACV,KAAA;AAAE,GAAA,EAEDC,QAAQ,CACL,CAAA;AAEV;;;;"}
+{"version":3,"file":"SortByRow.js","sources":["../../src/ui/SortByRow/index.tsx"],"sourcesContent":["import React, { ReactElement, ReactNode } from 'react';\nimport uuidv4 from '../../utils/uuid';\n\nimport './index.scss';\n\nconst componentClassName = 'sendbird-sort-by-row';\n\nexport interface SortByRowProps {\n  className?: string | Array<string>;\n  maxItemCount: number;\n  itemWidth: number;\n  itemHeight: number;\n  children: ReactNode;\n}\nexport default function SortByRow({\n  className = '',\n  maxItemCount,\n  itemWidth,\n  itemHeight,\n  children,\n}: SortByRowProps): ReactElement {\n  if (Array.isArray(children) && children.length > maxItemCount) {\n    const result = [];\n\n    for (let i = 0; i < children.length; i += maxItemCount) {\n      result.push(\n        <div\n          className={[\n            ...(Array.isArray(className) ? className : [className]),\n            componentClassName,\n          ].join(' ')}\n          key={uuidv4()}\n          style={{\n            width: itemWidth * maxItemCount,\n            height: itemHeight,\n          }}\n        >\n          {\n            children.slice(i, i + maxItemCount)\n          }\n        </div>,\n      );\n    }\n    return <>{result}</>;\n  }\n\n  return (\n    <div\n      className={[\n        ...(Array.isArray(className) ? className : [className]),\n        componentClassName,\n      ].join(' ')}\n      style={{\n        width: itemWidth * (Array.isArray(children) ? children.length : 1),\n        height: itemHeight,\n      }}\n    >\n      {children as ReactElement}\n    </div>\n  );\n}\n"],"names":["componentClassName","SortByRow","_a","_b","className","maxItemCount","itemWidth","itemHeight","children","Array","isArray","length","result","i","push","React","createElement","__spreadArray","join","key","uuidv4","style","width","height","slice","Fragment"],"mappings":";;;;AAKA,IAAMA,kBAAkB,GAAG,sBAAsB,CAAA;AASzB,SAAAC,SAASA,CAACC,EAMjB,EAAA;AALf,EAAA,IAAAC,EAAA,GAAAD,EAAA,CAAAE,SAAc;IAAdA,SAAS,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAAA,EAAA;IACdE,YAAY,GAAAH,EAAA,CAAAG,YAAA;IACZC,SAAS,eAAA;IACTC,UAAU,GAAAL,EAAA,CAAAK,UAAA;IACVC,QAAQ,GAAAN,EAAA,CAAAM,QAAA,CAAA;AAER,EAAA,IAAIC,KAAK,CAACC,OAAO,CAACF,QAAQ,CAAC,IAAIA,QAAQ,CAACG,MAAM,GAAGN,YAAY,EAAE;IAC7D,IAAMO,MAAM,GAAG,EAAE,CAAA;AAEjB,IAAA,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGL,QAAQ,CAACG,MAAM,EAAEE,CAAC,IAAIR,YAAY,EAAE;AACtDO,MAAAA,MAAM,CAACE,IAAI,eACTC,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACEZ,QAAAA,SAAS,EAAEa,aACN,CAAAA,aAAA,CAAA,EAAA,EAACR,KAAK,CAACC,OAAO,CAACN,SAAS,CAAC,GAAGA,SAAS,GAAG,CAACA,SAAS,CAAC,EAAC,IAAA,CAAA,EAAA,CACvDJ,kBAAkB,CAClB,EAAA,KAAA,CAAA,CAAAkB,IAAI,CAAC,GAAG,CAAE;QACZC,GAAG,EAAEC,MAAM,EAAG;AACdC,QAAAA,KAAK,EAAE;UACLC,KAAK,EAAEhB,SAAS,GAAGD,YAAY;AAC/BkB,UAAAA,MAAM,EAAEhB,UAAAA;AACT,SAAA;OAGCC,EAAAA,QAAQ,CAACgB,KAAK,CAACX,CAAC,EAAEA,CAAC,GAAGR,YAAY,CAEjC,CAAC,CACP,CAAA;AACF,KAAA;IACD,oBAAOU,cAAA,CAAAC,aAAA,CAAAD,cAAA,CAAAU,QAAA,EAAGb,IAAAA,EAAAA,OAAU,CAAA;AACrB,GAAA;EAED,oBACEG,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACEZ,IAAAA,SAAS,EAAEa,aAAA,CAAAA,aAAA,CAAA,EAAA,EACLR,KAAK,CAACC,OAAO,CAACN,SAAS,CAAC,GAAGA,SAAS,GAAG,CAACA,SAAS,CAAC,EAAC,IAAA,CAAA,EAAA,CACvDJ,kBAAkB,CAClB,EAAA,KAAA,CAAA,CAAAkB,IAAI,CAAC,GAAG,CAAE;AACZG,IAAAA,KAAK,EAAE;AACLC,MAAAA,KAAK,EAAEhB,SAAS,IAAIG,KAAK,CAACC,OAAO,CAACF,QAAQ,CAAC,GAAGA,QAAQ,CAACG,MAAM,GAAG,CAAC,CAAC;AAClEY,MAAAA,MAAM,EAAEhB,UAAAA;AACT,KAAA;AAAC,GAAA,EAEDC,QACE,CAAC,CAAA;AAEV;;;;"}

package/ui/TextButton.js

@@ -1,21 +1,29 @@
+import { c as __spreadArray } from '../tslib.es6-0c779aab.js';
 import React__default from 'react';
-import { C as Colors, c as changeColorToClassName } from '../color-b7f211a8.js';
+import { C as Colors, c as changeColorToClassName } from '../color-1383d4ab.js';
 
-const TextButton = _ref => {
-  let {
-    className = '',
-    color = Colors.ONBACKGROUND_1,
-    disabled = false,
-    disableUnderline = false,
-    onClick = () => {/* noop */},
-    children
-  } = _ref;
+var TextButton = function (_a) {
+  var _b = _a.className,
+    className = _b === void 0 ? '' : _b,
+    _c = _a.color,
+    color = _c === void 0 ? Colors.ONBACKGROUND_1 : _c,
+    _d = _a.disabled,
+    disabled = _d === void 0 ? false : _d,
+    _e = _a.disableUnderline,
+    disableUnderline = _e === void 0 ? false : _e,
+    _f = _a.onClick,
+    onClick = _f === void 0 ? function () {} : _f,
+    children = _a.children;
   return /*#__PURE__*/React__default.createElement("div", {
-    className: [...(Array.isArray(className) ? className : [className]), changeColorToClassName(color), disableUnderline ? 'sendbird-textbutton--not-underline' : 'sendbird-textbutton', disabled ? 'sendbird-textbutton--disabled' : ''].join(' '),
+    className: __spreadArray(__spreadArray([], Array.isArray(className) ? className : [className], true), [changeColorToClassName(color), disableUnderline ? 'sendbird-textbutton--not-underline' : 'sendbird-textbutton', disabled ? 'sendbird-textbutton--disabled' : ''], false).join(' '),
     role: "button",
     tabIndex: 0,
-    onClick: e => onClick(e),
-    onKeyPress: e => onClick(e)
+    onClick: function (e) {
+      return onClick(e);
+    },
+    onKeyPress: function (e) {
+      return onClick(e);
+    }
   }, children);
 };
 

package/ui/TextButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextButton.js","sources":["../../src/ui/TextButton/index.tsx"],"sourcesContent":["import React, { MouseEvent, KeyboardEvent, ReactElement } from 'react';\n\nimport './index.scss';\n\nimport {\n  Colors,\n  changeColorToClassName,\n} from '../../utils/color';\n\nexport interface TextButtonProps {\n  className?: string | Array<string>;\n  color?: Colors;\n  disabled?: boolean;\n  disableUnderline?: boolean;\n  onClick?: (e: (MouseEvent<HTMLDivElement> | KeyboardEvent<HTMLDivElement>)) => void;\n  children: ReactElement;\n}\n\nconst TextButton = ({\n  className = '',\n  color = Colors.ONBACKGROUND_1,\n  disabled = false,\n  disableUnderline = false,\n  onClick = () => { /* noop */ },\n  children,\n}: TextButtonProps): ReactElement => {\n  return (\n    <div\n      className={[\n        ...(Array.isArray(className) ? className : [className]),\n        changeColorToClassName(color),\n        disableUnderline ? 'sendbird-textbutton--not-underline' : 'sendbird-textbutton',\n        disabled ? 'sendbird-textbutton--disabled' : '',\n      ].join(' ')}\n      role=\"button\"\n      tabIndex={0}\n      onClick={(e) => onClick(e)}\n      onKeyPress={(e) => onClick(e)}\n    >\n      {children}\n    </div>\n  );\n};\n\nexport default TextButton;\n"],"names":["TextButton","_ref","className","color","Colors","ONBACKGROUND_1","disabled","disableUnderline","onClick","children","React","createElement","Array","isArray","changeColorToClassName","join","role","tabIndex","e","onKeyPress"],"mappings":";;;AAkBMA,MAAAA,UAAU,GAAGC,IAAA,IAOkB;EAAA,IAPjB;AAClBC,IAAAA,SAAS,GAAG,EAAE;IACdC,KAAK,GAAGC,MAAM,CAACC,cAAc;AAC7BC,IAAAA,QAAQ,GAAG,KAAK;AAChBC,IAAAA,gBAAgB,GAAG,KAAK;AACxBC,IAAAA,OAAO,GAAGA,MAAM,YAAc;AAC9BC,IAAAA,QAAAA;AACe,GAAC,GAAAR,IAAA,CAAA;EAChB,oBACES,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACET,IAAAA,SAAS,EAAE,CACT,IAAIU,KAAK,CAACC,OAAO,CAACX,SAAS,CAAC,GAAGA,SAAS,GAAG,CAACA,SAAS,CAAC,CAAC,EACvDY,sBAAsB,CAACX,KAAK,CAAC,EAC7BI,gBAAgB,GAAG,oCAAoC,GAAG,qBAAqB,EAC/ED,QAAQ,GAAG,+BAA+B,GAAG,EAAE,CAChD,CAACS,IAAI,CAAC,GAAG,CAAE;AACZC,IAAAA,IAAI,EAAC,QAAQ;AACbC,IAAAA,QAAQ,EAAE,CAAE;AACZT,IAAAA,OAAO,EAAGU,CAAC,IAAKV,OAAO,CAACU,CAAC,CAAE;AAC3BC,IAAAA,UAAU,EAAGD,CAAC,IAAKV,OAAO,CAACU,CAAC,CAAA;AAAE,GAAA,EAE7BT,QAAQ,CACL,CAAA;AAEV;;;;"}
+{"version":3,"file":"TextButton.js","sources":["../../src/ui/TextButton/index.tsx"],"sourcesContent":["import React, { MouseEvent, KeyboardEvent, ReactElement } from 'react';\n\nimport './index.scss';\n\nimport {\n  Colors,\n  changeColorToClassName,\n} from '../../utils/color';\n\nexport interface TextButtonProps {\n  className?: string | Array<string>;\n  color?: Colors;\n  disabled?: boolean;\n  disableUnderline?: boolean;\n  onClick?: (e: (MouseEvent<HTMLDivElement> | KeyboardEvent<HTMLDivElement>)) => void;\n  children: ReactElement;\n}\n\nconst TextButton = ({\n  className = '',\n  color = Colors.ONBACKGROUND_1,\n  disabled = false,\n  disableUnderline = false,\n  onClick = () => { /* noop */ },\n  children,\n}: TextButtonProps): ReactElement => {\n  return (\n    <div\n      className={[\n        ...(Array.isArray(className) ? className : [className]),\n        changeColorToClassName(color),\n        disableUnderline ? 'sendbird-textbutton--not-underline' : 'sendbird-textbutton',\n        disabled ? 'sendbird-textbutton--disabled' : '',\n      ].join(' ')}\n      role=\"button\"\n      tabIndex={0}\n      onClick={(e) => onClick(e)}\n      onKeyPress={(e) => onClick(e)}\n    >\n      {children}\n    </div>\n  );\n};\n\nexport default TextButton;\n"],"names":["TextButton","_a","_b","className","_c","color","Colors","ONBACKGROUND_1","_d","disabled","_e","disableUnderline","_f","onClick","children","React","createElement","__spreadArray","Array","isArray","changeColorToClassName","join","role","tabIndex","e","onKeyPress"],"mappings":";;;;AAkBA,IAAMA,UAAU,GAAG,UAACC,EAOF,EAAA;AANhB,EAAA,IAAAC,EAAA,GAAAD,EAAA,CAAAE,SAAc;IAAdA,SAAS,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAAA,EAAA;IACdE,EAA6B,GAAAH,EAAA,CAAAI,KAAA;IAA7BA,KAAK,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAGE,MAAM,CAACC,cAAc,KAAA;IAC7BC,EAAA,GAAAP,EAAA,CAAAQ,QAAgB;IAAhBA,QAAQ,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,KAAK,GAAAA,EAAA;IAChBE,EAAwB,GAAAT,EAAA,CAAAU,gBAAA;IAAxBA,gBAAgB,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,KAAK,GAAAA,EAAA;IACxBE,EAA8B,GAAAX,EAAA,CAAAY,OAAA;IAA9BA,OAAO,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,YAAA,EAAoB,GAAAA,EAAA;IAC9BE,QAAQ,GAAAb,EAAA,CAAAa,QAAA,CAAA;EAER,oBACEC,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IACEb,SAAS,EAAEc,aAAA,CAAAA,aAAA,CAAA,EAAA,EACLC,KAAK,CAACC,OAAO,CAAChB,SAAS,CAAC,GAAGA,SAAS,GAAG,CAACA,SAAS,CAAC,EAAC,IAAA,CAAA,EAAA,CACvDiB,sBAAsB,CAACf,KAAK,CAAC,EAC7BM,gBAAgB,GAAG,oCAAoC,GAAG,qBAAqB,EAC/EF,QAAQ,GAAG,+BAA+B,GAAG,EAAE,UAC/CY,IAAI,CAAC,GAAG,CAAE;AACZC,IAAAA,IAAI,EAAC,QAAQ;AACbC,IAAAA,QAAQ,EAAE,CAAE;AACZV,IAAAA,OAAO,EAAE,UAACW,CAAC,EAAK;MAAA,OAAAX,OAAO,CAACW,CAAC,CAAC,CAAA;KAAC;AAC3BC,IAAAA,UAAU,EAAE,UAACD,CAAC,EAAK;MAAA,OAAAX,OAAO,CAACW,CAAC,CAAC,CAAA;AAAV,KAAA;AAAW,GAAA,EAE7BV,QACE,CAAC,CAAA;AAEV;;;;"}