@sendbird/uikit-react 3.0.0-beta.6 → 3.0.0-rc.2

package/cjs/ui/FileMessageItemBody.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileMessageItemBody.js","sources":["../../../src/ui/FileMessageItemBody/index.tsx"],"sourcesContent":["import React, { ReactElement } from 'react';\nimport { FileMessage } from 'sendbird';\nimport './index.scss';\n\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport TextButton from '../TextButton';\nimport { getClassName, getUIKitFileType, truncateString } from '../../utils';\n\ninterface Props {\n  className?: string | Array<string>;\n  message: FileMessage;\n  isByMe?: boolean;\n  mouseHover?: boolean;\n}\n\nexport default function FileMessageItemBody({\n  className,\n  message,\n  isByMe = false,\n  mouseHover = false,\n}: Props): ReactElement {\n\n  return (\n    <div className={getClassName([\n      className,\n      'sendbird-file-message-item-body',\n      isByMe ? 'outgoing' : 'incoming',\n      mouseHover ? 'mouse-hover' : '',\n      message?.reactions?.length > 0 ? 'reactions' : '',\n    ])}>\n      <div className=\"sendbird-file-message-item-body__file-icon\">\n        <Icon\n          className={'sendbird-file-message-item-body__file-icon__icon'}\n          type={{\n            IMAGE: IconTypes.PHOTO,\n            VIDEO: IconTypes.PLAY,\n            AUDIO: IconTypes.FILE_AUDIO,\n            GIF: IconTypes.GIF,\n            OTHERS: IconTypes.FILE_DOCUMENT,\n          }[getUIKitFileType(message?.type)]}\n          fillColor={IconColors.PRIMARY}\n          width=\"24px\"\n          height=\"24px\"\n        />\n      </div>\n      <TextButton\n        className=\"sendbird-file-message-item-body__file-name\"\n        onClick={() => { window.open(message?.url) }}\n        color={isByMe ? LabelColors.ONCONTENT_1 : LabelColors.ONBACKGROUND_1}\n      >\n        <Label\n          className=\"sendbird-file-message-item-body__file-name__text\"\n          type={LabelTypography.BODY_1}\n          color={isByMe ? LabelColors.ONCONTENT_1 : LabelColors.ONBACKGROUND_1}\n        >\n          {truncateString(message?.name || message?.url)}\n        </Label>\n      </TextButton>\n    </div>\n  );\n}\n"],"names":["FileMessageItemBody","_a","className","message","_c","isByMe","_d","mouseHover","React","getClassName","reactions","length","Icon","IMAGE","IconTypes","PHOTO","VIDEO","PLAY","AUDIO","FILE_AUDIO","GIF","OTHERS","FILE_DOCUMENT","getUIKitFileType","type","IconColors","PRIMARY","TextButton","window","open","url","LabelColors","ONCONTENT_1","ONBACKGROUND_1","Label","LabelTypography","BODY_1","truncateString","name"],"mappings":";;;;;;;;;;;;;;;;;SAgBwBA,oBAAoBC;;;MAC1CC,SAAS;MACTC,OAAO;MACPC;MAAAC,MAAM,mBAAG;MACTC;MAAAC,UAAU,mBAAG;AAGb,sBACEC;AAAK,IAAA,SAAS,EAAEC,kBAAY,CAAC,CAC3BP,SAD2B,EAE3B,iCAF2B,EAG3BG,MAAM,GAAG,UAAH,GAAgB,UAHK,EAI3BE,UAAU,GAAG,aAAH,GAAmB,EAJF,EAK3B,CAAA,MAAAJ,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEO,SAAT,UAAA,iBAAA,SAAA,MAAoBC,MAApB,IAA6B,CAA7B,GAAiC,WAAjC,GAA+C,EALpB,CAAD;AAA5B,kBAOEH;AAAK,IAAA,SAAS,EAAC;AAAf,kBACEA,wCAACI,kBAAD;AACE,IAAA,SAAS,EAAE,kDADb;AAEE,IAAA,IAAI,EAAE;AACJC,MAAAA,KAAK,EAAEC,iBAAS,CAACC,KADb;AAEJC,MAAAA,KAAK,EAAEF,iBAAS,CAACG,IAFb;AAGJC,MAAAA,KAAK,EAAEJ,iBAAS,CAACK,UAHb;AAIJC,MAAAA,GAAG,EAAEN,iBAAS,CAACM,GAJX;AAKJC,MAAAA,MAAM,EAAEP,iBAAS,CAACQ;AALd,MAMJC,sBAAgB,CAACpB,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEqB,IAAV,CANZ,CAFR;AASE,IAAA,SAAS,EAAEC,kBAAU,CAACC,OATxB;AAUE,IAAA,KAAK,EAAC,MAVR;AAWE,IAAA,MAAM,EAAC;AAXT,IADF,CAPF,eAsBElB,wCAACmB,aAAD;AACE,IAAA,SAAS,EAAC,4CADZ;AAEE,IAAA,OAAO,EAAE;AAAQC,MAAAA,MAAM,CAACC,IAAP,CAAY1B,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAE2B,GAArB;AAA2B,KAF9C;AAGE,IAAA,KAAK,EAAEzB,MAAM,GAAG0B,oBAAW,CAACC,WAAf,GAA6BD,oBAAW,CAACE;AAHxD,kBAKEzB,wCAAC0B,cAAD;AACE,IAAA,SAAS,EAAC,kDADZ;AAEE,IAAA,IAAI,EAAEC,wBAAe,CAACC,MAFxB;AAGE,IAAA,KAAK,EAAE/B,MAAM,GAAG0B,oBAAW,CAACC,WAAf,GAA6BD,oBAAW,CAACE;AAHxD,KAKGI,oBAAc,CAAC,CAAAlC,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEmC,IAAT,MAAiBnC,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAE2B,GAA1B,CAAD,CALjB,CALF,CAtBF,CADF;AAsCD;;;;"}
+{"version":3,"file":"FileMessageItemBody.js","sources":["../../../src/ui/FileMessageItemBody/index.tsx"],"sourcesContent":["import './index.scss';\nimport React, { ReactElement } from 'react';\nimport type { FileMessage } from '@sendbird/chat/message';\n\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport TextButton from '../TextButton';\nimport { getClassName, getUIKitFileType, truncateString } from '../../utils';\n\ninterface Props {\n  className?: string | Array<string>;\n  message: FileMessage;\n  isByMe?: boolean;\n  mouseHover?: boolean;\n}\n\nexport default function FileMessageItemBody({\n  className,\n  message,\n  isByMe = false,\n  mouseHover = false,\n}: Props): ReactElement {\n\n  return (\n    <div className={getClassName([\n      className,\n      'sendbird-file-message-item-body',\n      isByMe ? 'outgoing' : 'incoming',\n      mouseHover ? 'mouse-hover' : '',\n      message?.reactions?.length > 0 ? 'reactions' : '',\n    ])}>\n      <div className=\"sendbird-file-message-item-body__file-icon\">\n        <Icon\n          className={'sendbird-file-message-item-body__file-icon__icon'}\n          type={{\n            IMAGE: IconTypes.PHOTO,\n            VIDEO: IconTypes.PLAY,\n            AUDIO: IconTypes.FILE_AUDIO,\n            GIF: IconTypes.GIF,\n            OTHERS: IconTypes.FILE_DOCUMENT,\n          }[getUIKitFileType(message?.type)]}\n          fillColor={IconColors.PRIMARY}\n          width=\"24px\"\n          height=\"24px\"\n        />\n      </div>\n      <TextButton\n        className=\"sendbird-file-message-item-body__file-name\"\n        onClick={() => { window.open(message?.url) }}\n        color={isByMe ? LabelColors.ONCONTENT_1 : LabelColors.ONBACKGROUND_1}\n      >\n        <Label\n          className=\"sendbird-file-message-item-body__file-name__text\"\n          type={LabelTypography.BODY_1}\n          color={isByMe ? LabelColors.ONCONTENT_1 : LabelColors.ONBACKGROUND_1}\n        >\n          {truncateString(message?.name || message?.url)}\n        </Label>\n      </TextButton>\n    </div>\n  );\n}\n"],"names":["FileMessageItemBody","_a","className","message","_c","isByMe","_d","mouseHover","React","getClassName","reactions","length","Icon","IMAGE","IconTypes","PHOTO","VIDEO","PLAY","AUDIO","FILE_AUDIO","GIF","OTHERS","FILE_DOCUMENT","getUIKitFileType","type","IconColors","PRIMARY","TextButton","window","open","url","LabelColors","ONCONTENT_1","ONBACKGROUND_1","Label","LabelTypography","BODY_1","truncateString","name"],"mappings":";;;;;;;;;;;;;;;;;SAgBwBA,oBAAoBC;;;MAC1CC,SAAS;MACTC,OAAO;MACPC;MAAAC,MAAM,mBAAG;MACTC;MAAAC,UAAU,mBAAG;AAGb,sBACEC;AAAK,IAAA,SAAS,EAAEC,kBAAY,CAAC,CAC3BP,SAD2B,EAE3B,iCAF2B,EAG3BG,MAAM,GAAG,UAAH,GAAgB,UAHK,EAI3BE,UAAU,GAAG,aAAH,GAAmB,EAJF,EAK3B,CAAA,MAAAJ,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEO,SAAT,UAAA,iBAAA,SAAA,MAAoBC,MAApB,IAA6B,CAA7B,GAAiC,WAAjC,GAA+C,EALpB,CAAD;AAA5B,kBAOEH;AAAK,IAAA,SAAS,EAAC;AAAf,kBACEA,wCAACI,kBAAD;AACE,IAAA,SAAS,EAAE,kDADb;AAEE,IAAA,IAAI,EAAE;AACJC,MAAAA,KAAK,EAAEC,iBAAS,CAACC,KADb;AAEJC,MAAAA,KAAK,EAAEF,iBAAS,CAACG,IAFb;AAGJC,MAAAA,KAAK,EAAEJ,iBAAS,CAACK,UAHb;AAIJC,MAAAA,GAAG,EAAEN,iBAAS,CAACM,GAJX;AAKJC,MAAAA,MAAM,EAAEP,iBAAS,CAACQ;AALd,MAMJC,sBAAgB,CAACpB,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEqB,IAAV,CANZ,CAFR;AASE,IAAA,SAAS,EAAEC,kBAAU,CAACC,OATxB;AAUE,IAAA,KAAK,EAAC,MAVR;AAWE,IAAA,MAAM,EAAC;AAXT,IADF,CAPF,eAsBElB,wCAACmB,aAAD;AACE,IAAA,SAAS,EAAC,4CADZ;AAEE,IAAA,OAAO,EAAE;AAAQC,MAAAA,MAAM,CAACC,IAAP,CAAY1B,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAE2B,GAArB;AAA2B,KAF9C;AAGE,IAAA,KAAK,EAAEzB,MAAM,GAAG0B,oBAAW,CAACC,WAAf,GAA6BD,oBAAW,CAACE;AAHxD,kBAKEzB,wCAAC0B,cAAD;AACE,IAAA,SAAS,EAAC,kDADZ;AAEE,IAAA,IAAI,EAAEC,wBAAe,CAACC,MAFxB;AAGE,IAAA,KAAK,EAAE/B,MAAM,GAAG0B,oBAAW,CAACC,WAAf,GAA6BD,oBAAW,CAACE;AAHxD,KAKGI,oBAAc,CAAC,CAAAlC,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEmC,IAAT,MAAiBnC,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAE2B,GAA1B,CAAD,CALjB,CALF,CAtBF,CADF;AAsCD;;;;"}

