stream-chat-react-native-core 4.11.0-beta.2 → 5.0.0-offline-support.2

package/src/hooks/useImageErrorHandler.ts

@@ -0,0 +1,16 @@
+import { useEffect, useState } from 'react';
+
+import { useNetInfo } from '@react-native-community/netinfo';
+
+export const useImageErrorHandler = () => {
+  const [imageError, setImageError] = useState(false);
+  const { isConnected } = useNetInfo();
+
+  useEffect(() => {
+    if (isConnected && imageError) {
+      setImageError(false);
+    }
+  }, [isConnected]);
+
+  return { imageError, setImageError };
+};

package/src/i18n/en.json

@@ -37,7 +37,7 @@
   "Ok": "Ok",
   "Only visible to you": "Only visible to you",
   "Photo": "Photo",
-  "Photos and Videos": "Photos and Videos",
+  "Photos": "Photos",
   "Pin to Conversation": "Pin to Conversation",
   "Please enable access to your photos and videos so you can share them.": "Please enable access to your photos and videos so you can share them.",
   "Please select a channel first": "Please select a channel first",
@@ -56,7 +56,6 @@
   "Unmute User": "Unmute User",
   "Unpin from Conversation": "Unpin from Conversation",
   "Unread Messages": "Unread Messages",
-  "Video": "Video",
   "You": "You",
   "You can't send messages in this channel": "You can't send messages in this channel",
   "{{ firstUser }} and {{ nonSelfUserLength }} more are typing": "{{ firstUser }} and {{ nonSelfUserLength }} more are typing",

package/src/i18n/fr.json

@@ -37,7 +37,7 @@
   "Ok": "Ok",
   "Only visible to you": "Seulement visible par vous",
   "Photo": "Photo",
-  "Photos and Videos": "Photos et vidéos",
+  "Photos": "Photos",
   "Pin to Conversation": "Épingler à la conversation",
   "Please enable access to your photos and videos so you can share them.": "Veuillez autoriser l'accès à vos photos et vidéos afin de pouvoir les partager.",
   "Please select a channel first": "Veuillez d'abord selectionnez un canal",
@@ -56,7 +56,6 @@
   "Unmute User": "Activer le son de Utilisateur",
   "Unpin from Conversation": "Décrocher de la conversation",
   "Unread Messages": "Messages non lus",
-  "Video": "Vidéo",
   "You": "Toi",
   "You can't send messages in this channel": "You can't send messages in this channel",
   "{{ firstUser }} and {{ nonSelfUserLength }} more are typing": "{{ firstUser }} et {{ nonSelfUserLength }} autres sont en train d'écrire",

package/src/i18n/he.json

@@ -38,7 +38,6 @@
   "Only visible to you": "גלוי רק לך",
   "Photo": "תמונה",
   "Photos": "תמונות",
-  "Photos and Videos": "תמונות ווידאו",
   "Pin to Conversation": "הצמד/י לשיחה",
   "Please enable access to your photos and videos so you can share them.": "אפשר/י גישה לתמונות ולסרטונים שלך כדי שתוכל/י לשתף אותם.",
   "Please select a channel first": "אנא בחר/י שיחה תחילה",
@@ -57,7 +56,6 @@
   "Unmute User": "בטל/י השתקת משתמש",
   "Unpin from Conversation": "בטל/י הצמדה לשיחה",
   "Unread Messages": "הודעות שטרם נקרו",
-  "Video": "וִידֵאוֹ",
   "You": "את/ה",
   "You can't send messages in this channel": "את/ב לא יכול/ה לשלוח הודעות בשיחה זו",
   "{{ firstUser }} and {{ nonSelfUserLength }} more are typing": "{{ firstUser }} ו-{{ nonSelfUserLength }} משתמש/ים אחר/ים מקלידים",

package/src/i18n/hi.json

@@ -37,7 +37,7 @@
   "Ok": "ठीक",
   "Only visible to you": "केवल आपको दिखाई दे रहा है",
   "Photo": "तस्वीर",
