feat: update chat fragment component

packages/react-native-chat-uikit/src/contexts/DialogContext.tsx

@@ -81,13 +81,9 @@ const DialogContextView = (props: DialogContextViewProps) => {
   const update = useForceUpdate();
 
   React.useEffect(() => {
-    const sub = DeviceEventEmitter.addListener(
-      'uikit_modal_update',
-      (event) => {
-        console.log('test:zuoyu:1', event);
-        update();
-      }
-    );
+    const sub = DeviceEventEmitter.addListener('uikit_modal_update', () => {
+      update();
+    });
     return () => {
       sub.remove();
     };

packages/react-native-chat-uikit/src/contexts/ImSdkChatContext.tsx

@@ -0,0 +1,57 @@
+import React from 'react';
+import type { ChatMessageChatType } from 'react-native-chat-sdk';
+
+import type { ChatSdkChatContextType } from './types';
+
+export class UIKitChatSdkChatContext implements ChatSdkChatContextType {
+  chatId: string;
+  chatType: ChatMessageChatType;
+  setChat: (params: { chatId: string; chatType: ChatMessageChatType }) => void;
+  getChat: () => { chatId: string; chatType: ChatMessageChatType };
+  constructor(params: { chatId: string; chatType: ChatMessageChatType }) {
+    this.chatId = params.chatId;
+    this.chatType = params.chatType;
+    this.setChat = (params: {
+      chatId: string;
+      chatType: ChatMessageChatType;
+    }) => {
+      this.chatId = params.chatId;
+      this.chatType = params.chatType;
+    };
+    this.getChat = () => {
+      return {
+        chatId: this.chatId,
+        chatType: this.chatType,
+      };
+    };
+  }
+}
+
+type ImSdkChatContextProps = React.PropsWithChildren<{
+  chat: ChatSdkChatContextType;
+}>;
+
+const ChatSdkChatContext = React.createContext<
+  ChatSdkChatContextType | undefined
+>(undefined);
+ChatSdkChatContext.displayName = 'UIKitChatSdkChatContext';
+
+export function ChatSdkChatContextProvider({
+  chat,
+  children,
+}: ImSdkChatContextProps) {
+  return (
+    <ChatSdkChatContext.Provider value={chat}>
+      {children}
+    </ChatSdkChatContext.Provider>
+  );
+}
+
+/**
+ * Components packaged by chat sdk. Typical application scenarios: Encapsulate methods such as login and logout to facilitate the use of UI components.
+ */
+export function useChatSdkChatContext(): ChatSdkChatContextType {
+  const chat = React.useContext(ChatSdkChatContext);
+  if (!chat) throw Error(`${ChatSdkChatContext.displayName} is not provided`);
+  return chat;
+}

packages/react-native-chat-uikit/src/contexts/index.tsx

@@ -15,6 +15,11 @@ export {
 } from './DialogContext';
 export { HeaderStyleProvider, useHeaderContext } from './HeaderContext';
 export { I18nContextProvider, useI18nContext } from './I18nContext';
+export {
+  ChatSdkChatContextProvider,
+  UIKitChatSdkChatContext,
+  useChatSdkChatContext,
+} from './ImSdkChatContext';
 export {
   ChatSdkContextProvider,
   UIKitChatSdkContext,

packages/react-native-chat-uikit/src/contexts/types.tsx

@@ -1,4 +1,4 @@
-import type { ChatClient } from 'react-native-chat-sdk';
+import type { ChatClient, ChatMessageChatType } from 'react-native-chat-sdk';
 
 import type {
   ButtonStateColor,
@@ -63,6 +63,11 @@ export interface ChatSdkContextType {
   getCurrentId: () => string;
 }
 
+export interface ChatSdkChatContextType {
+  setChat: (params: { chatId: string; chatType: ChatMessageChatType }) => void;
+  getChat: () => { chatId: string; chatType: ChatMessageChatType };
+}
+
 export type HeaderContextType = {
   defaultHeight: number;
   defaultStatusBarTranslucent: boolean;