@sendbird/uikit-react 3.15.13 → 3.15.14-rc

package/types/lib/selectors.d.ts

@@ -3,7 +3,7 @@ import { FailedMessageHandler, MessageHandler, UserMessage, UserMessageCreatePar
 import { GroupChannel, GroupChannelCreateParams } from '@sendbird/chat/groupChannel';
 import { OpenChannel, OpenChannelCreateParams } from '@sendbird/chat/openChannel';
 import { FileMessage, FileMessageCreateParams, SendableMessage, UserMessageUpdateParams } from '@sendbird/chat/lib/__definition';
-import { SendBirdState } from './types';
+import { SendbirdState } from './Sendbird/types';
 import { SendableMessageType } from '../utils';
 import { PublishingModuleType } from '../modules/internalInterfaces';
 /**
@@ -41,46 +41,46 @@ import { PublishingModuleType } from '../modules/internalInterfaces';
 /**
  * const sdk = selectors.getSdk(state);
  */
-export declare const getSdk: (state: SendBirdState) => import("./types").SendbirdChatType;
+export declare const getSdk: (state: SendbirdState) => import("@sendbird/chat").default & import("@sendbird/chat/lib/__definition").ModuleNamespaces<[import("@sendbird/chat/groupChannel").GroupChannelModule, import("@sendbird/chat/openChannel").OpenChannelModule]>;
 /**
  * const pubSub = selectors.getPubSub(state);
  */
-export declare const getPubSub: (state: SendBirdState) => import("./pubSub/topics").SBUGlobalPubSub;
+export declare const getPubSub: (state: SendbirdState) => import("./pubSub/topics").SBUGlobalPubSub;
 /**
  * const connect = selectors.getConnect(state);
  * connect('user-id-sendbirdian', 'access-token-0000')
  *  .then((user) => {})
  *  .catch((error) => {})
  */
-export declare const getConnect: (state: SendBirdState) => (userId: string, accessToken?: string) => Promise<User>;
+export declare const getConnect: (state: SendbirdState) => (userId: string, accessToken?: string) => Promise<User>;
 /**
  * const disconnect = selectors.getDisconnect(state);
  * disconnect()
  *  .then(() => {})
  *  .catch((error) => {})
  */
-export declare const getDisconnect: (state: SendBirdState) => () => Promise<void>;
+export declare const getDisconnect: (state: SendbirdState) => () => Promise<void>;
 /**
  * const updateUserInfo = selectors.getUpdateUserInfo(state);
  * updateUserInfo('new-nickname', 'new-profile-url')
  *  .then((user) => {})
  *  .catch((error) => {})
  */
-export declare const getUpdateUserInfo: (state: SendBirdState) => (nickname: string, profileUrl?: string) => Promise<User>;
+export declare const getUpdateUserInfo: (state: SendbirdState) => (nickname: string, profileUrl?: string) => Promise<User>;
 /**
  * const createGroupChannel = selectors.getCreateGroupChannel(state);
  * createGroupChannel(channelParams: GroupChannelCreateParams)
  *  .then((channel) => {})
  *  .catch((error) => {})
  */
-export declare const getCreateGroupChannel: (state: SendBirdState) => (params: GroupChannelCreateParams) => Promise<GroupChannel>;
+export declare const getCreateGroupChannel: (state: SendbirdState) => (params: GroupChannelCreateParams) => Promise<GroupChannel>;
 /**
  * const createOpenChannel = selectors.getCreateOpenChannel(state);
  * createOpenChannel(channelParams: OpenChannelCreateParams)
  *  .then((channel) => {})
  *  .catch((error) => {})
  */
-export declare const getCreateOpenChannel: (state: SendBirdState) => (params: OpenChannelCreateParams) => Promise<OpenChannel>;
+export declare const getCreateOpenChannel: (state: SendbirdState) => (params: OpenChannelCreateParams) => Promise<OpenChannel>;
 /**
  * const getGroupChannel = selectors.getGetGroupChannel(state);
  * getGroupChannel('channel-url-1234', isSelected)
@@ -91,7 +91,7 @@ export declare const getCreateOpenChannel: (state: SendBirdState) => (params: Op
  *  })
  *  .catch((error) => {})
  */
-export declare const getGetGroupChannel: (state: SendBirdState) => (channelUrl: string) => Promise<GroupChannel>;
+export declare const getGetGroupChannel: (state: SendbirdState) => (channelUrl: string) => Promise<GroupChannel>;
 /**
  * const getOpenChannel = selectors.getGetOpenChannel(state);
  * getOpenChannel('channel-url-12345')
@@ -102,28 +102,28 @@ export declare const getGetGroupChannel: (state: SendBirdState) => (channelUrl:
  *  })
  *  .catch((error) => {})
  */
-export declare const getGetOpenChannel: (state: SendBirdState) => (channelUrl: string) => Promise<OpenChannel>;
+export declare const getGetOpenChannel: (state: SendbirdState) => (channelUrl: string) => Promise<OpenChannel>;
 /**
  * const leaveChannel = selectors.getLeaveGroupChannel(state);
  * leaveChannel('group-channel-url')
  *  .then((channel) => {})
  *  .catch((error) => {})
  */
-export declare const getLeaveGroupChannel: (state: SendBirdState) => (channelUrl: string) => Promise<void>;
+export declare const getLeaveGroupChannel: (state: SendbirdState) => (channelUrl: string) => Promise<void>;
 /**
  * const enterChannel = selectors.getEnterOpenChannel(state);
  * enterChannel('open-channel-url')
  *  .then((channel) => {})
  *  .catch((error) => {})
  */
-export declare const getEnterOpenChannel: (state: SendBirdState) => (channelUrl: string) => Promise<OpenChannel>;
+export declare const getEnterOpenChannel: (state: SendbirdState) => (channelUrl: string) => Promise<OpenChannel>;
 /**
  * const exitChannel = selectors.getExitOpenChannel(state);
  * exitChannel('open-channel-url')
  *  .then((channel) => {})
  *  .catch((error) => {})
  */
-export declare const getExitOpenChannel: (state: SendBirdState) => (channelUrl: string) => Promise<OpenChannel>;
+export declare const getExitOpenChannel: (state: SendbirdState) => (channelUrl: string) => Promise<OpenChannel>;
 /**
  * const freezeChannel = selectors.getFreezeChannel(currentChannel);
  * freezeChannel()
@@ -159,7 +159,7 @@ export declare class UikitMessageHandler<T extends SendableMessage = SendableMes
  *  .onFailed((error, message) => {})
  *  .onSucceeded((message) => {})
  */
-export declare const getSendUserMessage: (state: SendBirdState, publishingModules?: PublishingModuleType[]) => (channel: GroupChannel | OpenChannel, params: UserMessageCreateParams) => UikitMessageHandler;
+export declare const getSendUserMessage: (state: SendbirdState, publishingModules?: PublishingModuleType[]) => (channel: GroupChannel | OpenChannel, params: UserMessageCreateParams) => UikitMessageHandler;
 /**
  * const sendFileMessage = selectors.getSendFileMessage(state);
  * sendFileMessage(
@@ -170,7 +170,7 @@ export declare const getSendUserMessage: (state: SendBirdState, publishingModule
  *  .onFailed((error, message) => {})
  *  .onSucceeded((message) => {})
  */
-export declare const getSendFileMessage: (state: SendBirdState, publishingModules?: PublishingModuleType[]) => (channel: GroupChannel | OpenChannel, params: FileMessageCreateParams) => UikitMessageHandler;
+export declare const getSendFileMessage: (state: SendbirdState, publishingModules?: PublishingModuleType[]) => (channel: GroupChannel | OpenChannel, params: FileMessageCreateParams) => UikitMessageHandler;
 /**
  * const updateUserMessage = selectors.getUpdateUserMessage(state);
  * updateUserMessage(
@@ -181,7 +181,7 @@ export declare const getSendFileMessage: (state: SendBirdState, publishingModule
  *  .then((message) => {})
  *  .catch((error) => {})
  */
-export declare const getUpdateUserMessage: (state: SendBirdState, publishingModules?: PublishingModuleType[]) => (channel: GroupChannel | OpenChannel, messageId: number, params: UserMessageUpdateParams) => Promise<UserMessage>;
+export declare const getUpdateUserMessage: (state: SendbirdState, publishingModules?: PublishingModuleType[]) => (channel: GroupChannel | OpenChannel, messageId: number, params: UserMessageUpdateParams) => Promise<UserMessage>;
 /**
  * const updateFileMessage = selectors.getUpdateFileMessage(state);
  * updateFileMessage(
@@ -201,7 +201,7 @@ export declare const getUpdateUserMessage: (state: SendBirdState, publishingModu
  *  .then((deletedMessage) => {})
  *  .catch((error) => {})
  */
-export declare const getDeleteMessage: (state: SendBirdState) => (channel: GroupChannel | OpenChannel, message: SendableMessageType) => Promise<SendableMessageType>;
+export declare const getDeleteMessage: (state: SendbirdState) => (channel: GroupChannel | OpenChannel, message: SendableMessageType) => Promise<SendableMessageType>;
 /**
  * const resendUserMessage = selectors.getResendUserMessage(state);
  * resendUserMessage(
@@ -211,7 +211,7 @@ export declare const getDeleteMessage: (state: SendBirdState) => (channel: Group
  *  .then(() => {})
  *  .catch((error) => {})
  */
-export declare const getResendUserMessage: (state: SendBirdState, publishingModules?: PublishingModuleType[]) => (channel: GroupChannel | OpenChannel, failedMessage: UserMessage) => Promise<UserMessage>;
+export declare const getResendUserMessage: (state: SendbirdState, publishingModules?: PublishingModuleType[]) => (channel: GroupChannel | OpenChannel, failedMessage: UserMessage) => Promise<UserMessage>;
 /**
  * const resendFileMessage = selectors.getResendFileMessage(state);
  * resendFileMessage(
@@ -222,27 +222,27 @@ export declare const getResendUserMessage: (state: SendBirdState, publishingModu
  *  .then(() => {})
  *  .catch((error) => {})
  */
-export declare const getResendFileMessage: (state: SendBirdState, publishingModules?: PublishingModuleType[]) => (channel: GroupChannel | OpenChannel, failedMessage: FileMessage, blob: Blob) => Promise<FileMessage>;
+export declare const getResendFileMessage: (state: SendbirdState, publishingModules?: PublishingModuleType[]) => (channel: GroupChannel | OpenChannel, failedMessage: FileMessage, blob: Blob) => Promise<FileMessage>;
 declare const sendbirdSelectors: {
-    getSdk: (state: SendBirdState) => import("./types").SendbirdChatType;
-    getPubSub: (state: SendBirdState) => import("./pubSub/topics").SBUGlobalPubSub;
-    getConnect: (state: SendBirdState) => (userId: string, accessToken?: string) => Promise<User>;
-    getDisconnect: (state: SendBirdState) => () => Promise<void>;
-    getUpdateUserInfo: (state: SendBirdState) => (nickname: string, profileUrl?: string) => Promise<User>;
-    getCreateGroupChannel: (state: SendBirdState) => (params: GroupChannelCreateParams) => Promise<GroupChannel>;
-    getCreateOpenChannel: (state: SendBirdState) => (params: OpenChannelCreateParams) => Promise<OpenChannel>;
-    getGetGroupChannel: (state: SendBirdState) => (channelUrl: string) => Promise<GroupChannel>;
-    getGetOpenChannel: (state: SendBirdState) => (channelUrl: string) => Promise<OpenChannel>;
-    getLeaveGroupChannel: (state: SendBirdState) => (channelUrl: string) => Promise<void>;
-    getEnterOpenChannel: (state: SendBirdState) => (channelUrl: string) => Promise<OpenChannel>;
-    getExitOpenChannel: (state: SendBirdState) => (channelUrl: string) => Promise<OpenChannel>;
+    getSdk: (state: SendbirdState) => import("@sendbird/chat").default & import("@sendbird/chat/lib/__definition").ModuleNamespaces<[import("@sendbird/chat/groupChannel").GroupChannelModule, import("@sendbird/chat/openChannel").OpenChannelModule]>;
+    getPubSub: (state: SendbirdState) => import("./pubSub/topics").SBUGlobalPubSub;
+    getConnect: (state: SendbirdState) => (userId: string, accessToken?: string) => Promise<User>;
+    getDisconnect: (state: SendbirdState) => () => Promise<void>;
+    getUpdateUserInfo: (state: SendbirdState) => (nickname: string, profileUrl?: string) => Promise<User>;
+    getCreateGroupChannel: (state: SendbirdState) => (params: GroupChannelCreateParams) => Promise<GroupChannel>;
+    getCreateOpenChannel: (state: SendbirdState) => (params: OpenChannelCreateParams) => Promise<OpenChannel>;
+    getGetGroupChannel: (state: SendbirdState) => (channelUrl: string) => Promise<GroupChannel>;
+    getGetOpenChannel: (state: SendbirdState) => (channelUrl: string) => Promise<OpenChannel>;
+    getLeaveGroupChannel: (state: SendbirdState) => (channelUrl: string) => Promise<void>;
+    getEnterOpenChannel: (state: SendbirdState) => (channelUrl: string) => Promise<OpenChannel>;
+    getExitOpenChannel: (state: SendbirdState) => (channelUrl: string) => Promise<OpenChannel>;
     getFreezeChannel: () => (channel: GroupChannel | OpenChannel) => Promise<void>;
     getUnfreezeChannel: () => (channel: GroupChannel | OpenChannel) => Promise<void>;
-    getSendUserMessage: (state: SendBirdState, publishingModules?: PublishingModuleType[]) => (channel: GroupChannel | OpenChannel, params: UserMessageCreateParams) => UikitMessageHandler;
-    getSendFileMessage: (state: SendBirdState, publishingModules?: PublishingModuleType[]) => (channel: GroupChannel | OpenChannel, params: FileMessageCreateParams) => UikitMessageHandler;
-    getUpdateUserMessage: (state: SendBirdState, publishingModules?: PublishingModuleType[]) => (channel: GroupChannel | OpenChannel, messageId: number, params: UserMessageUpdateParams) => Promise<UserMessage>;
-    getDeleteMessage: (state: SendBirdState) => (channel: GroupChannel | OpenChannel, message: SendableMessageType) => Promise<SendableMessageType>;
-    getResendUserMessage: (state: SendBirdState, publishingModules?: PublishingModuleType[]) => (channel: GroupChannel | OpenChannel, failedMessage: UserMessage) => Promise<UserMessage>;
-    getResendFileMessage: (state: SendBirdState, publishingModules?: PublishingModuleType[]) => (channel: GroupChannel | OpenChannel, failedMessage: FileMessage, blob: Blob) => Promise<FileMessage>;
+    getSendUserMessage: (state: SendbirdState, publishingModules?: PublishingModuleType[]) => (channel: GroupChannel | OpenChannel, params: UserMessageCreateParams) => UikitMessageHandler;
+    getSendFileMessage: (state: SendbirdState, publishingModules?: PublishingModuleType[]) => (channel: GroupChannel | OpenChannel, params: FileMessageCreateParams) => UikitMessageHandler;
+    getUpdateUserMessage: (state: SendbirdState, publishingModules?: PublishingModuleType[]) => (channel: GroupChannel | OpenChannel, messageId: number, params: UserMessageUpdateParams) => Promise<UserMessage>;
+    getDeleteMessage: (state: SendbirdState) => (channel: GroupChannel | OpenChannel, message: SendableMessageType) => Promise<SendableMessageType>;
+    getResendUserMessage: (state: SendbirdState, publishingModules?: PublishingModuleType[]) => (channel: GroupChannel | OpenChannel, failedMessage: UserMessage) => Promise<UserMessage>;
+    getResendFileMessage: (state: SendbirdState, publishingModules?: PublishingModuleType[]) => (channel: GroupChannel | OpenChannel, failedMessage: FileMessage, blob: Blob) => Promise<FileMessage>;
 };
 export default sendbirdSelectors;

package/types/lib/utils/uikitConfigMapper.d.ts

@@ -1,4 +1,4 @@
-import { UIKitOptions, CommonUIKitConfigProps } from '../types';
+import type { UIKitOptions, CommonUIKitConfigProps } from '../Sendbird/types';
 export declare function uikitConfigMapper({ legacyConfig, uikitOptions, }: {
     legacyConfig: CommonUIKitConfigProps;
     uikitOptions?: UIKitOptions;

package/types/modules/App/types.d.ts

@@ -3,7 +3,7 @@ import type { User } from '@sendbird/chat';
 import { GroupChannel } from '@sendbird/chat/groupChannel';
 import type { Locale } from 'date-fns';
 import { ReplyType, UserListQuery, RenderUserProfileProps, SendBirdProviderConfig, HTMLTextDirection } from '../../types';
-import { CustomExtensionParams, SBUEventHandlers, SendbirdChatInitParams } from '../../lib/types';
+import { CustomExtensionParams, SBUEventHandlers, SendbirdChatInitParams } from '../../lib/Sendbird/types';
 import { SendableMessageType } from '../../utils';
 export interface AppLayoutProps {
     isReactionEnabled?: boolean;

package/types/modules/Channel/context/hooks/useGetChannel.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { ChannelActionTypes } from '../dux/actionTypes';
-import { SdkStore } from '../../../../lib/types';
+import type { SdkStore } from '../../../../lib/Sendbird/types';
 import { LoggerInterface } from '../../../../lib/Logger';
 import { MarkAsReadSchedulerType } from '../../../../lib/hooks/useMarkAsReadScheduler';
 type UseGetChannelOptions = {

package/types/modules/Channel/context/hooks/useHandleChannelEvents.d.ts

@@ -3,7 +3,7 @@ import { GroupChannel } from '@sendbird/chat/groupChannel';
 import { SendableMessageType } from '../../../../utils';
 import { ChannelActionTypes } from '../dux/actionTypes';
 import { LoggerInterface } from '../../../../lib/Logger';
-import { SdkStore } from '../../../../lib/types';
+import type { SdkStore } from '../../../../lib/Sendbird/types';
 /**
  * Handles ChannelEvents and send values to dispatcher using messagesDispatcher
  * messagesDispatcher: Dispatcher

package/types/modules/Channel/context/hooks/useHandleReconnect.d.ts

@@ -1,9 +1,8 @@
 import React from 'react';
 import type { GroupChannel } from '@sendbird/chat/groupChannel';
-import { Logger } from '../../../../lib/SendbirdState';
+import type { Logger, SdkStore } from '../../../../lib/Sendbird/types';
 import { MarkAsReadSchedulerType } from '../../../../lib/hooks/useMarkAsReadScheduler';
 import { ChannelActionTypes } from '../dux/actionTypes';
-import { SdkStore } from '../../../../lib/types';
 interface DynamicParams {
     isOnline: boolean;
     replyType?: string;

package/types/modules/Channel/context/hooks/useHandleReconnectForChannelList.d.ts

@@ -1,7 +1,6 @@
 import React from 'react';
 import { GroupChannel, GroupChannelListQuery } from '@sendbird/chat/groupChannel';
-import { Logger } from '../../../../lib/SendbirdState';
-import { SdkStore } from '../../../../lib/types';
+import type { Logger, SdkStore } from '../../../../lib/Sendbird/types';
 import { ChannelListActionTypes } from '../../../ChannelList/dux/actionTypes';
 import { GroupChannelListQueryParamsInternal } from '../../../ChannelList/context/ChannelListProvider';
 import { MarkAsDeliveredSchedulerType } from '../../../../lib/hooks/useMarkAsDeliveredScheduler';

package/types/modules/Channel/context/hooks/useHandleUploadFiles.d.ts

@@ -1,4 +1,4 @@
-import { Logger } from '../../../../lib/SendbirdState';
+import { Logger } from '../../../../lib/Sendbird/types';
 import { SendMFMFunctionType } from './useSendMultipleFilesMessage';
 import { SendableMessageType } from '../../../../utils';
 import { SendFileMessageFunctionType } from '../../../Thread/context/hooks/useSendFileMessage';

package/types/modules/Channel/context/hooks/useScrollCallback.d.ts

@@ -4,7 +4,7 @@ import { GroupChannel } from '@sendbird/chat/groupChannel';
 import { MessageListParams as MessageListParamsInternal } from '../ChannelProvider';
 import { LoggerInterface } from '../../../../lib/Logger';
 import { ChannelActionTypes } from '../dux/actionTypes';
-import { SdkStore } from '../../../../lib/types';
+import type { SdkStore } from '../../../../lib/Sendbird/types';
 type UseScrollCallbackOptions = {
     currentGroupChannel: GroupChannel | null;
     oldestMessageTimeStamp: number;

package/types/modules/Channel/context/hooks/useScrollDownCallback.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
+import type { SdkStore } from '../../../../lib/Sendbird/types';
 import { ChannelActionTypes } from '../dux/actionTypes';
 import { GroupChannel } from '@sendbird/chat/groupChannel';
 import { LoggerInterface } from '../../../../lib/Logger';
-import { SdkStore } from '../../../../lib/types';
 import { ReplyType as ReplyTypeInternal } from '../../../../types';
 import { MessageListParams as MessageListParamsInternal } from '../ChannelProvider';
 import { BaseMessage } from '@sendbird/chat/message';

package/types/modules/Channel/context/hooks/useSendFileMessageCallback.d.ts

@@ -1,15 +1,15 @@
 import React from 'react';
 import { GroupChannel } from '@sendbird/chat/groupChannel';
 import { FileMessage, FileMessageCreateParams } from '@sendbird/chat/message';
+import type { SendbirdState } from '../../../../lib/Sendbird/types';
 import { ChannelActionTypes } from '../dux/actionTypes';
 import { SBUGlobalPubSub } from '../../../../lib/pubSub/topics';
 import { LoggerInterface } from '../../../../lib/Logger';
 import { SendableMessageType } from '../../../../utils';
-import { SendBirdState } from '../../../../lib/types';
 type UseSendFileMessageCallbackOptions = {
     currentGroupChannel: null | GroupChannel;
     onBeforeSendFileMessage?: (file: File, quoteMessage?: SendableMessageType) => FileMessageCreateParams;
-    imageCompression?: SendBirdState['config']['imageCompression'];
+    imageCompression?: SendbirdState['config']['imageCompression'];
 };
 type UseSendFileMessageCallbackParams = {
     logger: LoggerInterface;

package/types/modules/Channel/context/hooks/useSendMultipleFilesMessage.d.ts

@@ -2,7 +2,7 @@
 import type { GroupChannel } from '@sendbird/chat/groupChannel';
 import type { MultipleFilesMessageCreateParams, UploadableFileInfo } from '@sendbird/chat/message';
 import { MultipleFilesMessage } from '@sendbird/chat/message';
-import type { Logger } from '../../../../lib/SendbirdState';
+import type { Logger } from '../../../../lib/Sendbird/types';
 import type { Nullable } from '../../../../types';
 import { SendableMessageType } from '../../../../utils';
 import { PublishingModuleType } from '../../../internalInterfaces';

package/types/modules/Channel/context/hooks/useSendVoiceMessageCallback.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import type { FileMessage, FileMessageCreateParams } from '@sendbird/chat/message';
 import type { GroupChannel } from '@sendbird/chat/groupChannel';
-import type { Logger } from '../../../../lib/SendbirdState';
+import type { Logger } from '../../../../lib/Sendbird/types';
 import { SBUGlobalPubSub } from '../../../../lib/pubSub/topics';
 import type { SendableMessageType } from '../../../../utils';
 import type { Nullable } from '../../../../types';

package/types/modules/Channel/context/hooks/useToggleReactionCallback.d.ts

@@ -1,11 +1,19 @@
 import { GroupChannel } from '@sendbird/chat/groupChannel';
 import { LoggerInterface } from '../../../../lib/Logger';
 import { BaseMessage } from '@sendbird/chat/message';
-type UseToggleReactionCallbackOptions = {
-    currentGroupChannel: GroupChannel | null;
-};
-type UseToggleReactionCallbackParams = {
-    logger: LoggerInterface;
-};
-export default function useToggleReactionCallback({ currentGroupChannel }: UseToggleReactionCallbackOptions, { logger }: UseToggleReactionCallbackParams): (message: BaseMessage, key: string, isReacted: boolean) => void;
-export {};
+/**
+ * POTENTIAL IMPROVEMENT NEEDED:
+ * Current implementation might have race condition issues when the hook is called multiple times in rapid succession:
+ *
+ * 1. Race Condition Risk:
+ *    - Multiple rapid clicks on reaction buttons could trigger concurrent API calls
+ *    - The server responses might arrive in different order than the requests were sent
+ *    - This could lead to inconsistent UI states where the final reaction state doesn't match user's last action
+ *
+ * 2. Performance Impact:
+ *    - Each click generates a separate API call without debouncing/throttling
+ *    - Under high-frequency clicks, this could cause unnecessary server load
+ *
+ * But we won't address these issues for now since it's being used only in the legacy codebase.
+ * */
+export default function useToggleReactionCallback(currentChannel: GroupChannel | null, logger?: LoggerInterface): (message: BaseMessage, key: string, isReacted: boolean) => void;

package/types/modules/Channel/context/utils.d.ts

@@ -12,6 +12,6 @@ export declare const getAllEmojisMapFromEmojiContainer: (emojiContainer: EmojiCo
 export declare const getNicknamesMapFromMembers: (members?: Member[]) => Map<string, string>;
 export declare const mergeAndSortMessages: (oldMessages: BaseMessage[], newMessages: BaseMessage[]) => BaseMessage[];
 export declare const getMessageCreatedAt: (message: BaseMessage) => string;
-export declare const passUnsuccessfullMessages: (allMessages: (CoreMessageType | SendableMessageType)[], newMessage: CoreMessageType | SendableMessageType) => (import("@sendbird/chat/message").AdminMessage | import("@sendbird/chat/message").UserMessage | import("@sendbird/chat/message").FileMessage | import("@sendbird/chat/message").MultipleFilesMessage)[];
+export declare const passUnsuccessfullMessages: (allMessages: (CoreMessageType | SendableMessageType)[], newMessage: CoreMessageType | SendableMessageType) => (import("@sendbird/chat/message").UserMessage | import("@sendbird/chat/message").FileMessage | import("@sendbird/chat/message").MultipleFilesMessage | import("@sendbird/chat/message").AdminMessage)[];
 export declare const pxToNumber: (px: string | number) => number;
 export declare const isAboutSame: (a: number, b: number, px: number) => boolean;

package/types/modules/ChannelList/context/hooks/useActiveChannelUrl.d.ts

@@ -1,7 +1,6 @@
 /// <reference types="react" />
 import { GroupChannel } from '@sendbird/chat/groupChannel';
-import { Logger } from '../../../../lib/SendbirdState';
-import { SdkStore } from '../../../../lib/types';
+import type { Logger, SdkStore } from '../../../../lib/Sendbird/types';
 export type DynamicProps = {
     activeChannelUrl?: string;
     channels?: GroupChannel[];

package/types/modules/ChannelList/context/hooks/useFetchChannelList.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { GroupChannelListQuery } from '@sendbird/chat/groupChannel';
+import type { Logger } from '../../../../lib/Sendbird/types';
 import { Nullable } from '../../../../types';
-import { Logger } from '../../../../lib/SendbirdState';
 import { MarkAsDeliveredSchedulerType } from '../../../../lib/hooks/useMarkAsDeliveredScheduler';
 import { ChannelListActionTypes } from '../../dux/actionTypes';
 interface DynamicProps {

package/types/modules/ChannelList/utils.d.ts

@@ -1,6 +1,6 @@
 import { GroupChannel, GroupChannelListQuery } from '@sendbird/chat/groupChannel';
 import { SBUGlobalPubSub } from '../../lib/pubSub/topics';
-import { SdkStore } from '../../lib/types';
+import { SdkStore } from '../../lib/Sendbird/types';
 import React from 'react';
 import { ChannelListInitialStateType } from './dux/initialState';
 import { ChannelListActionTypes } from './dux/actionTypes';

package/types/modules/ChannelSettings/components/ChannelSettingsUI/index.d.ts

@@ -1,7 +1,7 @@
 import './channel-settings-ui.scss';
 import React, { ReactNode } from 'react';
-import { ChannelSettingsHeaderProps } from './ChannelSettingsHeader';
 import useMenuItems from './hooks/useMenuItems';
+import { ChannelSettingsHeaderProps } from './ChannelSettingsHeader';
 import { UserListItemProps } from '../../../../ui/UserListItem';
 interface ModerationPanelProps {
     menuItems: ReturnType<typeof useMenuItems>;
@@ -21,6 +21,7 @@ export interface ChannelSettingsUIProps {
 }
 declare const ChannelSettingsUI: (props: ChannelSettingsUIProps) => React.JSX.Element;
 export default ChannelSettingsUI;
+/** NOTE: For exportation */
 export { OperatorList } from '../ModerationPanel/OperatorList';
 export { MemberList } from '../ModerationPanel/MemberList';
 export { MutedMemberList } from '../ModerationPanel/MutedMemberList';

package/types/modules/ChannelSettings/components/ModerationPanel/BannedUsersModal.d.ts

@@ -1,6 +1,6 @@
 import { ReactElement, ReactNode } from 'react';
-import { UserListItemProps } from '../../../../ui/UserListItem';
 import { BannedUserListQueryParams } from '@sendbird/chat';
+import { UserListItemProps } from '../../../../ui/UserListItem';
 export interface BannedUsersModalProps {
     onCancel(): void;
     renderUserListItem?: (props: UserListItemProps) => ReactNode;

package/types/modules/ChannelSettings/components/ModerationPanel/MutedMembersModal.d.ts

@@ -1,6 +1,6 @@
 import { ReactElement, ReactNode } from 'react';
-import { UserListItemProps } from '../../../../ui/UserListItem';
 import { MemberListQueryParams } from '@sendbird/chat/groupChannel';
+import { UserListItemProps } from '../../../../ui/UserListItem';
 export interface MutedMembersModalProps {
     onCancel(): void;
     renderUserListItem?: (props: UserListItemProps) => ReactNode;

package/types/modules/ChannelSettings/context/ChannelSettingsProvider.d.ts

@@ -1,42 +1,27 @@
-import React, { ReactNode } from 'react';
-import { GroupChannel, GroupChannelUpdateParams } from '@sendbird/chat/groupChannel';
-import type { UserListItemProps } from '../../../ui/UserListItem';
-import { UserProfileProviderProps } from '../../../lib/UserProfileContext';
-interface ApplicationUserListQuery {
-    limit?: number;
-    userIdsFilter?: Array<string>;
-    metaDataKeyFilter?: string;
-    metaDataValuesFilter?: Array<string>;
-}
-interface ChannelSettingsQueries {
-    applicationUserListQuery?: ApplicationUserListQuery;
-}
-type OverrideInviteUserType = {
-    users: Array<string>;
-    onClose: () => void;
-    channel: GroupChannel;
-};
-interface CommonChannelSettingsProps {
+import React from 'react';
+import type { ChannelSettingsContextProps, ChannelSettingsState } from './types';
+export declare const ChannelSettingsContext: React.Context<import("../../../utils/storeManager").Store<ChannelSettingsState>>;
+declare const ChannelSettingsProvider: (props: ChannelSettingsContextProps) => React.JSX.Element;
+declare const useChannelSettingsContext: () => {
+    setChannel: (channel: import("@sendbird/chat/groupChannel").GroupChannel) => void;
+    setLoading: (loading: boolean) => void;
+    setInvalid: (invalid: boolean) => void;
+    channel: import("@sendbird/chat/groupChannel").GroupChannel;
+    loading: boolean;
+    invalidChannel: boolean;
+    forceUpdateUI(): void;
+    setChannelUpdateId(uniqId: string): void;
     channelUrl: string;
     onCloseClick?(): void;
     onLeaveChannel?(): void;
-    onChannelModified?(channel: GroupChannel): void;
-    onBeforeUpdateChannel?(currentTitle: string, currentImg: File | null, data: string | undefined): GroupChannelUpdateParams;
-    overrideInviteUser?(params: OverrideInviteUserType): void;
-    queries?: ChannelSettingsQueries;
-    renderUserListItem?: (props: UserListItemProps) => ReactNode;
-}
-export interface ChannelSettingsContextProps extends CommonChannelSettingsProps, Pick<UserProfileProviderProps, 'renderUserProfile' | 'disableUserProfile'> {
-    children?: React.ReactElement;
-    className?: string;
-}
-interface ChannelSettingsProviderInterface extends CommonChannelSettingsProps {
-    setChannelUpdateId(uniqId: string): void;
-    forceUpdateUI(): void;
-    channel: GroupChannel | null;
-    loading: boolean;
-    invalidChannel: boolean;
-}
-declare const ChannelSettingsProvider: (props: ChannelSettingsContextProps) => React.JSX.Element;
-declare const useChannelSettingsContext: () => ChannelSettingsProviderInterface;
+    overrideInviteUser?(params: {
+        users: string[];
+        onClose: () => void;
+        channel: import("@sendbird/chat/groupChannel").GroupChannel;
+    }): void;
+    onChannelModified?(channel: import("@sendbird/chat/groupChannel").GroupChannel): void;
+    onBeforeUpdateChannel?(currentTitle: string, currentImg: File, data: string): import("@sendbird/chat/groupChannel").GroupChannelUpdateParams;
+    queries?: import("./types").ChannelSettingsQueries;
+    renderUserListItem?: (props: import("../../../ui/UserListItem").UserListItemProps) => React.ReactNode;
+};
 export { ChannelSettingsProvider, useChannelSettingsContext };

package/types/modules/ChannelSettings/context/hooks/useChannelHandler.d.ts

@@ -0,0 +1,10 @@
+import type { SdkStore, Logger } from '../../../../lib/Sendbird/types';
+interface UseChannelHandlerProps {
+    sdk: SdkStore['sdk'];
+    channelUrl: string;
+    logger: Logger;
+    forceUpdateUI: () => void;
+    dependencies?: any[];
+}
+export declare const useChannelHandler: ({ sdk, channelUrl, logger, forceUpdateUI, dependencies, }: UseChannelHandlerProps) => any;
+export {};

package/types/modules/ChannelSettings/context/hooks/useSetChannel.d.ts

@@ -0,0 +1,10 @@
+import type { Logger, SdkStore } from '../../../../lib/Sendbird/types';
+interface Props {
+    channelUrl: string;
+    sdk: SdkStore['sdk'];
+    logger: Logger;
+    initialized: boolean;
+    dependencies?: any[];
+}
+declare function useSetChannel({ channelUrl, sdk, logger, initialized, dependencies, }: Props): void;
+export default useSetChannel;

package/types/modules/ChannelSettings/context/index.d.ts

@@ -0,0 +1,3 @@
+export { ChannelSettingsProvider, useChannelSettingsContext } from './ChannelSettingsProvider';
+export { useChannelSettings } from './useChannelSettings';
+export type { ChannelSettingsContextProps } from './types';

package/types/modules/ChannelSettings/context/types.d.ts

@@ -0,0 +1,40 @@
+import type { ReactNode } from 'react';
+import type { GroupChannel, GroupChannelUpdateParams } from '@sendbird/chat/groupChannel';
+import type { UserListItemProps } from '../../../ui/UserListItem';
+import type { UserProfileProviderProps } from '../../../lib/UserProfileContext';
+interface ApplicationUserListQuery {
+    limit?: number;
+    userIdsFilter?: Array<string>;
+    metaDataKeyFilter?: string;
+    metaDataValuesFilter?: Array<string>;
+}
+export interface ChannelSettingsQueries {
+    applicationUserListQuery?: ApplicationUserListQuery;
+}
+type OverrideInviteUserType = {
+    users: Array<string>;
+    onClose: () => void;
+    channel: GroupChannel;
+};
+export interface CommonChannelSettingsProps {
+    channelUrl: string;
+    onCloseClick?(): void;
+    onLeaveChannel?(): void;
+    overrideInviteUser?(params: OverrideInviteUserType): void;
+    onChannelModified?(channel: GroupChannel): void;
+    onBeforeUpdateChannel?(currentTitle: string, currentImg: File | null, data: string | undefined): GroupChannelUpdateParams;
+    queries?: ChannelSettingsQueries;
+    renderUserListItem?: (props: UserListItemProps) => ReactNode;
+}
+export interface ChannelSettingsState extends CommonChannelSettingsProps {
+    channel: GroupChannel | null;
+    loading: boolean;
+    invalidChannel: boolean;
+    forceUpdateUI(): void;
+    setChannelUpdateId(uniqId: string): void;
+}
+export interface ChannelSettingsContextProps extends CommonChannelSettingsProps, Pick<UserProfileProviderProps, 'renderUserProfile' | 'disableUserProfile'> {
+    children?: React.ReactElement;
+    className?: string;
+}
+export {};

package/types/modules/ChannelSettings/context/useChannelSettings.d.ts

@@ -0,0 +1,11 @@
+import type { GroupChannel } from '@sendbird/chat/groupChannel';
+import { ChannelSettingsState } from './types';
+export declare const useChannelSettings: () => {
+    state: ChannelSettingsState;
+    actions: {
+        setChannel: (channel: GroupChannel) => void;
+        setLoading: (loading: boolean) => void;
+        setInvalid: (invalid: boolean) => void;
+    };
+};
+export default useChannelSettings;

package/types/modules/ChannelSettings/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { ChannelSettingsUIProps } from './components/ChannelSettingsUI';
-import { ChannelSettingsContextProps } from './context/ChannelSettingsProvider';
+import { ChannelSettingsContextProps } from './context/index';
 interface ChannelSettingsProps extends ChannelSettingsContextProps, Omit<ChannelSettingsUIProps, 'renderUserListItem'> {
 }
 declare const ChannelSettings: React.FC<ChannelSettingsProps>;

package/types/modules/CreateChannel/components/InviteUsers/utils.d.ts

@@ -1,7 +1,7 @@
 import type { ApplicationUserListQuery } from '@sendbird/chat';
 import type { GroupChannelCreateParams } from '@sendbird/chat/groupChannel';
 import { CHANNEL_TYPE } from '../../types';
-import { SdkStore } from '../../../../lib/types';
+import type { SdkStore } from '../../../../lib/Sendbird/types';
 export declare const filterUser: (idsToFilter: string[]) => (currentId: string) => boolean;
 export declare const setChannelType: (params: GroupChannelCreateParams, type: CHANNEL_TYPE) => GroupChannelCreateParams;
 type CreateDefaultUserListQueryType = {