stream-chat-react-native-core 9.0.2-beta.1 → 9.1.0-beta.1

package/src/i18n/ru.json

@@ -5,7 +5,9 @@
   "1 Reply": "1 Ответ",
   "1 Thread Reply": "1 тема Ответить",
   "Add a comment": "Добавить комментарий",
+  "Add a comment to the poll": "Добавить комментарий к опросу",
   "Add an option": "Добавить вариант",
+  "Add more": "Добавить ещё",
   "Allow access to your Gallery": "Разрешить доступ к вашей галерее",
   "Allow camera access in device settings": "Разрешите доступ к камере в настройках устройства.",
   "Also send to channel": "Также отправить на канал",
@@ -42,15 +44,18 @@
   "Error marking message unread. Cannot mark unread messages older than the newest 100 channel messages.": "Ошибка при отметке сообщения как непрочитанного. Невозможно отметить непрочитанные сообщения старше новейших 100 сообщений канала.",
   "Error while loading, please reload/refresh": "Ошибка загрузки, пожалуйста перезагрузите или обновите",
   "File is too large: {{ size }}, maximum upload size is {{ limit }}": "Файл слишком большой: {{ size }}, максимальный размер загрузки составляет {{ limit }}",
+  "File too large": "Файл слишком большой",
   "File type not supported": "Тип файла не поддерживается",
   "Flag": "Пометить",
   "Flag Message": "Пометить сообщение",
   "Flag action failed either due to a network issue or the message is already flagged": "Не удалось отправить жалобу. Возможные причины: проблема с подключением к интернету или ваша жалоба уже была принята.",
   "Generating...": "Генерирую...",
   "Giphy": "Giphy",
+  "Hide who voted": "Скрыть, кто проголосовал",
   "Hold to start recording.": "Удерживайте, чтобы начать запись.",
   "How about sending your first message to a friend?": "Как насчет отправки первого сообщения другу?",
   "Instant Commands": "Мгновенные Команды",
+  "Let others add options": "Разрешить другим добавлять варианты",
   "Let's start chatting!": "Давайте начнем общаться!",
   "Links are disabled": "Ссылки отключены",
   "Live Location": "Трансляция местоположения",
@@ -65,11 +70,13 @@
   "Message deleted": "Сообщение удалено",
   "Message flagged": "Сообщение отмечено",
   "Multiple votes": "Несколько голосов",
+  "Network error": "Ошибка сети",
   "Select more than one option": "Выберите больше одного варианта",
   "Limit votes per person": "Ограничить количество голосов на человека",
   "Choose between 2–10 options": "Выберите от 2 до 10 вариантов",
   "Mute User": "Отключить пользователя",
   "No chats here yet…": "Здесь пока нет чатов…",
+  "No items exist": "Нет элементов",
   "No threads here yet": "Здесь пока нет потоков",
   "Not supported": "не поддерживается",
   "Nothing yet...": "Пока ничего нет...",
@@ -96,6 +103,7 @@
   "Reply to {{name}}": "Ответить пользователю {{name}}",
   "Reply to Message": "Ответить на сообщение",
   "Resend": "Отправить",
+  "Retry Upload": "Повторить загрузку",
   "SEND": "ОТПРАВИТЬ",
   "Search": "Поиск",
   "Select More Photos": "Выбрать больше фотографий",

package/src/i18n/tr.json

@@ -5,7 +5,9 @@
   "1 Reply": "1 Cevap",
   "1 Thread Reply": "1 Konu Yanıtı",
   "Add a comment": "Yorum ekle",
+  "Add a comment to the poll": "Ankete yorum ekle",
   "Add an option": "Seçenek ekle",
+  "Add more": "Daha fazla ekle",
   "Allow access to your Gallery": "Galerinize erişime izin verin",
   "Allow camera access in device settings": "Cihaz ayarlarında kamera erişimine izin ver",
   "Also send to channel": "Kanala da gönder",
