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

package/ui/FileViewer.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileViewer.js","sources":["../../src/ui/FileViewer/index.tsx"],"sourcesContent":["import React, { MouseEvent, ReactElement, useContext } from 'react';\nimport { FileMessage } from '@sendbird/chat/message';\nimport { createPortal } from 'react-dom';\n\nimport './index.scss';\nimport { LocalizationContext } from '../../lib/LocalizationContext';\nimport { MODAL_ROOT } from '../../hooks/useModal/ModalRoot';\nimport { isImage, isVideo, isSupportedFileView } from '../../utils';\n\nimport Avatar from '../Avatar/index';\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport Icon, { IconColors, IconTypes } from '../Icon';\n\ninterface SenderInfo {\n  profileUrl: string;\n  nickname: string;\n}\ninterface FileInfo {\n  name: string;\n  type: string;\n  url: string;\n}\nexport interface FileViewerComponentProps extends SenderInfo, FileInfo {\n  isByMe?: boolean;\n  disableDelete?: boolean;\n  onClose: (e: MouseEvent<HTMLDivElement>) => void;\n  onDelete: (e: MouseEvent<HTMLDivElement>) => void;\n}\n\nexport const FileViewerComponent = ({\n  profileUrl,\n  nickname,\n  name,\n  type,\n  url,\n  isByMe = true,\n  disableDelete = false,\n  onClose,\n  onDelete,\n}: FileViewerComponentProps): ReactElement => {\n  const { stringSet } = useContext(LocalizationContext);\n  return (\n    <div className=\"sendbird-fileviewer\">\n      <div className=\"sendbird-fileviewer__header\">\n        <div className=\"sendbird-fileviewer__header__left\">\n          <div className=\"sendbird-fileviewer__header__left__avatar\">\n            <Avatar height=\"32px\" width=\"32px\" src={profileUrl} />\n          </div>\n          <Label\n            className=\"sendbird-fileviewer__header__left__filename\"\n            type={LabelTypography.H_2}\n            color={LabelColors.ONBACKGROUND_1}\n          >\n            {name}\n          </Label>\n          <Label\n            className=\"sendbird-fileviewer__header__left__sender-name\"\n            type={LabelTypography.BODY_1}\n            color={LabelColors.ONBACKGROUND_2}\n          >\n            {nickname}\n          </Label>\n        </div>\n        <div className=\"sendbird-fileviewer__header__right\">\n          {\n            isSupportedFileView(type) && (\n              <div className=\"sendbird-fileviewer__header__right__actions\">\n                <a\n                  className=\"sendbird-fileviewer__header__right__actions__download\"\n                  rel=\"noopener noreferrer\"\n                  href={url}\n                  target=\"_blank\"\n                >\n                  <Icon\n                    type={IconTypes.DOWNLOAD}\n                    fillColor={IconColors.ON_BACKGROUND_1}\n                    height=\"24px\"\n                    width=\"24px\"\n                  />\n                </a>\n                {\n                  onDelete && isByMe && (\n                    <div className=\"sendbird-fileviewer__header__right__actions__delete\">\n                      <Icon\n                        className={disableDelete ? 'disabled' : ''}\n                        type={IconTypes.DELETE}\n                        fillColor={disableDelete ? IconColors.GRAY : IconColors.ON_BACKGROUND_1}\n                        height=\"24px\"\n                        width=\"24px\"\n                        onClick={(e) => { if (!disableDelete) { onDelete?.(e); } }}\n                      />\n                    </div>\n                  )\n                }\n              </div>\n            )\n          }\n          <div className=\"sendbird-fileviewer__header__right__actions__close\">\n            <Icon\n              type={IconTypes.CLOSE}\n              fillColor={IconColors.ON_BACKGROUND_1}\n              height=\"24px\"\n              width=\"24px\"\n              onClick={(e) => onClose?.(e)}\n            />\n          </div>\n        </div>\n      </div>\n      <div className=\"sendbird-fileviewer__content\">\n        {isVideo(type) && (\n          <video controls className=\"sendbird-fileviewer__content__video\">\n            <source src={url} type={type} />\n          </video>\n        )}\n        {\n          isImage(type) && (\n            <img\n              src={url}\n              alt={name}\n              className=\"sendbird-fileviewer__content__img\"\n            />\n          )\n        }\n        {\n          !isSupportedFileView(type) && (\n            <div className=\"sendbird-fileviewer__content__unsupported\">\n              <Label type={LabelTypography.H_1} color={LabelColors.ONBACKGROUND_1}>\n                {stringSet?.UI__FILE_VIEWER__UNSUPPORT || 'Unsupported message'}\n              </Label>\n            </div>\n          )\n        }\n      </div>\n    </div>\n  );\n};\n\nexport interface FileViewerProps {\n  message: FileMessage;\n  isByMe?: boolean;\n  onClose: (e: MouseEvent<HTMLDivElement>) => void;\n  onDelete: (e: MouseEvent<HTMLDivElement>) => void;\n}\n\nexport default function FileViewer({\n  message,\n  isByMe = false,\n  onClose,\n  onDelete,\n}: FileViewerProps): ReactElement {\n  return createPortal(\n    (\n      <FileViewerComponent\n        profileUrl={message?.sender?.profileUrl}\n        nickname={message?.sender?.nickname}\n        name={message?.name}\n        type={message?.type}\n        url={message?.url}\n        isByMe={isByMe}\n        disableDelete={message?.threadInfo?.replyCount > 0}\n        onClose={onClose}\n        onDelete={onDelete}\n      />\n    ),\n    document.getElementById(MODAL_ROOT),\n  );\n}\n"],"names":["FileViewerComponent","_a","profileUrl","nickname","name","type","url","_b","isByMe","_c","disableDelete","onClose","onDelete","stringSet","useContext","LocalizationContext","React","LabelTypography","H_2","LabelColors","ONBACKGROUND_1","BODY_1","ONBACKGROUND_2","isSupportedFileView","IconTypes","DOWNLOAD","IconColors","ON_BACKGROUND_1","DELETE","GRAY","e","CLOSE","isVideo","isImage","H_1","UI__FILE_VIEWER__UNSUPPORT","FileViewer","message","_e","createPortal","sender","threadInfo","replyCount","document","getElementById","MODAL_ROOT"],"mappings":"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"}
+{"version":3,"file":"FileViewer.js","sources":["../../src/ui/FileViewer/index.tsx"],"sourcesContent":["import React, { MouseEvent, ReactElement, useContext } from 'react';\nimport { FileMessage } from '@sendbird/chat/message';\nimport { createPortal } from 'react-dom';\n\nimport './index.scss';\nimport { LocalizationContext } from '../../lib/LocalizationContext';\nimport { MODAL_ROOT } from '../../hooks/useModal/ModalRoot';\nimport { isImage, isVideo, isSupportedFileView } from '../../utils';\n\nimport Avatar from '../Avatar/index';\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport Icon, { IconColors, IconTypes } from '../Icon';\n\ninterface SenderInfo {\n  profileUrl: string;\n  nickname: string;\n}\ninterface FileInfo {\n  name: string;\n  type: string;\n  url: string;\n}\nexport interface FileViewerComponentProps extends SenderInfo, FileInfo {\n  isByMe?: boolean;\n  disableDelete?: boolean;\n  onClose: (e: MouseEvent<HTMLDivElement>) => void;\n  onDelete: (e: MouseEvent<HTMLDivElement>) => void;\n}\n\nexport const FileViewerComponent = ({\n  profileUrl,\n  nickname,\n  name,\n  type,\n  url,\n  isByMe = true,\n  disableDelete = false,\n  onClose,\n  onDelete,\n}: FileViewerComponentProps): ReactElement => {\n  const { stringSet } = useContext(LocalizationContext);\n  return (\n    <div className=\"sendbird-fileviewer\">\n      <div className=\"sendbird-fileviewer__header\">\n        <div className=\"sendbird-fileviewer__header__left\">\n          <div className=\"sendbird-fileviewer__header__left__avatar\">\n            <Avatar height=\"32px\" width=\"32px\" src={profileUrl} />\n          </div>\n          <Label\n            className=\"sendbird-fileviewer__header__left__filename\"\n            type={LabelTypography.H_2}\n            color={LabelColors.ONBACKGROUND_1}\n          >\n            {name}\n          </Label>\n          <Label\n            className=\"sendbird-fileviewer__header__left__sender-name\"\n            type={LabelTypography.BODY_1}\n            color={LabelColors.ONBACKGROUND_2}\n          >\n            {nickname}\n          </Label>\n        </div>\n        <div\n          className=\"sendbird-fileviewer__header__right\"\n        >\n          {\n            isSupportedFileView(type) && (\n              <div className=\"sendbird-fileviewer__header__right__actions\" >\n                <a\n                  className=\"sendbird-fileviewer__header__right__actions__download\"\n                  rel=\"noopener noreferrer\"\n                  href={url}\n                  target=\"_blank\"\n                >\n                  <Icon\n                    type={IconTypes.DOWNLOAD}\n                    fillColor={IconColors.ON_BACKGROUND_1}\n                    height=\"24px\"\n                    width=\"24px\"\n                  />\n                </a>\n                {\n                  onDelete && isByMe && (\n                    <div className=\"sendbird-fileviewer__header__right__actions__delete\">\n                      <Icon\n                        className={disableDelete ? 'disabled' : ''}\n                        type={IconTypes.DELETE}\n                        fillColor={disableDelete ? IconColors.GRAY : IconColors.ON_BACKGROUND_1}\n                        height=\"24px\"\n                        width=\"24px\"\n                        onClick={(e) => { if (!disableDelete) { onDelete?.(e); } }}\n                      />\n                    </div>\n                  )\n                }\n              </div>\n            )\n          }\n          <div className=\"sendbird-fileviewer__header__right__actions__close\">\n            <Icon\n              type={IconTypes.CLOSE}\n              fillColor={IconColors.ON_BACKGROUND_1}\n              height=\"24px\"\n              width=\"24px\"\n              onClick={(e) => onClose?.(e)}\n            />\n          </div>\n        </div>\n      </div>\n      <div className=\"sendbird-fileviewer__content\">\n        {isVideo(type) && (\n          <video\n            controls\n            className=\"sendbird-fileviewer__content__video\"\n          >\n            <source src={url} type={type} />\n          </video>\n        )}\n        {\n          isImage(type) && (\n            <img\n              src={url}\n              alt={name}\n              className=\"sendbird-fileviewer__content__img\"\n            />\n          )\n        }\n        {\n          !isSupportedFileView(type) && (\n            <div\n              className=\"sendbird-fileviewer__content__unsupported\"\n            >\n              <Label type={LabelTypography.H_1} color={LabelColors.ONBACKGROUND_1}>\n                {stringSet?.UI__FILE_VIEWER__UNSUPPORT || 'Unsupported message'}\n              </Label>\n            </div>\n          )\n        }\n      </div>\n    </div>\n  );\n};\n\nexport interface FileViewerProps {\n  message: FileMessage;\n  isByMe?: boolean;\n  onClose: (e: MouseEvent<HTMLDivElement>) => void;\n  onDelete: (e: MouseEvent<HTMLDivElement>) => void;\n}\n\nexport default function FileViewer({\n  message,\n  isByMe = false,\n  onClose,\n  onDelete,\n}: FileViewerProps): ReactElement {\n  return createPortal(\n    (\n      <FileViewerComponent\n        profileUrl={message?.sender?.profileUrl}\n        nickname={message?.sender?.nickname}\n        name={message?.name}\n        type={message?.type}\n        url={message?.url}\n        isByMe={isByMe}\n        disableDelete={message?.threadInfo?.replyCount > 0}\n        onClose={onClose}\n        onDelete={onDelete}\n      />\n    ),\n    document.getElementById(MODAL_ROOT),\n  );\n}\n"],"names":["FileViewerComponent","_a","profileUrl","nickname","name","type","url","_b","isByMe","_c","disableDelete","onClose","onDelete","stringSet","useContext","LocalizationContext","React","LabelTypography","H_2","LabelColors","ONBACKGROUND_1","BODY_1","ONBACKGROUND_2","isSupportedFileView","IconTypes","DOWNLOAD","IconColors","ON_BACKGROUND_1","DELETE","GRAY","e","CLOSE","isVideo","isImage","H_1","UI__FILE_VIEWER__UNSUPPORT","FileViewer","message","_e","createPortal","sender","threadInfo","replyCount","document","getElementById","MODAL_ROOT"],"mappings":"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"}

