@sendbird/uikit-react 3.0.2-beta.2 → 3.1.0

package/{index-7f7579cb.js → index-be56e57e.js}

@@ -1,7 +1,7 @@
-import { b as _toConsumableArray } from './_rollupPluginBabelHelpers-c97525da.js';
+import { b as _toConsumableArray } from './_rollupPluginBabelHelpers-e62b6c94.js';
 import React__default from 'react';
 import PropTypes from 'prop-types';
-import { L as Label, a as LabelTypography, b as LabelColors } from './index-7324a9d2.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from './index-0b5ccb8a.js';
 
 var Type = {
   PRIMARY: 'PRIMARY',
@@ -84,4 +84,4 @@ Button.defaultProps = {
 };
 
 export { Button as B, Type as T, ButtonTypes as a, ButtonSizes as b };
-//# sourceMappingURL=index-7f7579cb.js.map
+//# sourceMappingURL=index-be56e57e.js.map

package/{index-7f7579cb.js.map → index-be56e57e.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-7f7579cb.js","sources":["../src/ui/Button/type.js","../src/ui/Button/utils.js","../src/ui/Button/index.jsx"],"sourcesContent":["export const Type = {\n  PRIMARY: 'PRIMARY',\n  SECONDARY: 'SECONDARY',\n  DANGER: 'DANGER',\n  DISABLED: 'DISABLED',\n};\n\nexport const Size = {\n  BIG: 'BIG',\n  SMALL: 'SMALL',\n};\n","import { Type, Size } from './type';\n\nexport function changeTypeToClassName(type) {\n  switch (type) {\n    case Type.PRIMARY: return 'sendbird-button--primary';\n    case Type.SECONDARY: return 'sendbird-button--secondary';\n    case Type.DANGER: return 'sendbird-button--danger';\n    case Type.DISABLED: return 'sendbird-button--disabled';\n    default: return null;\n  }\n}\n\nexport function changeSizeToClassName(size) {\n  switch (size) {\n    case Size.BIG: return 'sendbird-button--big';\n    case Size.SMALL: return 'sendbird-button--small';\n    default: return null;\n  }\n}\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport './index.scss';\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport { Type, Size } from './type';\nimport { changeTypeToClassName, changeSizeToClassName } from './utils';\n\nexport default function Button({\n  className,\n  type,\n  size,\n  children,\n  disabled,\n  onClick,\n}) {\n  const injectingClassNames = [\n    ...((Array.isArray(className)) ? className : [className]),\n    'sendbird-button',\n    (disabled ? 'sendbird-button__disabled' : ''),\n    changeTypeToClassName(type),\n    changeSizeToClassName(size),\n  ].join(' ');\n\n  return (\n    <button\n      className={injectingClassNames}\n      type=\"button\"\n      onClick={onClick}\n      disabled={disabled}\n    >\n      <Label\n        className=\"sendbird-button__text\"\n        type={LabelTypography.BUTTON_1}\n        color={LabelColors.ONCONTENT_1}\n      >\n        {children}\n      </Label>\n    </button>\n  );\n}\n\nexport const ButtonTypes = Type;\nexport const ButtonSizes = Size;\n\nButton.propTypes = {\n  className: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.arrayOf(PropTypes.string),\n  ]),\n  type: PropTypes.oneOf([\n    'PRIMARY',\n    'SECONDARY',\n    'DANGER',\n    'DISABLED',\n  ]),\n  size: PropTypes.oneOf(['BIG', 'SMALL']),\n  children: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.element,\n    PropTypes.arrayOf(PropTypes.element),\n  ]),\n  disabled: PropTypes.bool,\n  onClick: PropTypes.func,\n};\n\nButton.defaultProps = {\n  className: '',\n  type: Type.PRIMARY,\n  size: Size.BIG,\n  children: 'Button',\n  disabled: false,\n  onClick: () => { },\n};\n"],"names":["Type","PRIMARY","SECONDARY","DANGER","DISABLED","Size","BIG","SMALL","changeTypeToClassName","type","changeSizeToClassName","size","Button","className","children","disabled","onClick","injectingClassNames","Array","isArray","join","React","LabelTypography","BUTTON_1","LabelColors","ONCONTENT_1","ButtonTypes","ButtonSizes","propTypes","PropTypes","oneOfType","string","arrayOf","oneOf","element","bool","func","defaultProps"],"mappings":"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"}
+{"version":3,"file":"index-be56e57e.js","sources":["../src/ui/Button/type.js","../src/ui/Button/utils.js","../src/ui/Button/index.jsx"],"sourcesContent":["export const Type = {\n  PRIMARY: 'PRIMARY',\n  SECONDARY: 'SECONDARY',\n  DANGER: 'DANGER',\n  DISABLED: 'DISABLED',\n};\n\nexport const Size = {\n  BIG: 'BIG',\n  SMALL: 'SMALL',\n};\n","import { Type, Size } from './type';\n\nexport function changeTypeToClassName(type) {\n  switch (type) {\n    case Type.PRIMARY: return 'sendbird-button--primary';\n    case Type.SECONDARY: return 'sendbird-button--secondary';\n    case Type.DANGER: return 'sendbird-button--danger';\n    case Type.DISABLED: return 'sendbird-button--disabled';\n    default: return null;\n  }\n}\n\nexport function changeSizeToClassName(size) {\n  switch (size) {\n    case Size.BIG: return 'sendbird-button--big';\n    case Size.SMALL: return 'sendbird-button--small';\n    default: return null;\n  }\n}\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport './index.scss';\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport { Type, Size } from './type';\nimport { changeTypeToClassName, changeSizeToClassName } from './utils';\n\nexport default function Button({\n  className,\n  type,\n  size,\n  children,\n  disabled,\n  onClick,\n}) {\n  const injectingClassNames = [\n    ...((Array.isArray(className)) ? className : [className]),\n    'sendbird-button',\n    (disabled ? 'sendbird-button__disabled' : ''),\n    changeTypeToClassName(type),\n    changeSizeToClassName(size),\n  ].join(' ');\n\n  return (\n    <button\n      className={injectingClassNames}\n      type=\"button\"\n      onClick={onClick}\n      disabled={disabled}\n    >\n      <Label\n        className=\"sendbird-button__text\"\n        type={LabelTypography.BUTTON_1}\n        color={LabelColors.ONCONTENT_1}\n      >\n        {children}\n      </Label>\n    </button>\n  );\n}\n\nexport const ButtonTypes = Type;\nexport const ButtonSizes = Size;\n\nButton.propTypes = {\n  className: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.arrayOf(PropTypes.string),\n  ]),\n  type: PropTypes.oneOf([\n    'PRIMARY',\n    'SECONDARY',\n    'DANGER',\n    'DISABLED',\n  ]),\n  size: PropTypes.oneOf(['BIG', 'SMALL']),\n  children: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.element,\n    PropTypes.arrayOf(PropTypes.element),\n  ]),\n  disabled: PropTypes.bool,\n  onClick: PropTypes.func,\n};\n\nButton.defaultProps = {\n  className: '',\n  type: Type.PRIMARY,\n  size: Size.BIG,\n  children: 'Button',\n  disabled: false,\n  onClick: () => { },\n};\n"],"names":["Type","PRIMARY","SECONDARY","DANGER","DISABLED","Size","BIG","SMALL","changeTypeToClassName","type","changeSizeToClassName","size","Button","className","children","disabled","onClick","injectingClassNames","Array","isArray","join","React","LabelTypography","BUTTON_1","LabelColors","ONCONTENT_1","ButtonTypes","ButtonSizes","propTypes","PropTypes","oneOfType","string","arrayOf","oneOf","element","bool","func","defaultProps"],"mappings":"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"}

package/{index-9935530e.js → index-c6d2d378.js}

@@ -1,10 +1,10 @@
-import { b as _toConsumableArray } from './_rollupPluginBabelHelpers-c97525da.js';
+import { b as _toConsumableArray } from './_rollupPluginBabelHelpers-e62b6c94.js';
 import React__default, { useContext } from 'react';
 import PropTypes from 'prop-types';
 import Icon, { IconTypes, IconColors } from './ui/Icon.js';
 import Loader from './ui/Loader.js';
-import { a as LocalizationContext } from './LocalizationContext-6e75b56a.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from './index-7324a9d2.js';
+import { a as LocalizationContext } from './LocalizationContext-9f3a97d4.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from './index-0b5ccb8a.js';
 
 function Types() {
   return {
@@ -118,4 +118,4 @@ PlaceHolder.defaultProps = {
 };
 
 export { PlaceHolder as P, PlaceHolderTypes as a, PlaceHolderTypes$1 as b };
-//# sourceMappingURL=index-9935530e.js.map
+//# sourceMappingURL=index-c6d2d378.js.map

package/{index-9935530e.js.map → index-c6d2d378.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-9935530e.js","sources":["../src/ui/PlaceHolder/type.js","../src/ui/PlaceHolder/index.jsx"],"sourcesContent":["export function Types() {\n  return {\n    LOADING: 'LOADING',\n    NO_CHANNELS: 'NO_CHANNELS',\n    NO_MESSAGES: 'NO_MESSAGES',\n    WRONG: 'WRONG',\n    SEARCH_IN: 'SEARCH_IN',\n    SEARCHING: 'SEARCHING',\n    NO_RESULTS: 'NO_RESULTS',\n  };\n}\n\nexport default Types();\n","import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\n\nimport './index.scss';\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport Loader from '../Loader';\nimport { LocalizationContext } from '../../lib/LocalizationContext';\nimport Label, { LabelColors, LabelTypography } from '../Label';\nimport _PlaceHolderTypes from './type';\n\nexport const PlaceHolderTypes = _PlaceHolderTypes;\n\nexport default function PlaceHolder({\n  className,\n  type,\n  retryToConnect,\n  searchInString,\n}) {\n  const { stringSet } = useContext(LocalizationContext);\n  return (\n    <div className={[\n      ...(Array.isArray(className) ? className : [className]),\n      'sendbird-place-holder',\n    ].join(' ')}\n    >\n      {\n        type === PlaceHolderTypes.LOADING && (\n          <Loader\n            width=\"48px\"\n            height=\"48px\"\n          >\n            <Icon\n              type={IconTypes.SPINNER}\n              fillColor={IconColors.PRIMARY}\n              width=\"48px\"\n              height=\"48px\"\n            />\n          </Loader>\n        )\n      }\n      {\n        (\n          type === PlaceHolderTypes.NO_CHANNELS\n          || type === PlaceHolderTypes.NO_MESSAGES\n          || type === PlaceHolderTypes.WRONG\n        ) && (\n          <div className=\"sendbird-place-holder__body\">\n            {\n              type === PlaceHolderTypes.NO_CHANNELS && (\n                <Icon\n                  className=\"sendbird-place-holder__body__icon\"\n                  type={IconTypes.CHAT}\n                  fillColor={IconColors.ON_BACKGROUND_3}\n                  width=\"64px\"\n                  height=\"64px\"\n                />\n              )\n            }\n            {\n              type === PlaceHolderTypes.WRONG && (\n                <Icon\n                  className=\"sendbird-place-holder__body__icon\"\n                  type={IconTypes.ERROR}\n                  fillColor={IconColors.ON_BACKGROUND_3}\n                  width=\"64px\"\n                  height=\"64px\"\n                />\n              )\n            }\n            {\n              type === PlaceHolderTypes.NO_MESSAGES && (\n                <Icon\n                  className=\"sendbird-place-holder__body__icon\"\n                  type={IconTypes.MESSAGE}\n                  fillColor={IconColors.ON_BACKGROUND_3}\n                  width=\"64px\"\n                  height=\"64px\"\n                />\n              )\n            }\n            <Label\n              className=\"sendbird-place-holder__body__text\"\n              type={LabelTypography.BODY_1}\n              color={LabelColors.ONBACKGROUND_2}\n            >\n              {\n                type === PlaceHolderTypes.NO_CHANNELS && (\n                  stringSet.PLACE_HOLDER__NO_CHANNEL\n                )\n              }\n              {\n                type === PlaceHolderTypes.WRONG && (\n                  stringSet.PLACE_HOLDER__WRONG\n                )\n              }\n              {\n                type === PlaceHolderTypes.NO_MESSAGES && (\n                  stringSet.PLACE_HOLDER__NO_MESSAGES\n                )\n              }\n            </Label>\n            {\n              retryToConnect && (\n                <div\n                  className=\"sendbird-place-holder__body__reconnect\"\n                  role=\"button\"\n                  onClick={retryToConnect}\n                  onKeyPress={retryToConnect}\n                  tabIndex={0}\n                >\n                  <Icon\n                    className=\"sendbird-place-holder__body__reconnect__icon\"\n                    type={IconTypes.REFRESH}\n                    fillColor={IconColors.PRIMARY}\n                    width=\"20px\"\n                    height=\"20px\"\n                  />\n                  <Label\n                    className=\"sendbird-place-holder__body__reconnect__text\"\n                    type={LabelTypography.BUTTON_1}\n                    color={LabelColors.PRIMARY}\n                  >\n                    {stringSet.PLACE_HOLDER__RETRY_TO_CONNECT}\n                  </Label>\n                </div>\n              )\n            }\n          </div>\n        )\n      }\n      {\n        (\n          type === PlaceHolderTypes.NO_RESULTS\n          || type === PlaceHolderTypes.SEARCH_IN\n          || type === PlaceHolderTypes.SEARCHING\n        ) && (\n          <div className=\"sendbird-place-holder__body--align-top\">\n            {\n              type === PlaceHolderTypes.SEARCH_IN && (\n                <div className=\"sendbird-place-holder__body--align-top__text\">\n                  <Label\n                    className=\"sendbird-place-holder__body--align-top__text__search-in\"\n                    type={LabelTypography.BUTTON_2}\n                    color={LabelColors.ONBACKGROUND_2}\n                  >\n                    {stringSet.SEARCH_IN}\n                  </Label>\n                  <Label\n                    className=\"sendbird-place-holder__body--align-top__text__channel-name\"\n                    type={LabelTypography.BUTTON_2}\n                    color={LabelColors.PRIMARY}\n                  >\n                    {`'${searchInString}`}\n                  </Label>\n                  <Label\n                    className=\"sendbird-place-holder__body--align-top__text__quote\"\n                    type={LabelTypography.BUTTON_2}\n                    color={LabelColors.PRIMARY}\n                  >\n                    {'\\''}\n                  </Label>\n                </div>\n              )\n            }\n            {\n              type === PlaceHolderTypes.SEARCHING && (\n                <Label\n                  className=\"sendbird-place-hlder__body--align-top__searching\"\n                  type={LabelTypography.BODY_1}\n                  color={LabelColors.ONBACKGROUND_2}\n                >\n                  {stringSet.SEARCHING}\n                </Label>\n              )\n            }\n            {\n              type === PlaceHolderTypes.NO_RESULTS && (\n                <Label\n                  className=\"sendbird-place-hlder__body--align-top__no-result\"\n                  type={LabelTypography.BODY_1}\n                  color={LabelColors.ONBACKGROUND_2}\n                >\n                  {stringSet.NO_SEARCHED_MESSAGE}\n                </Label>\n              )\n            }\n          </div>\n        )\n      }\n    </div>\n  );\n}\n\nPlaceHolder.propTypes = {\n  className: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.arrayOf(PropTypes.string),\n  ]),\n  type: PropTypes.oneOfType([\n    PropTypes.oneOf(Object.keys(PlaceHolderTypes)),\n    PropTypes.string,\n  ]).isRequired,\n  retryToConnect: PropTypes.func,\n  searchInString: PropTypes.string,\n};\n\nPlaceHolder.defaultProps = {\n  className: '',\n  retryToConnect: null,\n  searchInString: '',\n};\n"],"names":["Types","LOADING","NO_CHANNELS","NO_MESSAGES","WRONG","SEARCH_IN","SEARCHING","NO_RESULTS","PlaceHolderTypes","_PlaceHolderTypes","PlaceHolder","className","type","retryToConnect","searchInString","useContext","LocalizationContext","stringSet","React","Array","isArray","join","IconTypes","SPINNER","IconColors","PRIMARY","CHAT","ON_BACKGROUND_3","ERROR","MESSAGE","LabelTypography","BODY_1","LabelColors","ONBACKGROUND_2","PLACE_HOLDER__NO_CHANNEL","PLACE_HOLDER__WRONG","PLACE_HOLDER__NO_MESSAGES","REFRESH","BUTTON_1","PLACE_HOLDER__RETRY_TO_CONNECT","BUTTON_2","NO_SEARCHED_MESSAGE","propTypes","PropTypes","oneOfType","string","arrayOf","oneOf","Object","keys","isRequired","func","defaultProps"],"mappings":"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"}
+{"version":3,"file":"index-c6d2d378.js","sources":["../src/ui/PlaceHolder/type.js","../src/ui/PlaceHolder/index.jsx"],"sourcesContent":["export function Types() {\n  return {\n    LOADING: 'LOADING',\n    NO_CHANNELS: 'NO_CHANNELS',\n    NO_MESSAGES: 'NO_MESSAGES',\n    WRONG: 'WRONG',\n    SEARCH_IN: 'SEARCH_IN',\n    SEARCHING: 'SEARCHING',\n    NO_RESULTS: 'NO_RESULTS',\n  };\n}\n\nexport default Types();\n","import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\n\nimport './index.scss';\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport Loader from '../Loader';\nimport { LocalizationContext } from '../../lib/LocalizationContext';\nimport Label, { LabelColors, LabelTypography } from '../Label';\nimport _PlaceHolderTypes from './type';\n\nexport const PlaceHolderTypes = _PlaceHolderTypes;\n\nexport default function PlaceHolder({\n  className,\n  type,\n  retryToConnect,\n  searchInString,\n}) {\n  const { stringSet } = useContext(LocalizationContext);\n  return (\n    <div className={[\n      ...(Array.isArray(className) ? className : [className]),\n      'sendbird-place-holder',\n    ].join(' ')}\n    >\n      {\n        type === PlaceHolderTypes.LOADING && (\n          <Loader\n            width=\"48px\"\n            height=\"48px\"\n          >\n            <Icon\n              type={IconTypes.SPINNER}\n              fillColor={IconColors.PRIMARY}\n              width=\"48px\"\n              height=\"48px\"\n            />\n          </Loader>\n        )\n      }\n      {\n        (\n          type === PlaceHolderTypes.NO_CHANNELS\n          || type === PlaceHolderTypes.NO_MESSAGES\n          || type === PlaceHolderTypes.WRONG\n        ) && (\n          <div className=\"sendbird-place-holder__body\">\n            {\n              type === PlaceHolderTypes.NO_CHANNELS && (\n                <Icon\n                  className=\"sendbird-place-holder__body__icon\"\n                  type={IconTypes.CHAT}\n                  fillColor={IconColors.ON_BACKGROUND_3}\n                  width=\"64px\"\n                  height=\"64px\"\n                />\n              )\n            }\n            {\n              type === PlaceHolderTypes.WRONG && (\n                <Icon\n                  className=\"sendbird-place-holder__body__icon\"\n                  type={IconTypes.ERROR}\n                  fillColor={IconColors.ON_BACKGROUND_3}\n                  width=\"64px\"\n                  height=\"64px\"\n                />\n              )\n            }\n            {\n              type === PlaceHolderTypes.NO_MESSAGES && (\n                <Icon\n                  className=\"sendbird-place-holder__body__icon\"\n                  type={IconTypes.MESSAGE}\n                  fillColor={IconColors.ON_BACKGROUND_3}\n                  width=\"64px\"\n                  height=\"64px\"\n                />\n              )\n            }\n            <Label\n              className=\"sendbird-place-holder__body__text\"\n              type={LabelTypography.BODY_1}\n              color={LabelColors.ONBACKGROUND_2}\n            >\n              {\n                type === PlaceHolderTypes.NO_CHANNELS && (\n                  stringSet.PLACE_HOLDER__NO_CHANNEL\n                )\n              }\n              {\n                type === PlaceHolderTypes.WRONG && (\n                  stringSet.PLACE_HOLDER__WRONG\n                )\n              }\n              {\n                type === PlaceHolderTypes.NO_MESSAGES && (\n                  stringSet.PLACE_HOLDER__NO_MESSAGES\n                )\n              }\n            </Label>\n            {\n              retryToConnect && (\n                <div\n                  className=\"sendbird-place-holder__body__reconnect\"\n                  role=\"button\"\n                  onClick={retryToConnect}\n                  onKeyPress={retryToConnect}\n                  tabIndex={0}\n                >\n                  <Icon\n                    className=\"sendbird-place-holder__body__reconnect__icon\"\n                    type={IconTypes.REFRESH}\n                    fillColor={IconColors.PRIMARY}\n                    width=\"20px\"\n                    height=\"20px\"\n                  />\n                  <Label\n                    className=\"sendbird-place-holder__body__reconnect__text\"\n                    type={LabelTypography.BUTTON_1}\n                    color={LabelColors.PRIMARY}\n                  >\n                    {stringSet.PLACE_HOLDER__RETRY_TO_CONNECT}\n                  </Label>\n                </div>\n              )\n            }\n          </div>\n        )\n      }\n      {\n        (\n          type === PlaceHolderTypes.NO_RESULTS\n          || type === PlaceHolderTypes.SEARCH_IN\n          || type === PlaceHolderTypes.SEARCHING\n        ) && (\n          <div className=\"sendbird-place-holder__body--align-top\">\n            {\n              type === PlaceHolderTypes.SEARCH_IN && (\n                <div className=\"sendbird-place-holder__body--align-top__text\">\n                  <Label\n                    className=\"sendbird-place-holder__body--align-top__text__search-in\"\n                    type={LabelTypography.BUTTON_2}\n                    color={LabelColors.ONBACKGROUND_2}\n                  >\n                    {stringSet.SEARCH_IN}\n                  </Label>\n                  <Label\n                    className=\"sendbird-place-holder__body--align-top__text__channel-name\"\n                    type={LabelTypography.BUTTON_2}\n                    color={LabelColors.PRIMARY}\n                  >\n                    {`'${searchInString}`}\n                  </Label>\n                  <Label\n                    className=\"sendbird-place-holder__body--align-top__text__quote\"\n                    type={LabelTypography.BUTTON_2}\n                    color={LabelColors.PRIMARY}\n                  >\n                    {'\\''}\n                  </Label>\n                </div>\n              )\n            }\n            {\n              type === PlaceHolderTypes.SEARCHING && (\n                <Label\n                  className=\"sendbird-place-hlder__body--align-top__searching\"\n                  type={LabelTypography.BODY_1}\n                  color={LabelColors.ONBACKGROUND_2}\n                >\n                  {stringSet.SEARCHING}\n                </Label>\n              )\n            }\n            {\n              type === PlaceHolderTypes.NO_RESULTS && (\n                <Label\n                  className=\"sendbird-place-hlder__body--align-top__no-result\"\n                  type={LabelTypography.BODY_1}\n                  color={LabelColors.ONBACKGROUND_2}\n                >\n                  {stringSet.NO_SEARCHED_MESSAGE}\n                </Label>\n              )\n            }\n          </div>\n        )\n      }\n    </div>\n  );\n}\n\nPlaceHolder.propTypes = {\n  className: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.arrayOf(PropTypes.string),\n  ]),\n  type: PropTypes.oneOfType([\n    PropTypes.oneOf(Object.keys(PlaceHolderTypes)),\n    PropTypes.string,\n  ]).isRequired,\n  retryToConnect: PropTypes.func,\n  searchInString: PropTypes.string,\n};\n\nPlaceHolder.defaultProps = {\n  className: '',\n  retryToConnect: null,\n  searchInString: '',\n};\n"],"names":["Types","LOADING","NO_CHANNELS","NO_MESSAGES","WRONG","SEARCH_IN","SEARCHING","NO_RESULTS","PlaceHolderTypes","_PlaceHolderTypes","PlaceHolder","className","type","retryToConnect","searchInString","useContext","LocalizationContext","stringSet","React","Array","isArray","join","IconTypes","SPINNER","IconColors","PRIMARY","CHAT","ON_BACKGROUND_3","ERROR","MESSAGE","LabelTypography","BODY_1","LabelColors","ONBACKGROUND_2","PLACE_HOLDER__NO_CHANNEL","PLACE_HOLDER__WRONG","PLACE_HOLDER__NO_MESSAGES","REFRESH","BUTTON_1","PLACE_HOLDER__RETRY_TO_CONNECT","BUTTON_2","NO_SEARCHED_MESSAGE","propTypes","PropTypes","oneOfType","string","arrayOf","oneOf","Object","keys","isRequired","func","defaultProps"],"mappings":"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"}

package/index.d.ts

@@ -1,9 +1,9 @@
 /**
- * Type Definitions for SendbirdUIKit 3.0.2
+ * Type Definitions for SendbirdUIKit "@sendbird/uikit-react@3.1.0"
  * homepage: https://sendbird.com/
  * git: https://github.com/sendbird/sendbird-uikit-react
  */
- declare module "SendbirdUIKitGlobal" {
+declare module "SendbirdUIKitGlobal" {
   import type React from 'react';
   import type Locale from 'date-fns';
   import type SendbirdChat from '@sendbird/chat';

package/index.js

@@ -3,52 +3,52 @@ export { default as App } from './App.js';
 export { default as ChannelSettings } from './ChannelSettings.js';
 export { default as ChannelList } from './ChannelList.js';
 export { default as Channel } from './Channel.js';
-export { g as getStringSet } from './stringSet-7a28664f.js';
+export { g as getStringSet } from './stringSet-8471446d.js';
 export { default as OpenChannel } from './OpenChannel.js';
 export { default as OpenChannelSettings } from './OpenChannelSettings.js';
 export { default as MessageSearch } from './MessageSearch.js';
 export { default as withSendBird } from './withSendbird.js';
 export { default as sendbirdSelectors } from './sendbirdSelectors.js';
 export { default as useSendbirdStateContext } from './useSendbirdStateContext.js';
-import './_rollupPluginBabelHelpers-c97525da.js';
+import './_rollupPluginBabelHelpers-e62b6c94.js';
 import 'react';
 import 'prop-types';
-import './openChannel-15b0616c.js';
-import './__bundle-7dfccc8c-a16aed7a.js';
-import './groupChannel-cc9fae2b.js';
-import './actionTypes-45239968.js';
-import './index-2a105a6a.js';
-import './tslib.es6-71164428.js';
+import './openChannel-c960d007.js';
+import './__bundle-7dfccc8c-097677fe.js';
+import './groupChannel-3295edad.js';
+import './actionTypes-5b38ad2f.js';
+import './index-b75c8b72.js';
+import './tslib.es6-bc2713d7.js';
 import 'css-vars-ponyfill';
-import './uuid-39710dee.js';
-import './LocalizationContext-6e75b56a.js';
-import './index-3444f2dd.js';
+import './uuid-b172d222.js';
+import './LocalizationContext-9f3a97d4.js';
+import './index-6d9f27e9.js';
 import './ChannelSettings/components/ChannelSettingsUI.js';
 import './ChannelSettings/context.js';
-import './UserProfileContext-f367c086.js';
-import './index-9935530e.js';
+import './UserProfileContext-0ab13769.js';
+import './index-c6d2d378.js';
 import './ui/Icon.js';
 import './ui/Loader.js';
-import './index-7324a9d2.js';
+import './index-0b5ccb8a.js';
 import './ui/IconButton.js';
 import './ChannelSettings/components/ChannelProfile.js';
 import './ui/ChannelAvatar.js';
 import './ui/Avatar.js';
 import './ui/ImageRenderer.js';
-import './utils-6c89c101.js';
+import './utils-14e75814.js';
 import './ui/TextButton.js';
-import './color-8a34313f.js';
+import './color-af7ca71d.js';
 import './ChannelSettings/components/EditDetailsModal.js';
 import './ui/Modal.js';
 import 'react-dom';
-import './index-79815d20.js';
-import './index-7f7579cb.js';
-import './utils-38a1ad56.js';
+import './index-626e0c91.js';
+import './index-be56e57e.js';
+import './utils-6f162725.js';
 import './ui/Input.js';
 import './ChannelSettings/components/ModerationPanel.js';
 import './ui/Accordion.js';
 import './ui/AccordionGroup.js';
-import './context-e14a3cd1.js';
+import './context-477db28c.js';
 import './ui/Badge.js';
 import './ui/ContextMenu.js';
 import './ui/SortByRow.js';
@@ -57,40 +57,40 @@ import './ui/MutedAvatarOverlay.js';
 import './ui/UserProfile.js';
 import './ui/UserListItem.js';
 import './ui/Checkbox.js';
-import './MemberList-1ef0c70c.js';
+import './MemberList-f02f2f2c.js';
 import './ChannelSettings/components/LeaveChannel.js';
 import './ChannelSettings/components/UserPanel.js';
-import './ChannelListProvider-ae51690a.js';
-import './topics-7ca110dd.js';
+import './ChannelListProvider-deca2b46.js';
+import './topics-408562ae.js';
 import './ChannelList/components/ChannelListUI.js';
 import './ChannelList/components/ChannelListHeader.js';
 import './ChannelList/components/AddChannel.js';
 import './CreateChannel.js';
 import './CreateChannel/components/CreateChannelUI.js';
-import './CreateChannelProvider-0e54306e.js';
+import './CreateChannelProvider-06a7aea1.js';
 import './CreateChannel/components/InviteUsers.js';
 import './CreateChannel/components/SelectChannelType.js';
 import './ChannelList/components/ChannelPreview.js';
-import './index-07c1cd2b.js';
-import './index-6f372bb8.js';
-import './index-0b740954.js';
+import './index-961dd650.js';
+import './index-0bca77f6.js';
+import './index-b9397b82.js';
 import './ui/MentionUserLabel.js';
 import './Channel/components/TypingIndicator.js';
-import './ChannelProvider-64e9f011.js';
-import './compareIds-f5c7e9e0.js';
-import './const-8cce96ac.js';
+import './ChannelProvider-433ab63d.js';
+import './compareIds-0374f200.js';
+import './const-e494c46a.js';
 import './ui/ReactionButton.js';
 import './ui/MessageStatus.js';
 import './ChannelList/components/ChannelPreviewAction.js';
 import './EditUserProfile.js';
-import './index-2de5002e.js';
+import './index-97340f01.js';
 import './Channel/components/ChannelUI.js';
 import './ui/ConnectionStatus.js';
 import './Channel/components/ChannelHeader.js';
 import './Channel/components/MessageList.js';
 import './Channel/components/Message.js';
 import './Channel/components/SuggestedMentionList.js';
-import './const-3c79b764.js';
+import './const-1df70d22.js';
 import './ui/DateSeparator.js';
 import './ui/MessageInput.js';
 import './ui/MessageContent.js';
@@ -117,15 +117,15 @@ import './Channel/components/UnreadCount.js';
 import './Channel/components/MessageInput.js';
 import './ui/QuoteMessageInput.js';
 import './OpenChannel/components/OpenChannelUI.js';
-import './OpenChannelProvider-a37f23fd.js';
+import './OpenChannelProvider-1161d100.js';
 import './OpenChannel/components/OpenChannelInput.js';
 import './OpenChannel/components/FrozenChannelNotification.js';
 import './OpenChannel/components/OpenChannelHeader.js';
 import './OpenChannel/components/OpenChannelMessageList.js';
 import './OpenChannel/components/OpenChannelMessage.js';
 import './ui/OpenchannelUserMessage.js';
-import './utils-5807b354.js';
-import './openChannelUtils-9b134f08.js';
+import './utils-ed9ea372.js';
+import './openChannelUtils-eb983c6e.js';
 import './ui/OpenChannelAdminMessage.js';
 import './ui/OpenchannelOGMessage.js';
 import './ui/OpenchannelThumbnailMessage.js';
@@ -137,7 +137,7 @@ import './OpenChannelSettings/components/OperatorUI.js';
 import './OpenChannelSettings/components/OpenChannelProfile.js';
 import './ui/OpenChannelAvatar.js';
 import './OpenChannelSettings/components/EditDetailsModal.js';
-import './OpenChannelSettings/components/ParticipantUI.js';
+import './index-018657f4.js';
 import './MessageSearch/components/MessageSearchUI.js';
 import './MessageSearch/context.js';
 import './ui/MessageSearchItem.js';