package/cjs/ui/FileViewer.js

@@ -6,15 +6,15 @@ var React = require('react');
 var PropTypes = require('prop-types');
 var reactDom = require('react-dom');
 var ui_Avatar = require('./Avatar.js');
-var ui_Label = require('../index-a20b40c4.js');
+var ui_Label = require('../index-574ef41e.js');
 var ui_Icon = require('./Icon.js');
-var index = require('../index-d70ac86e.js');
-var index$1 = require('../index-bc563d47.js');
-require('../tslib.es6-a7af7bb8.js');
+var index = require('../index-97c28907.js');
+var index$1 = require('../index-32f8310c.js');
+require('../tslib.es6-4b76ba01.js');
 require('./ImageRenderer.js');
-require('../_rollupPluginBabelHelpers-f802e0e8.js');
-require('../uuid-03009a31.js');
-require('../stringSet-ae448472.js');
+require('../_rollupPluginBabelHelpers-0d29c748.js');
+require('../uuid-d0e513e8.js');
+require('../stringSet-da976cc5.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/ui/Icon.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-f802e0e8.js');
+var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-0d29c748.js');
 var React = require('react');
 var PropTypes = require('prop-types');
 
@@ -1437,7 +1437,11 @@ function Icon(_ref) {
 }
 Icon.propTypes = {
   className: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].arrayOf(PropTypes__default["default"].string)]),
+
+  /** Type: Use strings from below list */
   type: PropTypes__default["default"].oneOfType([PropTypes__default["default"].oneOf(Object.keys(Type)), PropTypes__default["default"].string]).isRequired,
+
+  /** Type: Use Colors from below list */
   fillColor: PropTypes__default["default"].oneOf(Object.keys(Colors)),
   width: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].number]),
   height: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].number]),

