@sendbird/uikit-react 3.4.7 → 3.4.8-rc.1

package/cjs/ui/FileViewer.js

@@ -4,18 +4,18 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var reactDom = require('react-dom');
-var LocalizationContext = require('../LocalizationContext-30772f4a.js');
-var index = require('../index-5fd03280.js');
-var index$1 = require('../index-4de6caed.js');
+var LocalizationContext = require('../LocalizationContext-975ffc10.js');
+var index = require('../index-e36db682.js');
+var index$1 = require('../index-551be60f.js');
 var ui_Avatar = require('./Avatar.js');
-var ui_Label = require('../index-80b17a7f.js');
+var ui_Label = require('../index-bb91f996.js');
 var ui_Icon = require('./Icon.js');
-require('../stringSet-2b481a03.js');
-require('../index-6d3fe482.js');
-require('../_rollupPluginBabelHelpers-4b6406c2.js');
+require('../stringSet-ac04b7c1.js');
+require('../index-f0938824.js');
+require('../_rollupPluginBabelHelpers-596e2aef.js');
 require('../utils/message/getOutgoingMessageState.js');
 require('./ImageRenderer.js');
-require('../uuid-d0dd45eb.js');
+require('../uuid-d5eb7040.js');
 require('prop-types');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/cjs/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\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","_ref","profileUrl","nickname","name","type","url","isByMe","disableDelete","onClose","onDelete","stringSet","useContext","LocalizationContext","React","createElement","className","Avatar","height","width","src","Label","LabelTypography","H_2","color","LabelColors","ONBACKGROUND_1","BODY_1","ONBACKGROUND_2","isSupportedFileView","rel","href","target","Icon","IconTypes","DOWNLOAD","fillColor","IconColors","ON_BACKGROUND_1","DELETE","GRAY","onClick","e","CLOSE","isVideo","controls","isImage","alt","H_1","UI__FILE_VIEWER__UNSUPPORT","FileViewer","_ref2","_message$sender","_message$sender2","_message$threadInfo","message","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","_ref","profileUrl","nickname","name","type","url","isByMe","disableDelete","onClose","onDelete","stringSet","useContext","LocalizationContext","React","createElement","className","Avatar","height","width","src","Label","LabelTypography","H_2","color","LabelColors","ONBACKGROUND_1","BODY_1","ONBACKGROUND_2","isSupportedFileView","rel","href","target","Icon","IconTypes","DOWNLOAD","fillColor","IconColors","ON_BACKGROUND_1","DELETE","GRAY","onClick","e","CLOSE","isVideo","controls","isImage","alt","H_1","UI__FILE_VIEWER__UNSUPPORT","FileViewer","_ref2","_message$sender","_message$sender2","_message$threadInfo","message","createPortal","sender","threadInfo","replyCount","document","getElementById","MODAL_ROOT"],"mappings":"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"}

package/cjs/ui/Icon.js