-  "Photos and Videos": "तस्वीरें और वीडियों",
+  "Photos": "तस्वीरें",
   "Pin to Conversation": "बातचीत में पिन करें",
   "Please enable access to your photos and videos so you can share them.": "कृपया अपनी फ़ोटो और वीडियो तक पहुंच सक्षम करें ताकि आप उन्हें साझा कर सकें।",
   "Please select a channel first": "कृपया पहले एक चैनल चुनें",
@@ -56,7 +56,6 @@
   "Unmute User": "उपयोगकर्ता को अनम्यूट करें",
   "Unpin from Conversation": "बातचीत से अनपिन करें",
   "Unread Messages": "अपठित संदेश",
-  "Video": "वीडियो",
   "You": "आप",
   "You can't send messages in this channel": "आप इस चैनल में संदेश नहीं भेज सकते",
   "{{ firstUser }} and {{ nonSelfUserLength }} more are typing": "{{ firstUser }} और {{ nonSelfUserLength }} अधिक टाइप कर रहे हैं",

package/src/i18n/it.json

@@ -37,7 +37,7 @@
   "Ok": "Ok",
   "Only visible to you": "Visibile solo a te",
   "Photo": "Foto",
-  "Photos and Videos": "Foto e Video",
+  "Photos": "Fotografie",
   "Pin to Conversation": "Metti in evidenza",
   "Please enable access to your photos and videos so you can share them.": "Abilita l'accesso alle tue foto e ai tuoi video in modo da poterli condividere.",
   "Please select a channel first": "Seleziona un canale",
@@ -56,7 +56,6 @@
   "Unmute User": "Riattiva utente",
   "Unpin from Conversation": "Rimuovi dagli elementi in evidenza",
   "Unread Messages": "Messaggi non letti",
-  "Video": "Video",
   "You": "Tu",
   "You can't send messages in this channel": "Non puoi inviare messaggi in questo canale",
   "{{ firstUser }} and {{ nonSelfUserLength }} more are typing": "{{ firstUser }} e altri {{ nonSelfUserLength }} stanno scrivendo",

package/src/i18n/ja.json

@@ -29,7 +29,6 @@
   "Ok": "確認",
   "Photo": "写真",
   "Photos": "写真",
-  "Photos and Videos": "写真と動画",
   "Pin to Conversation": "会話にピンする",
   "Please enable access to your photos and videos so you can share them.": "写真やビデオへのアクセスを有効にして、共有できるようにしてください。",
   "Please select a channel first": "最初にチャンネルを選択してください",
@@ -47,7 +46,6 @@
   "Unmute User": "ユーザーのミュートを解除する",
   "Unpin from Conversation": "会話のピンを外す",
   "Unread Messages": "未読メッセージ",
-  "Video": "ビデオ",
   "You": "あなた",
   "{{ firstUser }} and {{ nonSelfUserLength }} more are typing": "{{ firstUser }}と{{ nonSelfUserLength }}人がタイピングしています",
   "{{ index }} of {{ photoLength }}": "{{ index }} / {{ photoLength }}",

package/src/i18n/ko.json

@@ -29,7 +29,6 @@
   "Ok": "확인",
   "Photo": "사진",
   "Photos": "사진",
-  "Photos and Videos": "사진과 동영상",
   "Pin to Conversation": "대화에 고정합니다",
   "Please enable access to your photos and videos so you can share them.": "사진 및 비디오에 대한 액세스를 사용하여 공유 할 수 있도록합니다.",
   "Please select a channel first": "먼저 채널을 선택하십시오",
@@ -47,7 +46,6 @@
   "Unmute User": "사용자 음소거 해제",
   "Unpin from Conversation": "대화의 핀을 분리합니다",
   "Unread Messages": "읽지 않은 메시지",
-  "Video": "동영상",
   "You": "당신",
   "{{ firstUser }} and {{ nonSelfUserLength }} more are typing": "{{ firstUser }} 외 {{ nonSelfUserLength }}명이 입력 중입니다",
   "{{ index }} of {{ photoLength }}": "{{ index }} / {{ photoLength }}",

