@droppii-org/chat-mobile 0.2.47 → 0.2.49

package/src/config/api-endpoints.ts

@@ -12,17 +12,19 @@
 export interface ApiEndpoints {
   // Chat service (relative paths - used with axios baseURL)
   urlMetadata: string;
-  conversationFlow: string;
+  conversation: string;
   // Image upload service (relative path - full URL constructed in imageUpload service)
   imageUpload: string;
   bot: string;
+  uploadFcmToken: string;
 }
 
 const DEFAULT_ENDPOINTS: ApiEndpoints = {
   urlMetadata: '/chat-service/v1/utils/url-metadata',
-  conversationFlow: '/chat-service/v1/app/conversations',
+  conversation: '/chat-service/v1/app/conversations',
   imageUpload: '/uploader-service/v1/uploader/permanently',
   bot: '/chat-service/v1/app/bots/',
+  uploadFcmToken: '/chat-service/third/fcm_update_token',
 };
 
 let endpoints: ApiEndpoints = { ...DEFAULT_ENDPOINTS };

package/src/context/ChatContext.tsx

@@ -42,6 +42,9 @@ const ChatProviderInner = ({
     if (getChatToken) {
       try {
         const res = await getChatToken();
+        if (res?.token) {
+          useUserStore.getState().setToken(res.token);
+        }
         const loginStatus = await OpenIMSDK.getLoginStatus();
         if (!!res?.id && !!res?.token && loginStatus === LoginStatus.Logout) {
           await OpenIMSDK.login(

package/src/core/notification/pushToken.ts

@@ -1,24 +1,60 @@
-import OpenIMSDK from '@droppii/openim-rn-client-sdk';
+import { Platform } from 'react-native';
+import uuid from 'react-native-uuid';
+import { apiInstance } from '../../services/apis';
+import { ENDPOINTS } from '../../services/endpoints';
+import { useUserStore } from '../../store/user';
+import { DChatPlatform, type DChatProject } from '../../types/chat';
 
-/**
- * Default TTL (seconds — confirmed unit per docs.openim.io/sdks/api/third/updatefcmtoken).
- * Not an OpenIM-mandated value, just a reasonable default (90 days).
- */
-export const DEFAULT_PUSH_TOKEN_EXPIRE_SECONDS = 7776000;
+const PUSH_TOKEN_EXPIRE_MS = 7 * 24 * 60 * 60 * 1000;
+
+const platformID =
+  Platform.OS === 'ios' ? DChatPlatform.IOS : DChatPlatform.ANDROID;
+
+const uploadFcmToken = async (
+  fcmToken: string,
+  userID: string,
+  project: DChatProject,
+  expireTime: number
+): Promise<void> => {
+  console.log('[chat-mobile] uploadFcmToken', {
+    platformID,
+    fcmToken,
+    account: userID,
+    project,
+    expireTime,
+  });
+  const token = useUserStore.getState().token;
+  if (!token) {
+    console.warn(
+      '[chat-mobile] uploadFcmToken: missing OpenIM token, request will likely be rejected'
+    );
+  }
+
+  await apiInstance?.post(
+    ENDPOINTS.chatService.uploadFcmToken,
+    {
+      platformID,
+      fcmToken,
+      account: userID,
+      expireTime,
+      project,
+    },
+    { headers: { operationID: uuid.v4(), token } }
+  );
+};
 
 export const registerPushToken = (
   fcmToken: string,
-  expireTime: number = DEFAULT_PUSH_TOKEN_EXPIRE_SECONDS
+  userID: string,
+  project: DChatProject,
+  expireTime: number = Date.now() + PUSH_TOKEN_EXPIRE_MS
 ): Promise<void> => {
-  return OpenIMSDK.updateFcmToken(fcmToken, expireTime);
+  return uploadFcmToken(fcmToken, userID, project, expireTime);
 };
 
-/**
- * Clears the token on logout. OpenIM has no documented dedicated "clear" API
- * (docs.openim.io only documents setting a token) — this mirrors Firebase's
- * empty-token convention. UNVERIFIED with the OpenIM/backend team; confirm
- * before relying on this in production.
- */
-export const unregisterPushToken = (): Promise<void> => {
-  return OpenIMSDK.updateFcmToken('', 0);
+export const unregisterPushToken = (
+  userID: string,
+  project: DChatProject
+): Promise<void> => {
+  return uploadFcmToken('', userID, project, 0);
 };

package/src/core/useChatListener.ts

@@ -124,9 +124,10 @@ export const useChatListener = () => {
     console.log('[Listener] OnRecvNewMessages', messages);
     const conversationId =
       useConversationStore.getState().currentConversationId;
-    if (!conversationId) return;
+    const targetUserId = useConversationStore.getState().currentUserId;
+    if (!conversationId && !targetUserId) return;
     const relevant = messages.filter((message) =>
-      belongsToConversation(message, conversationId)
+      belongsToConversation(message, conversationId, targetUserId)
     );
 
     if (!relevant.length) return;

package/src/hooks/message/useSendMessage.ts

@@ -66,7 +66,7 @@ export const useSendMessage = () => {
           extendMessageInfo,
           plainText
         );
-        console.log('[useSendMessage] dispatchSend params', sendParams);
+        // console.log('[useSendMessage] dispatchSend params', sendParams);
         const sent = await OpenIMSDK.sendMessage(sendParams);
         deleteOneMessage(message.clientMsgID);
         pushNewMessage(sent);
@@ -91,8 +91,14 @@ export const useSendMessage = () => {
       flow?: IRunConversationFlowPayload;
       customMessage?: CustomMessagePayload;
     }) => {
-      const { userID: recvID, groupID } =
-        useConversationStore.getState().getCurrentConversation() || {};
+      const currentConversation = useConversationStore
+        .getState()
+        .getCurrentConversation();
+      const targetUserId = useConversationStore.getState().currentUserId;
+      const targetGroupId = useConversationStore.getState().currentGroupId;
+
+      const recvID = currentConversation?.userID || targetUserId;
+      const groupID = currentConversation?.groupID || targetGroupId;
       if (!recvID && !groupID) return;
 
       const messageList: MessageItem[] = [];

package/src/hooks/query-keys.ts

@@ -25,6 +25,12 @@ export const conversationQueryKeys = {
   detailByBotId: (botId: string) => ['conversationByBotId', botId],
   detailBySourceId: (sourceId: string) => ['detailBySourceId', sourceId],
   joinedGroup: (groupId?: string) => [...conversationQueryKeys.all, groupId],
+  create: (userId?: string) => ['create', userId],
+};
+
+export const usersQueryKeys = {
+  all: ['users'] as const,
+  list: (userIds: string[]) => [...usersQueryKeys.all, ...userIds],
 };
 
 export type ConversationQueryKeys = typeof conversationQueryKeys;

package/src/hooks/useChatCompose.ts

@@ -13,6 +13,9 @@ import {
   generateAndUploadVideoThumbnails,
   type VideoWithUploadStatus,
 } from '../utils/videoThumbnailUpload';
+import { useConversationStore } from '../store';
+import { DChatCategory } from '../types/chat';
+import { useChatContext } from '../context';
 
 export function useChatCompose() {
   const [text, setText] = useState('');
@@ -22,6 +25,7 @@ export function useChatCompose() {
   const linkPreview = useLinkPreview(text);
   const { send: sendAttachments } = useSendAttachment();
   const { sendMessage } = useSendMessage();
+  const { applicationType } = useChatContext();
 
   const isUploading = useMemo(
     () =>
@@ -49,6 +53,20 @@ export function useChatCompose() {
     const { selectedImages, clearAllImages } = imageAttachment;
     const { selectedFiles, clearAllFiles } = fileAttachment;
     const urlMeta = linkPreview.isVisible ? linkPreview.metadata : undefined;
+    const currentConversationId =
+      useConversationStore.getState().currentConversationId;
+    const targetUserId = useConversationStore.getState().currentUserId;
+    const isCreatingConversation =
+      useConversationStore.getState().isCreatingConversation;
+
+    if (targetUserId && !currentConversationId && !isCreatingConversation) {
+      await useConversationStore.getState().createConversation({
+        chatType: 'SINGLE',
+        chatCategory: DChatCategory.BIZ_BIZ,
+        applicationType,
+        peerUserId: targetUserId,
+      });
+    }
 
     // --- Attachments ---
     if (selectedImages.length > 0 || selectedFiles.length > 0) {
@@ -161,6 +179,7 @@ export function useChatCompose() {
     sendAttachments,
     sendMessage,
     text,
+    applicationType,
   ]);
 
   return {

package/src/hooks/users/useGetUsersInfo.ts

@@ -0,0 +1,13 @@
+import { useQuery } from '@tanstack/react-query';
+import { usersQueryKeys } from '../query-keys';
+import OpenIMSDK from '@droppii/openim-rn-client-sdk';
+
+export const useGetUsersInfo = (userIds: string[]) =>
+  useQuery({
+    queryKey: [usersQueryKeys.list(userIds)],
+    queryFn: async () => {
+      const users = await OpenIMSDK.getUsersInfo(userIds);
+      return users || [];
+    },
+    enabled: userIds.length > 0,
+  });

package/src/screens/chat-detail/ChatDetail.tsx

@@ -36,6 +36,7 @@ import type { MessageItem } from '@droppii/openim-rn-client-sdk';
 import { useMessages } from '../../hooks/message/useMessages';
 import { getBotId } from '../../utils/conversation';
 import { ChatEvent } from '../../types/events';
+import { useSetIsShowFLashMessage } from '../../context/global';
 
 const ChatDetail = memo(
   ({
@@ -107,17 +108,23 @@ const ChatDetail = memo(
       hasMoreNew,
     } = useMessages({ conversationId });
 
+    const setShowFLashMessage = useSetIsShowFLashMessage();
+
     const { pinnedMessages, pinMessage, unpinMessage } =
       usePinMessage(conversationId);
 
     useEffect(() => {
-      if (conversationId) {
-        useConversationStore.getState().setCurrentConversation(conversationId);
-      }
+      useConversationStore
+        .getState()
+        .setCurrentConversation(conversationId, targetUserId, targetGroupId);
+      setShowFLashMessage(false);
       return () => {
-        useConversationStore.getState().setCurrentConversation(undefined);
+        useConversationStore
+          .getState()
+          .setCurrentConversation(undefined, undefined, undefined);
+        setShowFLashMessage(true);
       };
-    }, [conversationId]);
+    }, [conversationId, targetUserId, targetGroupId, setShowFLashMessage]);
 
     const resolvedShowAddMember =
       showAddMember ?? shouldShowAddMember(conversation);
@@ -160,6 +167,7 @@ const ChatDetail = memo(
       <KContainer.Page flex edges={['bottom']}>
         <ChatDetailHeader
           conversationId={conversationId}
+          targetUserId={targetUserId}
           showAddMember={resolvedShowAddMember}
           onBack={onBack ?? handleBackDefault}
           onPressSearch={onPressSearch}

package/src/screens/chat-detail/ChatDetailHeader.tsx

@@ -11,11 +11,13 @@ import { NamePrefixIcon } from '../../components/ThreadCard/NamePrefixIcon';
 import type { ChatDetailHeaderProps } from './types';
 import { useConversation } from '../../store';
 import { getConversationSubtitle } from './conversationHeader.utils';
+import { useGetUsersInfo } from '../../hooks/users/useGetUsersInfo';
 
 const ChatDetailHeader = memo(
   ({
     showAddMember = false,
     conversationId,
+    targetUserId,
     onBack,
     onPressSearch,
     onPressAddMember,
@@ -23,6 +25,20 @@ const ChatDetailHeader = memo(
     onPressAvatar,
   }: ChatDetailHeaderProps) => {
     const conversation = useConversation(conversationId);
+    const { data: usersInfo } = useGetUsersInfo(
+      targetUserId ? [targetUserId] : []
+    );
+
+    const { faceURL, showName } = useMemo(() => {
+      const userInfo = usersInfo?.[0];
+      const resolvedFaceURL = conversation?.faceURL || userInfo?.faceURL;
+      const resolvedShowName = conversation?.showName || userInfo?.nickname;
+
+      return {
+        faceURL: resolvedFaceURL,
+        showName: resolvedShowName,
+      };
+    }, [conversation, usersInfo]);
     const rightButtons = useMemo(() => {
       const buttons = [
         {
@@ -76,8 +92,8 @@ const ChatDetailHeader = memo(
             activeOpacity={0.7}
           >
             <AvatarSection
-              avatar={conversation?.faceURL ?? null}
-              fullName={conversation?.showName || ''}
+              avatar={faceURL || null}
+              fullName={showName || ''}
               peerType={conversation?.peerType}
             />
 
@@ -90,7 +106,7 @@ const ChatDetailHeader = memo(
                   numberOfLines={1}
                   flex
                 >
-                  {conversation?.showName || ''}
+                  {showName || ''}
                 </KLabel.Text>
               </KContainer.View>
               {!!conversation && (
@@ -106,7 +122,7 @@ const ChatDetailHeader = memo(
           </KContainer.Touchable>
         </KContainer.View>
       ),
-      [onBack, onPressAvatar, conversation]
+      [onBack, onPressAvatar, conversation, faceURL, showName]
     );
 
     return (

package/src/screens/chat-detail/types.ts

@@ -45,6 +45,7 @@ export interface ChatDetailHeaderProps {
   onPressMenu?: () => void;
   onPressAvatar?: () => void;
   conversationId: string;
+  targetUserId?: string;
 }
 
 export interface ChatQuickActionsRenderParams {

package/src/screens/inbox/Inbox.tsx

@@ -8,13 +8,18 @@ interface InboxProps {
   onPressThread?: (item: string) => void;
   onPressSearch?: () => void;
   onPressEdit?: () => void;
-  onPressGroup?: () => void;
+  onPressContact?: () => void;
 }
 
 type TabRoute = { key: string; title: string };
 
 const Inbox = memo(
-  ({ onPressThread, onPressSearch, onPressEdit, onPressGroup }: InboxProps) => {
+  ({
+    onPressThread,
+    onPressSearch,
+    onPressEdit,
+    onPressContact,
+  }: InboxProps) => {
     const [index, setIndex] = useState(0);
     const [routes] = useState<TabRoute[]>([
       { key: 'messages', title: 'Tin nhắn' },
@@ -91,7 +96,7 @@ const Inbox = memo(
               />
             </KContainer.Touchable>
             <KContainer.Touchable
-              onPress={onPressGroup}
+              onPress={onPressContact}
               padding="0.5rem"
               activeOpacity={0.7}
             >
@@ -105,7 +110,7 @@ const Inbox = memo(
           </KContainer.View>
         </KContainer.View>
       ),
-      [onPressSearch, onPressEdit, onPressGroup]
+      [onPressSearch, onPressEdit, onPressContact]
     );
 
     return (

package/src/services/endpoints.ts

@@ -16,18 +16,21 @@ export const ENDPOINTS = {
     get urlMetadata() {
       return getApiEndpoint('urlMetadata');
     },
-    conversationFlow: (id: string) =>
-      `${getApiEndpoint('conversationFlow')}/${id}`,
+    get uploadFcmToken() {
+      return getApiEndpoint('uploadFcmToken');
+    },
+    conversationFlow: (id: string) => `${getApiEndpoint('conversation')}/${id}`,
     resetConversationFlow: (id: string) =>
-      `${getApiEndpoint('conversationFlow')}/${id}/bot-flows/reset`,
+      `${getApiEndpoint('conversation')}/${id}/bot-flows/reset`,
     runConversationFlow: (id: string) =>
-      `${getApiEndpoint('conversationFlow')}/${id}/bot-flows/run`,
+      `${getApiEndpoint('conversation')}/${id}/bot-flows/run`,
     getConversationByBotId: (botId: string) =>
       `${getApiEndpoint('bot')}/${botId}/conversation`,
     conversationFlowMainMenu: (id: string) =>
-      `${getApiEndpoint('conversationFlow')}/${id}/bot-flows/main-menu`,
+      `${getApiEndpoint('conversation')}/${id}/bot-flows/main-menu`,
     getConversationStatusByBotId: (botId: string) =>
       `${getApiEndpoint('bot')}/${botId}`,
+    createConversation: () => getApiEndpoint('conversation'),
   },
   uploaderService: {
     get uploadImage() {

package/src/store/conversation.ts

@@ -1,12 +1,27 @@
 import { create } from 'zustand';
 import { sortConversation } from '../utils/conversation';
 import type { ConversationItem } from '@droppii/openim-rn-client-sdk';
+import type {
+  CreateConversationParams,
+  CreateConversationResponse,
+} from '../types/chat';
+import { apiInstance } from '../services/apis';
+import { ENDPOINTS } from '../services/endpoints';
+import type { BaseResponse } from '../types/auth';
 
 type ConversationID = string;
 
 export interface ConversationStore {
   currentConversationId?: ConversationID;
-  setCurrentConversation(id?: ConversationID): void;
+  currentUserId?: string;
+  currentGroupId?: string;
+  isCreatingConversation?: boolean;
+  createConversation: (params: CreateConversationParams) => Promise<void>;
+  setCurrentConversation(
+    id?: ConversationID,
+    userId?: string,
+    groupId?: string
+  ): void;
   getCurrentConversation(): ConversationItem | undefined;
   list: ConversationID[];
   map: Record<ConversationID, ConversationItem>;
@@ -26,8 +41,12 @@ export const useConversationStore = create<ConversationStore>()((set, get) => ({
   list: [],
   map: {},
   newConversationSignal: 0,
-  setCurrentConversation(id) {
-    set({ currentConversationId: id });
+  setCurrentConversation(id, userId, groupId) {
+    set({
+      currentConversationId: id,
+      currentUserId: userId,
+      currentGroupId: groupId,
+    });
   },
   getCurrentConversation() {
     const id = get().currentConversationId;
@@ -68,12 +87,27 @@ export const useConversationStore = create<ConversationStore>()((set, get) => ({
       list: get().list.filter((item) => item !== id),
     });
   },
+  createConversation: async (params) => {
+    set({ isCreatingConversation: true });
+    const res = await apiInstance?.post<
+      BaseResponse<CreateConversationResponse>
+    >(ENDPOINTS.chatService.createConversation(), params);
+    if (res?.data?.data?.conversationId) {
+      set({
+        currentConversationId: res?.data?.data?.conversationId,
+        isCreatingConversation: false,
+      });
+    } else {
+      set({ isCreatingConversation: false });
+    }
+  },
   reset() {
     set({
       currentConversationId: undefined,
       list: [],
       map: {},
       newConversationSignal: 0,
+      isCreatingConversation: false,
     });
   },
 }));

package/src/store/user.ts

@@ -5,6 +5,8 @@ import { ConnectStatus, SyncStatus } from '../types/chat';
 export interface UserStore {
   user?: SelfUserInfo;
   setUser: (user: SelfUserInfo) => void;
+  token?: string;
+  setToken: (token: string) => void;
   connectStatus: ConnectStatus;
   updateConnectStatus: (status: ConnectStatus) => void;
   syncStatus: SyncStatus;
@@ -17,6 +19,9 @@ export const useUserStore = create<UserStore>()((set) => ({
   setUser(user) {
     set({ user });
   },
+  setToken(token) {
+    set({ token });
+  },
   updateConnectStatus(connectStatus) {
     set({ connectStatus });
   },

package/src/types/chat.ts

@@ -53,6 +53,17 @@ export enum DChatApplicationType {
   OBEFE = 'OBEFE',
 }
 
+export enum DChatPlatform {
+  IOS = 1,
+  ANDROID = 2,
+  WEB = 5,
+}
+
+export enum DChatProject {
+  BIZ = 'BIZ',
+  CUS = 'CUS',
+}
+
 export enum DChatCategory {
   BIZ_BIZ = 'BIZ_BIZ',
   BIZ_MALL = 'BIZ_MALL',
@@ -218,3 +229,24 @@ export type CustomElemOrderData = {
 export type CustomMessagePayload =
   | { type: typeof CustomMessageType.Order; data: CustomElemOrderData }
   | { type: typeof CustomMessageType.Product; data: Record<string, unknown> };
+
+export interface CreateConversationParams {
+  peerUserId: string;
+  chatCategory: DChatCategory;
+  applicationType: DChatApplicationType;
+  chatType: 'SINGLE' | 'GROUP';
+}
+
+export interface CreateConversationResponse {
+  conversationId: string;
+  groupId?: string;
+  groupName?: string;
+  groupAvatar?: string;
+  chatCategory: DChatCategory;
+  applicationType: DChatApplicationType;
+  chatType: 'SINGLE' | 'GROUP';
+  members?: {
+    userId: string;
+    memberRole?: string;
+  }[];
+}

package/src/utils/message.ts

@@ -100,7 +100,8 @@ export const hasNewHistoryMessages = (
 
 export const belongsToConversation = (
   message: MessageItem,
-  conversationId: string
+  conversationId?: string,
+  targetUserId?: string
 ): boolean => {
   switch (message.sessionType) {
     case SessionType.Single: {
@@ -114,7 +115,11 @@ export const belongsToConversation = (
         message.recvID,
         message.sendID
       );
-      return conversationId === forwardId || conversationId === reverseId;
+      return conversationId
+        ? conversationId === forwardId || conversationId === reverseId
+        : targetUserId
+          ? message.sendID === targetUserId || message.recvID === targetUserId
+          : false;
     }
 
     case SessionType.Group: {