@droppii-org/chat-mobile 0.2.48 → 0.2.50

package/src/hooks/useMuteConversation.ts

@@ -3,22 +3,30 @@ import OpenIMSDK, {
   MessageReceiveOptType,
 } from '@droppii/openim-rn-client-sdk';
 import type { ConversationItem } from '@droppii/openim-rn-client-sdk';
-import { useConversationStore } from '../store';
+import { UIUtils } from '../utils/UIUtils';
+import { trans } from '../translation';
 
 export function useMuteConversation() {
   const muteConversation = useCallback(
     async (conversation?: ConversationItem) => {
       if (conversation == null) return;
 
-      await OpenIMSDK.setConversationRecvMessageOpt({
-        conversationID: conversation.conversationID,
-        opt: MessageReceiveOptType.NotNotify,
-      });
-      useConversationStore
-        .getState()
-        .updateConversation(conversation.conversationID, {
-          recvMsgOpt: MessageReceiveOptType.NotNotify,
+      try {
+        await OpenIMSDK.setConversationRecvMessageOpt({
+          conversationID: conversation.conversationID,
+          opt: MessageReceiveOptType.NotNotify,
         });
+        UIUtils.toast.open({
+          title: trans('chat:mute_toast_success'),
+          theme: 'light',
+        });
+      } catch (error) {
+        console.error('muteConversation failed', error);
+        UIUtils.toast.open({
+          title: trans('chat:generic_error'),
+          theme: 'error',
+        });
+      }
     },
     []
   );
@@ -27,15 +35,22 @@ export function useMuteConversation() {
     async (conversation?: ConversationItem) => {
       if (conversation == null) return;
 
-      await OpenIMSDK.setConversationRecvMessageOpt({
-        conversationID: conversation.conversationID,
-        opt: MessageReceiveOptType.Normal,
-      });
-      useConversationStore
-        .getState()
-        .updateConversation(conversation.conversationID, {
-          recvMsgOpt: MessageReceiveOptType.Normal,
+      try {
+        await OpenIMSDK.setConversationRecvMessageOpt({
+          conversationID: conversation.conversationID,
+          opt: MessageReceiveOptType.Normal,
+        });
+        UIUtils.toast.open({
+          title: trans('chat:unmute_toast_success'),
+          theme: 'light',
+        });
+      } catch (error) {
+        console.error('unmuteConversation failed', error);
+        UIUtils.toast.open({
+          title: trans('chat:generic_error'),
+          theme: 'error',
         });
+      }
     },
     []
   );

package/src/hooks/usePinConversation.ts

@@ -0,0 +1,87 @@
+import { useCallback } from 'react';
+import OpenIMSDK from '@droppii/openim-rn-client-sdk';
+import type { ConversationItem } from '@droppii/openim-rn-client-sdk';
+import { useConversationStore } from '../store';
+import { UIUtils } from '../utils/UIUtils';
+import { trans } from '../translation';
+
+const MAX_PINNED_THREADS = 5;
+
+const showPinThreadLimitModal = () => {
+  UIUtils.alert.open({
+    title: trans('chat:pin_thread_limit_title'),
+    message: trans('chat:pin_thread_limit_desc', {
+      maxCount: MAX_PINNED_THREADS,
+    }),
+    primaryIndex: 0,
+    buttonType: 'horizontal-button',
+    buttons: [
+      {
+        label: trans('chat:pin_thread_limit_button'),
+        kind: 'primary',
+      },
+    ],
+  });
+};
+
+export function usePinConversation() {
+  const pinConversation = useCallback(
+    async (conversation?: ConversationItem) => {
+      if (conversation == null) return;
+
+      try {
+        const pinnedCount = Object.values(
+          useConversationStore.getState().map
+        ).filter((c) => c.isPinned).length;
+        if (pinnedCount >= MAX_PINNED_THREADS) {
+          showPinThreadLimitModal();
+          return;
+        }
+
+        await OpenIMSDK.pinConversation({
+          conversationID: conversation.conversationID,
+          isPinned: true,
+        });
+
+        UIUtils.toast.open({
+          title: trans('chat:pin_thread_success'),
+          theme: 'light',
+        });
+      } catch (error) {
+        console.error('pinConversation failed', error);
+        UIUtils.toast.open({
+          title: trans('chat:generic_error'),
+          theme: 'error',
+        });
+      }
+    },
+    []
+  );
+
+  const unpinConversation = useCallback(
+    async (conversation?: ConversationItem) => {
+      if (conversation == null) return;
+
+      try {
+        await OpenIMSDK.pinConversation({
+          conversationID: conversation.conversationID,
+          isPinned: false,
+        });
+
+        UIUtils.toast.open({
+          title: trans('chat:unpin_thread_success'),
+          theme: 'light',
+        });
+      } catch (error) {
+        console.error('unpinConversation failed', error);
+        UIUtils.toast.open({
+          title: trans('chat:generic_error'),
+          theme: 'error',
+        });
+      }
+    },
+    []
+  );
+
+  return { pinConversation, unpinConversation };
+}

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,6 +108,8 @@ const ChatDetail = memo(
       hasMoreNew,
     } = useMessages({ conversationId });
 
+    const setShowFLashMessage = useSetIsShowFLashMessage();
+
     const { pinnedMessages, pinMessage, unpinMessage } =
       usePinMessage(conversationId);
 
@@ -114,12 +117,14 @@ const ChatDetail = memo(
       useConversationStore
         .getState()
         .setCurrentConversation(conversationId, targetUserId, targetGroupId);
+      setShowFLashMessage(false);
       return () => {
         useConversationStore
           .getState()
           .setCurrentConversation(undefined, undefined, undefined);
+        setShowFLashMessage(true);
       };
-    }, [conversationId, targetUserId, targetGroupId]);
+    }, [conversationId, targetUserId, targetGroupId, setShowFLashMessage]);
 
     const resolvedShowAddMember =
       showAddMember ?? shouldShowAddMember(conversation);

package/src/services/endpoints.ts

@@ -16,6 +16,9 @@ export const ENDPOINTS = {
     get urlMetadata() {
       return getApiEndpoint('urlMetadata');
     },
+    get uploadFcmToken() {
+      return getApiEndpoint('uploadFcmToken');
+    },
     conversationFlow: (id: string) => `${getApiEndpoint('conversation')}/${id}`,
     resetConversationFlow: (id: string) =>
       `${getApiEndpoint('conversation')}/${id}/bot-flows/reset`,

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/translation/resources/i18n.ts

@@ -51,6 +51,14 @@ const i18nKey: Record<string, string> = {
   'chat:pinned_messages_title': 'Tin nhắn đã ghim',
   'chat:pinned_messages_hint':
     'Nhấn vào tin nhắn để xem tin nhắn gốc, nhấn vào biểu tượng để bỏ ghim',
+  'chat:pin_thread': 'Ghim',
+  'chat:unpin_thread': 'Bỏ ghim',
+  'chat:pin_thread_success': 'Đã ghim đoạn chat thành công',
+  'chat:unpin_thread_success': 'Đã bỏ ghim đoạn chat thành công',
+  'chat:pin_thread_limit_title': 'Không thể ghim đoạn chat',
+  'chat:pin_thread_limit_desc':
+    'Bạn đã ghim số đoạn chat tối đa. Để ghim đoạn chat này, trước tiên bạn phải bỏ ghim đoạn chat khác.',
+  'chat:pin_thread_limit_button': 'OK',
   'chat:view_original_message': 'Xem tin nhắn gốc',
   'chat:scroll_to_message_todo':
     'Tính năng di chuyển đến tin nhắn gốc sẽ sớm được cập nhật',

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',