package/src/i18n/nl.json

@@ -37,7 +37,7 @@
   "Ok": "Oké",
   "Only visible to you": "Alleen zichtbaar voor jou",
   "Photo": "Foto",
-  "Photos and Videos": "Foto's en video's",
+  "Photos": "Foto's",
   "Pin to Conversation": "Vastmaken aan gesprek",
   "Please enable access to your photos and videos so you can share them.": "Schakel toegang tot uw foto's en video's in zodat u ze kunt delen.",
   "Please select a channel first": "Selecteer eerst een kanaal",
@@ -56,7 +56,6 @@
   "Unmute User": "Dempen van gebruiker opheffen",
   "Unpin from Conversation": "Losmaken van gesprek",
   "Unread Messages": "Ongelezen Berichten",
-  "Video": "Video",
   "You": "U",
   "You can't send messages in this channel": "Je kan geen berichten sturen in dit kanaal",
   "{{ firstUser }} and {{ nonSelfUserLength }} more are typing": "{{ firstUser }} en {{ nonSelfUserLength }} anderen zijn aan het typen",

package/src/i18n/ru.json

@@ -37,7 +37,7 @@
   "Ok": "Oк",
   "Only visible to you": "Видно только вам",
   "Photo": "Фото",
-  "Photos and Videos": "Фото и видео",
+  "Photos": "Фото",
   "Pin to Conversation": "Закрепить к беседе",
   "Please enable access to your photos and videos so you can share them.": "Разрешите доступ к своим фотографиям и видео, чтобы вы могли ими поделиться.",
   "Please select a channel first": "Пожалуйста, сначала выберите канал",
@@ -56,7 +56,6 @@
   "Unmute User": "Включить микрофон",
   "Unpin from Conversation": "Открепить от беседы",
   "Unread Messages": "Непрочитанные Сообщения",
-  "Video": "видео",
   "You": "Вы",
   "You can't send messages in this channel": "Вы не можете отправлять сообщения в этот канал",
   "{{ firstUser }} and {{ nonSelfUserLength }} more are typing": "{{ firstUser }} и еще {{ nonSelfUserLength }} пишут",

package/src/i18n/tr.json

@@ -37,7 +37,7 @@
   "Ok": "Tamam",
   "Only visible to you": "Sadece siz görebilirsiniz",
   "Photo": "Fotoğraf",
-  "Photos and Videos": "Fotoğraflar ve Videolar",
+  "Photos": "Fotoğraflar",
   "Pin to Conversation": "Konuşmaya sabitle",
   "Please enable access to your photos and videos so you can share them.": "Lütfen paylaşabilmek için fotoğraflarınıza ve videolarınıza erişimi etkinleştirin.",
   "Please select a channel first": "Lütfen önce bir kanal seçin",
@@ -56,7 +56,6 @@
   "Unmute User": "Kullanıcının sesini aç",
   "Unpin from Conversation": "Sabitlenmeyi kaldır",
   "Unread Messages": "Okunmamış Mesajlar",
-  "Video": "Video",
   "You": "Sen",
   "You can't send messages in this channel": "Bu konuşmaya mesaj gönderemezsiniz",
   "{{ firstUser }} and {{ nonSelfUserLength }} more are typing": "{{ firstUser }} ve {{ nonSelfUserLength }} kişi daha yazıyor",

package/src/index.ts

@@ -1,3 +1,5 @@
+import 'react-native-quick-sqlite';
+
 export * from './components';
 export * from './hooks';
 export { registerNativeHandlers, NetInfo } from './native';
@@ -20,4 +22,5 @@ export { default as ruTranslations } from './i18n/ru.json';
 export { default as trTranslations } from './i18n/tr.json';
 export { default as heTranslations } from './i18n/he.json';
 
+export { QuickSqliteClient } from './store/QuickSqliteClient';
 export { version } from './version.json';

package/src/mock-builders/DB/consts.ts

@@ -0,0 +1,2 @@
+export const SUCCESSFUL_QUERY_RESULT = { message: 'success', status: 0 };
+export const FAILED_QUERY_RESULT = { message: 'fail', status: 1 };