@@ -29,6 +29,7 @@ var React__namespace = /*#__PURE__*/_interopNamespace(React);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 
+/* eslint-disable no-redeclare */
 const Types = {
   ADD: 'ADD',
   ARROW_LEFT: 'ARROW_LEFT',
@@ -88,6 +89,7 @@ const Types = {
   USER: 'USER'
 };
 
+/* eslint-disable no-redeclare */
 const Colors = {
   DEFAULT: 'DEFAULT',
   PRIMARY: 'PRIMARY',

package/cjs/ui/Icon.js.map

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

package/cjs/ui/IconButton.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-4b6406c2.js');
+var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-596e2aef.js');
 var React = require('react');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/cjs/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","className","children","disabled","width","height","type","style","onBlur","onClick","isPressed","setIsPressed","useState","createElement","Array","isArray","join","_objectSpread","e"],"mappings":";;;;;;;;;AAsBMA,MAAAA,UAAU,gBAAGC,yBAAK,CAACC,UAAU,CAAC,CAClCC,KAAsB,EACtBC,GAAiC,KAChB;EACjB,MAAM;AACJC,IAAAA,SAAS,GAAG,EAAE;IACdC,QAAQ;AACRC,IAAAA,QAAQ,GAAG,KAAK;AAChBC,IAAAA,KAAK,GAAG,MAAM;AACdC,IAAAA,MAAM,GAAG,MAAM;AACfC,IAAAA,IAAI,GAAG,QAAQ;IACfC,KAAK,GAAG,EAAE;AACVC,IAAAA,MAAM,GAAGA,MAAM,YAAc;IAC7BC,OAAO,GAAGA,MAAM,YAAE;AACpB,GAAC,GAAGV,KAAK,CAAA;EACT,MAAM,CAACW,SAAS,EAAEC,YAAY,CAAC,GAAGC,cAAQ,CAAC,KAAK,CAAC,CAAA;EACjD,oBACEf,yBAAA,CAAAgB,aAAA,CAAA,QAAA,EAAA;AACEZ,IAAAA,SAAS,EAAE,CACT,IAAIa,KAAK,CAACC,OAAO,CAACd,SAAS,CAAC,GAAGA,SAAS,GAAG,CAACA,SAAS,CAAC,CAAC,EACvD,qBAAqB,EACrBS,SAAS,GAAG,8BAA8B,GAAG,EAAE,CAChD,CAACM,IAAI,CAAC,GAAG,CAAE;AACZb,IAAAA,QAAQ,EAAEA,QAAS;AACnBH,IAAAA,GAAG,EAAEA,GAAI;AACTM,IAAAA,IAAI,EAAEA,IAAK;AACXC,IAAAA,KAAK,EAAAU,wCAAA,CAAAA,wCAAA,KACAV,KAAK,CAAA,EAAA,EAAA,EAAA;MACRF,MAAM;AACND,MAAAA,KAAAA;KACA,CAAA;IACFK,OAAO,EAAGS,CAAC,IAAK;AACd,MAAA,IAAIf,QAAQ,EAAE;AAAE,QAAA,OAAA;AAAQ,OAAA;MACxBQ,YAAY,CAAC,IAAI,CAAC,CAAA;AAClBF,MAAAA,OAAO,aAAPA,OAAO,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAPA,OAAO,CAAGS,CAAC,CAAC,CAAA;KACZ;IACFV,MAAM,EAAGU,CAAC,IAAK;MACbP,YAAY,CAAC,KAAK,CAAC,CAAA;AACnBH,MAAAA,MAAM,aAANA,MAAM,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAANA,MAAM,CAAGU,CAAC,CAAC,CAAA;AACb,KAAA;GAEArB,eAAAA,yBAAA,CAAAgB,aAAA,CAAA,MAAA,EAAA;AAAMZ,IAAAA,SAAS,EAAC,4BAAA;GACbC,EAAAA,QACG,CACA,CAAC,CAAA;AAEb,CAAC;;;;"}
+{"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","className","children","disabled","width","height","type","style","onBlur","onClick","isPressed","setIsPressed","useState","createElement","Array","isArray","join","_objectSpread","e"],"mappings":";;;;;;;;;AAsBMA,MAAAA,UAAU,gBAAGC,yBAAK,CAACC,UAAU,CAAC,CAClCC,KAAsB,EACtBC,GAAiC,KAChB;EACjB,MAAM;AACJC,IAAAA,SAAS,GAAG,EAAE;IACdC,QAAQ;AACRC,IAAAA,QAAQ,GAAG,KAAK;AAChBC,IAAAA,KAAK,GAAG,MAAM;AACdC,IAAAA,MAAM,GAAG,MAAM;AACfC,IAAAA,IAAI,GAAG,QAAQ;IACfC,KAAK,GAAG,EAAE;AACVC,IAAAA,MAAM,GAAGA,MAAM,YAAc;IAC7BC,OAAO,GAAGA,MAAM,YAAE;AACpB,GAAC,GAAGV,KAAK,CAAA;EACT,MAAM,CAACW,SAAS,EAAEC,YAAY,CAAC,GAAGC,cAAQ,CAAC,KAAK,CAAC,CAAA;EACjD,oBACEf,yBAAA,CAAAgB,aAAA,CAAA,QAAA,EAAA;AACEZ,IAAAA,SAAS,EAAE,CACT,IAAIa,KAAK,CAACC,OAAO,CAACd,SAAS,CAAC,GAAGA,SAAS,GAAG,CAACA,SAAS,CAAC,CAAC,EACvD,qBAAqB,EACrBS,SAAS,GAAG,8BAA8B,GAAG,EAAE,CAChD,CAACM,IAAI,CAAC,GAAG,CAAE;AACZb,IAAAA,QAAQ,EAAEA,QAAS;AACnBH,IAAAA,GAAG,EAAEA,GAAI;AACTM,IAAAA,IAAI,EAAEA,IAAK;AACXC,IAAAA,KAAK,EAAAU,wCAAA,CAAAA,wCAAA,KACAV,KAAK,CAAA,EAAA,EAAA,EAAA;MACRF,MAAM;AACND,MAAAA,KAAAA;KACA,CAAA;IACFK,OAAO,EAAGS,CAAC,IAAK;AACd,MAAA,IAAIf,QAAQ,EAAE;AAAE,QAAA,OAAA;AAAQ,OAAA;MACxBQ,YAAY,CAAC,IAAI,CAAC,CAAA;AAClBF,MAAAA,OAAO,aAAPA,OAAO,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAPA,OAAO,CAAGS,CAAC,CAAC,CAAA;KACZ;IACFV,MAAM,EAAGU,CAAC,IAAK;MACbP,YAAY,CAAC,KAAK,CAAC,CAAA;AACnBH,MAAAA,MAAM,aAANA,MAAM,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAANA,MAAM,CAAGU,CAAC,CAAC,CAAA;AACb,KAAA;GAEArB,eAAAA,yBAAA,CAAAgB,aAAA,CAAA,MAAA,EAAA;AAAMZ,IAAAA,SAAS,EAAC,4BAAA;GACbC,EAAAA,QAAQ,CACJ,CACA,CAAA;AAEb,CAAC;;;;"}

package/cjs/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","_ref","className","url","alt","width","height","circle","fixedSize","placeHolder","defaultComponent","onLoad","onError","showDefaultComponent","setShowDefaultComponent","useState","showPlaceHolder","setShowPlaceHolder","DefaultComponent","useMemo","PlaceHolder","style","minWidth","maxWidth","position","display","justifyContent","alignItems","HiddenImageLoader","React","createElement","src","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","_ref","className","url","alt","width","height","circle","fixedSize","placeHolder","defaultComponent","onLoad","onError","showDefaultComponent","setShowDefaultComponent","useState","showPlaceHolder","setShowPlaceHolder","DefaultComponent","useMemo","PlaceHolder","style","minWidth","maxWidth","position","display","justifyContent","alignItems","HiddenImageLoader","React","createElement","src","Array","isArray","join","backgroundRepeat","backgroundPosition","backgroundSize","backgroundImage","borderRadius"],"mappings":";;;;;;;;AAIA;AACA;AACA;AACA;AACA;AACA;;AAgBMA,MAAAA,aAAa,GAAGC,IAAA,IAYkB;EAAA,IAZjB;AACrBC,IAAAA,SAAS,GAAG,EAAE;IACdC,GAAG;AACHC,IAAAA,GAAG,GAAG,EAAE;AACRC,IAAAA,KAAK,GAAG,IAAI;AACZC,IAAAA,MAAM,GAAG,IAAI;AACbC,IAAAA,MAAM,GAAG,KAAK;AACdC,IAAAA,SAAS,GAAG,KAAK;AACjBC,IAAAA,WAAW,GAAG,IAAI;AAClBC,IAAAA,gBAAgB,GAAG,IAAI;AACvBC,IAAAA,MAAM,GAAGA,MAAM,YAAc;IAC7BC,OAAO,GAAGA,MAAM,YAAE;AACA,GAAC,GAAAX,IAAA,CAAA;EACnB,MAAM,CAACY,oBAAoB,EAAEC,uBAAuB,CAAC,GAAGC,cAAQ,CAAC,KAAK,CAAC,CAAA;EACvE,MAAM,CAACC,eAAe,EAAEC,kBAAkB,CAAC,GAAGF,cAAQ,CAAC,IAAI,CAAC,CAAA;AAE5D,EAAA,MAAMG,gBAAgB,GAAGC,aAAO,CAAC,MAAM;IACrC,OAAO,OAAOT,gBAAgB,KAAK,UAAU,GACzCA,gBAAgB,EAAE,GAClBA,gBAAgB,CAAA;AACtB,GAAC,EAAE,CAACA,gBAAgB,CAAC,CAAC,CAAA;AAEtB,EAAA,MAAMU,WAAW,GAAGD,aAAO,CAAC,MAAM;IAChC,OAAQV,WAAW,IAAI,OAAOA,WAAW,KAAK,UAAU,GACpDA,WAAW,CAAC;AACZY,MAAAA,KAAK,EAAE;AACLhB,QAAAA,KAAK,EAAE,MAAM;AACbiB,QAAAA,QAAQ,EAAEjB,KAAK;AACfkB,QAAAA,QAAQ,EAAEf,SAAS,GAAGH,KAAK,GAAG,OAAO;QACrCC,MAAM;AACNkB,QAAAA,QAAQ,EAAE,UAAU;AACpBC,QAAAA,OAAO,EAAE,MAAM;AACfC,QAAAA,cAAc,EAAE,QAAQ;AACxBC,QAAAA,UAAU,EAAE,QAAA;AACd,OAAA;KACD,CAAC,GACA,IAAI,CAAA;AACV,GAAC,EAAE,CAAClB,WAAW,CAAC,CAAC,CAAA;AAEjB,EAAA,MAAMmB,iBAAiB,GAAGT,aAAO,CAAC,MAAM;IACtCL,uBAAuB,CAAC,KAAK,CAAC,CAAA;AAC9B;IACA,oBACEe,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACE5B,MAAAA,SAAS,EAAC,8CAA8C;AACxD6B,MAAAA,GAAG,EAAE5B,GAAI;AACTC,MAAAA,GAAG,EAAEA,GAAI;MACTO,MAAM,EAAEA,MAAM;QACZM,kBAAkB,CAAC,KAAK,CAAC,CAAA;AACzBN,QAAAA,MAAM,EAAE,CAAA;OACR;MACFC,OAAO,EAAEA,MAAM;QACbE,uBAAuB,CAAC,IAAI,CAAC,CAAA;AAC7BF,QAAAA,OAAO,EAAE,CAAA;AACX,OAAA;KACA,CAAA,CAAA;AAEN,GAAC,EAAE,CAACT,GAAG,CAAC,CAAC,CAAA;EAET,oBACE0B,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IACE5B,SAAS,EAAE,CACT,IAAI8B,KAAK,CAACC,OAAO,CAAC/B,SAAS,CAAC,GAAGA,SAAS,GAAG,CAACA,SAAS,CAAC,CAAC,EACvD,yBAAyB,CAC1B,CAACgC,IAAI,CAAC,GAAG,CAAE;AACZb,IAAAA,KAAK,EAAE;AACLhB,MAAAA,KAAK,EAAE,MAAM;AACbiB,MAAAA,QAAQ,EAAEjB,KAAK;AACfkB,MAAAA,QAAQ,EAAEf,SAAS,GAAGH,KAAK,GAAG,OAAO;AACrCC,MAAAA,MAAAA;AACF,KAAA;GAECU,EAAAA,eAAe,IAAII,WAAW,EAE7BP,oBAAoB,GAChBK,gBAAgB,gBAEhBW,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACE5B,IAAAA,SAAS,EAAC,gCAAgC;AAC1CmB,IAAAA,KAAK,EAAE;AACLhB,MAAAA,KAAK,EAAE,MAAM;AACbiB,MAAAA,QAAQ,EAAEjB,KAAK;AACfkB,MAAAA,QAAQ,EAAEf,SAAS,GAAGH,KAAK,GAAG,OAAO;MACrCC,MAAM;AACNkB,MAAAA,QAAQ,EAAE,UAAU;AACpBW,MAAAA,gBAAgB,EAAE,WAAW;AAC7BC,MAAAA,kBAAkB,EAAE,QAAQ;AAC5BC,MAAAA,cAAc,EAAE,OAAO;MACvBC,eAAe,EAAG,CAAMnC,IAAAA,EAAAA,GAAI,CAAE,CAAA,CAAA;AAC9BoC,MAAAA,YAAY,EAAEhC,MAAM,GAAG,KAAK,GAAG,IAAA;AACjC,KAAA;GAEH,CAAA,EAEJqB,iBAAiB,CACd,CAAA;AAEV;;;;"}

package/cjs/ui/Input.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var ui_Label = require('../index-80b17a7f.js');
+var ui_Label = require('../index-bb91f996.js');
 require('prop-types');
-require('../stringSet-2b481a03.js');
+require('../stringSet-ac04b7c1.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/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","_ref","children","React","createElement","Label","className","type","LabelTypography","CAPTION_3","color","LabelColors","ONBACKGROUND_1","Input","forwardRef","props","ref","name","required","disabled","value","placeHolder","inputValue","setInputValue","useState","onChange","e","target","BODY_1","ONBACKGROUND_3"],"mappings":";;;;;;;;;;;;;AASO,MAAMA,UAAU,GAAGC,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,QAAAA;AAA0B,GAAC,GAAAD,IAAA,CAAA;AAAA,EAAA,oBACtDE,yBAAA,CAAAC,aAAA,CAACC,cAAK,EAAA;AACJC,IAAAA,SAAS,EAAC,sBAAsB;IAChCC,IAAI,EAAEC,wBAAe,CAACC,SAAU;IAChCC,KAAK,EAAEC,oBAAW,CAACC,cAAAA;AAAe,GAAA,EAEjCV,QACI,CAAC,CAAA;AAAA,EACT;AASKW,MAAAA,KAAK,gBAAGV,yBAAK,CAACW,UAAU,CAAC,CAACC,KAAiB,EAAEC,GAAgC,KAAK;EACtF,MAAM;IACJC,IAAI;IACJC,QAAQ;IACRC,QAAQ;IACRC,KAAK;AACLC,IAAAA,WAAAA;AACF,GAAC,GAAGN,KAAK,CAAA;EACT,MAAM,CAACO,UAAU,EAAEC,aAAa,CAAC,GAAGC,cAAQ,CAACJ,KAAK,CAAC,CAAA;EACnD,oBACEjB,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKE,IAAAA,SAAS,EAAC,gBAAA;GACbH,eAAAA,yBAAA,CAAAC,aAAA,CAAA,OAAA,EAAA;AACEE,IAAAA,SAAS,EAAC,uBAAuB;AACjCU,IAAAA,GAAG,EAAEA,GAAI;AACTC,IAAAA,IAAI,EAAEA,IAAK;AACXC,IAAAA,QAAQ,EAAEA,QAAS;AACnBC,IAAAA,QAAQ,EAAEA,QAAS;AACnBC,IAAAA,KAAK,EAAEE,UAAW;IAClBG,QAAQ,EAAGC,CAAC,IAAK;AACfH,MAAAA,aAAa,CAACG,CAAC,CAACC,MAAM,CAACP,KAAK,CAAC,CAAA;AAC/B,KAAA;GACD,CAAC,EACAC,WAAW,IAAI,CAACC,UAAU,iBAC1BnB,yBAAA,CAAAC,aAAA,CAACC,cAAK,EAAA;AACJC,IAAAA,SAAS,EAAC,6BAA6B;IACvCC,IAAI,EAAEC,wBAAe,CAACoB,MAAO;IAC7BlB,KAAK,EAAEC,oBAAW,CAACkB,cAAAA;GAElBR,EAAAA,WACI,CAEN,CAAC,CAAA;AAEV,CAAC;;;;;"}
+{"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","_ref","children","React","createElement","Label","className","type","LabelTypography","CAPTION_3","color","LabelColors","ONBACKGROUND_1","Input","forwardRef","props","ref","name","required","disabled","value","placeHolder","inputValue","setInputValue","useState","onChange","e","target","BODY_1","ONBACKGROUND_3"],"mappings":";;;;;;;;;;;;;AASO,MAAMA,UAAU,GAAGC,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,QAAAA;AAA0B,GAAC,GAAAD,IAAA,CAAA;AAAA,EAAA,oBACtDE,yBAAA,CAAAC,aAAA,CAACC,cAAK,EAAA;AACJC,IAAAA,SAAS,EAAC,sBAAsB;IAChCC,IAAI,EAAEC,wBAAe,CAACC,SAAU;IAChCC,KAAK,EAAEC,oBAAW,CAACC,cAAAA;AAAe,GAAA,EAEjCV,QAAQ,CACH,CAAA;AAAA,EACT;AASKW,MAAAA,KAAK,gBAAGV,yBAAK,CAACW,UAAU,CAAC,CAACC,KAAiB,EAAEC,GAAgC,KAAK;EACtF,MAAM;IACJC,IAAI;IACJC,QAAQ;IACRC,QAAQ;IACRC,KAAK;AACLC,IAAAA,WAAAA;AACF,GAAC,GAAGN,KAAK,CAAA;EACT,MAAM,CAACO,UAAU,EAAEC,aAAa,CAAC,GAAGC,cAAQ,CAACJ,KAAK,CAAC,CAAA;EACnD,oBACEjB,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKE,IAAAA,SAAS,EAAC,gBAAA;GACbH,eAAAA,yBAAA,CAAAC,aAAA,CAAA,OAAA,EAAA;AACEE,IAAAA,SAAS,EAAC,uBAAuB;AACjCU,IAAAA,GAAG,EAAEA,GAAI;AACTC,IAAAA,IAAI,EAAEA,IAAK;AACXC,IAAAA,QAAQ,EAAEA,QAAS;AACnBC,IAAAA,QAAQ,EAAEA,QAAS;AACnBC,IAAAA,KAAK,EAAEE,UAAW;IAClBG,QAAQ,EAAGC,CAAC,IAAK;AACfH,MAAAA,aAAa,CAACG,CAAC,CAACC,MAAM,CAACP,KAAK,CAAC,CAAA;AAC/B,KAAA;GACA,CAAA,EACAC,WAAW,IAAI,CAACC,UAAU,iBAC1BnB,yBAAA,CAAAC,aAAA,CAACC,cAAK,EAAA;AACJC,IAAAA,SAAS,EAAC,6BAA6B;IACvCC,IAAI,EAAEC,wBAAe,CAACoB,MAAO;IAC7BlB,KAAK,EAAEC,oBAAW,CAACkB,cAAAA;GAElBR,EAAAA,WAAW,CAEf,CACG,CAAA;AAEV,CAAC;;;;;"}

package/cjs/ui/Label.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 require('react');
 require('prop-types');
-var ui_Label = require('../index-80b17a7f.js');
-require('../stringSet-2b481a03.js');
+var ui_Label = require('../index-bb91f996.js');
+require('../stringSet-ac04b7c1.js');
 
 
 

package/cjs/ui/LinkLabel.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var PropTypes = require('prop-types');
-var ui_Label = require('../index-80b17a7f.js');
-require('../stringSet-2b481a03.js');
+var ui_Label = require('../index-bb91f996.js');
+require('../stringSet-ac04b7c1.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/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      // for mobile\n      onTouchEnd={(e) => {\n        e.preventDefault();\n        e.nativeEvent.stopImmediatePropagation();\n        window.open(url, '_blank', 'noopener,noreferrer');\n      }}\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.string,\n  color: PropTypes.string,\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  type: '',\n  color: '',\n};\n\nexport const LinkLabelTypography = LabelTypography;\nexport const LinkLabelColors = LabelColors;\n"],"names":["http","LinkLabel","_ref","className","src","type","color","children","url","test","React","createElement","Array","isArray","changeColorToClassName","join","href","target","rel","onTouchEnd","e","preventDefault","nativeEvent","stopImmediatePropagation","window","open","Label","propTypes","PropTypes","oneOfType","string","arrayOf","isRequired","element","defaultProps","LinkLabelTypography","LabelTypography","LinkLabelColors","LabelColors"],"mappings":";;;;;;;;;;;;;;AAOA,MAAMA,IAAI,GAAG,aAAa,CAAA;AAEX,SAASC,SAASA,CAAAC,IAAA,EAM9B;EAAA,IAN+B;IAChCC,SAAS;IACTC,GAAG;IACHC,IAAI;IACJC,KAAK;AACLC,IAAAA,QAAAA;AACF,GAAC,GAAAL,IAAA,CAAA;AACC,EAAA,MAAMM,GAAG,GAAIR,IAAI,CAACS,IAAI,CAACL,GAAG,CAAC,GAAIA,GAAG,GAAI,CAAA,OAAA,EAASA,GAAI,CAAC,CAAA,CAAA;EAEpD,oBACEM,yBAAA,CAAAC,aAAA,CAAA,GAAA,EAAA;AACER,IAAAA,SAAS,EAAE,CACT,IAAIS,KAAK,CAACC,OAAO,CAACV,SAAS,CAAC,GAAGA,SAAS,GAAG,CAACA,SAAS,CAAC,CAAC,EACvD,qBAAqB,EACrBG,KAAK,GAAGQ,+BAAsB,CAACR,KAAK,CAAC,GAAG,EAAE,CAC3C,CAACS,IAAI,CAAC,GAAG,CAAE;AACZC,IAAAA,IAAI,EAAER,GAAI;AACVS,IAAAA,MAAM,EAAC,QAAQ;AACfC,IAAAA,GAAG,EAAC,qBAAA;AACJ;AAAA;IACAC,UAAU,EAAGC,CAAC,IAAK;MACjBA,CAAC,CAACC,cAAc,EAAE,CAAA;AAClBD,MAAAA,CAAC,CAACE,WAAW,CAACC,wBAAwB,EAAE,CAAA;MACxCC,MAAM,CAACC,IAAI,CAACjB,GAAG,EAAE,QAAQ,EAAE,qBAAqB,CAAC,CAAA;AACnD,KAAA;AAAE,GAAA,eAEFE,yBAAA,CAAAC,aAAA,CAACe,cAAK,EAAA;AACJvB,IAAAA,SAAS,EAAC,4BAA4B;AACtCE,IAAAA,IAAI,EAAEA,IAAK;AACXC,IAAAA,KAAK,EAAEA,KAAAA;GAENC,EAAAA,QACI,CACN,CAAC,CAAA;AAER,CAAA;AAEAN,SAAS,CAAC0B,SAAS,GAAG;AACpBxB,EAAAA,SAAS,EAAEyB,6BAAS,CAACC,SAAS,CAAC,CAC7BD,6BAAS,CAACE,MAAM,EAChBF,6BAAS,CAACG,OAAO,CAACH,6BAAS,CAACE,MAAM,CAAC,CACpC,CAAC;AACF1B,EAAAA,GAAG,EAAEwB,6BAAS,CAACE,MAAM,CAACE,UAAU;EAChC3B,IAAI,EAAEuB,6BAAS,CAACE,MAAM;EACtBxB,KAAK,EAAEsB,6BAAS,CAACE,MAAM;AACvBvB,EAAAA,QAAQ,EAAEqB,6BAAS,CAACC,SAAS,CAAC,CAC5BD,6BAAS,CAACE,MAAM,EAChBF,6BAAS,CAACK,OAAO,EACjBL,6BAAS,CAACG,OAAO,CAACH,6BAAS,CAACE,MAAM,CAAC,EACnCF,6BAAS,CAACG,OAAO,CAACH,6BAAS,CAACK,OAAO,CAAC,CACrC,CAAC,CAACD,UAAAA;AACL,CAAC,CAAA;AAED/B,SAAS,CAACiC,YAAY,GAAG;AACvB/B,EAAAA,SAAS,EAAE,EAAE;AACbE,EAAAA,IAAI,EAAE,EAAE;AACRC,EAAAA,KAAK,EAAE,EAAA;AACT,CAAC,CAAA;AAEM,MAAM6B,mBAAmB,GAAGC,yBAAe;AAC3C,MAAMC,eAAe,GAAGC;;;;;;"}
+{"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      // for mobile\n      onTouchEnd={(e) => {\n        e.preventDefault();\n        e.nativeEvent.stopImmediatePropagation();\n        window.open(url, '_blank', 'noopener,noreferrer');\n      }}\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.string,\n  color: PropTypes.string,\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  type: '',\n  color: '',\n};\n\nexport const LinkLabelTypography = LabelTypography;\nexport const LinkLabelColors = LabelColors;\n"],"names":["http","LinkLabel","_ref","className","src","type","color","children","url","test","React","createElement","Array","isArray","changeColorToClassName","join","href","target","rel","onTouchEnd","e","preventDefault","nativeEvent","stopImmediatePropagation","window","open","Label","propTypes","PropTypes","oneOfType","string","arrayOf","isRequired","element","defaultProps","LinkLabelTypography","LabelTypography","LinkLabelColors","LabelColors"],"mappings":";;;;;;;;;;;;;;AAOA,MAAMA,IAAI,GAAG,aAAa,CAAA;AAEX,SAASC,SAASA,CAAAC,IAAA,EAM9B;EAAA,IAN+B;IAChCC,SAAS;IACTC,GAAG;IACHC,IAAI;IACJC,KAAK;AACLC,IAAAA,QAAAA;AACF,GAAC,GAAAL,IAAA,CAAA;AACC,EAAA,MAAMM,GAAG,GAAIR,IAAI,CAACS,IAAI,CAACL,GAAG,CAAC,GAAIA,GAAG,GAAI,CAAA,OAAA,EAASA,GAAI,CAAC,CAAA,CAAA;EAEpD,oBACEM,yBAAA,CAAAC,aAAA,CAAA,GAAA,EAAA;AACER,IAAAA,SAAS,EAAE,CACT,IAAIS,KAAK,CAACC,OAAO,CAACV,SAAS,CAAC,GAAGA,SAAS,GAAG,CAACA,SAAS,CAAC,CAAC,EACvD,qBAAqB,EACrBG,KAAK,GAAGQ,+BAAsB,CAACR,KAAK,CAAC,GAAG,EAAE,CAC3C,CAACS,IAAI,CAAC,GAAG,CAAE;AACZC,IAAAA,IAAI,EAAER,GAAI;AACVS,IAAAA,MAAM,EAAC,QAAQ;AACfC,IAAAA,GAAG,EAAC,qBAAA;AACJ;AAAA;IACAC,UAAU,EAAGC,CAAC,IAAK;MACjBA,CAAC,CAACC,cAAc,EAAE,CAAA;AAClBD,MAAAA,CAAC,CAACE,WAAW,CAACC,wBAAwB,EAAE,CAAA;MACxCC,MAAM,CAACC,IAAI,CAACjB,GAAG,EAAE,QAAQ,EAAE,qBAAqB,CAAC,CAAA;AACnD,KAAA;AAAE,GAAA,eAEFE,yBAAA,CAAAC,aAAA,CAACe,cAAK,EAAA;AACJvB,IAAAA,SAAS,EAAC,4BAA4B;AACtCE,IAAAA,IAAI,EAAEA,IAAK;AACXC,IAAAA,KAAK,EAAEA,KAAAA;GAENC,EAAAA,QAAQ,CACH,CACN,CAAA;AAER,CAAA;AAEAN,SAAS,CAAC0B,SAAS,GAAG;AACpBxB,EAAAA,SAAS,EAAEyB,6BAAS,CAACC,SAAS,CAAC,CAC7BD,6BAAS,CAACE,MAAM,EAChBF,6BAAS,CAACG,OAAO,CAACH,6BAAS,CAACE,MAAM,CAAC,CACpC,CAAC;AACF1B,EAAAA,GAAG,EAAEwB,6BAAS,CAACE,MAAM,CAACE,UAAU;EAChC3B,IAAI,EAAEuB,6BAAS,CAACE,MAAM;EACtBxB,KAAK,EAAEsB,6BAAS,CAACE,MAAM;AACvBvB,EAAAA,QAAQ,EAAEqB,6BAAS,CAACC,SAAS,CAAC,CAC5BD,6BAAS,CAACE,MAAM,EAChBF,6BAAS,CAACK,OAAO,EACjBL,6BAAS,CAACG,OAAO,CAACH,6BAAS,CAACE,MAAM,CAAC,EACnCF,6BAAS,CAACG,OAAO,CAACH,6BAAS,CAACK,OAAO,CAAC,CACrC,CAAC,CAACD,UAAAA;AACL,CAAC,CAAA;AAED/B,SAAS,CAACiC,YAAY,GAAG;AACvB/B,EAAAA,SAAS,EAAE,EAAE;AACbE,EAAAA,IAAI,EAAE,EAAE;AACRC,EAAAA,KAAK,EAAE,EAAA;AACT,CAAC,CAAA;AAEM,MAAM6B,mBAAmB,GAAGC,yBAAe;AAC3C,MAAMC,eAAe,GAAGC;;;;;;"}

package/cjs/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","_ref","className","width","height","children","React","createElement","Array","isArray","join","style","Icon","type","IconTypes","SPINNER"],"mappings":";;;;;;;;;;AAae,SAASA,MAAMA,CAAAC,IAAA,EAKA;EAAA,IALC;AAC7BC,IAAAA,SAAS,GAAG,EAAE;AACdC,IAAAA,KAAK,GAAG,MAAM;AACdC,IAAAA,MAAM,GAAG,MAAM;AACfC,IAAAA,QAAAA;AACW,GAAC,GAAAJ,IAAA,CAAA;EACZ,oBACEK,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IACEL,SAAS,EAAE,CACT,IAAIM,KAAK,CAACC,OAAO,CAACP,SAAS,CAAC,GAAGA,SAAS,GAAG,CAACA,SAAS,CAAC,CAAC,EACvD,iBAAiB,CAClB,CAACQ,IAAI,CAAC,GAAG,CAAE;AACZC,IAAAA,KAAK,EAAE;MACLR,KAAK,EAAE,OAAOA,KAAK,KAAK,QAAQ,GAAGA,KAAK,GAAI,CAAEA,EAAAA,KAAM,CAAG,EAAA,CAAA;MACvDC,MAAM,EAAE,OAAOA,MAAM,KAAK,QAAQ,GAAGA,MAAM,GAAI,CAAA,EAAEA,MAAO,CAAA,EAAA,CAAA;AAC1D,KAAA;AAAE,GAAA,EAGAC,QAAQ,iBAENC,yBAAA,CAAAC,aAAA,CAACK,kBAAI,EAAA;IACHC,IAAI,EAAEC,iBAAS,CAACC,OAAQ;AACxBZ,IAAAA,KAAK,EAAC,MAAM;AACZC,IAAAA,MAAM,EAAC,MAAA;AAAM,GACd,CAGF,CAAC,CAAA;AAEV;;;;"}
+{"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","_ref","className","width","height","children","React","createElement","Array","isArray","join","style","Icon","type","IconTypes","SPINNER"],"mappings":";;;;;;;;;;AAae,SAASA,MAAMA,CAAAC,IAAA,EAKA;EAAA,IALC;AAC7BC,IAAAA,SAAS,GAAG,EAAE;AACdC,IAAAA,KAAK,GAAG,MAAM;AACdC,IAAAA,MAAM,GAAG,MAAM;AACfC,IAAAA,QAAAA;AACW,GAAC,GAAAJ,IAAA,CAAA;EACZ,oBACEK,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IACEL,SAAS,EAAE,CACT,IAAIM,KAAK,CAACC,OAAO,CAACP,SAAS,CAAC,GAAGA,SAAS,GAAG,CAACA,SAAS,CAAC,CAAC,EACvD,iBAAiB,CAClB,CAACQ,IAAI,CAAC,GAAG,CAAE;AACZC,IAAAA,KAAK,EAAE;MACLR,KAAK,EAAE,OAAOA,KAAK,KAAK,QAAQ,GAAGA,KAAK,GAAI,CAAEA,EAAAA,KAAM,CAAG,EAAA,CAAA;MACvDC,MAAM,EAAE,OAAOA,MAAM,KAAK,QAAQ,GAAGA,MAAM,GAAI,CAAA,EAAEA,MAAO,CAAA,EAAA,CAAA;AAC1D,KAAA;AAAE,GAAA,EAGAC,QAAQ,iBAENC,yBAAA,CAAAC,aAAA,CAACK,kBAAI,EAAA;IACHC,IAAI,EAAEC,iBAAS,CAACC,OAAQ;AACxBZ,IAAAA,KAAK,EAAC,MAAM;AACZC,IAAAA,MAAM,EAAC,MAAA;AAAM,GAAA,CAEhB,CAEC,CAAA;AAEV;;;;"}