@@ -42,15 +44,18 @@
   "Error marking message unread. Cannot mark unread messages older than the newest 100 channel messages.": "Okunmamış olarak işaretlenen mesajda hata oluştu. En yeni 100 kanal mesajından daha eski okunmamış mesajları işaretleyemezsiniz.",
   "Error while loading, please reload/refresh": "Yüklenirken hata oluştu, lütfen tekrar deneyiniz",
   "File is too large: {{ size }}, maximum upload size is {{ limit }}": "Dosya çok büyük: {{ size }}, maksimum yükleme boyutu {{ limit }}",
+  "File too large": "Dosya çok büyük",
   "File type not supported": "Dosya türü desteklenmiyor",
   "Flag": "Raporla",
   "Flag Message": "Mesajı Raporla",
   "Flag action failed either due to a network issue or the message is already flagged": "Mesajın daha önce raporlanmış olması veya bir ağ bağlantısı sorunu nedeniyle raporlama işlemi başarısız oldu.",
   "Generating...": "Oluşturuluyor...",
   "Giphy": "Giphy",
+  "Hide who voted": "Kimin oy verdiğini gizle",
   "Hold to start recording.": "Kayıt yapmak için basılı tutun.",
   "How about sending your first message to a friend?": "İlk mesajınızı bir arkadaşınıza göndermeye ne dersiniz?",
   "Instant Commands": "Anlık Komutlar",
+  "Let others add options": "Başkalarının seçenek eklemesine izin ver",
   "Let's start chatting!": "Haydi sohbete başlayalım!",
   "Links are disabled": "Bağlantılar devre dışı",
   "Live Location": "Canlı Konum",
@@ -65,11 +70,13 @@
   "Message deleted": "Mesaj silindi",
   "Message flagged": "Mesaj işaretlendi",
   "Multiple votes": "Çoklu oy",
+  "Network error": "Ağ hatası",
   "Select more than one option": "Birden fazla seçenek seçin",
   "Limit votes per person": "Kişi başına oy sayısını sınırla",
   "Choose between 2–10 options": "2 ile 10 arasında seçenek seçin",
   "Mute User": "Kullanıcıyı sessize al",
   "No chats here yet…": "Henüz burada sohbet yok…",
+  "No items exist": "Hiçbir öğe yok",
   "No threads here yet": "Burada henüz akış yok",
   "Not supported": "Desteklenmiyor",
   "Nothing yet...": "Henüz değil...",
@@ -96,6 +103,7 @@
   "Reply to {{name}}": "{{name}} için yanıtla",
   "Reply to Message": "Mesajı Yanıtla",
   "Resend": "Yeniden gönder",
+  "Retry Upload": "Yüklemeyi yeniden dene",
   "SEND": "GÖNDER",
   "Search": "Ara",
   "Select More Photos": "Daha Fazla Fotoğraf Seçin",

package/src/index.ts

@@ -18,6 +18,7 @@ export * from './utils/i18n/Streami18n';
 export * from './utils/setupCommandUIMiddlewares';
 export * from './utils/createGenerateVideoThumbnails';
 export * from './utils/utils';
+export * from './nativeMultipartUpload';
 
 export { default as enTranslations } from './i18n/en.json';
 export { default as esTranslations } from './i18n/es.json';

package/src/middlewares/attachments.ts

@@ -26,6 +26,7 @@ export const localAttachmentToAttachment = (localAttachment: LocalAttachment) =>
     return {
       ...attachment,
       image_url: localMetadata?.previewUri,
+      localId: localMetadata?.id,
       originalFile: localMetadata.file,
     } as Attachment;
   } else {
@@ -35,6 +36,7 @@ export const localAttachmentToAttachment = (localAttachment: LocalAttachment) =>
     return {
       ...attachment,
       asset_url: (localMetadata.file as FileReference).uri,
+      localId: localMetadata?.id,
       originalFile: localMetadata.file,
     } as Attachment;
   }