package/src/mock-builders/DB/mock.ts

@@ -0,0 +1,114 @@
+import Database from 'better-sqlite3';
+
+import { SUCCESSFUL_QUERY_RESULT } from './consts';
+
+import type { PreparedQueries } from '../../store/types';
+
+export let db: Database;
+
+export const sqliteMock = {
+  close: () => {
+    db.close();
+    return {
+      message: '',
+      status: 0,
+    };
+  },
+  executeSql: (dbName: string, queryInput: string, params: any[]) => {
+    const query = queryInput.trim().toLowerCase();
+    const stmt = db.prepare(query);
+    let result = [];
+
+    if (query.indexOf('select') === 0) {
+      if (params) {
+        const modifiedParams = params.map((p) => {
+          if (typeof p == 'boolean') {
+            return Number(p);
+          } else {
+            return p;
+          }
+        });
+        result = stmt.all(modifiedParams);
+      } else {
+        result = stmt.all();
+      }
+
+      return {
+        message: '',
+        rows: {
+          _array: result,
+        },
+        status: 0,
+      };
+    }
+
+    if (query.indexOf('pragma') === 0) {
+      const pragmaQueryTokens = query.split(' ');
+      if (pragmaQueryTokens[2] === '=') {
+        db.pragma(`${pragmaQueryTokens[1]} = ${pragmaQueryTokens[3]}`);
+      } else {
+        result = db.pragma(`${pragmaQueryTokens[1]}`);
+      }
+
+      return {
+        message: '',
+        rows: {
+          _array: result,
+        },
+        status: 0,
+      };
+    }
+
+    // insert or create table query
+    if (params) {
+      stmt.run(params);
+    } else {
+      stmt.run();
+    }
+
+    return {
+      message: '',
+      rows: {
+        _array: result,
+      },
+      status: 0,
+    };
+  },
+  executeSqlBatch: (dbName: string, queriesArr: PreparedQueries[]) => {
+    queriesArr.forEach((queryAndParams) => {
+      const query = queryAndParams[0];
+      const params = queryAndParams[1];
+      const stmt = db.prepare(query);
+      if (params) {
+        const modifiedParams = params.map((p) => {
+          if (typeof p == 'boolean') {
+            return Number(p);
+          } else {
+            return p;
+          }
+        });
+
+        stmt.run(modifiedParams);
+      } else {
+        stmt.run();
+      }
+    });
+
+    return {
+      message: '',
+      staus: 0,
+    };
+  },
+  open: () => {
+    db = new Database('foobar.db');
+    return {
+      message: '',
+      status: 0,
+    };
+  },
+};
+
+export const initializeDBMocking = () => {
+  global.sqlite = sqliteMock;
+};
+export const resetDBMocking = () => (global.sqlite = undefined);

package/src/mock-builders/api/channelMocks.tsx

@@ -176,6 +176,7 @@ const FORMATTED_MESSAGE: FormatMessageResponse<DefaultStreamChatGenerics> = {
   message: {} as unknown as MessageResponse<DefaultStreamChatGenerics>,
   pinned_at: new Date('2021-02-12T12:12:35.862282Z'),
   status: 'received',
+  type: 'regular',
   updated_at: new Date('2021-02-12T12:12:35.862282Z'),
 };
 

package/src/mock-builders/event/memberAdded.js

@@ -0,0 +1,8 @@
+export default (client, member, channel = {}) => {
+  client.dispatchEvent({
+    channel,
+    cid: channel.cid,
+    member,
+    type: 'member.added',
+  });
+};

package/src/mock-builders/event/memberRemoved.js

@@ -0,0 +1,8 @@
+export default (client, member, channel = {}) => {
+  client.dispatchEvent({
+    channel,
+    cid: channel.cid,
+    member,
+    type: 'member.removed',
+  });
+};

package/src/mock-builders/event/memberUpdated.js

