stream-chat-react-native-core 5.21.0 → 5.22.0-beta.10

package/src/types/types.ts

@@ -1,35 +1,54 @@
 import type { ExtendableGenerics, LiteralStringForUnion } from 'stream-chat';
 
+import type { FileStateValue } from '../utils/utils';
+
 export type Asset = {
-  duration: number | null;
-  filename: string;
+  duration: number;
   height: number;
+  name: string;
   source: 'camera' | 'picker';
   type: string;
   uri: string;
   width: number;
-  fileSize?: number;
   id?: string;
-  size?: number | string;
+  size?: number;
 };
 
-export type FileAssetType = {
+export type File = {
   name: string;
+  duration?: number;
+  id?: string;
   mimeType?: string;
-  size?: number | string;
+  size?: number;
   // The uri should be of type `string`. But is `string|undefined` because the same type is used for the response from Stream's Attachment. This shall be fixed.
   uri?: string;
 };
 
-export type File = FileAssetType & {
-  duration?: string | null;
-  id?: string;
+export type FileUpload = {
+  file: File;
+  id: string;
+  state: FileStateValue;
+  duration?: number;
+  paused?: boolean;
+  progress?: number;
+  thumb_url?: string;
+  url?: string;
+};
+
+export type ImageUpload = {
+  file: Partial<Asset>;
+  id: string;
+  state: FileStateValue;
+  height?: number;
+  url?: string;
+  width?: number;
 };
 
 export type DefaultAttachmentType = UnknownType & {
-  file_size?: number | string;
+  file_size?: number;
   mime_type?: string;
   originalFile?: File;
+  originalImage?: Partial<Asset>;
 };
 
 interface DefaultUserType extends UnknownType {

package/src/utils/Streami18n.ts

@@ -10,6 +10,7 @@ import type moment from 'moment';
 
 import type { TDateTimeParser } from '../contexts/translationContext/TranslationContext';
 import enTranslations from '../i18n/en.json';
+import esTranslations from '../i18n/es.json';
 import frTranslations from '../i18n/fr.json';
 import heTranslations from '../i18n/he.json';
 import hiTranslations from '../i18n/hi.json';
@@ -20,7 +21,9 @@ import nlTranslations from '../i18n/nl.json';
 import ruTranslations from '../i18n/ru.json';
 import trTranslations from '../i18n/tr.json';
 
+import 'dayjs/locale/es';
 import 'dayjs/locale/fr';
+import 'dayjs/locale/he';
 import 'dayjs/locale/hi';
 import 'dayjs/locale/it';
 import 'dayjs/locale/ja';
@@ -28,7 +31,6 @@ import 'dayjs/locale/ko';
 import 'dayjs/locale/nl';
 import 'dayjs/locale/ru';
 import 'dayjs/locale/tr';
-import 'dayjs/locale/he';
 
 /**
  * These locale imports also set these locales globally.
@@ -192,12 +194,16 @@ type I18NextConfig = {
  * Instance of this class should be provided to Chat component to handle translations.
  * Stream provides following list of in-built translations:
  * 1. English (en)
- * 2. Dutch (nl)
- * 3. Russian (ru)
- * 4. Turkish (tr)
- * 5. French (fr)
+ * 2. Spanish (es)
+ * 3. French (fr)
+ * 4. Hebrew (he)
+ * 5. Hindi (hi)
  * 6. Italian (it)
- * 7. Hindi (hi)
+ * 7. Japanese (ja)
+ * 8. Korean (ko)
+ * 9. Dutch (nl)
+ * 10. Russian (ru)
+ * 11. Turkish (tr)
  *
  * Simplest way to start using chat components in one of the in-built languages would be following:
  *
@@ -370,6 +376,7 @@ export class Streami18n {
     };
   } = {
     en: { [defaultNS]: enTranslations },
+    es: { [defaultNS]: esTranslations },
     fr: { [defaultNS]: frTranslations },
     he: { [defaultNS]: heTranslations },
     hi: { [defaultNS]: hiTranslations },

package/src/utils/compressImage.ts

@@ -0,0 +1,32 @@
+import { compressImage } from '../native';
+import type { Asset } from '../types/types';
+
+/**
+ * Function to compress and Image and return the compressed Image URI
+ * @param image
+ * @param compressImageQuality
+ * @returns string
+ */
+export const compressedImageURI = async (image: Partial<Asset>, compressImageQuality?: number) => {
+  const uri = image.uri || '';
+  /**
+   * We skip compression if:
+   * - the file is from the camera as that should already be compressed
+   * - the file has no height/width value to maintain for compression
+   * - the compressImageQuality number is not present or is 1 (meaning no compression)
+   */
+  const compressedUri = await (image.source === 'camera' ||
+  !image.height ||
+  !image.width ||
+  typeof compressImageQuality !== 'number' ||
+  compressImageQuality === 1
+    ? uri
+    : compressImage({
+        compressImageQuality,
+        height: image.height,
+        uri,
+        width: image.width,
+      }));
+
+  return compressedUri;
+};

package/src/utils/utils.ts

@@ -1,5 +1,4 @@
 import type React from 'react';
-import { Dimensions } from 'react-native';
 
 import type { DebouncedFunc } from 'lodash';
 import debounce from 'lodash/debounce';
@@ -519,18 +518,6 @@ export const getUrlWithoutParams = (url?: string) => {
 
 export const isLocalUrl = (url: string) => url.indexOf('http') !== 0;
 
-export const vw = (percentageWidth: number, rounded = false) => {
-  const value = Dimensions.get('window').width * (percentageWidth / 100);
-  return rounded ? Math.round(value) : value;
-};
-
-export const vh = (percentageHeight: number, rounded = false) => {
-  const height = Dimensions.get('window').height;
-
-  const value = height * (percentageHeight / 100);
-  return rounded ? Math.round(value) : value;
-};
-
 export const generateRandomId = (a = ''): string =>
   a
     ? /* eslint-disable no-bitwise */

package/src/version.json

@@ -1,3 +1,3 @@
 {
-  "version": "5.21.0"
+  "version": "5.22.0-beta.10"
 }