package/src/native.ts

@@ -7,7 +7,27 @@ import {
   ViewStyle,
 } from 'react-native';
 
+import type { NativeMultipartUpload } from './nativeMultipartUpload';
 import type { File } from './types/types';
+
+export type {
+  NativeMultipartAbortSignal,
+  NativeMultipartCanceledError,
+  NativeMultipartUpload,
+  NativeMultipartUploadEventEmitter,
+  NativeMultipartUploadHeader,
+  NativeMultipartUploadNativeResponse,
+  NativeMultipartUploadPart,
+  NativeMultipartUploadProgressConfig,
+  NativeMultipartUploadProgressEvent,
+  NativeMultipartUploadRequest,
+  NativeMultipartUploadResult,
+  NativeMultipartUploader,
+  NativeMultipartUploaderModule,
+  NativeMultipartUploaderProgressConfig,
+  NativeMultipartUploaderRequest,
+} from './nativeMultipartUpload';
+
 const fail = () => {
   throw Error(
     'Native handler was not registered, you should import stream-chat-expo or stream-chat-react-native',
@@ -308,6 +328,7 @@ type Handlers = {
   getLocalAssetUri?: GetLocalAssetUri;
   getPhotos?: GetPhotos;
   iOS14RefreshGallerySelection?: iOS14RefreshGallerySelection;
+  multipartUpload?: NativeMultipartUpload;
   oniOS14GalleryLibrarySelectionChange?: OniOS14LibrarySelectionChange;
   overrideAudioRecordingConfiguration?: (
     audioRecordingConfiguration: AudioRecordingConfiguration,
@@ -338,6 +359,7 @@ export const NativeHandlers: Pick<
       | 'getLocalAssetUri'
       | 'getPhotos'
       | 'iOS14RefreshGallerySelection'
+      | 'multipartUpload'
       | 'oniOS14GalleryLibrarySelectionChange'
       | 'pickDocument'
       | 'pickImage'
@@ -355,6 +377,7 @@ export const NativeHandlers: Pick<
   getLocalAssetUri: fail,
   getPhotos: fail,
   iOS14RefreshGallerySelection: fail,
+  multipartUpload: fail,
   oniOS14GalleryLibrarySelectionChange: fail,
   pickDocument: fail,
   pickImage: fail,
@@ -404,6 +427,10 @@ export const registerNativeHandlers = (handlers: Handlers) => {
     NativeHandlers.iOS14RefreshGallerySelection = handlers.iOS14RefreshGallerySelection;
   }
 
+  if (handlers.multipartUpload !== undefined) {
+    NativeHandlers.multipartUpload = handlers.multipartUpload;
+  }
+
   if (handlers.oniOS14GalleryLibrarySelectionChange !== undefined) {
     NativeHandlers.oniOS14GalleryLibrarySelectionChange =
       handlers.oniOS14GalleryLibrarySelectionChange;
@@ -469,3 +496,4 @@ export const isImageMediaLibraryAvailable = () =>
   !!NativeHandlers.iOS14RefreshGallerySelection &&
   !!NativeHandlers.oniOS14GalleryLibrarySelectionChange &&
   !!NativeHandlers.getLocalAssetUri;
+export const isNativeMultipartUploadAvailable = () => NativeHandlers.multipartUpload !== fail;

package/src/nativeMultipartUpload.ts

@@ -0,0 +1,384 @@
+import { NativeEventEmitter } from 'react-native';
+
+const STREAM_MULTIPART_UPLOAD_PROGRESS_EVENT = 'streamMultipartUploadProgress';
+const CANCELED_ERROR_CODE = 'ERR_CANCELED';
+
+export type NativeMultipartAbortSignal = {
+  aborted: boolean;
+  addEventListener?: (...args: unknown[]) => unknown;
+  onabort?: ((...args: unknown[]) => unknown) | null;
+  removeEventListener?: (...args: unknown[]) => unknown;
+};
+
+export type NativeMultipartUploadHeader = {
+  name: string;
+  value: string;
+};
+
+export type NativeMultipartUploadPart =
+  | {
+      fieldName: string;
+      kind: 'file';
+      fileName: string;
+      mimeType?: string;
+      uri: string;
+    }
+  | {
+      fieldName: string;
+      kind: 'text';
+      value: string;
+    };
+
+export type NativeMultipartUploaderProgressConfig = {
+  count?: number;
+  intervalMs?: number;
+};
+
+export type NativeMultipartUploadProgressConfig = NativeMultipartUploaderProgressConfig & {
+  /**
+   * Maximum progress percentage reported while the native request body is still being sent.
+   * Completion is represented by the upload request resolving and the upload indicator being removed.
+   *
+   * @default 90
+   */
+  completionProgressCap?: number;
+};
+
+export type NativeMultipartUploadProgressEvent = {
+  loaded: number;
+  total?: number | null;
+  uploadId: string;
+};
+
+export type NativeMultipartUploadNativeResponse = {
+  body: string;
+  headers?: ReadonlyArray<NativeMultipartUploadHeader> | null;
+  status: number;
+  statusText?: string | null;
+};
+
+export type NativeMultipartUploadResult = {
+  body: string;
+  headers?: Record<string, string>;
+  status: number;
+  statusText?: string;
+};
+
+export type NativeMultipartUploadRequest = {
+  headers: Record<string, string>;
+  method: string;
+  onProgress?: (progress: { loaded: number; total?: number }) => void;
+  parts: NativeMultipartUploadPart[];
+  progress?: NativeMultipartUploadProgressConfig;
+  signal?: NativeMultipartAbortSignal;
+  timeoutMs?: number;
+  url: string;
+};
+
+export type NativeMultipartUploaderRequest = Omit<NativeMultipartUploadRequest, 'progress'> & {
+  progress?: NativeMultipartUploaderProgressConfig;
+  uploadId: string;
+};
+
+export type NativeMultipartUpload = (
+  request: NativeMultipartUploadRequest,
+) => Promise<NativeMultipartUploadResult | undefined> | never;
+
+export type NativeMultipartUploader = (
+  request: NativeMultipartUploaderRequest,
+) => Promise<NativeMultipartUploadResult>;
+
+export type NativeMultipartUploaderModule = {
+  addListener(eventType: string): void;
+  cancelUpload(uploadId: string): Promise<void>;
+  removeListeners(count: number): void;
+  uploadMultipart(
+    uploadId: string,
+    url: string,
+    method: string,
+    headers: ReadonlyArray<NativeMultipartUploadHeader>,
+    parts: ReadonlyArray<NativeMultipartUploadPart>,
+    progress?: NativeMultipartUploaderProgressConfig,
+    timeoutMs?: number | null,
+  ): Promise<NativeMultipartUploadNativeResponse>;
+};
+
+export type NativeMultipartUploadEventEmitter = {
+  addListener(
+    eventType: string,
+    listener: (event: NativeMultipartUploadProgressEvent) => void,
+  ): { remove: () => void };
+};
+
+export type NativeMultipartCanceledError = Error & {
+  __CANCEL__: true;
+  code: typeof CANCELED_ERROR_CODE;
+};
+
+type CreateNativeMultipartUploaderOptions = {
+  eventEmitter?: NativeMultipartUploadEventEmitter;
+};
+
+type CreateNativeMultipartUploadOptions = {
+  getLocalAssetUri?: ((uri: string) => Promise<string | null | undefined>) | null;
+  uploadIdFactory?: () => string;
+  uploadMultipart?: NativeMultipartUploader;
+};
+
+const createDefaultUploadId = () =>
+  `stream-upload-${Date.now()}-${Math.random().toString(16).slice(2)}`;
+
+const createCanceledError = (): NativeMultipartCanceledError => {
+  const error = new Error('Request aborted') as NativeMultipartCanceledError;
+  error.name = 'CanceledError';
+  error.code = CANCELED_ERROR_CODE;
+  // eslint-disable-next-line no-underscore-dangle -- Axios marks cancellation with this legacy field, and callers still use axios.isCancel.
+  error.__CANCEL__ = true;
+  return error;
+};
+
+const toUploadHeaders = (headers: Record<string, string>): NativeMultipartUploadHeader[] =>
+  Object.entries(headers).map(([name, value]) => ({ name, value }));
+
+const fromUploadHeaders = (
+  headers?: ReadonlyArray<NativeMultipartUploadHeader> | null,
+): Record<string, string> | undefined => {
+  if (!headers?.length) {
+    return undefined;
+  }
+
+  return headers.reduce<Record<string, string>>((acc, header) => {
+    acc[header.name] = header.value;
+    return acc;
+  }, {});
+};
+
+const addAbortHandler = (signal: NativeMultipartAbortSignal | undefined, onAbort: () => void) => {
+  if (!signal) {
+    return () => undefined;
+  }
+
+  let handled = false;
+  const handleAbort = () => {
+    if (handled) {
+      return;
+    }
+
+    handled = true;
+    onAbort();
+  };
+
+  if (typeof signal.addEventListener === 'function') {
+    signal.addEventListener('abort', handleAbort, { once: true });
+    return () => {
+      signal.removeEventListener?.('abort', handleAbort);
+    };
+  }
+
+  const previousOnAbort = signal.onabort;
+  const chainedOnAbort = (...args: unknown[]) => {
+    previousOnAbort?.(...args);
+    handleAbort();
+  };
+
+  signal.onabort = chainedOnAbort;
+
+  return () => {
+    if (signal.onabort === chainedOnAbort) {
+      signal.onabort = previousOnAbort ?? null;
+    }
+  };
+};
+
+const getNativeProgressConfig = (
+  progress?: NativeMultipartUploadProgressConfig,
+): NativeMultipartUploaderProgressConfig | undefined => {
+  if (!progress) {
+    return undefined;
+  }
+
+  const nativeProgressConfig = { ...progress };
+  delete nativeProgressConfig.completionProgressCap;
+
+  return Object.keys(nativeProgressConfig).length ? nativeProgressConfig : undefined;
+};
+
+const isPhotoLibraryUri = (uri: string) => {
+  const normalizedUri = uri.toLowerCase();
+  return normalizedUri.startsWith('ph://') || normalizedUri.startsWith('assets-library://');
+};
+
+const sanitizeResolvedFileUri = (uri: string) => {
+  const normalizedUri = uri.startsWith('/') ? `file://${uri}` : uri;
+
+  if (!normalizedUri.startsWith('file://')) {
+    return normalizedUri;
+  }
+
+  return normalizedUri.split('#')[0].split('?')[0];
+};
+
+const resolvePartUri = async (
+  part: NativeMultipartUploadPart,
+  getLocalAssetUri: CreateNativeMultipartUploadOptions['getLocalAssetUri'],
+): Promise<NativeMultipartUploadPart> => {
+  if (
+    part.kind !== 'file' ||
+    typeof getLocalAssetUri !== 'function' ||
+    !isPhotoLibraryUri(part.uri)
+  ) {
+    return part;
+  }
+
+  try {
+    const resolvedUri = await getLocalAssetUri(part.uri);
+
+    return {
+      ...part,
+      uri: resolvedUri ? sanitizeResolvedFileUri(resolvedUri) : part.uri,
+    };
+  } catch {
+    return part;
+  }
+};
+
+export const createNativeMultipartUploader = (
+  nativeModule: NativeMultipartUploaderModule | null | undefined,
+  options: CreateNativeMultipartUploaderOptions = {},
+): NativeMultipartUploader | undefined => {
+  if (!nativeModule) {
+    return undefined;
+  }
+
+  const multipartUploadEventEmitter = options.eventEmitter ?? new NativeEventEmitter(nativeModule);
+
+  return async ({
+    headers,
+    method,
+    onProgress,
+    parts,
+    progress,
+    signal,
+    timeoutMs,
+    uploadId,
+    url,
+  }: NativeMultipartUploaderRequest): Promise<NativeMultipartUploadResult> => {
+    let progressSubscription:
+      | {
+          remove: () => void;
+        }
+      | undefined;
+    let uploadStarted = false;
+
+    const abortUpload = async () => {
+      try {
+        await nativeModule.cancelUpload(uploadId);
+      } catch {
+        // Ignore cancellation races for already-finished uploads.
+      }
+    };
+
+    const handleAbort = () => {
+      if (uploadStarted) {
+        abortUpload().catch(() => undefined);
+      }
+    };
+
+    if (signal?.aborted) {
+      throw createCanceledError();
+    }
+
+    const removeAbortListener = addAbortHandler(signal, handleAbort);
+
+    if (signal?.aborted) {
+      removeAbortListener();
+      throw createCanceledError();
+    }
+
+    if (onProgress) {
+      progressSubscription = multipartUploadEventEmitter.addListener(
+        STREAM_MULTIPART_UPLOAD_PROGRESS_EVENT,
+        (event: NativeMultipartUploadProgressEvent) => {
+          if (event.uploadId !== uploadId) {
+            return;
+          }
+
+          onProgress({
+            loaded: event.loaded,
+            total: typeof event.total === 'number' ? event.total : undefined,
+          });
+        },
+      );
+    }
+
+    try {
+      uploadStarted = true;
+      const response = await nativeModule.uploadMultipart(
+        uploadId,
+        url,
+        method,
+        toUploadHeaders(headers),
+        parts,
+        progress ?? {},
+        timeoutMs,
+      );
+
+      if (signal?.aborted) {
+        throw createCanceledError();
+      }
+
+      return {
+        body: response.body,
+        headers: fromUploadHeaders(response.headers),
+        status: response.status,
+        statusText: typeof response.statusText === 'string' ? response.statusText : undefined,
+      };
+    } catch (error) {
+      if (signal?.aborted) {
+        throw createCanceledError();
+      }
+
+      throw error;
+    } finally {
+      progressSubscription?.remove();
+      removeAbortListener();
+    }
+  };
+};
+
+export const createNativeMultipartUpload = ({
+  getLocalAssetUri,
+  uploadIdFactory = createDefaultUploadId,
+  uploadMultipart,
+}: CreateNativeMultipartUploadOptions): NativeMultipartUpload | undefined => {
+  if (!uploadMultipart) {
+    return undefined;
+  }
+
+  return async ({
+    headers,
+    method,
+    onProgress,
+    parts,
+    progress,
+    signal,
+    timeoutMs,
+    url,
+  }: NativeMultipartUploadRequest) => {
+    const resolvedParts = await Promise.all(
+      parts.map((part) => resolvePartUri(part, getLocalAssetUri)),
+    );
+
+    return uploadMultipart({
+      headers,
+      method,
+      onProgress,
+      parts: resolvedParts,
+      progress: getNativeProgressConfig(progress),
+      signal,
+      timeoutMs,
+      uploadId: uploadIdFactory(),
+      url,
+    });
+  };
+};

package/src/types/types.ts

@@ -43,6 +43,8 @@ export type UploadAttachmentPreviewProps<A extends LocalUploadAttachment> = {
 
 export interface DefaultAttachmentData {
   originalFile?: File;
+  /** Matches `LocalAttachment.localMetadata.id` / `uploadManager` record id for pending uploads */
+  localId?: string;
 }
 
 export interface DefaultUserData {