package/cjs/ui/Icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.js","sources":["../../../src/ui/Icon/type.js","../../../src/ui/Icon/index.jsx"],"sourcesContent":["export default {\n  ADD: 'ADD',\n  ARROW_LEFT: 'ARROW_LEFT',\n  ATTACH: 'ATTACH',\n  BAN: 'BAN',\n  BROADCAST: 'BROADCAST',\n  CAMERA: 'CAMERA',\n  CHANNELS: 'CHANNELS',\n  CHAT: 'CHAT',\n  CHAT_FILLED: 'CHAT_FILLED',\n  CHEVRON_DOWN: 'CHEVRON_DOWN',\n  CHEVRON_RIGHT: 'CHEVRON_RIGHT',\n  CLOSE: 'CLOSE',\n  COLLAPSE: 'COLLAPSE',\n  COPY: 'COPY',\n  CREATE: 'CREATE',\n  DELETE: 'DELETE',\n  DISCONNECTED: 'DISCONNECTED',\n  DOCUMENT: 'DOCUMENT',\n  DONE: 'DONE',\n  DONE_ALL: 'DONE_ALL',\n  DOWNLOAD: 'DOWNLOAD',\n  EDIT: 'EDIT',\n  EMOJI_MORE: 'EMOJI_MORE',\n  ERROR: 'ERROR',\n  EXPAND: 'EXPAND',\n  FILE_AUDIO: 'FILE_AUDIO',\n  FILE_DOCUMENT: 'FILE_DOCUMENT',\n  FREEZE: 'FREEZE',\n  GIF: 'GIF',\n  INFO: 'INFO',\n  LEAVE: 'LEAVE',\n  MEMBERS: 'MEMBERS',\n  MESSAGE: 'MESSAGE',\n  MODERATIONS: 'MODERATIONS',\n  MORE: 'MORE',\n  MUTE: 'MUTE',\n  NOTIFICATIONS: 'NOTIFICATIONS',\n  NOTIFICATIONS_OFF_FILLED: 'NOTIFICATIONS_OFF_FILLED',\n  OPERATOR: 'OPERATOR',\n  PHOTO: 'PHOTO',\n  PLAY: 'PLAY',\n  PLUS: 'PLUS',\n  QUESTION: 'QUESTION',\n  REFRESH: 'REFRESH',\n  REPLY: 'REPLY',\n  REMOVE: 'REMOVE',\n  SEARCH: 'SEARCH',\n  SEND: 'SEND',\n  SETTINGS_FILLED: 'SETTINGS_FILLED',\n  SPINNER: 'SPINNER',\n  SUPERGROUP: 'SUPERGROUP',\n  THUMBNAIL_NONE: 'THUMBNAIL_NONE',\n  TOGGLE_OFF: 'TOGGLE_OFF',\n  TOGGLE_ON: 'TOGGLE_ON',\n  USER: 'USER',\n};\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport './index.scss';\nimport Type from './type';\n\nimport IconAdd from '../../svgs/icon-add.svg';\nimport IconArrowLeft from '../../svgs/icon-arrow-left.svg';\nimport IconAttach from '../../svgs/icon-attach.svg';\nimport IconBan from '../../svgs/icon-ban.svg';\nimport IconBroadcast from '../../svgs/icon-broadcast.svg';\nimport IconCamera from '../../svgs/icon-camera.svg';\nimport IconChannels from '../../svgs/icon-channels.svg';\nimport IconChat from '../../svgs/icon-chat.svg';\nimport IconChatFilled from '../../svgs/icon-chat-filled.svg';\nimport IconChevronDown from '../../svgs/icon-chevron-down.svg';\nimport IconChevronRight from '../../svgs/icon-chevron-right.svg';\nimport IconClose from '../../svgs/icon-close.svg';\nimport IconCollapse from '../../svgs/icon-collapse.svg';\nimport IconCopy from '../../svgs/icon-copy.svg';\nimport IconCreate from '../../svgs/icon-create.svg';\nimport IconDelete from '../../svgs/icon-delete.svg';\nimport IconDisconnected from '../../svgs/icon-disconnected.svg';\nimport IconDocument from '../../svgs/icon-document.svg';\nimport IconDone from '../../svgs/icon-done.svg';\nimport IconDoneAll from '../../svgs/icon-done-all.svg';\nimport IconDownload from '../../svgs/icon-download.svg';\nimport IconEdit from '../../svgs/icon-edit.svg';\nimport IconEmojiMore from '../../svgs/icon-emoji-more.svg';\nimport IconError from '../../svgs/icon-error.svg';\nimport IconExpand from '../../svgs/icon-expand.svg';\nimport IconFileAudio from '../../svgs/icon-file-audio.svg';\nimport IconFileDocument from '../../svgs/icon-file-document.svg';\nimport IconFreeze from '../../svgs/icon-freeze.svg';\nimport IconGif from '../../svgs/icon-gif.svg';\nimport IconInfo from '../../svgs/icon-info.svg';\nimport IconLeave from '../../svgs/icon-leave.svg';\nimport IconMembers from '../../svgs/icon-members.svg';\nimport IconMessage from '../../svgs/icon-message.svg';\nimport IconModerations from '../../svgs/icon-moderations.svg';\nimport IconMore from '../../svgs/icon-more.svg';\nimport IconMute from '../../svgs/icon-mute.svg';\nimport IconNotifications from '../../svgs/icon-notifications.svg';\nimport IconNotificationsOffFilled from '../../svgs/icon-notifications-off-filled.svg';\nimport IconOperator from '../../svgs/icon-operator.svg';\nimport IconPhoto from '../../svgs/icon-photo.svg';\nimport IconPlay from '../../svgs/icon-play.svg';\nimport IconPlus from '../../svgs/icon-plus.svg';\nimport IconQuestion from '../../svgs/icon-question.svg';\nimport IconRefresh from '../../svgs/icon-refresh.svg';\nimport IconRemove from '../../svgs/icon-remove.svg';\nimport IconReply from '../../svgs/icon-reply-filled.svg';\nimport IconSearch from '../../svgs/icon-search.svg';\nimport IconSend from '../../svgs/icon-send.svg';\nimport IconSettingsFilled from '../../svgs/icon-settings-filled.svg';\nimport IconSpinner from '../../svgs/icon-spinner.svg';\nimport IconSupergroup from '../../svgs/icon-supergroup.svg';\nimport IconThumbnailNone from '../../svgs/icon-thumbnail-none.svg';\nimport IconToggleOff from '../../svgs/icon-toggleoff.svg';\nimport IconToggleOn from '../../svgs/icon-toggleon.svg';\nimport IconUser from '../../svgs/icon-user.svg';\n\nconst Colors = {\n  DEFAULT: 'DEFAULT',\n  PRIMARY: 'PRIMARY',\n  SECONDARY: 'SECONDARY',\n  CONTENT: 'CONTENT',\n  CONTENT_INVERSE: 'CONTENT_INVERSE',\n  WHITE: 'WHITE',\n  GRAY: 'GRAY',\n  SENT: 'SENT',\n  READ: 'READ',\n  ON_BACKGROUND_1: 'ON_BACKGROUND_1',\n  ON_BACKGROUND_2: 'ON_BACKGROUND_2',\n  ON_BACKGROUND_3: 'ON_BACKGROUND_3',\n  BACKGROUND_3: 'BACKGROUND_3',\n  ERROR: 'ERROR',\n};\n\nfunction changeColorToClassName(color) {\n  switch (color) {\n    case Colors.PRIMARY: return 'sendbird-icon-color--primary';\n    case Colors.SECONDARY: return 'sendbird-icon-color--secondary';\n    case Colors.CONTENT: return 'sendbird-icon-color--content';\n    case Colors.CONTENT_INVERSE: return 'sendbird-icon-color--content-inverse';\n    case Colors.WHITE: return 'sendbird-icon-color--white';\n    case Colors.GRAY: return 'sendbird-icon-color--gray';\n    case Colors.SENT: return 'sendbird-icon-color--sent';\n    case Colors.READ: return 'sendbird-icon-color--read';\n    case Colors.ON_BACKGROUND_1: return 'sendbird-icon-color--on-background-1';\n    case Colors.ON_BACKGROUND_2: return 'sendbird-icon-color--on-background-2';\n    case Colors.ON_BACKGROUND_3: return 'sendbird-icon-color--on-background-3';\n    case Colors.BACKGROUND_3: return 'sendbird-icon-color--background-3';\n    case Colors.ERROR: return 'sendbird-icon-color--error';\n    default: return '';\n  }\n}\n\nfunction changeTypeToIconComponent(type) {\n  switch (type) {\n    case Type.ADD: return <IconAdd />;\n    case Type.ARROW_LEFT: return <IconArrowLeft />;\n    case Type.ATTACH: return <IconAttach />;\n    case Type.BAN: return <IconBan />;\n    case Type.BROADCAST: return <IconBroadcast />;\n    case Type.CAMERA: return <IconCamera />;\n    case Type.CHANNELS: return <IconChannels />;\n    case Type.CHAT: return <IconChat />;\n    case Type.CHAT_FILLED: return <IconChatFilled />;\n    case Type.CHEVRON_DOWN: return <IconChevronDown />;\n    case Type.CHEVRON_RIGHT: return <IconChevronRight />;\n    case Type.CLOSE: return <IconClose />;\n    case Type.COLLAPSE: return <IconCollapse />;\n    case Type.COPY: return <IconCopy />;\n    case Type.CREATE: return <IconCreate />;\n    case Type.DELETE: return <IconDelete />;\n    case Type.DISCONNECTED: return <IconDisconnected />;\n    case Type.DOCUMENT: return <IconDocument />;\n    case Type.DONE: return <IconDone />;\n    case Type.DONE_ALL: return <IconDoneAll />;\n    case Type.DOWNLOAD: return <IconDownload />;\n    case Type.EDIT: return <IconEdit />;\n    case Type.EMOJI_MORE: return <IconEmojiMore />;\n    case Type.ERROR: return <IconError />;\n    case Type.EXPAND: return <IconExpand />;\n    case Type.FILE_AUDIO: return <IconFileAudio />;\n    case Type.FILE_DOCUMENT: return <IconFileDocument />;\n    case Type.FREEZE: return <IconFreeze />;\n    case Type.GIF: return <IconGif />;\n    case Type.INFO: return <IconInfo />;\n    case Type.LEAVE: return <IconLeave />;\n    case Type.MEMBERS: return <IconMembers />;\n    case Type.MESSAGE: return <IconMessage />;\n    case Type.MODERATIONS: return <IconModerations />;\n    case Type.MORE: return <IconMore />;\n    case Type.MUTE: return <IconMute />;\n    case Type.NOTIFICATIONS: return <IconNotifications />;\n    case Type.NOTIFICATIONS_OFF_FILLED: return <IconNotificationsOffFilled />;\n    case Type.OPERATOR: return <IconOperator />;\n    case Type.PHOTO: return <IconPhoto />;\n    case Type.PLAY: return <IconPlay />;\n    case Type.PLUS: return <IconPlus />;\n    case Type.QUESTION: return <IconQuestion />;\n    case Type.REFRESH: return <IconRefresh />;\n    case Type.REMOVE: return <IconRemove />;\n    case Type.REPLY: return <IconReply />;\n    case Type.SEARCH: return <IconSearch />;\n    case Type.SEND: return <IconSend />;\n    case Type.SETTINGS_FILLED: return <IconSettingsFilled />;\n    case Type.SPINNER: return <IconSpinner />;\n    case Type.SUPERGROUP: return <IconSupergroup />;\n    case Type.THUMBNAIL_NONE: return <IconThumbnailNone />;\n    case Type.TOGGLE_OFF: return <IconToggleOff />;\n    case Type.TOGGLE_ON: return <IconToggleOn />;\n    case Type.USER: return <IconUser />;\n    default: return 'icon'; // If you see this text 'icon' replace icon for it\n  }\n}\n\nexport function changeTypeToIconClassName(type) {\n  switch (type) {\n    case Type.ADD: return 'sendbird-icon-add';\n    case Type.ARROW_LEFT: return 'sendbird-icon-arrow-left';\n    case Type.ATTACH: return 'sendbird-icon-attach';\n    case Type.BAN: return 'sendbird-icon-ban';\n    case Type.BROADCAST: return 'sendbird-icon-broadcast';\n    case Type.CAMERA: return 'sendbird-icon-camera';\n    case Type.CHANNELS: return 'sendbird-icon-channels';\n    case Type.CHAT: return 'sendbird-icon-chat';\n    case Type.CHAT_FILLED: return 'sendbird-icon-chat-filled';\n    case Type.CHEVRON_DOWN: return 'sendbird-icon-chevron-down';\n    case Type.CHEVRON_RIGHT: return 'sendbird-icon-chevron-right';\n    case Type.CLOSE: return 'sendbird-icon-close';\n    case Type.COLLAPSE: return 'sendbird-icon-collapse';\n    case Type.COPY: return 'sendbird-icon-copy';\n    case Type.CREATE: return 'sendbird-icon-create';\n    case Type.DELETE: return 'sendbird-icon-delete';\n    case Type.DISCONNECTED: return 'sendbird-icon-disconnected';\n    case Type.DOCUMENT: return 'sendbird-icon-document';\n    case Type.DONE: return 'sendbird-icon-done';\n    case Type.DONE_ALL: return 'sendbird-icon-done-all';\n    case Type.DOWNLOAD: return 'sendbird-icon-down-load';\n    case Type.EDIT: return 'sendbird-icon-edit';\n    case Type.EMOJI_MORE: return 'sendbird-icon-emoji-more';\n    case Type.ERROR: return 'sendbird-icon-error';\n    case Type.EXPAND: return 'sendbird-icon-expand';\n    case Type.FILE_AUDIO: return 'sendbird-icon-file-audio';\n    case Type.FILE_DOCUMENT: return 'sendbird-icon-file-document';\n    case Type.FREEZE: return 'sendbird-icon-freeze';\n    case Type.GIF: return 'sendbird-icon-gif';\n    case Type.INFO: return 'sendbird-icon-info';\n    case Type.LEAVE: return 'sendbird-icon-leave';\n    case Type.MEMBERS: return 'sendbird-icon-members';\n    case Type.MESSAGE: return 'sendbird-icon-message';\n    case Type.MODERATIONS: return 'sendbird-icon-moderations';\n    case Type.MORE: return 'sendbird-icon-more';\n    case Type.MUTE: return 'sendbird-icon-mute';\n    case Type.NOTIFICATIONS: return 'sendbird-icon-notifications';\n    case Type.NOTIFICATIONS_OFF_FILLED: return 'sendbird-icon-notifications-off-filled';\n    case Type.OPERATOR: return 'sendbird-icon-operator';\n    case Type.PHOTO: return 'sendbird-icon-photo';\n    case Type.PLAY: return 'sendbird-icon-play';\n    case Type.PLUS: return 'sendbird-iconn-plus';\n    case Type.QUESTION: return 'sendbird-icon-question';\n    case Type.REFRESH: return 'sendbird-icon-refresh';\n    case Type.REMOVE: return 'sendbird-icon-remove';\n    case Type.REPLY: return 'sendbird-icon-reply';\n    case Type.SEARCH: return 'sendbird-icon-search';\n    case Type.SEND: return 'sendbird-icon-send';\n    case Type.SETTINGS_FILLED: return 'sendbird-icon-settings-filled';\n    case Type.SPINNER: return 'sendbird-icon-spinner';\n    case Type.SUPERGROUP: return 'sendbird-icon-supergroup';\n    case Type.THUMBNAIL_NONE: return 'sendbird-icon-thumbnail-none';\n    case Type.TOGGLE_OFF: return 'sendbird-icon-toggle-off';\n    case Type.TOGGLE_ON: return 'sendbird-icon-toggle-on';\n    case Type.USER: return 'sendbird-icon-user';\n    default: return 'sendbird-icon-unknown'; // If you see this text 'icon' replace icon for it\n  }\n}\n\nexport default function Icon({\n  className,\n  type,\n  fillColor,\n  width,\n  height,\n  onClick,\n  children,\n}) {\n  const iconStyle = {\n    width: typeof width === 'string' ? width : `${width}px`,\n    minWidth: typeof width === 'string' ? width : `${width}px`,\n    height: typeof height === 'string' ? height : `${height}px`,\n    minHeight: typeof height === 'string' ? height : `${height}px`,\n  };\n  return (\n    <div\n      className={[\n        ...Array.isArray(className) ? className : [className],\n        'sendbird-icon',\n        changeTypeToIconClassName(type),\n        changeColorToClassName(fillColor),\n      ].join(' ')}\n      role=\"button\"\n      onClick={onClick}\n      onKeyDown={onClick}\n      tabIndex=\"0\"\n      style={iconStyle}\n    >\n      {children || changeTypeToIconComponent(type)}\n    </div>\n  );\n}\n\nIcon.propTypes = {\n  className: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.arrayOf(PropTypes.string),\n  ]),\n  type: PropTypes.oneOfType([\n    PropTypes.oneOf(Object.keys(Type)),\n    PropTypes.string,\n  ]).isRequired,\n  fillColor: PropTypes.oneOf(Object.keys(Colors)),\n  width: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.number,\n  ]),\n  height: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.number,\n  ]),\n  onClick: PropTypes.func,\n  children: PropTypes.element,\n};\n\nIcon.defaultProps = {\n  className: '',\n  fillColor: Colors.DEFAULT,\n  width: 26,\n  height: 26,\n  onClick: () => { },\n  children: null,\n};\n\nexport const IconTypes = Type;\nexport const IconColors = Colors;\n"],"names":["ADD","ARROW_LEFT","ATTACH","BAN","BROADCAST","CAMERA","CHANNELS","CHAT","CHAT_FILLED","CHEVRON_DOWN","CHEVRON_RIGHT","CLOSE","COLLAPSE","COPY","CREATE","DELETE","DISCONNECTED","DOCUMENT","DONE","DONE_ALL","DOWNLOAD","EDIT","EMOJI_MORE","ERROR","EXPAND","FILE_AUDIO","FILE_DOCUMENT","FREEZE","GIF","INFO","LEAVE","MEMBERS","MESSAGE","MODERATIONS","MORE","MUTE","NOTIFICATIONS","NOTIFICATIONS_OFF_FILLED","OPERATOR","PHOTO","PLAY","PLUS","QUESTION","REFRESH","REPLY","REMOVE","SEARCH","SEND","SETTINGS_FILLED","SPINNER","SUPERGROUP","THUMBNAIL_NONE","TOGGLE_OFF","TOGGLE_ON","USER","Colors","DEFAULT","PRIMARY","SECONDARY","CONTENT","CONTENT_INVERSE","WHITE","GRAY","SENT","READ","ON_BACKGROUND_1","ON_BACKGROUND_2","ON_BACKGROUND_3","BACKGROUND_3","changeColorToClassName","color","changeTypeToIconComponent","type","Type","React","IconAdd","IconArrowLeft","IconAttach","IconBan","IconBroadcast","IconCamera","IconChannels","IconChat","IconChatFilled","IconChevronDown","IconChevronRight","IconClose","IconCollapse","IconCopy","IconCreate","IconDelete","IconDisconnected","IconDocument","IconDone","IconDoneAll","IconDownload","IconEdit","IconEmojiMore","IconError","IconExpand","IconFileAudio","IconFileDocument","IconFreeze","IconGif","IconInfo","IconLeave","IconMembers","IconMessage","IconModerations","IconMore","IconMute","IconNotifications","IconNotificationsOffFilled","IconOperator","IconPhoto","IconPlay","IconPlus","IconQuestion","IconRefresh","IconRemove","IconReply","IconSearch","IconSend","IconSettingsFilled","IconSpinner","IconSupergroup","IconThumbnailNone","IconToggleOff","IconToggleOn","IconUser","changeTypeToIconClassName","Icon","className","fillColor","width","height","onClick","children","iconStyle","minWidth","minHeight","Array","isArray","join","propTypes","PropTypes","oneOfType","string","arrayOf","oneOf","Object","keys","isRequired","number","func","element","defaultProps","IconTypes","IconColors"],"mappings":"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"}
+{"version":3,"file":"Icon.js","sources":["../../../src/ui/Icon/type.js","../../../src/ui/Icon/index.jsx"],"sourcesContent":["export default {\n  ADD: 'ADD',\n  ARROW_LEFT: 'ARROW_LEFT',\n  ATTACH: 'ATTACH',\n  BAN: 'BAN',\n  BROADCAST: 'BROADCAST',\n  CAMERA: 'CAMERA',\n  CHANNELS: 'CHANNELS',\n  CHAT: 'CHAT',\n  CHAT_FILLED: 'CHAT_FILLED',\n  CHEVRON_DOWN: 'CHEVRON_DOWN',\n  CHEVRON_RIGHT: 'CHEVRON_RIGHT',\n  CLOSE: 'CLOSE',\n  COLLAPSE: 'COLLAPSE',\n  COPY: 'COPY',\n  CREATE: 'CREATE',\n  DELETE: 'DELETE',\n  DISCONNECTED: 'DISCONNECTED',\n  DOCUMENT: 'DOCUMENT',\n  DONE: 'DONE',\n  DONE_ALL: 'DONE_ALL',\n  DOWNLOAD: 'DOWNLOAD',\n  EDIT: 'EDIT',\n  EMOJI_MORE: 'EMOJI_MORE',\n  ERROR: 'ERROR',\n  EXPAND: 'EXPAND',\n  FILE_AUDIO: 'FILE_AUDIO',\n  FILE_DOCUMENT: 'FILE_DOCUMENT',\n  FREEZE: 'FREEZE',\n  GIF: 'GIF',\n  INFO: 'INFO',\n  LEAVE: 'LEAVE',\n  MEMBERS: 'MEMBERS',\n  MESSAGE: 'MESSAGE',\n  MODERATIONS: 'MODERATIONS',\n  MORE: 'MORE',\n  MUTE: 'MUTE',\n  NOTIFICATIONS: 'NOTIFICATIONS',\n  NOTIFICATIONS_OFF_FILLED: 'NOTIFICATIONS_OFF_FILLED',\n  OPERATOR: 'OPERATOR',\n  PHOTO: 'PHOTO',\n  PLAY: 'PLAY',\n  PLUS: 'PLUS',\n  QUESTION: 'QUESTION',\n  REFRESH: 'REFRESH',\n  REPLY: 'REPLY',\n  REMOVE: 'REMOVE',\n  SEARCH: 'SEARCH',\n  SEND: 'SEND',\n  SETTINGS_FILLED: 'SETTINGS_FILLED',\n  SPINNER: 'SPINNER',\n  SUPERGROUP: 'SUPERGROUP',\n  THUMBNAIL_NONE: 'THUMBNAIL_NONE',\n  TOGGLE_OFF: 'TOGGLE_OFF',\n  TOGGLE_ON: 'TOGGLE_ON',\n  USER: 'USER',\n};\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport './index.scss';\nimport Type from './type';\n\nimport IconAdd from '../../svgs/icon-add.svg';\nimport IconArrowLeft from '../../svgs/icon-arrow-left.svg';\nimport IconAttach from '../../svgs/icon-attach.svg';\nimport IconBan from '../../svgs/icon-ban.svg';\nimport IconBroadcast from '../../svgs/icon-broadcast.svg';\nimport IconCamera from '../../svgs/icon-camera.svg';\nimport IconChannels from '../../svgs/icon-channels.svg';\nimport IconChat from '../../svgs/icon-chat.svg';\nimport IconChatFilled from '../../svgs/icon-chat-filled.svg';\nimport IconChevronDown from '../../svgs/icon-chevron-down.svg';\nimport IconChevronRight from '../../svgs/icon-chevron-right.svg';\nimport IconClose from '../../svgs/icon-close.svg';\nimport IconCollapse from '../../svgs/icon-collapse.svg';\nimport IconCopy from '../../svgs/icon-copy.svg';\nimport IconCreate from '../../svgs/icon-create.svg';\nimport IconDelete from '../../svgs/icon-delete.svg';\nimport IconDisconnected from '../../svgs/icon-disconnected.svg';\nimport IconDocument from '../../svgs/icon-document.svg';\nimport IconDone from '../../svgs/icon-done.svg';\nimport IconDoneAll from '../../svgs/icon-done-all.svg';\nimport IconDownload from '../../svgs/icon-download.svg';\nimport IconEdit from '../../svgs/icon-edit.svg';\nimport IconEmojiMore from '../../svgs/icon-emoji-more.svg';\nimport IconError from '../../svgs/icon-error.svg';\nimport IconExpand from '../../svgs/icon-expand.svg';\nimport IconFileAudio from '../../svgs/icon-file-audio.svg';\nimport IconFileDocument from '../../svgs/icon-file-document.svg';\nimport IconFreeze from '../../svgs/icon-freeze.svg';\nimport IconGif from '../../svgs/icon-gif.svg';\nimport IconInfo from '../../svgs/icon-info.svg';\nimport IconLeave from '../../svgs/icon-leave.svg';\nimport IconMembers from '../../svgs/icon-members.svg';\nimport IconMessage from '../../svgs/icon-message.svg';\nimport IconModerations from '../../svgs/icon-moderations.svg';\nimport IconMore from '../../svgs/icon-more.svg';\nimport IconMute from '../../svgs/icon-mute.svg';\nimport IconNotifications from '../../svgs/icon-notifications.svg';\nimport IconNotificationsOffFilled from '../../svgs/icon-notifications-off-filled.svg';\nimport IconOperator from '../../svgs/icon-operator.svg';\nimport IconPhoto from '../../svgs/icon-photo.svg';\nimport IconPlay from '../../svgs/icon-play.svg';\nimport IconPlus from '../../svgs/icon-plus.svg';\nimport IconQuestion from '../../svgs/icon-question.svg';\nimport IconRefresh from '../../svgs/icon-refresh.svg';\nimport IconRemove from '../../svgs/icon-remove.svg';\nimport IconReply from '../../svgs/icon-reply-filled.svg';\nimport IconSearch from '../../svgs/icon-search.svg';\nimport IconSend from '../../svgs/icon-send.svg';\nimport IconSettingsFilled from '../../svgs/icon-settings-filled.svg';\nimport IconSpinner from '../../svgs/icon-spinner.svg';\nimport IconSupergroup from '../../svgs/icon-supergroup.svg';\nimport IconThumbnailNone from '../../svgs/icon-thumbnail-none.svg';\nimport IconToggleOff from '../../svgs/icon-toggleoff.svg';\nimport IconToggleOn from '../../svgs/icon-toggleon.svg';\nimport IconUser from '../../svgs/icon-user.svg';\n\nconst Colors = {\n  DEFAULT: 'DEFAULT',\n  PRIMARY: 'PRIMARY',\n  SECONDARY: 'SECONDARY',\n  CONTENT: 'CONTENT',\n  CONTENT_INVERSE: 'CONTENT_INVERSE',\n  WHITE: 'WHITE',\n  GRAY: 'GRAY',\n  SENT: 'SENT',\n  READ: 'READ',\n  ON_BACKGROUND_1: 'ON_BACKGROUND_1',\n  ON_BACKGROUND_2: 'ON_BACKGROUND_2',\n  ON_BACKGROUND_3: 'ON_BACKGROUND_3',\n  BACKGROUND_3: 'BACKGROUND_3',\n  ERROR: 'ERROR',\n};\n\nfunction changeColorToClassName(color) {\n  switch (color) {\n    case Colors.PRIMARY: return 'sendbird-icon-color--primary';\n    case Colors.SECONDARY: return 'sendbird-icon-color--secondary';\n    case Colors.CONTENT: return 'sendbird-icon-color--content';\n    case Colors.CONTENT_INVERSE: return 'sendbird-icon-color--content-inverse';\n    case Colors.WHITE: return 'sendbird-icon-color--white';\n    case Colors.GRAY: return 'sendbird-icon-color--gray';\n    case Colors.SENT: return 'sendbird-icon-color--sent';\n    case Colors.READ: return 'sendbird-icon-color--read';\n    case Colors.ON_BACKGROUND_1: return 'sendbird-icon-color--on-background-1';\n    case Colors.ON_BACKGROUND_2: return 'sendbird-icon-color--on-background-2';\n    case Colors.ON_BACKGROUND_3: return 'sendbird-icon-color--on-background-3';\n    case Colors.BACKGROUND_3: return 'sendbird-icon-color--background-3';\n    case Colors.ERROR: return 'sendbird-icon-color--error';\n    default: return '';\n  }\n}\n\nfunction changeTypeToIconComponent(type) {\n  switch (type) {\n    case Type.ADD: return <IconAdd />;\n    case Type.ARROW_LEFT: return <IconArrowLeft />;\n    case Type.ATTACH: return <IconAttach />;\n    case Type.BAN: return <IconBan />;\n    case Type.BROADCAST: return <IconBroadcast />;\n    case Type.CAMERA: return <IconCamera />;\n    case Type.CHANNELS: return <IconChannels />;\n    case Type.CHAT: return <IconChat />;\n    case Type.CHAT_FILLED: return <IconChatFilled />;\n    case Type.CHEVRON_DOWN: return <IconChevronDown />;\n    case Type.CHEVRON_RIGHT: return <IconChevronRight />;\n    case Type.CLOSE: return <IconClose />;\n    case Type.COLLAPSE: return <IconCollapse />;\n    case Type.COPY: return <IconCopy />;\n    case Type.CREATE: return <IconCreate />;\n    case Type.DELETE: return <IconDelete />;\n    case Type.DISCONNECTED: return <IconDisconnected />;\n    case Type.DOCUMENT: return <IconDocument />;\n    case Type.DONE: return <IconDone />;\n    case Type.DONE_ALL: return <IconDoneAll />;\n    case Type.DOWNLOAD: return <IconDownload />;\n    case Type.EDIT: return <IconEdit />;\n    case Type.EMOJI_MORE: return <IconEmojiMore />;\n    case Type.ERROR: return <IconError />;\n    case Type.EXPAND: return <IconExpand />;\n    case Type.FILE_AUDIO: return <IconFileAudio />;\n    case Type.FILE_DOCUMENT: return <IconFileDocument />;\n    case Type.FREEZE: return <IconFreeze />;\n    case Type.GIF: return <IconGif />;\n    case Type.INFO: return <IconInfo />;\n    case Type.LEAVE: return <IconLeave />;\n    case Type.MEMBERS: return <IconMembers />;\n    case Type.MESSAGE: return <IconMessage />;\n    case Type.MODERATIONS: return <IconModerations />;\n    case Type.MORE: return <IconMore />;\n    case Type.MUTE: return <IconMute />;\n    case Type.NOTIFICATIONS: return <IconNotifications />;\n    case Type.NOTIFICATIONS_OFF_FILLED: return <IconNotificationsOffFilled />;\n    case Type.OPERATOR: return <IconOperator />;\n    case Type.PHOTO: return <IconPhoto />;\n    case Type.PLAY: return <IconPlay />;\n    case Type.PLUS: return <IconPlus />;\n    case Type.QUESTION: return <IconQuestion />;\n    case Type.REFRESH: return <IconRefresh />;\n    case Type.REMOVE: return <IconRemove />;\n    case Type.REPLY: return <IconReply />;\n    case Type.SEARCH: return <IconSearch />;\n    case Type.SEND: return <IconSend />;\n    case Type.SETTINGS_FILLED: return <IconSettingsFilled />;\n    case Type.SPINNER: return <IconSpinner />;\n    case Type.SUPERGROUP: return <IconSupergroup />;\n    case Type.THUMBNAIL_NONE: return <IconThumbnailNone />;\n    case Type.TOGGLE_OFF: return <IconToggleOff />;\n    case Type.TOGGLE_ON: return <IconToggleOn />;\n    case Type.USER: return <IconUser />;\n    default: return 'icon'; // If you see this text 'icon' replace icon for it\n  }\n}\n\nexport function changeTypeToIconClassName(type) {\n  switch (type) {\n    case Type.ADD: return 'sendbird-icon-add';\n    case Type.ARROW_LEFT: return 'sendbird-icon-arrow-left';\n    case Type.ATTACH: return 'sendbird-icon-attach';\n    case Type.BAN: return 'sendbird-icon-ban';\n    case Type.BROADCAST: return 'sendbird-icon-broadcast';\n    case Type.CAMERA: return 'sendbird-icon-camera';\n    case Type.CHANNELS: return 'sendbird-icon-channels';\n    case Type.CHAT: return 'sendbird-icon-chat';\n    case Type.CHAT_FILLED: return 'sendbird-icon-chat-filled';\n    case Type.CHEVRON_DOWN: return 'sendbird-icon-chevron-down';\n    case Type.CHEVRON_RIGHT: return 'sendbird-icon-chevron-right';\n    case Type.CLOSE: return 'sendbird-icon-close';\n    case Type.COLLAPSE: return 'sendbird-icon-collapse';\n    case Type.COPY: return 'sendbird-icon-copy';\n    case Type.CREATE: return 'sendbird-icon-create';\n    case Type.DELETE: return 'sendbird-icon-delete';\n    case Type.DISCONNECTED: return 'sendbird-icon-disconnected';\n    case Type.DOCUMENT: return 'sendbird-icon-document';\n    case Type.DONE: return 'sendbird-icon-done';\n    case Type.DONE_ALL: return 'sendbird-icon-done-all';\n    case Type.DOWNLOAD: return 'sendbird-icon-down-load';\n    case Type.EDIT: return 'sendbird-icon-edit';\n    case Type.EMOJI_MORE: return 'sendbird-icon-emoji-more';\n    case Type.ERROR: return 'sendbird-icon-error';\n    case Type.EXPAND: return 'sendbird-icon-expand';\n    case Type.FILE_AUDIO: return 'sendbird-icon-file-audio';\n    case Type.FILE_DOCUMENT: return 'sendbird-icon-file-document';\n    case Type.FREEZE: return 'sendbird-icon-freeze';\n    case Type.GIF: return 'sendbird-icon-gif';\n    case Type.INFO: return 'sendbird-icon-info';\n    case Type.LEAVE: return 'sendbird-icon-leave';\n    case Type.MEMBERS: return 'sendbird-icon-members';\n    case Type.MESSAGE: return 'sendbird-icon-message';\n    case Type.MODERATIONS: return 'sendbird-icon-moderations';\n    case Type.MORE: return 'sendbird-icon-more';\n    case Type.MUTE: return 'sendbird-icon-mute';\n    case Type.NOTIFICATIONS: return 'sendbird-icon-notifications';\n    case Type.NOTIFICATIONS_OFF_FILLED: return 'sendbird-icon-notifications-off-filled';\n    case Type.OPERATOR: return 'sendbird-icon-operator';\n    case Type.PHOTO: return 'sendbird-icon-photo';\n    case Type.PLAY: return 'sendbird-icon-play';\n    case Type.PLUS: return 'sendbird-iconn-plus';\n    case Type.QUESTION: return 'sendbird-icon-question';\n    case Type.REFRESH: return 'sendbird-icon-refresh';\n    case Type.REMOVE: return 'sendbird-icon-remove';\n    case Type.REPLY: return 'sendbird-icon-reply';\n    case Type.SEARCH: return 'sendbird-icon-search';\n    case Type.SEND: return 'sendbird-icon-send';\n    case Type.SETTINGS_FILLED: return 'sendbird-icon-settings-filled';\n    case Type.SPINNER: return 'sendbird-icon-spinner';\n    case Type.SUPERGROUP: return 'sendbird-icon-supergroup';\n    case Type.THUMBNAIL_NONE: return 'sendbird-icon-thumbnail-none';\n    case Type.TOGGLE_OFF: return 'sendbird-icon-toggle-off';\n    case Type.TOGGLE_ON: return 'sendbird-icon-toggle-on';\n    case Type.USER: return 'sendbird-icon-user';\n    default: return 'sendbird-icon-unknown'; // If you see this text 'icon' replace icon for it\n  }\n}\n\nexport default function Icon({\n  className,\n  type,\n  fillColor,\n  width,\n  height,\n  onClick,\n  children,\n}) {\n  const iconStyle = {\n    width: typeof width === 'string' ? width : `${width}px`,\n    minWidth: typeof width === 'string' ? width : `${width}px`,\n    height: typeof height === 'string' ? height : `${height}px`,\n    minHeight: typeof height === 'string' ? height : `${height}px`,\n  };\n  return (\n    <div\n      className={[\n        ...Array.isArray(className) ? className : [className],\n        'sendbird-icon',\n        changeTypeToIconClassName(type),\n        changeColorToClassName(fillColor),\n      ].join(' ')}\n      role=\"button\"\n      onClick={onClick}\n      onKeyDown={onClick}\n      tabIndex=\"0\"\n      style={iconStyle}\n    >\n      {children || changeTypeToIconComponent(type)}\n    </div>\n  );\n}\n\nIcon.propTypes = {\n  className: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.arrayOf(PropTypes.string),\n  ]),\n  /** Type: Use strings from below list */\n  type: PropTypes.oneOfType([\n    PropTypes.oneOf(Object.keys(Type)),\n    PropTypes.string,\n  ]).isRequired,\n  /** Type: Use Colors from below list */\n  fillColor: PropTypes.oneOf(Object.keys(Colors)),\n  width: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.number,\n  ]),\n  height: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.number,\n  ]),\n  onClick: PropTypes.func,\n  children: PropTypes.element,\n};\n\nIcon.defaultProps = {\n  className: '',\n  fillColor: Colors.DEFAULT,\n  width: 26,\n  height: 26,\n  onClick: () => { },\n  children: null,\n};\n\nexport const IconTypes = Type;\nexport const IconColors = Colors;\n"],"names":["ADD","ARROW_LEFT","ATTACH","BAN","BROADCAST","CAMERA","CHANNELS","CHAT","CHAT_FILLED","CHEVRON_DOWN","CHEVRON_RIGHT","CLOSE","COLLAPSE","COPY","CREATE","DELETE","DISCONNECTED","DOCUMENT","DONE","DONE_ALL","DOWNLOAD","EDIT","EMOJI_MORE","ERROR","EXPAND","FILE_AUDIO","FILE_DOCUMENT","FREEZE","GIF","INFO","LEAVE","MEMBERS","MESSAGE","MODERATIONS","MORE","MUTE","NOTIFICATIONS","NOTIFICATIONS_OFF_FILLED","OPERATOR","PHOTO","PLAY","PLUS","QUESTION","REFRESH","REPLY","REMOVE","SEARCH","SEND","SETTINGS_FILLED","SPINNER","SUPERGROUP","THUMBNAIL_NONE","TOGGLE_OFF","TOGGLE_ON","USER","Colors","DEFAULT","PRIMARY","SECONDARY","CONTENT","CONTENT_INVERSE","WHITE","GRAY","SENT","READ","ON_BACKGROUND_1","ON_BACKGROUND_2","ON_BACKGROUND_3","BACKGROUND_3","changeColorToClassName","color","changeTypeToIconComponent","type","Type","React","IconAdd","IconArrowLeft","IconAttach","IconBan","IconBroadcast","IconCamera","IconChannels","IconChat","IconChatFilled","IconChevronDown","IconChevronRight","IconClose","IconCollapse","IconCopy","IconCreate","IconDelete","IconDisconnected","IconDocument","IconDone","IconDoneAll","IconDownload","IconEdit","IconEmojiMore","IconError","IconExpand","IconFileAudio","IconFileDocument","IconFreeze","IconGif","IconInfo","IconLeave","IconMembers","IconMessage","IconModerations","IconMore","IconMute","IconNotifications","IconNotificationsOffFilled","IconOperator","IconPhoto","IconPlay","IconPlus","IconQuestion","IconRefresh","IconRemove","IconReply","IconSearch","IconSend","IconSettingsFilled","IconSpinner","IconSupergroup","IconThumbnailNone","IconToggleOff","IconToggleOn","IconUser","changeTypeToIconClassName","Icon","className","fillColor","width","height","onClick","children","iconStyle","minWidth","minHeight","Array","isArray","join","propTypes","PropTypes","oneOfType","string","arrayOf","oneOf","Object","keys","isRequired","number","func","element","defaultProps","IconTypes","IconColors"],"mappings":"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"}

package/cjs/ui/IconButton.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-f802e0e8.js');
+var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-0d29c748.js');
 var React = require('react');
 var PropTypes = require('prop-types');
 

package/cjs/ui/ImageRenderer.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-f802e0e8.js');
+var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-0d29c748.js');
 var React = require('react');
 var PropTypes = require('prop-types');
 

package/cjs/ui/Input.js

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-f802e0e8.js');
+var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-0d29c748.js');
 var React = require('react');
 var PropTypes = require('prop-types');
-var ui_Label = require('../index-a20b40c4.js');
-require('../stringSet-ae448472.js');
+var ui_Label = require('../index-574ef41e.js');
+require('../stringSet-da976cc5.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/ui/Label.js

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../_rollupPluginBabelHelpers-f802e0e8.js');
+require('../_rollupPluginBabelHelpers-0d29c748.js');
 require('react');
 require('prop-types');
-var ui_Label = require('../index-a20b40c4.js');
-require('../stringSet-ae448472.js');
+var ui_Label = require('../index-574ef41e.js');
+require('../stringSet-da976cc5.js');
 
 
 

package/cjs/ui/LinkLabel.js

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-f802e0e8.js');
+var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-0d29c748.js');
 var React = require('react');
 var PropTypes = require('prop-types');
-var ui_Label = require('../index-a20b40c4.js');
-require('../stringSet-ae448472.js');
+var ui_Label = require('../index-574ef41e.js');
+require('../stringSet-da976cc5.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/ui/Loader.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-f802e0e8.js');
+var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-0d29c748.js');
 var React = require('react');
 var PropTypes = require('prop-types');
 var ui_Icon = require('./Icon.js');

package/cjs/ui/MentionLabel.js

@@ -2,26 +2,27 @@
 
 var React = require('react');
 var ui_ContextMenu = require('./ContextMenu.js');
-var ui_Label = require('../index-a20b40c4.js');
+var ui_Label = require('../index-574ef41e.js');
 var ui_UserProfile = require('./UserProfile.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
-require('../_rollupPluginBabelHelpers-f802e0e8.js');
+require('../_rollupPluginBabelHelpers-0d29c748.js');
 require('prop-types');
-require('../index-bc563d47.js');
-require('../tslib.es6-a7af7bb8.js');
+require('../index-32f8310c.js');
+require('../tslib.es6-4b76ba01.js');
 require('react-dom');
 require('./SortByRow.js');
-require('../stringSet-ae448472.js');
-require('../LocalizationContext-79514649.js');
-require('../index-0b2e2c2a.js');
-require('../withSendBird.js');
-require('../sendBirdSelectors.js');
-require('../topics-bdbff23e.js');
+require('../stringSet-da976cc5.js');
+require('../LocalizationContext-65b97b58.js');
+require('../index-bf350acc.js');
+require('../withSendbird.js');
+require('../sendbirdSelectors.js');
+require('../topics-a595e22a.js');
+require('../utils-52a504d9.js');
 require('./Avatar.js');
 require('./ImageRenderer.js');
 require('./Icon.js');
-require('../uuid-03009a31.js');
-require('../index-2180f74f.js');
+require('../uuid-d0e513e8.js');
+require('../index-7ef68704.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -32,6 +33,7 @@ function MentionLabel(props) {
 
   var mentionTemplate = props.mentionTemplate,
       mentionedUserId = props.mentionedUserId,
+      mentionedUserNickname = props.mentionedUserNickname,
       isByMe = props.isByMe;
   var mentionRef = React.useRef();
   var sendbirdState = useSendbirdStateContext();
@@ -48,9 +50,10 @@ function MentionLabel(props) {
       toggleDropdown();
     }
 
-    var query = sdk.createApplicationUserListQuery();
-    query.userIdsFilter = [mentionedUserId];
-    query.next(function (members) {
+    var query = sdk.createApplicationUserListQuery({
+      userIdsFilter: [mentionedUserId]
+    });
+    query.next().then(function (members) {
       if ((members === null || members === void 0 ? void 0 : members.length) > 0) {
         setUser(members[0]);
       }
@@ -61,7 +64,7 @@ function MentionLabel(props) {
   return /*#__PURE__*/React__default["default"].createElement(ui_ContextMenu["default"], {
     menuTrigger: function menuTrigger(toggleDropdown) {
       return /*#__PURE__*/React__default["default"].createElement("a", {
-        className: "\n            sendbird-word__mention\n            " + (amIBeingMentioned ? 'sendbird-word__mention--me' : '') + "\n          ",
+        className: "\n            sendbird-word__mention\n            ".concat(amIBeingMentioned ? 'sendbird-word__mention--me' : '', "\n          "),
         onClick: function onClick() {
           return fetchUser(toggleDropdown);
         },
@@ -69,7 +72,7 @@ function MentionLabel(props) {
       }, /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
         type: ui_Label.LabelTypography.CAPTION_1,
         color: isByMe ? ui_Label.LabelColors.ONCONTENT_1 : ui_Label.LabelColors.ONBACKGROUND_1
-      }, "" + mentionTemplate + mentionedUserId));
+      }, "".concat(mentionTemplate).concat(mentionedUserNickname)));
     },
     menuItems: function menuItems(closeDropdown) {
       return /*#__PURE__*/React__default["default"].createElement(ui_ContextMenu.MenuItems
@@ -86,7 +89,6 @@ function MentionLabel(props) {
           paddingBottom: 0
         }
       }, /*#__PURE__*/React__default["default"].createElement(ui_UserProfile, {
-        disableMessaging: true,
         user: user,
         onSuccess: closeDropdown
       }));

package/cjs/ui/MentionLabel.js.map

@@ -1 +1 @@
-{"version":3,"file":"MentionLabel.js","sources":["../../../src/ui/MentionLabel/index.tsx"],"sourcesContent":["import './index.scss';\n\nimport React, {\n  ReactElement,\n  useRef,\n  useState,\n  useCallback,\n} from 'react';\nimport type SendBird from 'sendbird';\n\nimport ContextMenu, { MenuItems } from '../ContextMenu';\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport UserProfile from '../UserProfile';\nimport useSendbirdStateContext from '../../hooks/useSendbirdStateContext';\n\ninterface MentionLabelProps {\n  mentionTemplate: string;\n  mentionedUserId: string;\n  isByMe: boolean;\n}\n\nexport default function MentionLabel(props: MentionLabelProps): JSX.Element {\n  const {\n    mentionTemplate,\n    mentionedUserId,\n    isByMe,\n  } = props;\n\n  const mentionRef = useRef();\n\n  const sendbirdState = useSendbirdStateContext();\n  const userId = sendbirdState?.config?.userId;\n  const sdk = sendbirdState?.stores?.sdkStore?.sdk;\n  const amIBeingMentioned = userId === mentionedUserId;\n  const [user, setUser] = useState<SendBird.User| null>();\n  const fetchUser = useCallback(\n    (toggleDropdown) => {\n      if (user) {\n        toggleDropdown();\n      }\n      const query = sdk.createApplicationUserListQuery();\n      query.userIdsFilter = [mentionedUserId];\n      query.next((members) => {\n        if (members?.length > 0) {\n          setUser(members[0]);\n        }\n        toggleDropdown();\n      })\n    },\n    [sdk, mentionedUserId],\n  );\n  return (\n    <ContextMenu\n      menuTrigger={(toggleDropdown: () => void): ReactElement => (\n        <a\n          className={`\n            sendbird-word__mention\n            ${amIBeingMentioned ? 'sendbird-word__mention--me' : ''}\n          `}\n          onClick={() => fetchUser(toggleDropdown)}\n          ref={mentionRef}\n        >\n          <Label\n            type={LabelTypography.CAPTION_1}\n            color={isByMe ? LabelColors.ONCONTENT_1 : LabelColors.ONBACKGROUND_1}\n          >\n            {`${mentionTemplate}${mentionedUserId}`}\n          </Label>\n        </a>\n      )}\n      menuItems={(closeDropdown: () => void): ReactElement => (\n        <MenuItems\n          /**\n          * parentRef: For catching location(x, y) of MenuItems\n          * parentContainRef: For toggling more options(menus & reactions)\n          */\n          parentRef={mentionRef}\n          parentContainRef={mentionRef}\n          closeDropdown={closeDropdown}\n          style={{ paddingTop: 0, paddingBottom: 0 }}\n        >\n          <UserProfile disableMessaging user={user} onSuccess={closeDropdown} />\n        </MenuItems>\n      )}\n    />\n  )\n}\n"],"names":["MentionLabel","props","mentionTemplate","mentionedUserId","isByMe","mentionRef","useRef","sendbirdState","useSendbirdStateContext","userId","config","sdk","stores","sdkStore","amIBeingMentioned","_d","useState","user","setUser","fetchUser","useCallback","toggleDropdown","query","createApplicationUserListQuery","userIdsFilter","next","members","length","React","ContextMenu","Label","LabelTypography","CAPTION_1","LabelColors","ONCONTENT_1","ONBACKGROUND_1","closeDropdown","MenuItems","paddingTop","paddingBottom","UserProfile"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;SAqBwBA,aAAaC;;;AAEjC,MAAAC,eAAe,GAGbD,KAAK,gBAHP;AAAA,MACAE,eAAe,GAEbF,KAAK,gBAHP;AAAA,MAEAG,MAAM,GACJH,KAAK,OAHP;AAKF,MAAMI,UAAU,GAAGC,YAAM,EAAzB;AAEA,MAAMC,aAAa,GAAGC,uBAAuB,EAA7C;AACA,MAAMC,MAAM,GAAG,MAAAF,aAAa,SAAb,IAAAA,aAAa,WAAb,SAAA,GAAAA,aAAa,CAAEG,MAAf,UAAA,iBAAA,SAAA,MAAuBD,MAAtC;AACA,MAAME,GAAG,GAAG,MAAA,MAAAJ,aAAa,SAAb,IAAAA,aAAa,WAAb,SAAA,GAAAA,aAAa,CAAEK,MAAf,UAAA,iBAAA,SAAA,MAAuBC,QAAvB,UAAA,iBAAA,SAAA,MAAiCF,GAA7C;AACA,MAAMG,iBAAiB,GAAGL,MAAM,KAAKN,eAArC;;AACM,MAAAY,KAAkBC,cAAQ,EAA1B;AAAA,MAACC,IAAI,QAAL;AAAA,MAAOC,OAAO,QAAd;;AACN,MAAMC,SAAS,GAAGC,iBAAW,CAC3B,UAACC,cAAD;AACE,QAAIJ,IAAJ,EAAU;AACRI,MAAAA,cAAc;AACf;;AACD,QAAMC,KAAK,GAAGX,GAAG,CAACY,8BAAJ,EAAd;AACAD,IAAAA,KAAK,CAACE,aAAN,GAAsB,CAACrB,eAAD,CAAtB;AACAmB,IAAAA,KAAK,CAACG,IAAN,CAAW,UAACC,OAAD;AACT,UAAI,CAAAA,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEC,MAAT,IAAkB,CAAtB,EAAyB;AACvBT,QAAAA,OAAO,CAACQ,OAAO,CAAC,CAAD,CAAR,CAAP;AACD;;AACDL,MAAAA,cAAc;AACf,KALD;AAMD,GAb0B,EAc3B,CAACV,GAAD,EAAMR,eAAN,CAd2B,CAA7B;AAgBA,sBACEyB,wCAACC,yBAAD;AACE,IAAA,WAAW,EAAE,qBAACR,cAAD;AAA8C,0BACzDO;AACE,QAAA,SAAS,EAAE,wDAEPd,iBAAiB,GAAG,4BAAH,GAAkC,EAF5C,kBADb;AAKE,QAAA,OAAO,EAAE;AAAM,iBAAAK,SAAS,CAACE,cAAD,CAAT;AAAyB,SAL1C;AAME,QAAA,GAAG,EAAEhB;AANP,sBAQEuB,wCAACE,cAAD;AACE,QAAA,IAAI,EAAEC,wBAAe,CAACC,SADxB;AAEE,QAAA,KAAK,EAAE5B,MAAM,GAAG6B,oBAAW,CAACC,WAAf,GAA6BD,oBAAW,CAACE;AAFxD,SAIG,KAAGjC,eAAH,GAAqBC,eAJxB,CARF,CADyD;AAgB1D,KAjBH;AAkBE,IAAA,SAAS,EAAE,mBAACiC,aAAD;AAA6C,0BACtDR,wCAACS;AACC;;;;AADF;AAKE,QAAA,SAAS,EAAEhC,UALb;AAME,QAAA,gBAAgB,EAAEA,UANpB;AAOE,QAAA,aAAa,EAAE+B,aAPjB;AAQE,QAAA,KAAK,EAAE;AAAEE,UAAAA,UAAU,EAAE,CAAd;AAAiBC,UAAAA,aAAa,EAAE;AAAhC;AART,sBAUEX,wCAACY,cAAD;AAAa,QAAA,gBAAgB,MAA7B;AAA8B,QAAA,IAAI,EAAEvB,IAApC;AAA0C,QAAA,SAAS,EAAEmB;AAArD,QAVF,CADsD;AAavD;AA/BH,IADF;AAmCD;;;;"}
+{"version":3,"file":"MentionLabel.js","sources":["../../../src/ui/MentionLabel/index.tsx"],"sourcesContent":["import './index.scss';\n\nimport React, {\n  ReactElement,\n  useRef,\n  useState,\n  useCallback,\n} from 'react';\nimport type { User } from '@sendbird/chat';\n\nimport ContextMenu, { MenuItems } from '../ContextMenu';\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport UserProfile from '../UserProfile';\nimport useSendbirdStateContext from '../../hooks/useSendbirdStateContext';\n\ninterface MentionLabelProps {\n  mentionTemplate: string;\n  mentionedUserId: string;\n  mentionedUserNickname: string;\n  isByMe: boolean;\n}\n\nexport default function MentionLabel(props: MentionLabelProps): JSX.Element {\n  const {\n    mentionTemplate,\n    mentionedUserId,\n    mentionedUserNickname,\n    isByMe,\n  } = props;\n\n  const mentionRef = useRef();\n\n  const sendbirdState = useSendbirdStateContext();\n  const userId = sendbirdState?.config?.userId;\n  const sdk = sendbirdState?.stores?.sdkStore?.sdk;\n  const amIBeingMentioned = userId === mentionedUserId;\n  const [user, setUser] = useState<User| null>();\n  const fetchUser = useCallback(\n    (toggleDropdown) => {\n      if (user) {\n        toggleDropdown();\n      }\n      const query = sdk.createApplicationUserListQuery({\n        userIdsFilter: [mentionedUserId],\n      });\n      query.next().then((members) => {\n        if (members?.length > 0) {\n          setUser(members[0]);\n        }\n        toggleDropdown();\n      })\n    },\n    [sdk, mentionedUserId],\n  );\n  return (\n    <ContextMenu\n      menuTrigger={(toggleDropdown: () => void): ReactElement => (\n        <a\n          className={`\n            sendbird-word__mention\n            ${amIBeingMentioned ? 'sendbird-word__mention--me' : ''}\n          `}\n          onClick={() => fetchUser(toggleDropdown)}\n          ref={mentionRef}\n        >\n          <Label\n            type={LabelTypography.CAPTION_1}\n            color={isByMe ? LabelColors.ONCONTENT_1 : LabelColors.ONBACKGROUND_1}\n          >\n            {`${mentionTemplate}${mentionedUserNickname}`}\n          </Label>\n        </a>\n      )}\n      menuItems={(closeDropdown: () => void): ReactElement => (\n        <MenuItems\n          /**\n          * parentRef: For catching location(x, y) of MenuItems\n          * parentContainRef: For toggling more options(menus & reactions)\n          */\n          parentRef={mentionRef}\n          parentContainRef={mentionRef}\n          closeDropdown={closeDropdown}\n          style={{ paddingTop: 0, paddingBottom: 0 }}\n        >\n          <UserProfile user={user} onSuccess={closeDropdown} />\n        </MenuItems>\n      )}\n    />\n  )\n}\n"],"names":["MentionLabel","props","mentionTemplate","mentionedUserId","mentionedUserNickname","isByMe","mentionRef","useRef","sendbirdState","useSendbirdStateContext","userId","config","sdk","stores","sdkStore","amIBeingMentioned","_d","useState","user","setUser","fetchUser","useCallback","toggleDropdown","query","createApplicationUserListQuery","userIdsFilter","next","then","members","length","React","ContextMenu","Label","LabelTypography","CAPTION_1","LabelColors","ONCONTENT_1","ONBACKGROUND_1","closeDropdown","MenuItems","paddingTop","paddingBottom","UserProfile"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SAsBwBA,aAAaC;;;AAEjC,MAAAC,eAAe,GAIbD,KAAK,gBAJP;AAAA,MACAE,eAAe,GAGbF,KAAK,gBAJP;AAAA,MAEAG,qBAAqB,GAEnBH,KAAK,sBAJP;AAAA,MAGAI,MAAM,GACJJ,KAAK,OAJP;AAMF,MAAMK,UAAU,GAAGC,YAAM,EAAzB;AAEA,MAAMC,aAAa,GAAGC,uBAAuB,EAA7C;AACA,MAAMC,MAAM,GAAG,MAAAF,aAAa,SAAb,IAAAA,aAAa,WAAb,SAAA,GAAAA,aAAa,CAAEG,MAAf,UAAA,iBAAA,SAAA,MAAuBD,MAAtC;AACA,MAAME,GAAG,GAAG,MAAA,MAAAJ,aAAa,SAAb,IAAAA,aAAa,WAAb,SAAA,GAAAA,aAAa,CAAEK,MAAf,UAAA,iBAAA,SAAA,MAAuBC,QAAvB,UAAA,iBAAA,SAAA,MAAiCF,GAA7C;AACA,MAAMG,iBAAiB,GAAGL,MAAM,KAAKP,eAArC;;AACM,MAAAa,KAAkBC,cAAQ,EAA1B;AAAA,MAACC,IAAI,QAAL;AAAA,MAAOC,OAAO,QAAd;;AACN,MAAMC,SAAS,GAAGC,iBAAW,CAC3B,UAACC,cAAD;AACE,QAAIJ,IAAJ,EAAU;AACRI,MAAAA,cAAc;AACf;;AACD,QAAMC,KAAK,GAAGX,GAAG,CAACY,8BAAJ,CAAmC;AAC/CC,MAAAA,aAAa,EAAE,CAACtB,eAAD;AADgC,KAAnC,CAAd;AAGAoB,IAAAA,KAAK,CAACG,IAAN,GAAaC,IAAb,CAAkB,UAACC,OAAD;AAChB,UAAI,CAAAA,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEC,MAAT,IAAkB,CAAtB,EAAyB;AACvBV,QAAAA,OAAO,CAACS,OAAO,CAAC,CAAD,CAAR,CAAP;AACD;;AACDN,MAAAA,cAAc;AACf,KALD;AAMD,GAd0B,EAe3B,CAACV,GAAD,EAAMT,eAAN,CAf2B,CAA7B;AAiBA,sBACE2B,wCAACC,yBAAD;AACE,IAAA,WAAW,EAAE,qBAACT,cAAD;AAA8C,0BACzDQ;AACE,QAAA,SAAS,EAAE,2DAAA,CAEPf,iBAAiB,GAAG,4BAAH,GAAkC,EAF5C,gBAAA,CADb;AAKE,QAAA,OAAO,EAAE;AAAM,iBAAAK,SAAS,CAACE,cAAD,CAAT;AAAyB,SAL1C;AAME,QAAA,GAAG,EAAEhB;AANP,sBAQEwB,wCAACE,cAAD;AACE,QAAA,IAAI,EAAEC,wBAAe,CAACC,SADxB;AAEE,QAAA,KAAK,EAAE7B,MAAM,GAAG8B,oBAAW,CAACC,WAAf,GAA6BD,oBAAW,CAACE;AAFxD,SAIG,SAAA,CAAGnC,eAAH,QAAA,CAAqBE,qBAArB,CAJH,CARF,CADyD;AAgB1D,KAjBH;AAkBE,IAAA,SAAS,EAAE,mBAACkC,aAAD;AAA6C,0BACtDR,wCAACS;AACC;;;;AADF;AAKE,QAAA,SAAS,EAAEjC,UALb;AAME,QAAA,gBAAgB,EAAEA,UANpB;AAOE,QAAA,aAAa,EAAEgC,aAPjB;AAQE,QAAA,KAAK,EAAE;AAAEE,UAAAA,UAAU,EAAE,CAAd;AAAiBC,UAAAA,aAAa,EAAE;AAAhC;AART,sBAUEX,wCAACY,cAAD;AAAa,QAAA,IAAI,EAAExB,IAAnB;AAAyB,QAAA,SAAS,EAAEoB;AAApC,QAVF,CADsD;AAavD;AA/BH,IADF;AAmCD;;;;"}

package/cjs/ui/MentionUserLabel.js

@@ -15,7 +15,7 @@ function MentionUserLabel(_a) {
       color = _a.color,
       userId = _a.userId;
   return /*#__PURE__*/React__default["default"].createElement("span", {
-    className: "sendbird-mention-user-label " + className + " " + (isReverse ? 'reverse' : '') + " " + color,
+    className: "sendbird-mention-user-label ".concat(className, " ").concat(isReverse ? 'reverse' : '', " ").concat(color),
     contentEditable: false,
     "data-userid": userId
   }, children);

package/cjs/ui/MentionUserLabel.js.map

@@ -1 +1 @@
-{"version":3,"file":"MentionUserLabel.js","sources":["../../../src/ui/MentionUserLabel/index.tsx"],"sourcesContent":["import React from 'react';\nimport './index.scss';\n\ninterface MentionUserLabelProps {\n  className?: string\n  children?: string;\n  isReverse?: boolean;\n  color?: string;\n  userId?: string;\n}\n\nexport default function MentionUserLabel({\n  className = '',\n  children,\n  isReverse = false,\n  color,\n  userId,\n}: MentionUserLabelProps): JSX.Element {\n  return (\n    <span\n      className={`sendbird-mention-user-label ${className} ${isReverse ? 'reverse' : ''} ${color}`}\n      contentEditable={false}\n      data-userid={userId}\n    >\n      {children}\n    </span>\n  );\n}\n"],"names":["MentionUserLabel","_a","_b","className","children","_c","isReverse","color","userId","React"],"mappings":";;;;;;;;SAWwBA,iBAAiBC;MACvCC;MAAAC,SAAS,mBAAG;MACZC,QAAQ;MACRC;MAAAC,SAAS,mBAAG;MACZC,KAAK;MACLC,MAAM;AAEN,sBACEC;AACE,IAAA,SAAS,EAAE,iCAA+BN,SAA/B,MAAA,IAA4CG,SAAS,GAAG,SAAH,GAAe,EAApE,OAAA,GAA0EC,KADvF;AAEE,IAAA,eAAe,EAAE,KAFnB;AAGE,mBAAaC;AAHf,KAKGJ,QALH,CADF;AASD;;;;"}
+{"version":3,"file":"MentionUserLabel.js","sources":["../../../src/ui/MentionUserLabel/index.tsx"],"sourcesContent":["import React from 'react';\nimport './index.scss';\n\ninterface MentionUserLabelProps {\n  className?: string\n  children?: string;\n  isReverse?: boolean;\n  color?: string;\n  userId?: string;\n}\n\nexport default function MentionUserLabel({\n  className = '',\n  children,\n  isReverse = false,\n  color,\n  userId,\n}: MentionUserLabelProps): JSX.Element {\n  return (\n    <span\n      className={`sendbird-mention-user-label ${className} ${isReverse ? 'reverse' : ''} ${color}`}\n      contentEditable={false}\n      data-userid={userId}\n    >\n      {children}\n    </span>\n  );\n}\n"],"names":["MentionUserLabel","_a","_b","className","children","_c","isReverse","color","userId","React"],"mappings":";;;;;;;;SAWwBA,iBAAiBC;MACvCC;MAAAC,SAAS,mBAAG;MACZC,QAAQ;MACRC;MAAAC,SAAS,mBAAG;MACZC,KAAK;MACLC,MAAM;AAEN,sBACEC;AACE,IAAA,SAAS,EAAE,qCAAA,CAA+BN,SAA/B,KAAA,QAAA,CAA4CG,SAAS,GAAG,SAAH,GAAe,EAApE,KAAA,QAAA,CAA0EC,KAA1E,CADb;AAEE,IAAA,eAAe,EAAE,KAFnB;AAGE,mBAAaC;AAHf,KAKGJ,QALH,CADF;AASD;;;;"}