@@ -0,0 +1,8 @@
+export default (client, member, channel = {}) => {
+  client.dispatchEvent({
+    channel,
+    cid: channel.cid,
+    member,
+    type: 'member.updated',
+  });
+};

package/src/mock-builders/event/reactionDeleted.js

@@ -0,0 +1,9 @@
+export default (client, reaction, message, channel = {}) => {
+  client.dispatchEvent({
+    channel,
+    cid: channel.cid,
+    message,
+    reaction,
+    type: 'reaction.deleted',
+  });
+};

package/src/mock-builders/event/reactionNew.js

@@ -0,0 +1,9 @@
+export default (client, reaction, message, channel = {}) => {
+  client.dispatchEvent({
+    channel,
+    cid: channel.cid,
+    message,
+    reaction,
+    type: 'reaction.new',
+  });
+};

package/src/mock-builders/event/reactionUpdated.js

@@ -0,0 +1,9 @@
+export default (client, reaction, message, channel = {}) => {
+  client.dispatchEvent({
+    channel,
+    cid: channel.cid,
+    message,
+    reaction,
+    type: 'reaction.updated',
+  });
+};

package/src/mock-builders/generator/reaction.js

@@ -6,7 +6,7 @@ export const generateReaction = (options = {}) => {
     created_at: new Date(),
     type: 'love',
     user,
-    user_id: user.user_id,
+    user_id: user.id,
     ...options,
   };
 };

package/src/store/QuickSqliteClient.ts

@@ -0,0 +1,120 @@
+/* eslint-disable no-underscore-dangle */
+import { DB_LOCATION, DB_NAME, DB_STATUS_ERROR } from './constants';
+import { tables } from './schema';
+import { createCreateTableQuery } from './sqlite-utils/createCreateTableQuery';
+import type { PreparedQueries, Table } from './types';
+
+export class QuickSqliteClient {
+  static dbVersion = 0;
+
+  static dbName = DB_NAME;
+  static dbLocation = DB_LOCATION;
+
+  static getDbVersion = () => this.dbVersion;
+  static setDbVersion = (version: number) => (this.dbVersion = version);
+
+  static openDB = () => {
+    const { message, status } = sqlite.open(this.dbName, this.dbLocation);
+    sqlite.executeSql(this.dbName, `PRAGMA foreign_keys = ON`, []);
+
+    if (status === DB_STATUS_ERROR) {
+      console.error(`Error opening database ${this.dbName}: ${message}`);
+    }
+  };
+
+  static closeDB = () => {
+    const { message, status } = sqlite.open(this.dbName, this.dbLocation);
+
+    if (status === DB_STATUS_ERROR) {
+      console.error(`Error opening database ${this.dbName}: ${message}`);
+    }
+  };
+
+  static executeSqlBatch = (queries: PreparedQueries[]) => {
+    this.openDB();
+
+    const res = sqlite.executeSqlBatch(DB_NAME, queries);
+
+    if (res.status === 1) {
+      console.error(`Query/queries failed: ${res.message} ${JSON.stringify(res)}`);
+    }
+
+    this.closeDB();
+  };
+
+  static executeSql = (query: string, params?: string[]) => {
+    this.openDB();
+
+    const { message, rows, status } = sqlite.executeSql(DB_NAME, query, params);
+
+    this.closeDB();
+
+    if (status === 1) {
+      console.error(`Query/queries failed: ${message}: `, query);
+    }
+
+    return rows ? rows._array : [];
+  };
+
+  static dropTables = () => {
+    const queries: PreparedQueries[] = Object.keys(tables).map((table) => [
+      `DROP TABLE IF EXISTS ${table}`,
+      [],
+    ]);
+
+    this.executeSqlBatch(queries);
+  };
+
+  static deleteDatabase = () => {
+    const { message, status } = sqlite.delete(this.dbName, this.dbLocation);
+    if (status === DB_STATUS_ERROR) {
+      throw new Error(`Error deleting DB: ${message}`);
+    }
+
+    return true;
+  };
+
+  static initializeDatabase = () => {
+    const version = this.getUserPragmaVersion();
+    if (version !== this.dbVersion) {
+      this.dropTables();
+      this.updateUserPragmaVersion(this.dbVersion);
+    }
+    const q = (Object.keys(tables) as Table[]).reduce<PreparedQueries[]>(
+      (queriesSoFar, tableName) => {
+        queriesSoFar.push(...createCreateTableQuery(tableName));
+        return queriesSoFar;
+      },
+      [],
+    );
+
+    this.executeSqlBatch(q);
+  };
+
+  static updateUserPragmaVersion = (version: number) => {
+    this.openDB();
+
+    sqlite.executeSql(DB_NAME, `PRAGMA user_version = ${version}`, []);
+
+    this.closeDB();
+  };
+
+  static getUserPragmaVersion = () => {
+    this.openDB();
+
+    const { message, rows, status } = sqlite.executeSql(DB_NAME, `PRAGMA user_version`, []);
+
+    this.closeDB();
+    if (status === 1) {
+      console.error(`Querying for user_version failed: ${message}`);
+    }
+
+    const result = rows ? rows._array : [];
+    return result[0].user_version as number;
+  };
+
+  static resetDB = () => {
+    this.dropTables();
+    this.initializeDatabase();
+  };
+}

