@droppii-org/chat-mobile 0.2.50 → 0.2.51

package/src/screens/chat-detail/hooks/useChatComposerState.ts

@@ -1,6 +1,10 @@
 import { useState, useMemo, useRef } from 'react';
 
+export type ActivePanelType = 'attachment' | 'sticker' | null;
+
 interface UseChatComposerStateReturn {
+  activePanelType: ActivePanelType;
+  setActivePanelType: (type: ActivePanelType) => void;
   isAttachmentOpen: boolean;
   setIsAttachmentOpen: (open: boolean) => void;
   isInputFocused: boolean;
@@ -14,6 +18,7 @@ interface UseChatComposerStateReturn {
 export const useChatComposerState = (
   value: string
 ): UseChatComposerStateReturn => {
+  const [activePanelType, setActivePanelType] = useState<ActivePanelType>(null);
   const [isAttachmentOpen, setIsAttachmentOpen] = useState(false);
   const [isInputFocused, setIsInputFocused] = useState(false);
   const [isInputWrapped, setIsInputWrapped] = useState(false);
@@ -28,6 +33,8 @@ export const useChatComposerState = (
   }, [isInputWrapped, value]);
 
   return {
+    activePanelType,
+    setActivePanelType,
     isAttachmentOpen,
     setIsAttachmentOpen,
     isInputFocused,

package/src/screens/chat-detail/legend/LegendChatMessage.tsx

@@ -18,6 +18,7 @@ import { MessageStatusIndicator } from '../../../components/messages/MessageStat
 import type { BaseLegendMessageProps } from '../../../components/messages/types';
 import { messageStyles } from './messageTypes';
 import QuotedMessage from '../../../components/messages/quotedMessage';
+import { StickerMessage } from '../../../components/messages/stickerMessage';
 
 type MessageProps = BaseLegendMessageProps & {
   onPressUrl?: (url: string) => void;
@@ -36,9 +37,6 @@ interface LegendChatMessageProps {
   customMessageItemFactory?: (m: MessageItem) => ReactNode;
 }
 
-// OpenIM message types (not all exposed as MessageType enum)
-const MERGED_MESSAGE_TYPE = 107; // MergerMessage - merged/grouped messages
-
 const messageComponentMap: Partial<
   Record<MessageType, ComponentType<MessageProps>>
 > = {
@@ -49,14 +47,15 @@ const messageComponentMap: Partial<
   [MessageType.PictureMessage]: ImageMessage,
   [MessageType.VideoMessage]: VideoMessage,
   [MessageType.FileMessage]: FileMessage,
-  [MERGED_MESSAGE_TYPE]: MergedMessage,
+  [MessageType.MergeMessage]: MergedMessage,
   [MessageType.RevokeMessage]: RevokedMessage,
+  [MessageType.StickerMessage]: StickerMessage,
 };
 
 const MEDIA_TYPES: number[] = [
   MessageType.PictureMessage,
   MessageType.VideoMessage,
-  MERGED_MESSAGE_TYPE,
+  MessageType.MergeMessage,
 ];
 
 export const LegendChatMessage = memo(

package/src/services/attachmentOrchestrator.ts

@@ -293,7 +293,7 @@ export namespace AttachmentOrchestratorService {
           recvID,
           groupID,
           message,
-          offlinePushInfo: generateOfflinePushInfo(message.contentType, ''),
+          offlinePushInfo: generateOfflinePushInfo(message),
         });
 
         if (result) {

package/src/services/endpoints.ts

@@ -30,7 +30,12 @@ export const ENDPOINTS = {
       `${getApiEndpoint('conversation')}/${id}/bot-flows/main-menu`,
     getConversationStatusByBotId: (botId: string) =>
       `${getApiEndpoint('bot')}/${botId}`,
-    createConversation: () => getApiEndpoint('conversation'),
+    getConversationTarget: (conversationId: string) =>
+      `${getApiEndpoint('conversation')}/${conversationId}/target`,
+    stickerCategories: () => getApiEndpoint('stickerCategories'),
+    stickersByCategoryId: (id: string) =>
+      `${getApiEndpoint('stickersByCategory')}/${id}/stickers`,
+    stickerHistory: () => getApiEndpoint('stickerHistory'),
   },
   uploaderService: {
     get uploadImage() {

package/src/store/conversation.ts

@@ -1,13 +1,6 @@
 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;
 
@@ -15,8 +8,6 @@ export interface ConversationStore {
   currentConversationId?: ConversationID;
   currentUserId?: string;
   currentGroupId?: string;
-  isCreatingConversation?: boolean;
-  createConversation: (params: CreateConversationParams) => Promise<void>;
   setCurrentConversation(
     id?: ConversationID,
     userId?: string,
@@ -87,27 +78,12 @@ 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/translation/resources/i18n.ts

@@ -20,6 +20,8 @@ const i18nKey: Record<string, string> = {
   'chat:image_upload_failed': 'Có lỗi xảy ra vui lòng thử lại',
   'chat:generic_error': 'Có lỗi xảy ra vui lòng thử lại',
   'chat:failed_to_send_message': 'Không thể gửi tin nhắn. Thử lại?',
+  'chat:compose_disabled_seller_inactive':
+    'Người dùng này không còn hoạt động.',
   'chat:filename': 'Tên tệp',
   'chat:file_size': 'Kích thước',
   'chat:dimensions': 'Kích cỡ',
@@ -90,6 +92,7 @@ const i18nKey: Record<string, string> = {
   'chat:reply_to': 'Trả lời {{name}}',
   'yourself': 'chính mình',
   'you': 'Bạn',
+  'recent': 'Gần đây',
 };
 
 export default {

package/src/types/chat.ts

@@ -111,6 +111,18 @@ export interface DBotStatus {
   botSupportPlatform: unknown | null;
 }
 
+/**
+ * Known target types from GET .../conversations/{id}/target. `type` is a BE
+ * string literal; kept as `string` so unexpected values never break the UI.
+ */
+export interface DConversationTarget {
+  id: string;
+  name: string;
+  avartar: string; // BE typo — intentional, matches API contract exactly
+  isActive: boolean;
+  type: string; // 'BOT' | 'SELLER' | 'CUSTOMER' | 'GROUP' (known), tolerate others
+}
+
 export enum SyncStatus {
   Loading = 0,
   Success = 1,
@@ -154,6 +166,7 @@ export interface IMessageItemEx {
   };
   urlMetadata?: IUrlMetadata;
   flow?: IRunConversationFlowPayload;
+  stickerId?: string;
 }
 
 export interface IGetMessagesParams {
@@ -229,24 +242,3 @@ 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/types/sticker.ts

@@ -0,0 +1,23 @@
+export interface StickerFileResource {
+  streamId: string;
+  containerName: string;
+  contentType: string;
+  baseUrl: string;
+  fullUrl: string;
+}
+
+export interface StickerCategory {
+  id: string;
+  name: string;
+  icon: StickerFileResource | null;
+  stickerCount: number;
+}
+
+export interface StickerItem {
+  id: string;
+  name: string;
+  categoryId: string;
+  file: StickerFileResource;
+}
+
+export type StickerRow = (StickerItem | null)[];

package/src/utils/conversation.ts

@@ -1,10 +1,8 @@
 import {
-  MessageType,
   PeerType,
   SessionType,
   type ConversationItem,
 } from '@droppii/openim-rn-client-sdk';
-import { trans } from '../translation';
 
 export const conversationCompare = (
   a: ConversationItem,
@@ -46,32 +44,6 @@ export const sortConversation = (map: Record<string, ConversationItem>) => {
   return { map, list };
 };
 
-export const generateContentBasedOnMessageType = (
-  contentType: MessageType,
-  plainText?: string
-) => {
-  switch (contentType) {
-    case MessageType.TextMessage:
-    case MessageType.QuoteMessage:
-    case MessageType.LogTextMessage:
-      return plainText || '';
-    case MessageType.PictureMessage:
-      return trans('msg_type_image');
-    case MessageType.VoiceMessage:
-      return trans('msg_type_voice');
-    case MessageType.VideoMessage:
-      return trans('msg_type_video');
-    case MessageType.FileMessage:
-      return trans('msg_type_file');
-    case MessageType.UrlTextMessage:
-      return trans('msg_type_link');
-    case MessageType.RevokeMessage:
-      return trans('msg_type_revoke');
-    default:
-      return '';
-  }
-};
-
 export const getBotId = (conversation?: ConversationItem) => {
   if (conversation && conversation?.peerType === PeerType.Bot) {
     try {

package/src/utils/messageUtils.ts

@@ -92,6 +92,9 @@ export const getMessagePreview = (message?: MessageItem): string => {
         return message?.customElem?.description;
       }
       return '';
+
+    case MessageType.StickerMessage:
+      return '[Sticker]';
     default:
       return '[Tin nhắn không được hỗ trợ]';
   }