package/ui/Icon.js

@@ -1,4 +1,4 @@
-import { b as _toConsumableArray } from '../_rollupPluginBabelHelpers-b2b008c2.js';
+import { b as _toConsumableArray } from '../_rollupPluginBabelHelpers-4527872e.js';
 import * as React from 'react';
 import React__default from 'react';
 import PropTypes from 'prop-types';
@@ -993,7 +993,6 @@ var Colors = {
   BACKGROUND_3: 'BACKGROUND_3',
   ERROR: 'ERROR'
 };
-
 function changeColorToClassName(color) {
   switch (color) {
     case Colors.PRIMARY:
@@ -1432,5 +1431,5 @@ Icon.defaultProps = {
 var IconTypes = Type;
 var IconColors = Colors;
 
-export { IconColors, IconTypes, changeTypeToIconClassName, Icon as default };
+export { IconColors, IconTypes, changeColorToClassName, changeTypeToIconClassName, Icon as default };
 //# sourceMappingURL=Icon.js.map

package/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: 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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"}
+{"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\nexport function 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/ui/IconButton.js

@@ -1,4 +1,4 @@
-import { a as __spreadArray, _ as __assign } from '../tslib.es6-72a2f141.js';
+import { a as __spreadArray, _ as __assign } from '../tslib.es6-cb5d77bf.js';
 import React__default, { useState } from 'react';
 
 var IconButton = /*#__PURE__*/React__default.forwardRef(function (props, ref) {

package/ui/IconButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconButton.js","sources":["../../src/ui/IconButton/index.tsx"],"sourcesContent":["import React, {\n  FocusEvent,\n  MouseEvent,\n  ReactElement,\n  RefObject,\n  useState,\n} from 'react';\n\nimport './index.scss';\n\nexport interface IconButtonProps {\n  className?: string | Array<string>;\n  children: ReactElement;\n  disabled?: boolean;\n  width?: string;\n  height?: string;\n  type?: 'button' | 'submit' | 'reset';\n  style?: { [key: string]: string };\n  onBlur?: (e: FocusEvent<HTMLButtonElement>) => void;\n  onClick?: (e: MouseEvent<HTMLButtonElement>) => void;\n}\n\nconst IconButton = React.forwardRef((\n  props: IconButtonProps,\n  ref: RefObject<HTMLButtonElement>,\n): ReactElement => {\n  const {\n    className = '',\n    children,\n    disabled = false,\n    width = '56px',\n    height = '56px',\n    type = 'button',\n    style = {},\n    onBlur = () => {/* noop */},\n    onClick = () => {/* noop */},\n  } = props;\n  const [isPressed, setIsPressed] = useState(false);\n  return (\n    <button\n      className={[\n        ...(Array.isArray(className) ? className : [className]),\n        'sendbird-iconbutton',\n        isPressed ? 'sendbird-iconbutton--pressed' : '',\n      ].join(' ')}\n      disabled={disabled}\n      ref={ref}\n      type={type}\n      style={{\n        ...style,\n        height,\n        width,\n      }}\n      onClick={(e) => {\n        if (disabled) { return; }\n        setIsPressed(true);\n        onClick?.(e);\n      }}\n      onBlur={(e) => {\n        setIsPressed(false);\n        onBlur?.(e);\n      }}\n    >\n      <span className=\"sendbird-iconbutton__inner\">\n        {children}\n      </span>\n    </button>\n  );\n});\n\nexport default IconButton;\n"],"names":["IconButton","React","forwardRef","props","ref","_a","className","children","_b","disabled","_c","width","_d","height","_e","type","_f","style","_g","onBlur","_h","onClick","_j","useState","isPressed","setIsPressed","__spreadArray","Array","isArray","join","e"],"mappings":";;;IAsBMA,UAAU,gBAAGC,cAAK,CAACC,UAAN,CAAiB,UAClCC,KADkC,EAElCC,GAFkC;AAKhC,MAAAC,KASEF,KAAK,UATP;AAAA,MAAAG,SAAS,mBAAG,OAAZ;AAAA,MACAC,QAAQ,GAQNJ,KAAK,SATP;AAAA,MAEAK,KAOEL,KAAK,SATP;AAAA,MAEAM,QAAQ,mBAAG,UAFX;AAAA,MAGAC,KAMEP,KAAK,MATP;AAAA,MAGAQ,KAAK,mBAAG,WAHR;AAAA,MAIAC,KAKET,KAAK,OATP;AAAA,MAIAU,MAAM,mBAAG,WAJT;AAAA,MAKAC,KAIEX,KAAK,KATP;AAAA,MAKAY,IAAI,mBAAG,aALP;AAAA,MAMAC,KAGEb,KAAK,MATP;AAAA,MAMAc,KAAK,mBAAG,OANR;AAAA,MAOAC,KAEEf,KAAK,OATP;AAAA,MAOAgB,OAAM,mBAAG,mBAPT;AAAA,MAQAC,KACEjB,KAAK,QATP;AAAA,MAQAkB,QAAO,mBAAG,mBARV;;AAUI,MAAAC,KAA4BC,QAAQ,CAAC,KAAD,CAApC;AAAA,MAACC,SAAS,QAAV;AAAA,MAAYC,YAAY,QAAxB;;AACN,sBACExB;AACE,IAAA,SAAS,EAAEyB,gCACLC,KAAK,CAACC,OAAN,CAActB,SAAd,IAA2BA,SAA3B,GAAuC,CAACA,SAAD,WAC3C,uBACAkB,SAAS,GAAG,8BAAH,GAAoC,WAHpC,CAITK,IAJS,CAIJ,GAJI,CADb;AAME,IAAA,QAAQ,EAAEpB,QANZ;AAOE,IAAA,GAAG,EAAEL,GAPP;AAQE,IAAA,IAAI,EAAEW,IARR;AASE,IAAA,KAAK,wBACAE;AACHJ,MAAAA,MAAM;AACNF,MAAAA,KAAK;MAZT;AAcE,IAAA,OAAO,EAAE,iBAACmB,CAAD;AACP,UAAIrB,QAAJ,EAAc;AAAE;AAAS;;AACzBgB,MAAAA,YAAY,CAAC,IAAD,CAAZ;AACAJ,MAAAA,QAAO,SAAP,IAAAA,QAAO,WAAP,SAAA,GAAAA,QAAO,CAAGS,CAAH,CAAP;AACD,KAlBH;AAmBE,IAAA,MAAM,EAAE,gBAACA,CAAD;AACNL,MAAAA,YAAY,CAAC,KAAD,CAAZ;AACAN,MAAAA,OAAM,SAAN,IAAAA,OAAM,WAAN,SAAA,GAAAA,OAAM,CAAGW,CAAH,CAAN;AACD;AAtBH,kBAwBE7B;AAAM,IAAA,SAAS,EAAC;AAAhB,KACGM,QADH,CAxBF,CADF;AA8BD,CA9CkB;;;;"}
+{"version":3,"file":"IconButton.js","sources":["../../src/ui/IconButton/index.tsx"],"sourcesContent":["import React, {\n  FocusEvent,\n  MouseEvent,\n  ReactElement,\n  RefObject,\n  useState,\n} from 'react';\n\nimport './index.scss';\n\nexport interface IconButtonProps {\n  className?: string | Array<string>;\n  children: ReactElement;\n  disabled?: boolean;\n  width?: string;\n  height?: string;\n  type?: 'button' | 'submit' | 'reset';\n  style?: { [key: string]: string };\n  onBlur?: (e: FocusEvent<HTMLButtonElement>) => void;\n  onClick?: (e: MouseEvent<HTMLButtonElement>) => void;\n}\n\nconst IconButton = React.forwardRef((\n  props: IconButtonProps,\n  ref: RefObject<HTMLButtonElement>,\n): ReactElement => {\n  const {\n    className = '',\n    children,\n    disabled = false,\n    width = '56px',\n    height = '56px',\n    type = 'button',\n    style = {},\n    onBlur = () => {/* noop */},\n    onClick = () => {/* noop */},\n  } = props;\n  const [isPressed, setIsPressed] = useState(false);\n  return (\n    <button\n      className={[\n        ...(Array.isArray(className) ? className : [className]),\n        'sendbird-iconbutton',\n        isPressed ? 'sendbird-iconbutton--pressed' : '',\n      ].join(' ')}\n      disabled={disabled}\n      ref={ref}\n      type={type}\n      style={{\n        ...style,\n        height,\n        width,\n      }}\n      onClick={(e) => {\n        if (disabled) { return; }\n        setIsPressed(true);\n        onClick?.(e);\n      }}\n      onBlur={(e) => {\n        setIsPressed(false);\n        onBlur?.(e);\n      }}\n    >\n      <span className=\"sendbird-iconbutton__inner\">\n        {children}\n      </span>\n    </button>\n  );\n});\n\nexport default IconButton;\n"],"names":["IconButton","React","forwardRef","props","ref","_a","className","children","_b","disabled","_c","width","_d","height","_e","type","_f","style","_g","onBlur","_h","onClick","_j","useState","isPressed","setIsPressed","__spreadArray","Array","isArray","join","e"],"mappings":";;;IAsBMA,UAAU,gBAAGC,cAAK,CAACC,UAAN,CAAiB,UAClCC,KADkC,EAElCC,GAFkC;EAKhC,IAAAC,KASEF,KAAK,UATP;MAAAG,SAAS,mBAAG,OAAZ;MACAC,QAAQ,GAQNJ,KAAK,SATP;MAEAK,KAOEL,KAAK,SATP;MAEAM,QAAQ,mBAAG,UAFX;MAGAC,KAMEP,KAAK,MATP;MAGAQ,KAAK,mBAAG,WAHR;MAIAC,KAKET,KAAK,OATP;MAIAU,MAAM,mBAAG,WAJT;MAKAC,KAIEX,KAAK,KATP;MAKAY,IAAI,mBAAG,aALP;MAMAC,KAGEb,KAAK,MATP;MAMAc,KAAK,mBAAG,OANR;MAOAC,KAEEf,KAAK,OATP;MAOAgB,OAAM,mBAAG,mBAPT;MAQAC,KACEjB,KAAK,QATP;MAQAkB,QAAO,mBAAG,mBARV;;EAUI,IAAAC,KAA4BC,QAAQ,CAAC,KAAD,CAApC;MAACC,SAAS,QAAV;MAAYC,YAAY,QAAxB;;EACN,oBACExB;IACE,SAAS,EAAEyB,gCACLC,KAAK,CAACC,OAAN,CAActB,SAAd,IAA2BA,SAA3B,GAAuC,CAACA,SAAD,WAC3C,uBACAkB,SAAS,GAAG,8BAAH,GAAoC,WAHpC,CAITK,IAJS,CAIJ,GAJI,CADb;IAME,QAAQ,EAAEpB,QANZ;IAOE,GAAG,EAAEL,GAPP;IAQE,IAAI,EAAEW,IARR;IASE,KAAK,wBACAE;MACHJ,MAAM;MACNF,KAAK;MAZT;IAcE,OAAO,EAAE,iBAACmB,CAAD;MACP,IAAIrB,QAAJ,EAAc;QAAE;;;MAChBgB,YAAY,CAAC,IAAD,CAAZ;MACAJ,QAAO,SAAP,IAAAA,QAAO,WAAP,SAAA,GAAAA,QAAO,CAAGS,CAAH,CAAP;KAjBJ;IAmBE,MAAM,EAAE,gBAACA,CAAD;MACNL,YAAY,CAAC,KAAD,CAAZ;MACAN,OAAM,SAAN,IAAAA,OAAM,WAAN,SAAA,GAAAA,OAAM,CAAGW,CAAH,CAAN;;kBAGF7B;IAAM,SAAS,EAAC;KACbM,QADH,CAxBF,CADF;AA8BD,CA9CkB;;;;"}

package/ui/ImageRenderer.js

@@ -1,4 +1,4 @@
-import { a as __spreadArray } from '../tslib.es6-72a2f141.js';
+import { a as __spreadArray } from '../tslib.es6-cb5d77bf.js';
 import React__default, { useState, useMemo } from 'react';
 
 var ImageRenderer = function ImageRenderer(_a) {

package/ui/ImageRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ImageRenderer.js","sources":["../../src/ui/ImageRenderer/index.tsx"],"sourcesContent":["import React, { useState, useMemo, ReactElement } from 'react';\n\nimport './index.scss';\n\n/*\n  ImageRenderer displays image with url or source\n  it checks if the source exist with img tag first\n  if it exists onLoad is called, if not onError is called\n  and those properties switch img tag to real purposing element\n*/\n\nexport interface ImageRendererProps {\n  className?: string | Array<string>;\n  url: string;\n  alt?: string;\n  width?: string | number;\n  height?: string | number;\n  circle?: boolean;\n  fixedSize?: boolean;\n  placeHolder?: ((props: { style: { [key: string]: string | number } }) => ReactElement) | ReactElement;\n  defaultComponent?: (() => ReactElement) | ReactElement;\n  onLoad?: () => void;\n  onError?: () => void;\n}\n\nconst ImageRenderer = ({\n  className = '',\n  url,\n  alt = '',\n  width = null,\n  height = null,\n  circle = false,\n  fixedSize = false,\n  placeHolder = null,\n  defaultComponent = null,\n  onLoad = () => {/* noop */},\n  onError = () => {/* noop */},\n}: ImageRendererProps): ReactElement => {\n  const [showDefaultComponent, setShowDefaultComponent] = useState(false);\n  const [showPlaceHolder, setShowPlaceHolder] = useState(true);\n\n  const DefaultComponent = useMemo(() => {\n    return typeof defaultComponent === 'function'\n      ? defaultComponent()\n      : defaultComponent;\n  }, [defaultComponent]);\n\n  const PlaceHolder = useMemo(() => {\n    return (placeHolder && typeof placeHolder === 'function')\n      ? placeHolder({\n        style: {\n          width: '100%',\n          minWidth: width,\n          maxWidth: fixedSize ? width : '400px',\n          height,\n          position: 'absolute',\n          display: 'flex',\n          justifyContent: 'center',\n          alignItems: 'center',\n        }\n      })\n      : null;\n  }, [placeHolder]);\n\n  const HiddenImageLoader = useMemo(() => {\n    setShowDefaultComponent(false);\n    // reset the state when url is changed\n    return (\n      <img\n        className=\"sendbird-image-renderer__hidden-image-loader\"\n        src={url}\n        alt={alt}\n        onLoad={() => {\n          setShowPlaceHolder(false);\n          onLoad();\n        }}\n        onError={() => {\n          setShowDefaultComponent(true);\n          onError();\n        }}\n      />\n    );\n  }, [url]);\n\n  return (\n    <div\n      className={[\n        ...(Array.isArray(className) ? className : [className]),\n        'sendbird-image-renderer',\n      ].join(' ')}\n      style={{\n        width: '100%',\n        minWidth: width,\n        maxWidth: fixedSize ? width : '400px',\n        height,\n      }}\n    >\n      {showPlaceHolder && PlaceHolder}\n      {\n        showDefaultComponent\n          ? DefaultComponent\n          : (\n            <div\n              className=\"sendbird-image-renderer__image\"\n              style={{\n                width: '100%',\n                minWidth: width,\n                maxWidth: fixedSize ? width : '400px',\n                height,\n                position: 'absolute',\n                backgroundRepeat: 'no-repeat',\n                backgroundPosition: 'center',\n                backgroundSize: 'cover',\n                backgroundImage: `url(${url})`,\n                borderRadius: circle ? '50%' : null,\n              }}\n            />\n          )\n      }\n      {HiddenImageLoader}\n    </div>\n  );\n};\n\nexport default ImageRenderer;\n"],"names":["ImageRenderer","_a","_b","className","url","_c","alt","_d","width","_e","height","_f","circle","_g","fixedSize","_h","placeHolder","_j","defaultComponent","_k","onLoad","_l","onError","_m","useState","showDefaultComponent","setShowDefaultComponent","_o","showPlaceHolder","setShowPlaceHolder","DefaultComponent","useMemo","PlaceHolder","style","minWidth","maxWidth","position","display","justifyContent","alignItems","HiddenImageLoader","React","__spreadArray","Array","isArray","join","backgroundRepeat","backgroundPosition","backgroundSize","backgroundImage","borderRadius"],"mappings":"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"}
+{"version":3,"file":"ImageRenderer.js","sources":["../../src/ui/ImageRenderer/index.tsx"],"sourcesContent":["import React, { useState, useMemo, ReactElement } from 'react';\n\nimport './index.scss';\n\n/*\n  ImageRenderer displays image with url or source\n  it checks if the source exist with img tag first\n  if it exists onLoad is called, if not onError is called\n  and those properties switch img tag to real purposing element\n*/\n\nexport interface ImageRendererProps {\n  className?: string | Array<string>;\n  url: string;\n  alt?: string;\n  width?: string | number;\n  height?: string | number;\n  circle?: boolean;\n  fixedSize?: boolean;\n  placeHolder?: ((props: { style: { [key: string]: string | number } }) => ReactElement) | ReactElement;\n  defaultComponent?: (() => ReactElement) | ReactElement;\n  onLoad?: () => void;\n  onError?: () => void;\n}\n\nconst ImageRenderer = ({\n  className = '',\n  url,\n  alt = '',\n  width = null,\n  height = null,\n  circle = false,\n  fixedSize = false,\n  placeHolder = null,\n  defaultComponent = null,\n  onLoad = () => {/* noop */},\n  onError = () => {/* noop */},\n}: ImageRendererProps): ReactElement => {\n  const [showDefaultComponent, setShowDefaultComponent] = useState(false);\n  const [showPlaceHolder, setShowPlaceHolder] = useState(true);\n\n  const DefaultComponent = useMemo(() => {\n    return typeof defaultComponent === 'function'\n      ? defaultComponent()\n      : defaultComponent;\n  }, [defaultComponent]);\n\n  const PlaceHolder = useMemo(() => {\n    return (placeHolder && typeof placeHolder === 'function')\n      ? placeHolder({\n        style: {\n          width: '100%',\n          minWidth: width,\n          maxWidth: fixedSize ? width : '400px',\n          height,\n          position: 'absolute',\n          display: 'flex',\n          justifyContent: 'center',\n          alignItems: 'center',\n        }\n      })\n      : null;\n  }, [placeHolder]);\n\n  const HiddenImageLoader = useMemo(() => {\n    setShowDefaultComponent(false);\n    // reset the state when url is changed\n    return (\n      <img\n        className=\"sendbird-image-renderer__hidden-image-loader\"\n        src={url}\n        alt={alt}\n        onLoad={() => {\n          setShowPlaceHolder(false);\n          onLoad();\n        }}\n        onError={() => {\n          setShowDefaultComponent(true);\n          onError();\n        }}\n      />\n    );\n  }, [url]);\n\n  return (\n    <div\n      className={[\n        ...(Array.isArray(className) ? className : [className]),\n        'sendbird-image-renderer',\n      ].join(' ')}\n      style={{\n        width: '100%',\n        minWidth: width,\n        maxWidth: fixedSize ? width : '400px',\n        height,\n      }}\n    >\n      {showPlaceHolder && PlaceHolder}\n      {\n        showDefaultComponent\n          ? DefaultComponent\n          : (\n            <div\n              className=\"sendbird-image-renderer__image\"\n              style={{\n                width: '100%',\n                minWidth: width,\n                maxWidth: fixedSize ? width : '400px',\n                height,\n                position: 'absolute',\n                backgroundRepeat: 'no-repeat',\n                backgroundPosition: 'center',\n                backgroundSize: 'cover',\n                backgroundImage: `url(${url})`,\n                borderRadius: circle ? '50%' : null,\n              }}\n            />\n          )\n      }\n      {HiddenImageLoader}\n    </div>\n  );\n};\n\nexport default ImageRenderer;\n"],"names":["ImageRenderer","_a","_b","className","url","_c","alt","_d","width","_e","height","_f","circle","_g","fixedSize","_h","placeHolder","_j","defaultComponent","_k","onLoad","_l","onError","_m","useState","showDefaultComponent","setShowDefaultComponent","_o","showPlaceHolder","setShowPlaceHolder","DefaultComponent","useMemo","PlaceHolder","style","minWidth","maxWidth","position","display","justifyContent","alignItems","HiddenImageLoader","React","__spreadArray","Array","isArray","join","backgroundRepeat","backgroundPosition","backgroundSize","backgroundImage","borderRadius"],"mappings":";;;IAyBMA,aAAa,GAAG,SAAhBA,aAAgB,CAACC,EAAD;MACpBC;MAAAC,SAAS,mBAAG;MACZC,GAAG;MACHC;MAAAC,GAAG,mBAAG;MACNC;MAAAC,KAAK,mBAAG;MACRC;MAAAC,MAAM,mBAAG;MACTC;MAAAC,MAAM,mBAAG;MACTC;MAAAC,SAAS,mBAAG;MACZC;MAAAC,WAAW,mBAAG;MACdC;MAAAC,gBAAgB,mBAAG;MACnBC;MAAAC,OAAM,mBAAG;MACTC;MAAAC,QAAO,mBAAG;;EAEJ,IAAAC,KAAkDC,QAAQ,CAAC,KAAD,CAA1D;MAACC,oBAAoB,QAArB;MAAuBC,uBAAuB,QAA9C;;EACA,IAAAC,KAAwCH,QAAQ,CAAC,IAAD,CAAhD;MAACI,eAAe,QAAhB;MAAkBC,kBAAkB,QAApC;;EAEN,IAAMC,gBAAgB,GAAGC,OAAO,CAAC;IAC/B,OAAO,OAAOb,gBAAP,KAA4B,UAA5B,GACHA,gBAAgB,EADb,GAEHA,gBAFJ;GAD8B,EAI7B,CAACA,gBAAD,CAJ6B,CAAhC;EAMA,IAAMc,WAAW,GAAGD,OAAO,CAAC;IAC1B,OAAQf,WAAW,IAAI,OAAOA,WAAP,KAAuB,UAAvC,GACHA,WAAW,CAAC;MACZiB,KAAK,EAAE;QACLzB,KAAK,EAAE,MADF;QAEL0B,QAAQ,EAAE1B,KAFL;QAGL2B,QAAQ,EAAErB,SAAS,GAAGN,KAAH,GAAW,OAHzB;QAILE,MAAM,QAJD;QAKL0B,QAAQ,EAAE,UALL;QAMLC,OAAO,EAAE,MANJ;QAOLC,cAAc,EAAE,QAPX;QAQLC,UAAU,EAAE;;KATH,CADR,GAaH,IAbJ;GADyB,EAexB,CAACvB,WAAD,CAfwB,CAA3B;EAiBA,IAAMwB,iBAAiB,GAAGT,OAAO,CAAC;IAChCL,uBAAuB,CAAC,KAAD,CAAvB;;IAEA,oBACEe;MACE,SAAS,EAAC,8CADZ;MAEE,GAAG,EAAErC,GAFP;MAGE,GAAG,EAAEE,GAHP;MAIE,MAAM,EAAE;QACNuB,kBAAkB,CAAC,KAAD,CAAlB;;QACAT,OAAM;OANV;MAQE,OAAO,EAAE;QACPM,uBAAuB,CAAC,IAAD,CAAvB;;QACAJ,QAAO;;MAXb;GAH+B,EAkB9B,CAAClB,GAAD,CAlB8B,CAAjC;EAoBA,oBACEqC;IACE,SAAS,EAAEC,gCACLC,KAAK,CAACC,OAAN,CAAczC,SAAd,IAA2BA,SAA3B,GAAuC,CAACA,SAAD,WAC3C,kCAFS,CAGT0C,IAHS,CAGJ,GAHI,CADb;IAKE,KAAK,EAAE;MACLrC,KAAK,EAAE,MADF;MAEL0B,QAAQ,EAAE1B,KAFL;MAGL2B,QAAQ,EAAErB,SAAS,GAAGN,KAAH,GAAW,OAHzB;MAILE,MAAM;;KAGPkB,eAAe,IAAII,WAZtB,EAcIP,oBAAoB,GAChBK,gBADgB,gBAGhBW;IACE,SAAS,EAAC,gCADZ;IAEE,KAAK,EAAE;MACLjC,KAAK,EAAE,MADF;MAEL0B,QAAQ,EAAE1B,KAFL;MAGL2B,QAAQ,EAAErB,SAAS,GAAGN,KAAH,GAAW,OAHzB;MAILE,MAAM,QAJD;MAKL0B,QAAQ,EAAE,UALL;MAMLU,gBAAgB,EAAE,WANb;MAOLC,kBAAkB,EAAE,QAPf;MAQLC,cAAc,EAAE,OARX;MASLC,eAAe,EAAE,aAAA,CAAO7C,GAAP,KAAA,CATZ;MAUL8C,YAAY,EAAEtC,MAAM,GAAG,KAAH,GAAW;;IA7B3C,EAkCG4B,iBAlCH,CADF;AAsCD;;;;"}

package/ui/Input.js

@@ -1,8 +1,8 @@
 import React__default, { useState } from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-e028fd23.js';
-import '../_rollupPluginBabelHelpers-b2b008c2.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-6b896cd8.js';
+import '../_rollupPluginBabelHelpers-4527872e.js';
 import 'prop-types';
-import '../stringSet-c4a61372.js';
+import '../stringSet-dc330bcf.js';
 
 var InputLabel = function InputLabel(_a) {
   var children = _a.children;

package/ui/Input.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.js","sources":["../../src/ui/Input/index.tsx"],"sourcesContent":["import React, { ReactElement, RefObject, useState } from 'react';\n\nimport './index.scss';\n\nimport Label, { LabelTypography, LabelColors } from '../Label';\n\nexport interface InputLabelProps {\n  children: ReactElement;\n}\nexport const InputLabel = ({ children }: InputLabelProps): ReactElement => (\n  <Label\n    className=\"sendbird-input-label\"\n    type={LabelTypography.CAPTION_3}\n    color={LabelColors.ONBACKGROUND_1}\n  >\n    {children}\n  </Label>\n);\n\nexport interface InputProps {\n  name: string;\n  required?: boolean;\n  disabled?: boolean;\n  value?: string;\n  placeHolder?: string;\n}\nconst Input = React.forwardRef((props: InputProps, ref: RefObject<HTMLInputElement>) => {\n  const {\n    name,\n    required,\n    disabled,\n    value,\n    placeHolder,\n  } = props;\n  const [inputValue, setInputValue] = useState(value);\n  return (\n    <div className=\"sendbird-input\">\n      <input\n        className=\"sendbird-input__input\"\n        ref={ref}\n        name={name}\n        required={required}\n        disabled={disabled}\n        value={inputValue}\n        onChange={(e) => {\n          setInputValue(e.target.value);\n        }}\n      />\n      {(placeHolder && !inputValue) && (\n        <Label\n          className=\"sendbird-input__placeholder\"\n          type={LabelTypography.BODY_1}\n          color={LabelColors.ONBACKGROUND_3}\n        >\n          {placeHolder}\n        </Label>\n      )}\n    </div>\n  );\n});\n\nexport default Input;\n"],"names":["InputLabel","_a","children","React","LabelTypography","CAPTION_3","LabelColors","ONBACKGROUND_1","Input","forwardRef","props","ref","name","required","disabled","value","placeHolder","useState","inputValue","setInputValue","e","target","BODY_1","ONBACKGROUND_3"],"mappings":";;;;;;IASaA,UAAU,GAAG,SAAbA,UAAa,CAACC,EAAD;MAAGC,QAAQ;AAAsC,sBACzEC,6BAAC,KAAD;AACE,IAAA,SAAS,EAAC,sBADZ;AAEE,IAAA,IAAI,EAAEC,eAAe,CAACC,SAFxB;AAGE,IAAA,KAAK,EAAEC,WAAW,CAACC;AAHrB,KAKGL,QALH,CADyE;AAQ1E;IASKM,KAAK,gBAAGL,cAAK,CAACM,UAAN,CAAiB,UAACC,KAAD,EAAoBC,GAApB;AAE3B,MAAAC,IAAI,GAKFF,KAAK,KALP;AAAA,MACAG,QAAQ,GAINH,KAAK,SALP;AAAA,MAEAI,QAAQ,GAGNJ,KAAK,SALP;AAAA,MAGAK,KAAK,GAEHL,KAAK,MALP;AAAA,MAIAM,WAAW,GACTN,KAAK,YALP;;AAMI,MAAAT,KAA8BgB,QAAQ,CAACF,KAAD,CAAtC;AAAA,MAACG,UAAU,QAAX;AAAA,MAAaC,aAAa,QAA1B;;AACN,sBACEhB;AAAK,IAAA,SAAS,EAAC;AAAf,kBACEA;AACE,IAAA,SAAS,EAAC,uBADZ;AAEE,IAAA,GAAG,EAAEQ,GAFP;AAGE,IAAA,IAAI,EAAEC,IAHR;AAIE,IAAA,QAAQ,EAAEC,QAJZ;AAKE,IAAA,QAAQ,EAAEC,QALZ;AAME,IAAA,KAAK,EAAEI,UANT;AAOE,IAAA,QAAQ,EAAE,kBAACE,CAAD;AACRD,MAAAA,aAAa,CAACC,CAAC,CAACC,MAAF,CAASN,KAAV,CAAb;AACD;AATH,IADF,EAYIC,WAAW,IAAI,CAACE,UAAjB,iBACCf,6BAAC,KAAD;AACE,IAAA,SAAS,EAAC,6BADZ;AAEE,IAAA,IAAI,EAAEC,eAAe,CAACkB,MAFxB;AAGE,IAAA,KAAK,EAAEhB,WAAW,CAACiB;AAHrB,KAKGP,WALH,CAbJ,CADF;AAwBD,CAjCa;;;;"}
+{"version":3,"file":"Input.js","sources":["../../src/ui/Input/index.tsx"],"sourcesContent":["import React, { ReactElement, RefObject, useState } from 'react';\n\nimport './index.scss';\n\nimport Label, { LabelTypography, LabelColors } from '../Label';\n\nexport interface InputLabelProps {\n  children: ReactElement;\n}\nexport const InputLabel = ({ children }: InputLabelProps): ReactElement => (\n  <Label\n    className=\"sendbird-input-label\"\n    type={LabelTypography.CAPTION_3}\n    color={LabelColors.ONBACKGROUND_1}\n  >\n    {children}\n  </Label>\n);\n\nexport interface InputProps {\n  name: string;\n  required?: boolean;\n  disabled?: boolean;\n  value?: string;\n  placeHolder?: string;\n}\nconst Input = React.forwardRef((props: InputProps, ref: RefObject<HTMLInputElement>) => {\n  const {\n    name,\n    required,\n    disabled,\n    value,\n    placeHolder,\n  } = props;\n  const [inputValue, setInputValue] = useState(value);\n  return (\n    <div className=\"sendbird-input\">\n      <input\n        className=\"sendbird-input__input\"\n        ref={ref}\n        name={name}\n        required={required}\n        disabled={disabled}\n        value={inputValue}\n        onChange={(e) => {\n          setInputValue(e.target.value);\n        }}\n      />\n      {(placeHolder && !inputValue) && (\n        <Label\n          className=\"sendbird-input__placeholder\"\n          type={LabelTypography.BODY_1}\n          color={LabelColors.ONBACKGROUND_3}\n        >\n          {placeHolder}\n        </Label>\n      )}\n    </div>\n  );\n});\n\nexport default Input;\n"],"names":["InputLabel","_a","children","React","LabelTypography","CAPTION_3","LabelColors","ONBACKGROUND_1","Input","forwardRef","props","ref","name","required","disabled","value","placeHolder","useState","inputValue","setInputValue","e","target","BODY_1","ONBACKGROUND_3"],"mappings":";;;;;;IASaA,UAAU,GAAG,SAAbA,UAAa,CAACC,EAAD;MAAGC,QAAQ;EAAsC,oBACzEC,6BAAC,KAAD;IACE,SAAS,EAAC,sBADZ;IAEE,IAAI,EAAEC,eAAe,CAACC,SAFxB;IAGE,KAAK,EAAEC,WAAW,CAACC;KAElBL,QALH,CADyE;AAQ1E;IASKM,KAAK,gBAAGL,cAAK,CAACM,UAAN,CAAiB,UAACC,KAAD,EAAoBC,GAApB;EAE3B,IAAAC,IAAI,GAKFF,KAAK,KALP;MACAG,QAAQ,GAINH,KAAK,SALP;MAEAI,QAAQ,GAGNJ,KAAK,SALP;MAGAK,KAAK,GAEHL,KAAK,MALP;MAIAM,WAAW,GACTN,KAAK,YALP;;EAMI,IAAAT,KAA8BgB,QAAQ,CAACF,KAAD,CAAtC;MAACG,UAAU,QAAX;MAAaC,aAAa,QAA1B;;EACN,oBACEhB;IAAK,SAAS,EAAC;kBACbA;IACE,SAAS,EAAC,uBADZ;IAEE,GAAG,EAAEQ,GAFP;IAGE,IAAI,EAAEC,IAHR;IAIE,QAAQ,EAAEC,QAJZ;IAKE,QAAQ,EAAEC,QALZ;IAME,KAAK,EAAEI,UANT;IAOE,QAAQ,EAAE,kBAACE,CAAD;MACRD,aAAa,CAACC,CAAC,CAACC,MAAF,CAASN,KAAV,CAAb;;IATN,EAYIC,WAAW,IAAI,CAACE,UAAjB,iBACCf,6BAAC,KAAD;IACE,SAAS,EAAC,6BADZ;IAEE,IAAI,EAAEC,eAAe,CAACkB,MAFxB;IAGE,KAAK,EAAEhB,WAAW,CAACiB;KAElBP,WALH,CAbJ,CADF;AAwBD,CAjCa;;;;"}

package/ui/Label.js

@@ -1,6 +1,6 @@
-import '../_rollupPluginBabelHelpers-b2b008c2.js';
+import '../_rollupPluginBabelHelpers-4527872e.js';
 import 'react';
 import 'prop-types';
-export { b as LabelColors, c as LabelStringSet, a as LabelTypography, L as default } from '../index-e028fd23.js';
-import '../stringSet-c4a61372.js';
+export { b as LabelColors, c as LabelStringSet, a as LabelTypography, L as default } from '../index-6b896cd8.js';
+import '../stringSet-dc330bcf.js';
 //# sourceMappingURL=Label.js.map

package/ui/LinkLabel.js

@@ -1,8 +1,8 @@
-import { b as _toConsumableArray } from '../_rollupPluginBabelHelpers-b2b008c2.js';
+import { b as _toConsumableArray } from '../_rollupPluginBabelHelpers-4527872e.js';
 import React__default from 'react';
 import PropTypes from 'prop-types';
-import { a as LabelTypography, b as LabelColors, d as changeColorToClassName, L as Label } from '../index-e028fd23.js';
-import '../stringSet-c4a61372.js';
+import { a as LabelTypography, b as LabelColors, d as changeColorToClassName, L as Label } from '../index-6b896cd8.js';
+import '../stringSet-dc330bcf.js';
 
 var http = /https?:\/\//;
 function LinkLabel(_ref) {

package/ui/LinkLabel.js.map

@@ -1 +1 @@
-{"version":3,"file":"LinkLabel.js","sources":["../../src/ui/LinkLabel/index.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport { changeColorToClassName } from '../Label/utils';\nimport './index.scss';\n\nconst http = /https?:\\/\\//;\n\nexport default function LinkLabel({\n  className,\n  src,\n  type,\n  color,\n  children,\n}) {\n  const url = (http.test(src)) ? src : `http://${src}`;\n\n  return (\n    <a\n      className={[\n        ...(Array.isArray(className) ? className : [className]),\n        'sendbird-link-label',\n        color ? changeColorToClassName(color) : '',\n      ].join(' ')}\n      href={url}\n      target=\"_blank\"\n      rel=\"noopener noreferrer\"\n    >\n      <Label\n        className=\"sendbird-link-label__label\"\n        type={type}\n        color={color}\n      >\n        {children}\n      </Label>\n    </a>\n  );\n}\n\nLinkLabel.propTypes = {\n  className: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.arrayOf(PropTypes.string),\n  ]),\n  src: PropTypes.string.isRequired,\n  type: PropTypes.oneOf(Object.keys(LabelTypography)).isRequired,\n  color: PropTypes.oneOf(Object.keys(LabelColors)).isRequired,\n  children: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.element,\n    PropTypes.arrayOf(PropTypes.string),\n    PropTypes.arrayOf(PropTypes.element),\n  ]).isRequired,\n};\n\nLinkLabel.defaultProps = {\n  className: '',\n};\n\nexport const LinkLabelTypography = LabelTypography;\nexport const LinkLabelColors = LabelColors;\n"],"names":["http","LinkLabel","className","src","type","color","children","url","test","React","Array","isArray","changeColorToClassName","join","propTypes","PropTypes","oneOfType","string","arrayOf","isRequired","oneOf","Object","keys","LabelTypography","LabelColors","element","defaultProps","LinkLabelTypography","LinkLabelColors"],"mappings":";;;;;;AAOA,IAAMA,IAAI,GAAG,aAAb;AAEe,SAASC,SAAT,OAMZ;AAAA,MALDC,SAKC,QALDA,SAKC;AAAA,MAJDC,GAIC,QAJDA,GAIC;AAAA,MAHDC,IAGC,QAHDA,IAGC;AAAA,MAFDC,KAEC,QAFDA,KAEC;AAAA,MADDC,QACC,QADDA,QACC;AACD,MAAMC,GAAG,GAAIP,IAAI,CAACQ,IAAL,CAAUL,GAAV,CAAD,GAAmBA,GAAnB,oBAAmCA,GAAnC,CAAZ;AAEA,sBACEM;AACE,IAAA,SAAS,EAAE,6BACLC,KAAK,CAACC,OAAN,CAAcT,SAAd,IAA2BA,SAA3B,GAAuC,CAACA,SAAD,CADlC,IAET,qBAFS,EAGTG,KAAK,GAAGO,sBAAsB,CAACP,KAAD,CAAzB,GAAmC,EAH/B,GAITQ,IAJS,CAIJ,GAJI,CADb;AAME,IAAA,IAAI,EAAEN,GANR;AAOE,IAAA,MAAM,EAAC,QAPT;AAQE,IAAA,GAAG,EAAC;AARN,kBAUEE,6BAAC,KAAD;AACE,IAAA,SAAS,EAAC,4BADZ;AAEE,IAAA,IAAI,EAAEL,IAFR;AAGE,IAAA,KAAK,EAAEC;AAHT,KAKGC,QALH,CAVF,CADF;AAoBD;AAEDL,SAAS,CAACa,SAAV,GAAsB;AACpBZ,EAAAA,SAAS,EAAEa,SAAS,CAACC,SAAV,CAAoB,CAC7BD,SAAS,CAACE,MADmB,EAE7BF,SAAS,CAACG,OAAV,CAAkBH,SAAS,CAACE,MAA5B,CAF6B,CAApB,CADS;AAKpBd,EAAAA,GAAG,EAAEY,SAAS,CAACE,MAAV,CAAiBE,UALF;AAMpBf,EAAAA,IAAI,EAAEW,SAAS,CAACK,KAAV,CAAgBC,MAAM,CAACC,IAAP,CAAYC,eAAZ,CAAhB,EAA8CJ,UANhC;AAOpBd,EAAAA,KAAK,EAAEU,SAAS,CAACK,KAAV,CAAgBC,MAAM,CAACC,IAAP,CAAYE,WAAZ,CAAhB,EAA0CL,UAP7B;AAQpBb,EAAAA,QAAQ,EAAES,SAAS,CAACC,SAAV,CAAoB,CAC5BD,SAAS,CAACE,MADkB,EAE5BF,SAAS,CAACU,OAFkB,EAG5BV,SAAS,CAACG,OAAV,CAAkBH,SAAS,CAACE,MAA5B,CAH4B,EAI5BF,SAAS,CAACG,OAAV,CAAkBH,SAAS,CAACU,OAA5B,CAJ4B,CAApB,EAKPN;AAbiB,CAAtB;AAgBAlB,SAAS,CAACyB,YAAV,GAAyB;AACvBxB,EAAAA,SAAS,EAAE;AADY,CAAzB;IAIayB,mBAAmB,GAAGJ;IACtBK,eAAe,GAAGJ;;;;"}
+{"version":3,"file":"LinkLabel.js","sources":["../../src/ui/LinkLabel/index.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport { changeColorToClassName } from '../Label/utils';\nimport './index.scss';\n\nconst http = /https?:\\/\\//;\n\nexport default function LinkLabel({\n  className,\n  src,\n  type,\n  color,\n  children,\n}) {\n  const url = (http.test(src)) ? src : `http://${src}`;\n\n  return (\n    <a\n      className={[\n        ...(Array.isArray(className) ? className : [className]),\n        'sendbird-link-label',\n        color ? changeColorToClassName(color) : '',\n      ].join(' ')}\n      href={url}\n      target=\"_blank\"\n      rel=\"noopener noreferrer\"\n    >\n      <Label\n        className=\"sendbird-link-label__label\"\n        type={type}\n        color={color}\n      >\n        {children}\n      </Label>\n    </a>\n  );\n}\n\nLinkLabel.propTypes = {\n  className: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.arrayOf(PropTypes.string),\n  ]),\n  src: PropTypes.string.isRequired,\n  type: PropTypes.oneOf(Object.keys(LabelTypography)).isRequired,\n  color: PropTypes.oneOf(Object.keys(LabelColors)).isRequired,\n  children: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.element,\n    PropTypes.arrayOf(PropTypes.string),\n    PropTypes.arrayOf(PropTypes.element),\n  ]).isRequired,\n};\n\nLinkLabel.defaultProps = {\n  className: '',\n};\n\nexport const LinkLabelTypography = LabelTypography;\nexport const LinkLabelColors = LabelColors;\n"],"names":["http","LinkLabel","className","src","type","color","children","url","test","React","Array","isArray","changeColorToClassName","join","propTypes","PropTypes","oneOfType","string","arrayOf","isRequired","oneOf","Object","keys","LabelTypography","LabelColors","element","defaultProps","LinkLabelTypography","LinkLabelColors"],"mappings":";;;;;;AAOA,IAAMA,IAAI,GAAG,aAAb;AAEe,SAASC,SAAT,OAMZ;EAAA,IALDC,SAKC,QALDA,SAKC;MAJDC,GAIC,QAJDA,GAIC;MAHDC,IAGC,QAHDA,IAGC;MAFDC,KAEC,QAFDA,KAEC;MADDC,QACC,QADDA,QACC;EACD,IAAMC,GAAG,GAAIP,IAAI,CAACQ,IAAL,CAAUL,GAAV,CAAD,GAAmBA,GAAnB,oBAAmCA,GAAnC,CAAZ;EAEA,oBACEM;IACE,SAAS,EAAE,6BACLC,KAAK,CAACC,OAAN,CAAcT,SAAd,IAA2BA,SAA3B,GAAuC,CAACA,SAAD,CADlC,IAET,qBAFS,EAGTG,KAAK,GAAGO,sBAAsB,CAACP,KAAD,CAAzB,GAAmC,EAH/B,GAITQ,IAJS,CAIJ,GAJI,CADb;IAME,IAAI,EAAEN,GANR;IAOE,MAAM,EAAC,QAPT;IAQE,GAAG,EAAC;kBAEJE,6BAAC,KAAD;IACE,SAAS,EAAC,4BADZ;IAEE,IAAI,EAAEL,IAFR;IAGE,KAAK,EAAEC;KAENC,QALH,CAVF,CADF;AAoBD;AAEDL,SAAS,CAACa,SAAV,GAAsB;EACpBZ,SAAS,EAAEa,SAAS,CAACC,SAAV,CAAoB,CAC7BD,SAAS,CAACE,MADmB,EAE7BF,SAAS,CAACG,OAAV,CAAkBH,SAAS,CAACE,MAA5B,CAF6B,CAApB,CADS;EAKpBd,GAAG,EAAEY,SAAS,CAACE,MAAV,CAAiBE,UALF;EAMpBf,IAAI,EAAEW,SAAS,CAACK,KAAV,CAAgBC,MAAM,CAACC,IAAP,CAAYC,eAAZ,CAAhB,EAA8CJ,UANhC;EAOpBd,KAAK,EAAEU,SAAS,CAACK,KAAV,CAAgBC,MAAM,CAACC,IAAP,CAAYE,WAAZ,CAAhB,EAA0CL,UAP7B;EAQpBb,QAAQ,EAAES,SAAS,CAACC,SAAV,CAAoB,CAC5BD,SAAS,CAACE,MADkB,EAE5BF,SAAS,CAACU,OAFkB,EAG5BV,SAAS,CAACG,OAAV,CAAkBH,SAAS,CAACE,MAA5B,CAH4B,EAI5BF,SAAS,CAACG,OAAV,CAAkBH,SAAS,CAACU,OAA5B,CAJ4B,CAApB,EAKPN;AAbiB,CAAtB;AAgBAlB,SAAS,CAACyB,YAAV,GAAyB;EACvBxB,SAAS,EAAE;AADY,CAAzB;IAIayB,mBAAmB,GAAGJ;IACtBK,eAAe,GAAGJ;;;;"}

package/ui/Loader.js

@@ -1,7 +1,7 @@
-import { a as __spreadArray } from '../tslib.es6-72a2f141.js';
+import { a as __spreadArray } from '../tslib.es6-cb5d77bf.js';
 import React__default from 'react';
 import Icon, { IconTypes } from './Icon.js';
-import '../_rollupPluginBabelHelpers-b2b008c2.js';
+import '../_rollupPluginBabelHelpers-4527872e.js';
 import 'prop-types';
 
 function Loader(_a) {

package/ui/Loader.js.map

@@ -1 +1 @@
-{"version":3,"file":"Loader.js","sources":["../../src/ui/Loader/index.tsx"],"sourcesContent":["import React, { ReactElement } from 'react';\n\nimport './index.scss';\n\nimport Icon, { IconTypes } from '../Icon';\n\nexport interface LoaderProps {\n  className?: string | Array<string>;\n  width?: string | number;\n  height?: string | number;\n  children?: ReactElement;\n}\n\nexport default function Loader({\n  className = '',\n  width = '26px',\n  height = '26px',\n  children,\n}: LoaderProps): ReactElement {\n  return (\n    <div\n      className={[\n        ...(Array.isArray(className) ? className : [className]),\n        'sendbird-loader',\n      ].join(' ')}\n      style={{\n        width: typeof width === 'string' ? width : `${width}px`,\n        height: typeof height === 'string' ? height : `${height}px`,\n      }}\n    >\n      {\n        children\n        || (\n          <Icon\n            type={IconTypes.SPINNER}\n            width=\"26px\"\n            height=\"26px\"\n          />\n        )\n      }\n    </div>\n  );\n}\n"],"names":["Loader","_a","_b","className","_c","width","_d","height","children","React","__spreadArray","Array","isArray","join","IconTypes","SPINNER"],"mappings":";;;;;;SAawBA,OAAOC;MAC7BC;MAAAC,SAAS,mBAAG;MACZC;MAAAC,KAAK,mBAAG;MACRC;MAAAC,MAAM,mBAAG;MACTC,QAAQ;AAER,sBACEC;AACE,IAAA,SAAS,EAAEC,gCACLC,KAAK,CAACC,OAAN,CAAcT,SAAd,IAA2BA,SAA3B,GAAuC,CAACA,SAAD,WAC3C,0BAFS,CAGTU,IAHS,CAGJ,GAHI,CADb;AAKE,IAAA,KAAK,EAAE;AACLR,MAAAA,KAAK,EAAE,OAAOA,KAAP,KAAiB,QAAjB,GAA4BA,KAA5B,GAAoC,SAAA,CAAGA,KAAH,MAAA,CADtC;AAELE,MAAAA,MAAM,EAAE,OAAOA,MAAP,KAAkB,QAAlB,GAA6BA,MAA7B,GAAsC,SAAA,CAAGA,MAAH,MAAA;AAFzC;AALT,KAWIC,QAAQ,iBAENC,6BAAC,IAAD;AACE,IAAA,IAAI,EAAEK,SAAS,CAACC,OADlB;AAEE,IAAA,KAAK,EAAC,MAFR;AAGE,IAAA,MAAM,EAAC;AAHT,IAbN,CADF;AAuBD;;;;"}
+{"version":3,"file":"Loader.js","sources":["../../src/ui/Loader/index.tsx"],"sourcesContent":["import React, { ReactElement } from 'react';\n\nimport './index.scss';\n\nimport Icon, { IconTypes } from '../Icon';\n\nexport interface LoaderProps {\n  className?: string | Array<string>;\n  width?: string | number;\n  height?: string | number;\n  children?: ReactElement;\n}\n\nexport default function Loader({\n  className = '',\n  width = '26px',\n  height = '26px',\n  children,\n}: LoaderProps): ReactElement {\n  return (\n    <div\n      className={[\n        ...(Array.isArray(className) ? className : [className]),\n        'sendbird-loader',\n      ].join(' ')}\n      style={{\n        width: typeof width === 'string' ? width : `${width}px`,\n        height: typeof height === 'string' ? height : `${height}px`,\n      }}\n    >\n      {\n        children\n        || (\n          <Icon\n            type={IconTypes.SPINNER}\n            width=\"26px\"\n            height=\"26px\"\n          />\n        )\n      }\n    </div>\n  );\n}\n"],"names":["Loader","_a","_b","className","_c","width","_d","height","children","React","__spreadArray","Array","isArray","join","IconTypes","SPINNER"],"mappings":";;;;;;SAawBA,OAAOC;MAC7BC;MAAAC,SAAS,mBAAG;MACZC;MAAAC,KAAK,mBAAG;MACRC;MAAAC,MAAM,mBAAG;MACTC,QAAQ;EAER,oBACEC;IACE,SAAS,EAAEC,gCACLC,KAAK,CAACC,OAAN,CAAcT,SAAd,IAA2BA,SAA3B,GAAuC,CAACA,SAAD,WAC3C,0BAFS,CAGTU,IAHS,CAGJ,GAHI,CADb;IAKE,KAAK,EAAE;MACLR,KAAK,EAAE,OAAOA,KAAP,KAAiB,QAAjB,GAA4BA,KAA5B,GAAoC,SAAA,CAAGA,KAAH,MAAA,CADtC;MAELE,MAAM,EAAE,OAAOA,MAAP,KAAkB,QAAlB,GAA6BA,MAA7B,GAAsC,SAAA,CAAGA,MAAH,MAAA;;KAI9CC,QAAQ,iBAENC,6BAAC,IAAD;IACE,IAAI,EAAEK,SAAS,CAACC,OADlB;IAEE,KAAK,EAAC,MAFR;IAGE,MAAM,EAAC;IAhBf,CADF;AAuBD;;;;"}

package/ui/MentionLabel.js

@@ -1,26 +1,26 @@
 import React__default, { useRef, useState, useCallback } from 'react';
 import ContextMenu, { MenuItems } from './ContextMenu.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-e028fd23.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-6b896cd8.js';
 import ConnectedUserProfile from './UserProfile.js';
 import useSendbirdStateContext from '../useSendbirdStateContext.js';
-import '../tslib.es6-72a2f141.js';
+import '../tslib.es6-cb5d77bf.js';
 import 'react-dom';
 import './SortByRow.js';
-import '../uuid-8a4db02f.js';
-import '../index-24a5ab49.js';
-import '../_rollupPluginBabelHelpers-b2b008c2.js';
+import '../uuid-180d497e.js';
+import '../index-f59cf800.js';
+import '../_rollupPluginBabelHelpers-4527872e.js';
 import 'prop-types';
-import '../stringSet-c4a61372.js';
-import '../LocalizationContext-5b475a64.js';
-import '../index-25496c01.js';
+import '../stringSet-dc330bcf.js';
+import '../LocalizationContext-4cefc770.js';
+import '../index-176e9ad4.js';
 import '../withSendbird.js';
 import '../sendbirdSelectors.js';
-import '../topics-851d221c.js';
-import '../utils-2c4d166e.js';
+import '../topics-c5198349.js';
+import '../utils-629876b9.js';
 import './Avatar.js';
 import './ImageRenderer.js';
 import './Icon.js';
-import '../index-16e14c17.js';
+import './Button.js';
 
 function MentionLabel(props) {
   var _a, _b, _c;

package/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 { 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 || !sdk?.createApplicationUserListQuery) {\n        toggleDropdown();\n        return;\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","createApplicationUserListQuery","query","userIdsFilter","next","then","members","length","React","LabelTypography","CAPTION_1","LabelColors","ONCONTENT_1","ONBACKGROUND_1","closeDropdown","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,MAAM,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,QAAQ,EAA1B;AAAA,MAACC,IAAI,QAAL;AAAA,MAAOC,OAAO,QAAd;;AACN,MAAMC,SAAS,GAAGC,WAAW,CAC3B,UAACC,cAAD;AACE,QAAIJ,IAAI,IAAI,EAACN,GAAG,SAAH,IAAAA,GAAG,WAAH,SAAA,GAAAA,GAAG,CAAEW,8BAAN,CAAZ,EAAkD;AAChDD,MAAAA,cAAc;AACd;AACD;;AACD,QAAME,KAAK,GAAGZ,GAAG,SAAH,IAAAA,GAAG,WAAH,SAAA,GAAAA,GAAG,CAAEW,8BAAL,CAAoC;AAChDE,MAAAA,aAAa,EAAE,CAACtB,eAAD;AADiC,KAApC,CAAd;AAGAqB,IAAAA,KAAK,CAACE,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,GAf0B,EAgB3B,CAACV,GAAD,EAAMT,eAAN,CAhB2B,CAA7B;AAkBA,sBACE2B,6BAAC,WAAD;AACE,IAAA,WAAW,EAAE,qBAACR,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,6BAAC,KAAD;AACE,QAAA,IAAI,EAAEC,eAAe,CAACC,SADxB;AAEE,QAAA,KAAK,EAAE3B,MAAM,GAAG4B,WAAW,CAACC,WAAf,GAA6BD,WAAW,CAACE;AAFxD,SAIG,SAAA,CAAGjC,eAAH,QAAA,CAAqBE,qBAArB,CAJH,CARF,CADyD;AAgB1D,KAjBH;AAkBE,IAAA,SAAS,EAAE,mBAACgC,aAAD;AAA6C,0BACtDN,6BAAC;AACC;;;;AADF;AAKE,QAAA,SAAS,EAAExB,UALb;AAME,QAAA,gBAAgB,EAAEA,UANpB;AAOE,QAAA,aAAa,EAAE8B,aAPjB;AAQE,QAAA,KAAK,EAAE;AAAEC,UAAAA,UAAU,EAAE,CAAd;AAAiBC,UAAAA,aAAa,EAAE;AAAhC;AART,sBAUER,6BAACS,oBAAD;AAAa,QAAA,IAAI,EAAErB,IAAnB;AAAyB,QAAA,SAAS,EAAEkB;AAApC,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 || !sdk?.createApplicationUserListQuery) {\n        toggleDropdown();\n        return;\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","createApplicationUserListQuery","query","userIdsFilter","next","then","members","length","React","LabelTypography","CAPTION_1","LabelColors","ONCONTENT_1","ONBACKGROUND_1","closeDropdown","paddingTop","paddingBottom","UserProfile"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;SAsBwBA,aAAaC;;;EAEjC,IAAAC,eAAe,GAIbD,KAAK,gBAJP;MACAE,eAAe,GAGbF,KAAK,gBAJP;MAEAG,qBAAqB,GAEnBH,KAAK,sBAJP;MAGAI,MAAM,GACJJ,KAAK,OAJP;EAMF,IAAMK,UAAU,GAAGC,MAAM,EAAzB;EAEA,IAAMC,aAAa,GAAGC,uBAAuB,EAA7C;EACA,IAAMC,MAAM,GAAG,MAAAF,aAAa,SAAb,IAAAA,aAAa,WAAb,SAAA,GAAAA,aAAa,CAAEG,MAAf,UAAA,iBAAA,SAAA,MAAuBD,MAAtC;EACA,IAAME,GAAG,GAAG,MAAA,MAAAJ,aAAa,SAAb,IAAAA,aAAa,WAAb,SAAA,GAAAA,aAAa,CAAEK,MAAf,UAAA,iBAAA,SAAA,MAAuBC,QAAvB,UAAA,iBAAA,SAAA,MAAiCF,GAA7C;EACA,IAAMG,iBAAiB,GAAGL,MAAM,KAAKP,eAArC;;EACM,IAAAa,KAAkBC,QAAQ,EAA1B;MAACC,IAAI,QAAL;MAAOC,OAAO,QAAd;;EACN,IAAMC,SAAS,GAAGC,WAAW,CAC3B,UAACC,cAAD;IACE,IAAIJ,IAAI,IAAI,EAACN,GAAG,SAAH,IAAAA,GAAG,WAAH,SAAA,GAAAA,GAAG,CAAEW,8BAAN,CAAZ,EAAkD;MAChDD,cAAc;MACd;;;IAEF,IAAME,KAAK,GAAGZ,GAAG,SAAH,IAAAA,GAAG,WAAH,SAAA,GAAAA,GAAG,CAAEW,8BAAL,CAAoC;MAChDE,aAAa,EAAE,CAACtB,eAAD;KADH,CAAd;IAGAqB,KAAK,CAACE,IAAN,GAAaC,IAAb,CAAkB,UAACC,OAAD;MAChB,IAAI,CAAAA,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEC,MAAT,IAAkB,CAAtB,EAAyB;QACvBV,OAAO,CAACS,OAAO,CAAC,CAAD,CAAR,CAAP;;;MAEFN,cAAc;KAJhB;GATyB,EAgB3B,CAACV,GAAD,EAAMT,eAAN,CAhB2B,CAA7B;EAkBA,oBACE2B,6BAAC,WAAD;IACE,WAAW,EAAE,qBAACR,cAAD;MAA8C,oBACzDQ;QACE,SAAS,EAAE,2DAAA,CAEPf,iBAAiB,GAAG,4BAAH,GAAkC,EAF5C,gBAAA,CADb;QAKE,OAAO,EAAE;UAAM,OAAAK,SAAS,CAACE,cAAD,CAAT;SALjB;QAME,GAAG,EAAEhB;sBAELwB,6BAAC,KAAD;QACE,IAAI,EAAEC,eAAe,CAACC,SADxB;QAEE,KAAK,EAAE3B,MAAM,GAAG4B,WAAW,CAACC,WAAf,GAA6BD,WAAW,CAACE;SAErD,SAAA,CAAGjC,eAAH,QAAA,CAAqBE,qBAArB,CAJH,CARF,CADyD;KAD7D;IAkBE,SAAS,EAAE,mBAACgC,aAAD;MAA6C,oBACtDN,6BAAC;;;;;;QAKC,SAAS,EAAExB,UALb;QAME,gBAAgB,EAAEA,UANpB;QAOE,aAAa,EAAE8B,aAPjB;QAQE,KAAK,EAAE;UAAEC,UAAU,EAAE,CAAd;UAAiBC,aAAa,EAAE;;sBAEvCR,6BAACS,oBAAD;QAAa,IAAI,EAAErB,IAAnB;QAAyB,SAAS,EAAEkB;QAVtC,CADsD;;IAnB5D;AAmCD;;;;"}

package/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,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;;;;"}
+{"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;EAEN,oBACEC;IACE,SAAS,EAAE,qCAAA,CAA+BN,SAA/B,KAAA,QAAA,CAA4CG,SAAS,GAAG,SAAH,GAAe,EAApE,KAAA,QAAA,CAA0EC,KAA1E,CADb;IAEE,eAAe,EAAE,KAFnB;IAGE,eAAaC;KAEZJ,QALH,CADF;AASD;;;;"}

package/ui/MessageContent.js

@@ -1,12 +1,12 @@
 import React__default, { useContext, useRef, useState } from 'react';
-import { f as format } from '../index-4400a360.js';
+import { f as format } from '../index-7fa0a721.js';
 import Avatar from './Avatar.js';
 import ConnectedUserProfile from './UserProfile.js';
 import MessageStatus from './MessageStatus.js';
 import MessageItemMenu from './MessageItemMenu.js';
 import MessageItemReactionMenu from './MessageItemReactionMenu.js';
 import ContextMenu, { MenuItems } from './ContextMenu.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-e028fd23.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-6b896cd8.js';
 import EmojiReactions from './EmojiReactions.js';
 import AdminMessage from './AdminMessage.js';
 import TextMessageItemBody from './TextMessageItemBody.js';
@@ -15,24 +15,24 @@ import ThumbnailMessageItemBody from './ThumbnailMessageItemBody.js';
 import OGMessageItemBody from './OGMessageItemBody.js';
 import UnknownMessageItemBody from './UnknownMessageItemBody.js';
 import QuoteMessage from './QuoteMessage.js';
-import { v as getUIKitMessageTypes, k as getClassName, w as getSenderName, x as isTextMessage, y as isOGMessage, z as getUIKitMessageType, p as isThumbnailMessage } from '../index-24a5ab49.js';
-import { a as UserProfileContext } from '../UserProfileContext-a2483e23.js';
-import { u as useLocalization } from '../LocalizationContext-5b475a64.js';
+import { v as getUIKitMessageTypes, k as getClassName, w as getSenderName, x as isTextMessage, y as isOGMessage, z as getUIKitMessageType, p as isThumbnailMessage } from '../index-f59cf800.js';
+import { a as UserProfileContext } from '../UserProfileContext-2e53d03a.js';
+import { u as useLocalization } from '../LocalizationContext-4cefc770.js';
 import useSendbirdStateContext from '../useSendbirdStateContext.js';
-import '../index-25496c01.js';
-import '../tslib.es6-72a2f141.js';
+import '../index-176e9ad4.js';
+import '../tslib.es6-cb5d77bf.js';
 import './ImageRenderer.js';
 import './Icon.js';
-import '../_rollupPluginBabelHelpers-b2b008c2.js';
+import '../_rollupPluginBabelHelpers-4527872e.js';
 import 'prop-types';
-import '../uuid-8a4db02f.js';
+import '../uuid-180d497e.js';
 import '../withSendbird.js';
 import '../sendbirdSelectors.js';
-import '../topics-851d221c.js';
-import '../utils-2c4d166e.js';
-import '../index-16e14c17.js';
+import '../topics-c5198349.js';
+import '../utils-629876b9.js';
+import './Button.js';
+import '../stringSet-dc330bcf.js';
 import './Loader.js';
-import '../stringSet-c4a61372.js';
 import './IconButton.js';
 import './ReactionButton.js';
 import 'react-dom';
@@ -44,7 +44,7 @@ import './Word.js';
 import './LinkLabel.js';
 import './MentionLabel.js';
 import './TextButton.js';
-import '../color-83cfc07a.js';
+import '../color-402a36fd.js';
 
 function MessageContent(_a) {
   var _b, _c, _d, _e, _f;