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

package/index-ed8e5d48.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-ed8e5d48.js","sources":["../src/ui/PlaceHolder/type.ts","../src/ui/PlaceHolder/index.tsx"],"sourcesContent":["function Types(): { [key: string]: string } {\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, { ReactElement, useContext } from 'react';\n\nimport './index.scss';\n\nimport _PlaceHolderTypes from './type';\nimport { LocalizationContext } from '../../lib/LocalizationContext';\n\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport Label, { LabelColors, LabelTypography } from '../Label';\nimport Loader from '../Loader';\n\nexport const PlaceHolderTypes = _PlaceHolderTypes;\n\nexport interface PlaceHolderProps {\n  className?: string | Array<string>;\n  type: typeof PlaceHolderTypes[keyof typeof PlaceHolderTypes];\n  iconSize?: string | number;\n  searchInString?: string;\n  retryToConnect?: () => void;\n}\n\nexport default function PlaceHolder({\n  className = '',\n  type,\n  iconSize,\n  searchInString = '',\n  retryToConnect = null,\n}: PlaceHolderProps): ReactElement {\n  const { stringSet } = useContext(LocalizationContext);\n  return (\n    <div\n      className={[\n        ...(Array.isArray(className) ? className : [className]),\n        'sendbird-place-holder',\n      ].join(' ')}\n    >\n      {\n        type === PlaceHolderTypes.LOADING && (\n          <Loader\n            width={iconSize || \"48px\"}\n            height={iconSize || \"48px\"}\n          >\n            <Icon\n              type={IconTypes.SPINNER}\n              fillColor={IconColors.PRIMARY}\n              width={iconSize || \"48px\"}\n              height={iconSize || \"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={iconSize || \"64px\"}\n                  height={iconSize || \"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={iconSize || \"64px\"}\n                  height={iconSize || \"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={iconSize || \"64px\"}\n                  height={iconSize || \"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"],"names":["Types","LOADING","NO_CHANNELS","NO_MESSAGES","WRONG","SEARCH_IN","SEARCHING","NO_RESULTS","PlaceHolderTypes","_PlaceHolderTypes","PlaceHolder","_a","_b","className","type","iconSize","_c","searchInString","_d","retryToConnect","stringSet","useContext","LocalizationContext","React","__spreadArray","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","concat","NO_SEARCHED_MESSAGE"],"mappings":"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"}

package/index.d.ts

@@ -1,16 +1,44 @@
 /**
- * Type Definitions for SendbirdUIKit v3.1.3
+ * Type Definitions for @sendbird/uikit-react@3.2.0-rc.1
  * 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';
-  import type { SendbirdError, SessionHandler, User } from '@sendbird/chat';
-  import type { GroupChannel, GroupChannelCreateParams, GroupChannelUpdateParams, Member, SendbirdGroupChat, GroupChannelListQuery } from '@sendbird/chat/groupChannel';
-  import type { AdminMessage, FailedMessageHandler, FileMessage, FileMessageCreateParams, MessageListParams, MessageSearchQuery, UserMessage, UserMessageCreateParams, UserMessageUpdateParams } from '@sendbird/chat/message';
-  import type { OpenChannel, OpenChannelCreateParams, OpenChannelUpdateParams, SendbirdOpenChat } from '@sendbird/chat/openChannel';
+  import type {
+    SendbirdError,
+    SessionHandler,
+    User,
+    ApplicationUserListQueryParams,
+  } from '@sendbird/chat';
+  import type {
+    GroupChannel,
+    GroupChannelCreateParams,
+    GroupChannelUpdateParams,
+    Member,
+    SendbirdGroupChat,
+    GroupChannelListQuery,
+    GroupChannelListQueryParams,
+  } from '@sendbird/chat/groupChannel';
+  import type {
+    AdminMessage,
+    FailedMessageHandler,
+    FileMessage,
+    FileMessageCreateParams,
+    MessageListParams,
+    MessageSearchQuery,
+    UserMessage,
+    UserMessageCreateParams,
+    UserMessageUpdateParams,
+  } from '@sendbird/chat/message';
+  import type {
+    OpenChannel,
+    OpenChannelCreateParams,
+    OpenChannelUpdateParams,
+    SendbirdOpenChat,
+  } from '@sendbird/chat/openChannel';
 
   export type ReplyType = "NONE" | "QUOTE_REPLY" | "THREAD";
   export interface AppProps {
@@ -265,36 +293,8 @@
 
   export type UserDispatcher = (params: UserDispatcherParams) => void;
 
-
-  export interface ApplicationUserListQuery {
-    limit?: number;
-    userIdsFilter?: Array<string>;
-    metaDataKeyFilter?: string;
-    metaDataValuesFilter?: Array<string>;
-  }
-
-  export interface GroupChannelListQueryParams {
-    limit?: number;
-    includeEmpty?: boolean;
-    order?: 'latest_last_message' | 'chronological' | 'channel_name_alphabetical' | 'metadata_value_alphabetical';
-    userIdsExactFilter?: Array<string>;
-    userIdsIncludeFilter?: Array<string>;
-    userIdsIncludeFilterQueryType?: 'AND' | 'OR';
-    nicknameContainsFilter?: string;
-    channelNameContainsFilter?: string;
-    customTypesFilter?: Array<string>;
-    customTypeStartsWithFilter?: string;
-    channelUrlsFilter?: Array<string>;
-    superChannelFilter?: 'all' | 'super' | 'nonsuper';
-    publicChannelFilter?: 'all' | 'public' | 'private';
-    metadataOrderKeyFilter?: string;
-    memberStateFilter?: 'all' | 'joined_only' | 'invited_only' | 'invited_by_friend' | 'invited_by_non_friend';
-    hiddenChannelFilter?: 'unhidden_only' | 'hidden_only' | 'hidden_allow_auto_unhide' | 'hidden_prevent_auto_unhide';
-    unreadChannelFilter?: 'all' | 'unread_message';
-    includeFrozen?: boolean;
-  }
   export interface ChannelListQueries {
-    applicationUserListQuery?: ApplicationUserListQuery;
+    applicationUserListQuery?: ApplicationUserListQueryParams;
     channelListQuery?: GroupChannelListQueryParams;
   }
 
@@ -386,15 +386,8 @@
     renderLeaveChannel?: () => React.ReactNode | React.ReactElement;
   }
 
-  export interface ApplicationUserListQuery {
-    limit?: number;
-    userIdsFilter?: Array<string>;
-    metaDataKeyFilter?: string;
-    metaDataValuesFilter?: Array<string>;
-  }
-
   export interface ChannelSettingsQueries {
-    applicationUserListQuery?: ApplicationUserListQuery;
+    applicationUserListQuery?: ApplicationUserListQueryParams;
   }
 
   export type ChannelSettingsContextProps = {
@@ -534,6 +527,12 @@
     renderMessageContent?: () => React.ReactNode | React.ReactElement;
   };
 
+  export type MessageInputProps = {
+    // value is removed when channelURL changes
+    value?: string;
+    ref?: React.MutableRefObject<any>;
+  };
+
   export type MessageListProps = {
     renderMessage?: (props: RenderMessageProps) => React.ReactNode | React.ReactElement;
     renderPlaceholderEmpty?: () => React.ReactNode | React.ReactElement;
@@ -658,6 +657,12 @@
     renderPlaceHolderEmptyList?: () => React.ReactNode | React.ReactElement;
   }
 
+  export type OpenChannelMessageInputWrapperProps = {
+    // value is removed when channelURL changes
+    value?: string;
+    ref?: React.MutableRefObject<any>;
+  }
+
   export type OpenChannelMessageProps = {
     renderMessage?: (props: RenderMessageProps) => React.ReactNode | React.ReactElement;
     message: EveryMessage;
@@ -667,6 +672,93 @@
     editDisabled?: boolean;
   };
 
+  /**
+   * OpenChannelList
+   */
+  export interface UserFilledOpenChannelListQuery {
+    customTypes?: Array<string>;
+    includeFrozen?: boolean;
+    includeMetaData?: boolean;
+    limit?: number;
+    nameKeyword?: string;
+    urlKeyword?: string;
+  }
+
+  export type OpenChannelListFetchingStatus = 'EMPTY' | 'FETCHING' | 'DONE' | 'ERROR';
+  export type CustomUseReducerDispatcher = (props: { type: string, payload: any }) => void;
+  export type OnOpenChannelSelected = (channel: OpenChannel, e?: React.MouseEvent<HTMLDivElement | unknown>) => void;
+  export type FetchNextCallbackType = (callback: (channels?: Array<OpenChannel>, err?: SendbirdError) => void) => void
+
+  export interface OpenChannelListProviderProps {
+    className?: string;
+    children?: React.ReactElement;
+    queries?: { openChannelListQuery?: UserFilledOpenChannelListQuery };
+    onChannelSelected?: OnOpenChannelSelected;
+  }
+
+  export interface RenderOpenChannelPreviewProps {
+    channel: OpenChannel;
+    isSelected: boolean;
+    onChannelSelected: OnOpenChannelSelected;
+  }
+
+  export interface OpenChannelListUIProps {
+    renderHeader?: () => React.ReactElement;
+    renderChannelPreview?: (props: RenderOpenChannelPreviewProps) => React.ReactElement;
+    renderPlaceHolderEmpty?: () => React.ReactElement;
+    renderPlaceHolderError?: () => React.ReactElement;
+    renderPlaceHolderLoading?: () => React.ReactElement;
+  }
+
+  export interface OpenChannelPreviewProps {
+    className?: string;
+    isSelected?: boolean;
+    channel: OpenChannel;
+    onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
+  }
+
+  export interface OpenChannelListProviderInterface extends OpenChannelListProviderProps {
+    logger: Logger;
+    currentChannel: OpenChannel;
+    allChannels: Array<OpenChannel>;
+    fetchingStatus: OpenChannelListFetchingStatus;
+    customOpenChannelListQuery?: UserFilledOpenChannelListQuery;
+    fetchNextChannels: FetchNextCallbackType;
+    refreshOpenChannelList: () => void;
+    openChannelListDispatcher: CustomUseReducerDispatcher;
+  }
+
+  export interface OpenChannelListProps extends OpenChannelListProviderProps, OpenChannelListUIProps { }
+
+  /**
+   * CreateOpenChannel
+   */
+  export interface CreateOpenChannelProviderProps {
+    className?: string;
+    children?: React.ReactElement;
+    onCreateChannel?: (channel: OpenChannel) => void;
+    onBeforeCreateChannel?: (params: OpenChannelCreateParams) => OpenChannelCreateParams;
+  }
+  export interface CreateOpenChannelUIProps {
+    closeModal?: () => void;
+    renderHeader?: () => React.ReactElement;
+    renderProfileInput?: () => React.ReactElement;
+  }
+
+  export interface CreateOpenChannelProps extends CreateOpenChannelProviderProps, CreateOpenChannelUIProps { }
+
+  export interface CreateNewOpenChannelCallbackProps {
+    name: string;
+    coverUrlOrImage?: string;
+  }
+
+  export interface CreateOpenChannelContextInterface extends CreateOpenChannelProviderProps {
+    sdk: SendbirdOpenChat;
+    sdkInitialized: boolean;
+    logger: Logger;
+    createNewOpenChannel: (props: CreateNewOpenChannelCallbackProps) => void;
+  }
+
   /**
    * OpenChannelSettings
    */
@@ -1029,7 +1121,8 @@ declare module '@sendbird/uikit-react/Channel/components/Message' {
 }
 
 declare module '@sendbird/uikit-react/Channel/components/MessageInput' {
-  const MessageInput: React.FunctionComponent;
+  import SendbirdUIKitGlobal from 'SendbirdUIKitGlobal';
+  const MessageInput: React.FunctionComponent<SendbirdUIKitGlobal.MessageInputProps>;
   export default MessageInput;
 }
 
@@ -1088,9 +1181,9 @@ declare module '@sendbird/uikit-react/OpenChannel/components/OpenChannelHeader'
 }
 
 declare module '@sendbird/uikit-react/OpenChannel/components/OpenChannelInput' {
-  const OpenChannelInput: React.FunctionComponent;
+  import SendbirdUIKitGlobal from 'SendbirdUIKitGlobal';
+  const OpenChannelInput: React.FC<SendbirdUIKitGlobal.OpenChannelMessageInputWrapperProps>;
   export default OpenChannelInput;
-
 }
 
 declare module '@sendbird/uikit-react/OpenChannel/components/OpenChannelMessage' {
@@ -1111,6 +1204,54 @@ declare module '@sendbird/uikit-react/OpenChannel/components/OpenChannelUI' {
   export default OpenChannelUI;
 }
 
+/**
+ * OpenChannelList
+ */
+declare module '@sendbird/uikit-react/OpenChannelList' {
+  import SendbirdUIKitGlobal from 'SendbirdUIKitGlobal';
+  const OpenChannelList: React.FC<SendbirdUIKitGlobal.OpenChannelListProps>;
+  export default OpenChannelList;
+}
+
+declare module '@sendbird/uikit-react/OpenChannelList/context' {
+  import SendbirdUIKitGlobal from 'SendbirdUIKitGlobal';
+  export const OpenChannelListProvider: React.FC<SendbirdUIKitGlobal.OpenChannelListProviderProps>;
+  export const useChannelListContext: () => SendbirdUIKitGlobal.OpenChannelListProviderInterface;
+}
+
+declare module '@sendbird/uikit-react/OpenChannelList/components/OpenChannelListUI' {
+  import SendbirdUIKitGlobal from 'SendbirdUIKitGlobal';
+  const OpenChannelListUI: React.FC<SendbirdUIKitGlobal.OpenChannelListUIProps>;
+  export default OpenChannelListUI;
+}
+
+declare module '@sendbird/uikit-react/OpenChannelList/components/OpenChannelPreview' {
+  import SendbirdUIKitGlobal from 'SendbirdUIKitGlobal';
+  const OpenChannelPreview: React.FC<SendbirdUIKitGlobal.OpenChannelPreviewProps>;
+  export default OpenChannelPreview;
+}
+
+/**
+ * CreateOpenChannel
+ */
+declare module '@sendbird/uikit-react/CreateOpenChannel' {
+  import SendbirdUIKitGlobal from 'SendbirdUIKitGlobal';
+  const CreateOpenChannel: React.FC<SendbirdUIKitGlobal.CreateOpenChannelProps>;
+  export default CreateOpenChannel;
+}
+
+declare module '@sendbird/uikit-react/CreateOpenChannel/context' {
+  import SendbirdUIKitGlobal from 'SendbirdUIKitGlobal';
+  export const CreateOpenChannelProvider: React.FC<SendbirdUIKitGlobal.CreateOpenChannelProviderProps>;
+  export const useCreateOpenChannelContext: () => SendbirdUIKitGlobal.CreateOpenChannelContextInterface;
+}
+
+declare module '@sendbird/uikit-react/CreateOpenChannel/components/CreateOpenChannelUI' {
+  import SendbirdUIKitGlobal from 'SendbirdUIKitGlobal';
+  const CreateOpenChannelUI: React.FC<SendbirdUIKitGlobal.CreateOpenChannelUIProps>;
+  export default CreateOpenChannelUI;
+}
+
 /**
  * OpenChannelSettings
  */
@@ -1315,7 +1456,7 @@ declare module '@sendbird/uikit-react/ui/ChannelAvatar' {
 }
 
 declare module '@sendbird/uikit-react/ui/OpenChannelAvatar' {
-  import type { OpenChannel } from '@sendbird/chat/OpenChannel'
+  import type { OpenChannel } from '@sendbird/chat/openChannel'
   interface OpenChannelAvatarProps {
     channel: OpenChannel;
     theme: string;
@@ -1326,40 +1467,6 @@ declare module '@sendbird/uikit-react/ui/OpenChannelAvatar' {
   export default OpenChannelAvatar;
 }
 
-declare module '@sendbird/uikit-react/ui/ChannelPreview' {
-  import type { User } from '@sendbird/chat';
-  import type { GroupChannel } from '@sendbird/chat/groupChannel';
-  interface ChannelPreviewProps {
-    channel?: GroupChannel,
-    currentUser?: User,
-    isActive?: boolean,
-    ChannelAction: React.ReactElement,
-    theme?: 'light' | 'dark',
-    onClick?: () => void,
-    tabIndex?: number,
-  }
-  const ChannelPreview: React.FC<ChannelPreviewProps>;
-  export default ChannelPreview;
-}
-
-declare module '@sendbird/uikit-react/ui/ChatHeader' {
-  import type { User } from '@sendbird/chat';
-  import type { GroupChannel } from '@sendbird/chat/groupChannel';
-  interface ChatHeaderProps {
-    currentGroupChannel?: GroupChannel;
-    currentUser?: User;
-    title?: string;
-    subTitle?: string;
-    isMuted?: boolean;
-    theme?: 'light' | 'dark';
-    showSearchIcon?: false;
-    onSearchClick?: () => void;
-    onActionClick?: () => void;
-  }
-  const ChatHeader: React.FC<ChatHeaderProps>;
-  export default ChatHeader;
-}
-
 declare module '@sendbird/uikit-react/ui/Checkbox' {
   interface CheckboxProps {
     id?: string,
@@ -1386,13 +1493,13 @@ declare module '@sendbird/uikit-react/ui/ContextMenu' {
 
 declare module '@sendbird/uikit-react/ui/DateSeparator' {
   enum Colors {
-    ONBACKGROUND_1,
-    ONBACKGROUND_2,
-    ONBACKGROUND_3,
-    ONBACKGROUND_4,
-    ONCONTENT_1,
-    PRIMARY,
-    ERROR,
+    ONBACKGROUND_1 = 'ONBACKGROUND_1',
+    ONBACKGROUND_2 = 'ONBACKGROUND_2',
+    ONBACKGROUND_3 = 'ONBACKGROUND_3',
+    ONBACKGROUND_4 = 'ONBACKGROUND_4',
+    ONCONTENT_1 = 'ONCONTENT_1',
+    PRIMARY = 'PRIMARY',
+    ERROR = 'ERROR',
   }
   interface DateSeparatorProps {
     className?: string | Array<string>;
@@ -1613,6 +1720,7 @@ declare module '@sendbird/uikit-react/ui/MessageInput' {
     isEdit?: boolean,
     isMentionEnabled?: boolean;
     disabled?: boolean,
+    // value is removed when channelURL changes
     value?: string,
     name: string,
     placeholder?: string,
@@ -1725,6 +1833,7 @@ declare module '@sendbird/uikit-react/ui/Modal' {
     disabled?: boolean,
     type?: string,
     children: React.ReactElement | string,
+    renderHeader?: () => React.ReactElement,
   }
   const Modal: React.FC<ModalProps>;
   export default Modal;
@@ -1837,8 +1946,9 @@ declare module '@sendbird/uikit-react/ui/PlaceHolder' {
   interface PlaceHolderProps {
     className?: string | Array<string>;
     type?: 'LOADING' | 'NO_CHANNELS' | 'NO_MESSAGES' | 'WRONG' | 'SEARCH_IN' | 'SEARCHING' | 'NO_RESULT',
-    retryToConnect?: () => void,
-    searchInString?: string,
+    iconSize?: string | number;
+    searchInString?: string;
+    retryToConnect?: () => void;
   }
   const PlaceHolder: React.FC<PlaceHolderProps>;
   export default PlaceHolder;
@@ -1908,13 +2018,13 @@ declare module '@sendbird/uikit-react/ui/SortByRow' {
 
 declare module '@sendbird/uikit-react/ui/TextButton' {
   enum Colors {
-    ONBACKGROUND_1,
-    ONBACKGROUND_2,
-    ONBACKGROUND_3,
-    ONBACKGROUND_4,
-    ONCONTENT_1,
-    PRIMARY,
-    ERROR,
+    ONBACKGROUND_1 = 'ONBACKGROUND_1',
+    ONBACKGROUND_2 = 'ONBACKGROUND_2',
+    ONBACKGROUND_3 = 'ONBACKGROUND_3',
+    ONBACKGROUND_4 = 'ONBACKGROUND_4',
+    ONCONTENT_1 = 'ONCONTENT_1',
+    PRIMARY = 'PRIMARY',
+    ERROR = 'ERROR',
   }
   interface TextButtonProps {
     children: React.ReactElement;

package/index.js

@@ -3,55 +3,53 @@ 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-c4a61372.js';
+export { g as getStringSet } from './stringSet-804c49f3.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, default as sendbirdSelectors } from './sendbirdSelectors.js';
 export { default as useSendbirdStateContext } from './useSendbirdStateContext.js';
-import './_rollupPluginBabelHelpers-b2b008c2.js';
+import './_rollupPluginBabelHelpers-22c28a74.js';
 import 'react';
 import 'prop-types';
-import './sendbird-21239b88.js';
-import './__bundle-6316ce22-63d15802.js';
-import './__bundle-fbda47dd-b1c87af3.js';
-import './openChannel-825f8e93.js';
-import './__bundle-7dfccc8c-d5c3938c.js';
-import './groupChannel-de6b26ee.js';
-import './actionTypes-3a618022.js';
-import './index-24a5ab49.js';
-import './tslib.es6-72a2f141.js';
+import '@sendbird/chat';
+import './openChannel-2aef0cd5.js';
+import './__bundle-c41dd401-d4ab6c10.js';
+import './groupChannel-3301a732.js';
+import './actionTypes-fd0f0a6c.js';
+import './index-46beca69.js';
+import './tslib.es6-4faaa58d.js';
 import 'css-vars-ponyfill';
-import './uuid-8a4db02f.js';
-import './LocalizationContext-5b475a64.js';
-import './index-25496c01.js';
+import './uuid-4521c466.js';
+import './LocalizationContext-10829cf3.js';
+import './index-940576d8.js';
 import './ChannelSettings/components/ChannelSettingsUI.js';
 import './ChannelSettings/context.js';
-import './UserProfileContext-a2483e23.js';
-import './index-7a790c96.js';
+import './UserProfileContext-beacab28.js';
+import './index-ed8e5d48.js';
 import './ui/Icon.js';
-import './index-e028fd23.js';
+import './index-7b043ab9.js';
 import './ui/Loader.js';
 import './ui/IconButton.js';
 import './ChannelSettings/components/ChannelProfile.js';
 import './ui/ChannelAvatar.js';
 import './ui/Avatar.js';
 import './ui/ImageRenderer.js';
-import './utils-bc7d8f0c.js';
+import './utils-47a3394f.js';
 import './ui/TextButton.js';
-import './color-83cfc07a.js';
+import './color-fff21001.js';
 import './ChannelSettings/components/EditDetailsModal.js';
 import './ui/Modal.js';
 import 'react-dom';
-import './index-1086dd43.js';
-import './index-16e14c17.js';
+import './index-5e788130.js';
+import './ui/Button.js';
 import './ui/Input.js';
 import './ChannelSettings/components/ModerationPanel.js';
 import './ui/Accordion.js';
 import './ui/AccordionGroup.js';
-import './context-2f6f1c17.js';
-import './utils-2c4d166e.js';
+import './context-44e184de.js';
+import './utils-32938255.js';
 import './ui/Badge.js';
 import './ui/ContextMenu.js';
 import './ui/SortByRow.js';
@@ -60,42 +58,43 @@ import './ui/MutedAvatarOverlay.js';
 import './ui/UserProfile.js';
 import './ui/UserListItem.js';
 import './ui/Checkbox.js';
-import './MemberList-004dd3e6.js';
+import './MemberList-e049f915.js';
 import './ChannelSettings/components/LeaveChannel.js';
 import './ChannelSettings/components/UserPanel.js';
-import './ChannelListProvider-0157b613.js';
-import './topics-851d221c.js';
+import './ChannelListProvider-368bd7f1.js';
+import './topics-24c0f724.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-f84fd7e5.js';
+import './CreateChannelProvider-9c2113ca.js';
 import './CreateChannel/components/InviteUsers.js';
 import './CreateChannel/components/SelectChannelType.js';
 import './ChannelList/components/ChannelPreview.js';
-import './index-952d5f9b.js';
-import './index-2f85a795.js';
-import './index-4400a360.js';
+import './index-00b281a3.js';
+import './index-8bd6c997.js';
+import './index-3ddec9e9.js';
 import './ui/MentionUserLabel.js';
 import './Channel/components/TypingIndicator.js';
-import './ChannelProvider-57689107.js';
-import './compareIds-9455ecb0.js';
-import './const-7867ac6a.js';
+import './ChannelProvider-59559ed8.js';
+import './compareIds-332d261c.js';
+import './const-78e336dd.js';
 import './ui/ReactionButton.js';
 import './ui/MessageStatus.js';
 import './ChannelList/components/ChannelPreviewAction.js';
 import './EditUserProfile.js';
-import './index-c3a36db0.js';
+import './index-e5aab3b4.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-71ceda85.js';
+import './const-03293011.js';
 import './ui/DateSeparator.js';
 import './ui/MessageInput.js';
+import 'react-dom/server';
 import './ui/MessageContent.js';
 import './ui/MessageItemMenu.js';
 import './ui/MessageItemReactionMenu.js';
@@ -120,15 +119,15 @@ import './Channel/components/UnreadCount.js';
 import './Channel/components/MessageInput.js';
 import './ui/QuoteMessageInput.js';
 import './OpenChannel/components/OpenChannelUI.js';
-import './OpenChannelProvider-f5d504ec.js';
+import './OpenChannelProvider-b360d5fe.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-12da1022.js';
-import './openChannelUtils-f64223c9.js';
+import './utils-28acb86e.js';
+import './openChannelUtils-d27d1e28.js';
 import './ui/OpenChannelAdminMessage.js';
 import './ui/OpenchannelOGMessage.js';
 import './ui/OpenchannelThumbnailMessage.js';
@@ -140,7 +139,7 @@ import './OpenChannelSettings/components/OperatorUI.js';
 import './OpenChannelSettings/components/OpenChannelProfile.js';
 import './ui/OpenChannelAvatar.js';
 import './OpenChannelSettings/components/EditDetailsModal.js';
-import './index-d545f604.js';
+import './index-49d3a217.js';
 import './MessageSearch/components/MessageSearchUI.js';
 import './MessageSearch/context.js';
 import './ui/MessageSearchItem.js';

package/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}