package/src/store/apis/deleteChannel.ts

@@ -0,0 +1,14 @@
+import { QuickSqliteClient } from '../QuickSqliteClient';
+import { createDeleteQuery } from '../sqlite-utils/createDeleteQuery';
+
+export const deleteChannel = ({ cid, flush = true }: { cid: string; flush?: boolean }) => {
+  const query = createDeleteQuery('channels', {
+    cid,
+  });
+
+  if (flush) {
+    QuickSqliteClient.executeSql.apply(null, query);
+  }
+
+  return [query];
+};

package/src/store/apis/deleteMember.ts

@@ -0,0 +1,25 @@
+import type { ChannelMemberResponse } from 'stream-chat';
+
+import { QuickSqliteClient } from '../QuickSqliteClient';
+import { createDeleteQuery } from '../sqlite-utils/createDeleteQuery';
+
+export const deleteMember = ({
+  cid,
+  flush = true,
+  member,
+}: {
+  cid: string;
+  member: ChannelMemberResponse;
+  flush?: boolean;
+}) => {
+  const query = createDeleteQuery('members', {
+    cid,
+    userId: member.user_id,
+  });
+
+  if (flush) {
+    QuickSqliteClient.executeSql.apply(null, query);
+  }
+
+  return [query];
+};

package/src/store/apis/deleteMessagesForChannel.ts

@@ -0,0 +1,19 @@
+import { QuickSqliteClient } from '../QuickSqliteClient';
+import { createDeleteQuery } from '../sqlite-utils/createDeleteQuery';
+
+export const deleteMessagesForChannel = ({
+  cid,
+  flush = true,
+}: {
+  cid: string;
+  flush?: boolean;
+}) => {
+  const query = createDeleteQuery('messages', {
+    cid,
+  });
+  if (flush) {
+    QuickSqliteClient.executeSql.apply(null, query);
+  }
+
+  return [query];
+};

package/src/store/apis/deleteReactions.ts

@@ -0,0 +1,24 @@
+import { QuickSqliteClient } from '../QuickSqliteClient';
+import { createDeleteQuery } from '../sqlite-utils/createDeleteQuery';
+
+export const deleteReactionsForMessage = ({
+  flush = true,
+  messageId,
+}: {
+  messageId: string;
+  flush?: boolean;
+}) => {
+  const query = createDeleteQuery('reactions', {
+    messageId,
+  });
+  if (flush) {
+    QuickSqliteClient.executeSql.apply(
+      null,
+      createDeleteQuery('reactions', {
+        messageId,
+      }),
+    );
+  }
+
+  return [query];
+};

package/src/store/apis/getAllChannelIds.ts

@@ -0,0 +1,7 @@
+import { selectChannels } from './queries/selectChannels';
+
+export const getAllChannelIds = () => {
+  const channels = selectChannels();
+
+  return channels.map((c) => c.cid);
+};