package/cjs/ui/MentionLabel.js

@@ -2,23 +2,23 @@
 
 var React = require('react');
 var ui_ContextMenu = require('./ContextMenu.js');
-var ui_Label = require('../index-80b17a7f.js');
+var ui_Label = require('../index-bb91f996.js');
 var ui_UserProfile = require('./UserProfile.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
-require('../_rollupPluginBabelHelpers-4b6406c2.js');
+require('../_rollupPluginBabelHelpers-596e2aef.js');
 require('react-dom');
 require('./SortByRow.js');
-require('../uuid-d0dd45eb.js');
-require('../index-4de6caed.js');
+require('../uuid-d5eb7040.js');
+require('../index-551be60f.js');
 require('../utils/message/getOutgoingMessageState.js');
 require('prop-types');
-require('../stringSet-2b481a03.js');
-require('../LocalizationContext-30772f4a.js');
-require('../index-6d3fe482.js');
-require('../UserProfileContext-eb5a10d6.js');
+require('../stringSet-ac04b7c1.js');
+require('../LocalizationContext-975ffc10.js');
+require('../index-f0938824.js');
+require('../UserProfileContext-8b19c6c3.js');
 require('../sendbirdSelectors.js');
-require('../topics-f9cf559a.js');
-require('../utils-f6f55335.js');
+require('../topics-89c25bd7.js');
+require('../utils-eadc245c.js');
 require('./Avatar.js');
 require('./ImageRenderer.js');
 require('./Icon.js');

package/cjs/ui/MentionLabel.js.map

@@ -1 +1 @@
-{"version":3,"file":"MentionLabel.js","sources":["../../../src/ui/MentionLabel/index.tsx"],"sourcesContent":["import './index.scss';\n\nimport React, {\n  ReactElement,\n  useRef,\n  useState,\n  useCallback,\n} from 'react';\nimport type { 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          data-userid={mentionedUserId}\n          data-nickname={mentionedUserNickname}\n          data-sb-mention={true}\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: '0px', paddingBottom: '0px' }}\n        >\n          <UserProfile\n            user={user}\n            onSuccess={closeDropdown}\n            currentUserId={userId}\n          />\n        </MenuItems>\n      )}\n    />\n  )\n}\n"],"names":["MentionLabel","props","_sendbirdState$config","_sendbirdState$stores","_sendbirdState$stores2","mentionTemplate","mentionedUserId","mentionedUserNickname","isByMe","mentionRef","useRef","sendbirdState","useSendbirdStateContext","userId","config","sdk","stores","sdkStore","amIBeingMentioned","user","setUser","useState","fetchUser","useCallback","toggleDropdown","createApplicationUserListQuery","query","userIdsFilter","next","then","members","length","React","createElement","ContextMenu","menuTrigger","className","onClick","ref","Label","type","LabelTypography","CAPTION_1","color","LabelColors","ONCONTENT_1","ONBACKGROUND_1","menuItems","closeDropdown","MenuItems","parentRef","parentContainRef","style","paddingTop","paddingBottom","UserProfile","onSuccess","currentUserId"],"mappings":"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"}
+{"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          data-userid={mentionedUserId}\n          data-nickname={mentionedUserNickname}\n          data-sb-mention={true}\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: '0px', paddingBottom: '0px' }}\n        >\n          <UserProfile\n            user={user}\n            onSuccess={closeDropdown}\n            currentUserId={userId}\n          />\n        </MenuItems>\n      )}\n    />\n  );\n}\n"],"names":["MentionLabel","props","_sendbirdState$config","_sendbirdState$stores","_sendbirdState$stores2","mentionTemplate","mentionedUserId","mentionedUserNickname","isByMe","mentionRef","useRef","sendbirdState","useSendbirdStateContext","userId","config","sdk","stores","sdkStore","amIBeingMentioned","user","setUser","useState","fetchUser","useCallback","toggleDropdown","createApplicationUserListQuery","query","userIdsFilter","next","then","members","length","React","createElement","ContextMenu","menuTrigger","className","onClick","ref","Label","type","LabelTypography","CAPTION_1","color","LabelColors","ONCONTENT_1","ONBACKGROUND_1","menuItems","closeDropdown","MenuItems","parentRef","parentContainRef","style","paddingTop","paddingBottom","UserProfile","onSuccess","currentUserId"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsBe,SAASA,YAAYA,CAACC,KAAwB,EAAe;AAAA,EAAA,IAAAC,qBAAA,EAAAC,qBAAA,EAAAC,sBAAA,CAAA;EAC1E,MAAM;IACJC,eAAe;IACfC,eAAe;IACfC,qBAAqB;AACrBC,IAAAA,MAAAA;AACF,GAAC,GAAGP,KAAK,CAAA;EAET,MAAMQ,UAAU,GAAGC,YAAM,EAAE,CAAA;EAE3B,MAAMC,aAAa,GAAGC,uBAAuB,EAAE,CAAA;AAC/C,EAAA,MAAMC,MAAM,GAAGF,aAAa,KAAbA,IAAAA,IAAAA,aAAa,wBAAAT,qBAAA,GAAbS,aAAa,CAAEG,MAAM,MAAAZ,IAAAA,IAAAA,qBAAA,KAArBA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,qBAAA,CAAuBW,MAAM,CAAA;EAC5C,MAAME,GAAG,GAAGJ,aAAa,KAAbA,IAAAA,IAAAA,aAAa,wBAAAR,qBAAA,GAAbQ,aAAa,CAAEK,MAAM,MAAA,IAAA,IAAAb,qBAAA,KAAAC,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,CAAAA,sBAAA,GAArBD,qBAAA,CAAuBc,QAAQ,cAAAb,sBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAA/BA,sBAAA,CAAiCW,GAAG,CAAA;AAChD,EAAA,MAAMG,iBAAiB,GAAGL,MAAM,KAAKP,eAAe,CAAA;AACpD,EAAA,MAAM,CAACa,IAAI,EAAEC,OAAO,CAAC,GAAGC,cAAQ,EAAc,CAAA;AAC9C,EAAA,MAAMC,SAAS,GAAGC,iBAAW,CAC1BC,cAAc,IAAK;IAClB,IAAIL,IAAI,IAAI,EAACJ,GAAG,KAAA,IAAA,IAAHA,GAAG,KAAHA,KAAAA,CAAAA,IAAAA,GAAG,CAAEU,8BAA8B,CAAE,EAAA;AAChDD,MAAAA,cAAc,EAAE,CAAA;AAChB,MAAA,OAAA;AACF,KAAA;IACA,MAAME,KAAK,GAAGX,GAAG,KAAA,IAAA,IAAHA,GAAG,KAAHA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,GAAG,CAAEU,8BAA8B,CAAC;MAChDE,aAAa,EAAE,CAACrB,eAAe,CAAA;AACjC,KAAC,CAAC,CAAA;AACFoB,IAAAA,KAAK,CAACE,IAAI,EAAE,CAACC,IAAI,CAAEC,OAAO,IAAK;MAC7B,IAAI,CAAAA,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAPA,OAAO,CAAEC,MAAM,IAAG,CAAC,EAAE;AACvBX,QAAAA,OAAO,CAACU,OAAO,CAAC,CAAC,CAAC,CAAC,CAAA;AACrB,OAAA;AACAN,MAAAA,cAAc,EAAE,CAAA;AAClB,KAAC,CAAC,CAAA;AACJ,GAAC,EACD,CAACT,GAAG,EAAET,eAAe,CAAC,CACvB,CAAA;AACD,EAAA,oBACE0B,yBAAA,CAAAC,aAAA,CAACC,yBAAW,EAAA;AACVC,IAAAA,WAAW,EAAGX,cAA0B,iBACtCQ,yBAAA,CAAAC,aAAA,CAAA,GAAA,EAAA;AACEG,MAAAA,SAAS,EAAG,CAAA;AACtB;AACA,YAAA,EAAclB,iBAAiB,GAAG,4BAA4B,GAAG,EAAG,CAAA;AACpE,UAAY,CAAA;AACFmB,MAAAA,OAAO,EAAEA,MAAMf,SAAS,CAACE,cAAc,CAAE;AACzCc,MAAAA,GAAG,EAAE7B,UAAW;AAChB,MAAA,aAAA,EAAaH,eAAgB;AAC7B,MAAA,eAAA,EAAeC,qBAAsB;MACrC,iBAAiB,EAAA,IAAA;AAAK,KAAA,eAEtByB,yBAAA,CAAAC,aAAA,CAACM,cAAK,EAAA;MACJC,IAAI,EAAEC,wBAAe,CAACC,SAAU;MAChCC,KAAK,EAAEnC,MAAM,GAAGoC,oBAAW,CAACC,WAAW,GAAGD,oBAAW,CAACE,cAAAA;AAAe,KAAA,EAEnE,GAAEzC,eAAgB,CAAA,EAAEE,qBAAsB,CAAA,CAAC,CACvC,CAEV;AACFwC,IAAAA,SAAS,EAAGC,aAAyB,iBACnChB,yBAAA,CAAAC,aAAA,CAACgB,wBAAAA;AACC;AACV;AACA;AACA,QAHU;AAIAC,MAAAA,SAAS,EAAEzC,UAAW;AACtB0C,MAAAA,gBAAgB,EAAE1C,UAAW;AAC7BuC,MAAAA,aAAa,EAAEA,aAAc;AAC7BI,MAAAA,KAAK,EAAE;AAAEC,QAAAA,UAAU,EAAE,KAAK;AAAEC,QAAAA,aAAa,EAAE,KAAA;AAAM,OAAA;AAAE,KAAA,eAEnDtB,yBAAA,CAAAC,aAAA,CAACsB,cAAW,EAAA;AACVpC,MAAAA,IAAI,EAAEA,IAAK;AACXqC,MAAAA,SAAS,EAAER,aAAc;AACzBS,MAAAA,aAAa,EAAE5C,MAAAA;KACf,CAAA,CAAA;GAGN,CAAA,CAAA;AAEN;;;;"}

package/cjs/ui/MentionUserLabel.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var consts = require('../consts-cb169c09.js');
+var consts = require('../consts-df222988.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/ui/MentionUserLabel.js.map

@@ -1 +1 @@
-{"version":3,"file":"MentionUserLabel.js","sources":["../../../src/ui/MentionUserLabel/index.tsx"],"sourcesContent":["import './index.scss';\n\nimport React from 'react';\nimport { MENTION_USER_LABEL_CLASSNAME } from './consts';\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={`${MENTION_USER_LABEL_CLASSNAME} ${className} ${isReverse ? 'reverse' : ''} ${color}`}\n      contentEditable={false}\n      data-userid={userId}\n      data-sb-mention={true}\n    >\n      {children}\n    </span>\n  );\n}\n"],"names":["MentionUserLabel","_ref","className","children","isReverse","color","userId","React","createElement","MENTION_USER_LABEL_CLASSNAME","contentEditable"],"mappings":";;;;;;;;;AAae,SAASA,gBAAgBA,CAAAC,IAAA,EAMD;EAAA,IANE;AACvCC,IAAAA,SAAS,GAAG,EAAE;IACdC,QAAQ;AACRC,IAAAA,SAAS,GAAG,KAAK;IACjBC,KAAK;AACLC,IAAAA,MAAAA;AACqB,GAAC,GAAAL,IAAA,CAAA;EACtB,oBACEM,yBAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AACEN,IAAAA,SAAS,EAAG,CAAA,EAAEO,mCAA6B,CAAA,CAAA,EAAGP,SAAU,CAAA,CAAA,EAAGE,SAAS,GAAG,SAAS,GAAG,EAAG,CAAA,CAAA,EAAGC,KAAM,CAAE,CAAA;AACjGK,IAAAA,eAAe,EAAE,KAAM;AACvB,IAAA,aAAA,EAAaJ,MAAO;IACpB,iBAAiB,EAAA,IAAA;AAAK,GAAA,EAErBH,QACG,CAAC,CAAA;AAEX;;;;"}
+{"version":3,"file":"MentionUserLabel.js","sources":["../../../src/ui/MentionUserLabel/index.tsx"],"sourcesContent":["import './index.scss';\n\nimport React from 'react';\nimport { MENTION_USER_LABEL_CLASSNAME } from './consts';\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={`${MENTION_USER_LABEL_CLASSNAME} ${className} ${isReverse ? 'reverse' : ''} ${color}`}\n      contentEditable={false}\n      data-userid={userId}\n      data-sb-mention={true}\n    >\n      {children}\n    </span>\n  );\n}\n"],"names":["MentionUserLabel","_ref","className","children","isReverse","color","userId","React","createElement","MENTION_USER_LABEL_CLASSNAME","contentEditable"],"mappings":";;;;;;;;;AAae,SAASA,gBAAgBA,CAAAC,IAAA,EAMD;EAAA,IANE;AACvCC,IAAAA,SAAS,GAAG,EAAE;IACdC,QAAQ;AACRC,IAAAA,SAAS,GAAG,KAAK;IACjBC,KAAK;AACLC,IAAAA,MAAAA;AACqB,GAAC,GAAAL,IAAA,CAAA;EACtB,oBACEM,yBAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AACEN,IAAAA,SAAS,EAAG,CAAA,EAAEO,mCAA6B,CAAA,CAAA,EAAGP,SAAU,CAAA,CAAA,EAAGE,SAAS,GAAG,SAAS,GAAG,EAAG,CAAA,CAAA,EAAGC,KAAM,CAAE,CAAA;AACjGK,IAAAA,eAAe,EAAE,KAAM;AACvB,IAAA,aAAA,EAAaJ,MAAO;IACpB,iBAAiB,EAAA,IAAA;AAAK,GAAA,EAErBH,QAAQ,CACJ,CAAA;AAEX;;;;"}