@droppii-org/chat-mobile 0.2.23 → 0.2.25

package/src/services/attachmentOrchestrator.ts

@@ -1,4 +1,8 @@
-import OpenIMSDK, { type MessageItem } from '@droppii/openim-rn-client-sdk';
+import OpenIMSDK, {
+  MessageStatus,
+  type MessageItem,
+} from '@droppii/openim-rn-client-sdk';
+
 import type {
   Attachment,
   AttachmentSendOptions,
@@ -6,6 +10,7 @@ import type {
 } from '../types/attachment';
 import { getAttachmentHandler } from '../types/attachmentHandler';
 import { useConversationStore } from '../store';
+import { useMessageStore } from '../store/message';
 import {
   getAttachmentPriorityConfig,
   type AttachmentType,
@@ -15,8 +20,7 @@ export namespace AttachmentOrchestratorService {
   export async function sendPreparedAttachments(
     attachments: Attachment[],
     uploadedUrls: Record<string, string>,
-    options: AttachmentSendOptions = { strategy: 'individual' },
-    onMessageSent?: (message: any) => void
+    options: AttachmentSendOptions = { strategy: 'individual' }
   ): Promise<AttachmentSendResult> {
     const result: AttachmentSendResult = {
       success: false,
@@ -30,7 +34,6 @@ export namespace AttachmentOrchestratorService {
     }
 
     // 1. Validate all attachments
-    console.log('[AttachmentOrchestrator] Validating prepared attachments...');
     for (const att of attachments) {
       try {
         const handler = getAttachmentHandler(att.type);
@@ -90,8 +93,7 @@ export namespace AttachmentOrchestratorService {
     try {
       const mergedMsgId = await sendMergedMessage(
         payloads.map((p) => p.payload),
-        options.includeCaption,
-        onMessageSent
+        options.includeCaption
       );
       console.log('[AttachmentOrchestrator] Messages sent via merger:', {
         messageId: mergedMsgId,
@@ -116,8 +118,7 @@ export namespace AttachmentOrchestratorService {
 
   async function sendMergedMessage(
     payloads: unknown[],
-    _caption?: string,
-    onMessageSent?: (message: any) => void
+    _caption?: string
   ): Promise<string> {
     const currentConversation = useConversationStore
       .getState()
@@ -269,32 +270,53 @@ export namespace AttachmentOrchestratorService {
       }
     );
 
-    for (let i = 0; i < allMessages.length; i++) {
-      const message = allMessages[i] as MessageItem;
-      console.log(
-        '[AttachmentOrchestrator] Sending message',
-        i + 1,
-        'of',
-        allMessages.length
-      );
+    const recvID = currentConversation.userID || '';
+    const groupID = currentConversation.groupID || '';
 
-      const result = await OpenIMSDK.sendMessageNotOss({
-        recvID: currentConversation.userID || '',
-        groupID: currentConversation.groupID || '',
-        message,
+    // Push all messages as "Sending" immediately so the user sees every
+    // bubble right away, instead of waiting for each network call in turn.
+    for (const m of allMessages) {
+      useMessageStore.getState().pushNewMessage({
+        ...(m as MessageItem),
+        status: MessageStatus.Sending,
       });
+    }
 
-      lastMsgId = result?.clientMsgID || result?.serverMsgID || '';
-      console.log('[AttachmentOrchestrator] Message sent:', {
-        messageId: lastMsgId,
-        index: i + 1,
-      });
+    const sendResults = await Promise.allSettled(
+      allMessages.map(async (m) => {
+        const message = m as MessageItem;
+        const result = await OpenIMSDK.sendMessageNotOss({
+          recvID,
+          groupID,
+          message,
+        });
 
-      if (onMessageSent && result) {
-        onMessageSent(result);
+        if (result) {
+          useMessageStore.getState().deleteOneMessage(message.clientMsgID);
+          useMessageStore.getState().pushNewMessage(result);
+        }
+        return result?.clientMsgID || result?.serverMsgID || '';
+      })
+    );
+
+    let firstSendError: unknown;
+    for (let i = 0; i < sendResults.length; i++) {
+      const settled = sendResults[i]!;
+      if (settled.status === 'fulfilled') {
+        lastMsgId = settled.value || lastMsgId;
+      } else {
+        firstSendError = firstSendError ?? settled.reason;
+        useMessageStore.getState().updateOneMessage({
+          ...(allMessages[i] as MessageItem),
+          status: MessageStatus.Failed,
+        });
       }
     }
 
+    if (!lastMsgId && firstSendError) {
+      throw firstSendError;
+    }
+
     return lastMsgId;
   }
 }

package/src/services/message.ts

@@ -20,16 +20,15 @@ export namespace ChatMessageAPI {
       count?: number;
       startClientMsgID?: string;
       lastMinSeq?: number;
+      applicationType?: string;
     }
   ): Promise<HistoryMessageResult> {
-    return OpenIMSDK.getAdvancedHistoryMessageList({
+    return OpenIMSDK.getAdvancedHistoryMessageListApp({
       conversationID,
       count: options?.count ?? DEFAULT_PAGE_SIZE,
       startClientMsgID: options?.startClientMsgID ?? '',
       viewType: ViewType.History,
-      // ...(options?.startClientMsgID
-      //   ? { lastMinSeq: options.lastMinSeq ?? 0 }
-      //   : {}),
+      applicationType: options?.applicationType ?? '',
     }) as Promise<HistoryMessageResult>;
   }
 
@@ -50,6 +49,24 @@ export namespace ChatMessageAPI {
     return sentMessage;
   }
 
+  export async function searchLocalMessages(
+    conversationID: string,
+    options?: {
+      keywordList?: string[];
+      messageTypeList?: number[];
+      pageIndex?: number;
+      count?: number;
+    }
+  ) {
+    return OpenIMSDK.searchLocalMessages({
+      conversationID,
+      keywordList: options?.keywordList ?? ['a'],
+      messageTypeList: options?.messageTypeList,
+      pageIndex: options?.pageIndex ?? 1,
+      count: options?.count ?? 20,
+    });
+  }
+
   export async function markConversationAsRead(conversationID: string) {
     return OpenIMSDK.markConversationMessageAsRead(conversationID);
   }

package/src/translation/resources/i18n.ts

@@ -11,10 +11,13 @@ const i18nKey: Record<string, string> = {
   'chat:file_download_failed': 'Tải tệp thất bại',
   'chat:file_open_failed': 'Không thể mở tệp này',
   'chat:image_preview': 'Xem trước ảnh',
-  'chat:image_too_large': 'Ảnh quá lớn. Tối đa 5MB',
-  'chat:video_too_large': 'Video quá lớn. Tối đa 200MB',
+  'chat:image_too_large':
+    'Hình ảnh tải lên không hợp lệ. Kích thước hình ảnh không được vượt quá {{maxSize}}MB',
+  'chat:video_too_large':
+    'Video tải lên không hợp lệ. Kích thước video không được vượt quá {{maxSize}}MB',
   'chat:image_sent': 'Đã gửi ảnh',
-  'chat:image_upload_failed': 'Lỗi tải ảnh',
+  '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:filename': 'Tên tệp',
   'chat:file_size': 'Kích thước',

package/src/types/chat.ts

@@ -20,6 +20,12 @@ type LogGA = (
   provider?: `${keyof typeof EventProvider}`
 ) => void;
 
+export interface ChatUIAdapter {
+  toast?: { open: (params: any) => void };
+  alert?: { open: (params: any) => void };
+  popup?: { open: (params: any) => void };
+}
+
 export interface ChatContextType {
   logGA?: LogGA;
   applicationType: DChatApplicationType;

package/src/types/global.d.ts

@@ -0,0 +1,299 @@
+declare module 'UIUtils' {
+  import type { ParamListBase, NavigationProp } from '@react-navigation/native';
+  import type { NativeStackScreenProps } from '@react-navigation/native-stack';
+  import type { BottomTabScreenProps } from '@react-navigation/bottom-tabs';
+  import type { HeaderOptions, Layout } from '@react-navigation/elements';
+  import type {
+    KAlertProps,
+    KBottomSheetProps,
+    KHeaderNavigationProps,
+    KPopupProps,
+    KToastBarProps,
+  } from '@droppii/libs';
+  import type {
+    ActionSheetIOSOptions,
+    StyleProp,
+    ViewStyle,
+  } from 'react-native';
+
+  export interface KBottomSheetPropsEnhance extends KBottomSheetProps {
+    header: KBottomSheetProps['header'] & {
+      customRenderer?: (dismiss: () => void) => JSX.Element;
+    };
+  }
+
+  interface ScreenConfigProps {
+    __config: any;
+  }
+
+  export interface MonthPickerValue {
+    month?: number;
+    year?: number;
+  }
+
+  export interface KActionSheetProps extends ActionSheetIOSOptions {
+    callback: (index: number) => void;
+  }
+
+  export interface WithActionSheetProps {
+    open: (payload: KActionSheetProps) => void;
+    dismiss: () => void;
+  }
+
+  export interface WithAlertDialogProps {
+    open: (payload: KAlertProps) => void;
+    dismiss: () => void;
+    dismissAll: () => void;
+  }
+
+  export interface WithPopupProps {
+    open: (payload: KPopupProps) => void;
+    dismiss: () => void;
+    dismissAll: () => void;
+  }
+
+  export interface WithBottomSheetProps {
+    open: (payload: KBottomSheetPropsEnhance) => void;
+    dismiss: () => void;
+  }
+
+  export interface WithToastProps {
+    open: (
+      payload: KToastBarProps & { contentContainerStyle?: StyleProp<ViewStyle> }
+    ) => void;
+    dismiss: () => void;
+  }
+
+  export interface WithImageViewer {
+    open: (payload: ImageViewerParams) => void;
+    dismiss: () => void;
+  }
+
+  export interface WithModal {
+    open: (payload: JSX.Element) => void;
+    dismiss: () => void;
+  }
+
+  export interface IButton {
+    text: string;
+    onPress?: () => void;
+    skipUI?: boolean;
+  }
+
+  export interface IDialogParams {
+    title: string;
+    message?: string;
+    buttons?: Array<IButton>;
+    cancelIndex?: number;
+    icon?: any;
+    renderContent?: any;
+    ignoreStack?: boolean;
+    waitForDismiss?: boolean;
+    touchOutsideToDismiss?: boolean;
+  }
+
+  export type AddressLevel = 'province' | 'district' | 'ward';
+
+  export type CameraType = 'avatar' | 'identity-front' | 'identity-back';
+
+  export interface RequestCameraParams {
+    cameraType: CameraType;
+    onCaptured: (path: string) => void;
+  }
+
+  export interface IHeaderParams extends KHeaderNavigationProps {
+    onBack?: () => void;
+    isNested?: boolean;
+  }
+
+  export type Appearance = 'dark' | 'light';
+
+  export interface IModalParams {
+    Screen: React.ComponentType<any>;
+    screenProps?: any;
+    headerProps?: HeaderOptions & {
+      title?: string;
+      modal?: boolean;
+      layout?: Layout;
+      tintColor?: string;
+      noHeader?: boolean;
+    };
+    options?: {
+      disableGesture?: boolean;
+    };
+  }
+
+  export type NavigationBase = NavigationProp<ParamListBase, string, undefined>;
+
+  export interface StackScreenProps
+    extends
+      NativeStackScreenProps<ParamListBase, string, undefined>,
+      ScreenConfigProps {}
+
+  export interface TabScreenProps
+    extends
+      BottomTabScreenProps<ParamListBase, string, undefined>,
+      ScreenConfigProps {}
+
+  export interface TextModifiers {
+    fontSize?: number;
+    color?: string;
+    textCenter?: boolean;
+    fontFamily?: string;
+    fontStyle?: 'normal' | 'italic';
+    bold?: boolean;
+    letterSpacing?: number;
+    underline?: true;
+    underlineColor?: string;
+    textTransform?: 'none' | 'capitalize' | 'uppercase' | 'lowercase';
+    darkModeColor?: string;
+    typo?: TypographyModifiers;
+    textAlign?: 'center' | 'left' | 'right';
+  }
+
+  export interface LayoutModifiers {
+    flex?: number | true;
+    flexS?: number;
+    flexG?: number;
+    flexD?: 'row' | 'column' | 'row-reverse' | 'column-reverse';
+    flexW?: 'wrap' | 'nowrap' | 'wrap-reverse';
+    alignItems?:
+      | true
+      | 'flex-start'
+      | 'flex-end'
+      | 'center'
+      | 'stretch'
+      | 'baseline';
+    alignSelf?:
+      | true
+      | 'auto'
+      | 'flex-start'
+      | 'flex-end'
+      | 'center'
+      | 'stretch'
+      | 'baseline';
+    justifyContent?:
+      | true
+      | 'flex-start'
+      | 'flex-end'
+      | 'center'
+      | 'space-between'
+      | 'space-around'
+      | 'space-evenly';
+    center?: boolean;
+  }
+
+  export interface SpacingModifiers {
+    padding?: number | string;
+    paddingL?: number | string;
+    paddingR?: number | string;
+    paddingT?: number | string;
+    paddingB?: number | string;
+    paddingH?: number | string;
+    paddingV?: number | string;
+    margin?: number;
+    marginL?: number | string | 'auto';
+    marginR?: number | string | 'auto';
+    marginT?: number | string | 'auto';
+    marginB?: number | string | 'auto';
+    marginH?: number | string | 'auto';
+    marginV?: number | string | 'auto';
+    width?: number | string;
+    height?: number | string;
+    minW?: number | string;
+    maxW?: number | string;
+    minH?: number | string;
+    maxH?: number | string;
+    sizeWH?: number;
+  }
+
+  export interface StylingModifiers {
+    background?: string;
+    opacity?: number;
+    br?: number;
+    brW?: number;
+    brC?: string;
+    brTL?: number;
+    brTR?: number;
+    brBL?: number;
+    brBR?: number;
+    brBW?: number;
+    brTW?: number;
+    brLW?: number;
+    brRW?: number;
+    brBC?: string;
+    brTC?: string;
+    brLC?: string;
+    brRC?: string;
+  }
+
+  export interface TestModifiers {
+    testID?: string;
+  }
+
+  export type TypographyModifiers =
+    | 'H1'
+    | 'H2'
+    | 'H3'
+    | 'H4'
+    | 'H5'
+    | 'H6'
+    | 'H7'
+    | 'B1'
+    | 'P1'
+    | 'P2'
+    | 'P3'
+    | 'S1'
+    | 'S2'
+    | 'S3'
+    | 'C1'
+    | 'C2'
+    | 'C3'
+    | 'A1'
+    | 'A2'
+    | 'A3';
+
+  export interface IProductMedia {
+    url?: string;
+    isVideo?: boolean;
+  }
+
+  export interface ImageViewerParams {
+    images: IProductMedia[];
+    initIndex?: number;
+    download?: boolean;
+    pagination?: boolean;
+    logParams?: any;
+  }
+
+  export type PickerType = 'all' | 'issue-place';
+
+  export interface DistrictEnhance {
+    wards?: Record<string, { name?: string; code?: string }>;
+  }
+
+  export interface ProvinceEnhance {
+    districts?: Record<string, DistrictEnhance>;
+    wards?: Record<string, { name?: string; code?: string }>;
+  }
+
+  export interface PickedAddress {
+    province: { name?: string; code?: string } | undefined;
+    district?: { name?: string; code?: string } | undefined;
+    ward: { name?: string; code?: string } | undefined;
+  }
+
+  export interface ImperativeProgress {
+    setProgress: (p: number) => void;
+  }
+
+  export interface InternalWebviewScreenProps {
+    closeVisible?: boolean;
+    closeColor?: string;
+    uri: string;
+    showAsYoutubePlayer?: boolean;
+    showNavigation?: boolean;
+    swipeToDismiss?: boolean;
+    hasEncode?: boolean;
+  }
+}

package/src/types/index.d.ts

@@ -0,0 +1 @@
+/// <reference path="./global.d.ts" />

package/src/utils/UIUtils.ts

@@ -0,0 +1,31 @@
+import { Alert } from 'react-native';
+import type { ChatUIAdapter } from '../types/chat';
+
+const openWithAlert = (params: { title?: string; message?: string }) => {
+  const { title = 'Message', message = '' } = params || {};
+  Alert.alert(title, message);
+};
+
+const defaultAdapter: Required<ChatUIAdapter> = {
+  toast: { open: openWithAlert },
+  alert: { open: openWithAlert },
+  popup: { open: openWithAlert },
+};
+
+let _adapter: ChatUIAdapter = {};
+
+export const registerUIUtils = (adapter: ChatUIAdapter): void => {
+  _adapter = adapter;
+};
+
+export const UIUtils: Required<ChatUIAdapter> = {
+  toast: {
+    open: (params) => (_adapter.toast ?? defaultAdapter.toast).open(params),
+  },
+  alert: {
+    open: (params) => (_adapter.alert ?? defaultAdapter.alert).open(params),
+  },
+  popup: {
+    open: (params) => (_adapter.popup ?? defaultAdapter.popup).open(params),
+  },
+};

package/src/utils/imageUtils.ts

@@ -1,5 +1,6 @@
 import type { ImageFile } from '../types/imageUpload';
 import Images from '../assets/images';
+import { UPLOAD_LIMITS } from '../config/uploadLimits';
 
 export const generateUUID = (): string => {
   return `${Date.now()}-${Math.random().toString(36).slice(2, 11)}`;
@@ -81,10 +82,8 @@ export const formatFileSize = (bytes: number): string => {
 };
 
 export const validateImageFile = (file: ImageFile): string | null => {
-  const MAX_SIZE = 5 * 1024 * 1024;
-
-  if (file.size > MAX_SIZE) {
-    return `Image too large. Max ${formatFileSize(MAX_SIZE)}`;
+  if (file.size > UPLOAD_LIMITS.image) {
+    return `Image too large. Max ${formatFileSize(UPLOAD_LIMITS.image)}`;
   }
 
   const validMimes = [

package/src/utils/pLimit.ts

@@ -0,0 +1,20 @@
+/**
+ * Run `items` through `fn` with at most `concurrency` items in-flight at once.
+ * Errors per-item are swallowed — wrap `fn` if you need to capture them.
+ */
+export async function pLimit<T>(
+  items: T[],
+  fn: (item: T, index: number) => Promise<void>,
+  concurrency: number
+): Promise<void> {
+  let idx = 0;
+  const worker = async () => {
+    while (idx < items.length) {
+      const i = idx++;
+      await fn(items[i]!, i);
+    }
+  };
+  await Promise.all(
+    Array.from({ length: Math.min(concurrency, items.length) }, worker)
+  );
+}

package/src/utils/videoThumbnail.ts

@@ -28,6 +28,9 @@ interface ThumbnailResult {
  * The app strips "file://" before calling, so local videos fall into the broken
  * branch. The fix is to KEEP the file:// scheme so the working overload is used.
  *
+ * iOS is the opposite: AVAsset / react-native-create-thumbnail requires a bare
+ * path without any scheme prefix. Strip "file://" on iOS.
+ *
  * For Android photo-picker synthetic paths we additionally copy the file into the
  * app cache first (a clean, app-private file the retriever can always open) and
  * still hand it back with a file:// prefix. Returns the path to pass to
@@ -36,9 +39,13 @@ interface ThumbnailResult {
 const ensureRetrievableVideoPath = async (
   videoPath: string
 ): Promise<{ path: string; cleanupPath: string | null }> => {
-  // iOS (and any non-Android platform) is left completely untouched.
+  // iOS AVAsset / react-native-create-thumbnail requires a bare file path
+  // without the file:// scheme. Strip it if present.
   if (Platform.OS !== 'android') {
-    return { path: videoPath, cleanupPath: null };
+    const barePath = videoPath.startsWith('file://')
+      ? videoPath.slice('file://'.length)
+      : videoPath;
+    return { path: barePath, cleanupPath: null };
   }
 
   // content:// is handled by a dedicated native branch — pass through unchanged.
@@ -112,7 +119,6 @@ export const VideoThumbnailUtil = {
         cacheName,
       });
 
-      console.log('✅ [VideoThumbnail] THUMBNAIL PATH:', result.path);
       console.log('[VideoThumbnail] Thumbnail generated', {
         path: result.path,
         width: result.width || 0,
@@ -147,6 +153,7 @@ export const VideoThumbnailUtil = {
     }
   },
 
+  // Serial by design — reduces memory pressure when processing multiple videos.
   batchGenerateThumbnails: async (
     videoPaths: string[],
     options: ThumbnailOptions = {}