stream-chat-react-native-core 5.5.1-beta.1 → 5.6.0-beta.0

package/src/utils/addReactionToLocalState.ts

@@ -0,0 +1,87 @@
+import type { Channel, ReactionResponse, UserResponse } from 'stream-chat';
+
+import { updateReaction } from '../store/apis';
+import { insertReaction } from '../store/apis/insertReaction';
+
+import type { DefaultStreamChatGenerics } from '../types/types';
+
+export const addReactionToLocalState = <
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
+>({
+  channel,
+  enforceUniqueReaction,
+  messageId,
+  reactionType,
+  user,
+}: {
+  channel: Channel<StreamChatGenerics>;
+  enforceUniqueReaction: boolean;
+  messageId: string;
+  reactionType: string;
+  user: UserResponse<StreamChatGenerics>;
+}) => {
+  const message = channel.state.messages.find(({ id }) => id === messageId);
+
+  if (!message) return;
+
+  const reaction: ReactionResponse = {
+    created_at: new Date().toISOString(),
+    message_id: messageId,
+    type: reactionType,
+    updated_at: new Date().toISOString(),
+    user,
+    user_id: user?.id,
+  };
+
+  const hasOwnReaction = message.own_reactions && message.own_reactions.length > 0;
+  if (!message.own_reactions) {
+    message.own_reactions = [];
+  }
+
+  if (!message.latest_reactions) {
+    message.latest_reactions = [];
+  }
+
+  if (enforceUniqueReaction) {
+    const currentReaction = message.own_reactions[0];
+    message.own_reactions = [];
+    if (!message.latest_reactions) {
+      message.latest_reactions = [];
+    }
+    message.latest_reactions = message.latest_reactions.filter((r) => r.user_id !== user.id);
+    if (currentReaction && message.reaction_counts) {
+      message.reaction_counts[currentReaction.type] =
+        message.reaction_counts[currentReaction.type] - 1;
+    }
+
+    if (!message.reaction_counts) {
+      message.reaction_counts = {
+        [reactionType]: 1,
+      };
+    } else {
+      message.reaction_counts[reactionType] = (message.reaction_counts?.[reactionType] || 0) + 1;
+    }
+  } else {
+    if (!message.reaction_counts) {
+      message.reaction_counts = {
+        [reactionType]: 1,
+      };
+    } else {
+      message.reaction_counts[reactionType] = message.reaction_counts[reactionType] + 1;
+    }
+  }
+
+  message.own_reactions = [...message.own_reactions, reaction];
+  message.latest_reactions = [...message.latest_reactions, reaction];
+
+  if (enforceUniqueReaction && hasOwnReaction) {
+    updateReaction({
+      message,
+      reaction,
+    });
+  } else {
+    insertReaction({
+      reaction,
+    });
+  }
+};

package/src/utils/pendingTaskUtils.ts

@@ -0,0 +1,131 @@
+import type { AxiosError } from 'axios';
+
+import type { APIErrorResponse, StreamChat } from 'stream-chat';
+
+import { addPendingTask } from '../store/apis/addPendingTask';
+import { deletePendingTask } from '../store/apis/deletePendingTask';
+import { getPendingTasks } from '../store/apis/getPendingTasks';
+import type { PendingTask } from '../store/types';
+import type { DefaultStreamChatGenerics } from '../types/types';
+
+export const queueTask = async <
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
+>({
+  client,
+  task,
+}: {
+  client: StreamChat<StreamChatGenerics>;
+  task: PendingTask;
+}) => {
+  const removeFromApi = addPendingTask(task);
+
+  let response;
+  try {
+    response = await executeTask<StreamChatGenerics>({ client, task });
+  } catch (e) {
+    if ((e as AxiosError<APIErrorResponse>)?.response?.data?.code === 4) {
+      // Error code 16 - message already exists
+      // ignore
+    } else {
+      throw e;
+    }
+  }
+
+  removeFromApi();
+
+  return response;
+};
+
+const executeTask = async <
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
+>({
+  client,
+  task,
+}: {
+  client: StreamChat<StreamChatGenerics>;
+  task: PendingTask;
+}) => {
+  const channel = client.channel(task.channelType, task.channelId);
+
+  if (task.type === 'send-reaction') {
+    return await channel.sendReaction(...task.payload);
+  }
+
+  if (task.type === 'delete-reaction') {
+    return await channel.deleteReaction(...task.payload);
+  }
+
+  if (task.type === 'delete-message') {
+    return await client.deleteMessage(...task.payload);
+  }
+
+  if (task.type === 'send-message') {
+    const message = task.payload[0];
+    if (message.attachments?.length) {
+      for (let i = 0; i < message.attachments?.length; i++) {
+        const attachment = message.attachments[i];
+        if (attachment.type === 'image' && attachment.image_url) {
+          const response = await channel.sendImage(attachment.image_url);
+          attachment.image_url = response.file;
+        }
+
+        if (
+          (attachment.type === 'file' ||
+            attachment.type === 'audio' ||
+            attachment.type === 'video') &&
+          attachment.asset_url
+        ) {
+          const response = await channel.sendFile(attachment.asset_url);
+          attachment.asset_url = response.file;
+        }
+      }
+    }
+
+    return await channel.sendMessage(...task.payload);
+  }
+
+  throw new Error('Invalid task type');
+};
+
+const restBeforeNextTask = () => new Promise((resolve) => setTimeout(resolve, 500));
+export const executePendingTasks = async <
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
+>(
+  client: StreamChat<StreamChatGenerics>,
+) => {
+  const queue = getPendingTasks();
+  for (const task of queue) {
+    if (!task.id) continue;
+
+    try {
+      await executeTask<StreamChatGenerics>({
+        client,
+        task,
+      });
+    } catch (e) {
+      if ((e as AxiosError<APIErrorResponse>)?.response?.data?.code === 4) {
+        // Error code 16 - message already exists
+        // ignore
+      } else {
+        throw e;
+      }
+    }
+
+    deletePendingTask({
+      id: task.id,
+    });
+    await restBeforeNextTask();
+  }
+};
+
+export const dropPendingTasks = (conditions: { messageId: string }) => {
+  const tasks = getPendingTasks(conditions);
+
+  for (const task of tasks) {
+    if (!task.id) continue;
+
+    deletePendingTask({
+      id: task.id,
+    });
+  }
+};

package/src/utils/removeReactionFromLocalState.ts

@@ -0,0 +1,39 @@
+import type { Channel, UserResponse } from 'stream-chat';
+
+import { deleteReaction } from '../store/apis/deleteReaction';
+
+import type { DefaultStreamChatGenerics } from '../types/types';
+
+export const removeReactionFromLocalState = <
+  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
+>({
+  channel,
+  messageId,
+  reactionType,
+  user,
+}: {
+  channel: Channel<StreamChatGenerics>;
+  messageId: string;
+  reactionType: string;
+  user: UserResponse<StreamChatGenerics>;
+}) => {
+  const message = channel.state.messages.find(({ id }) => id === messageId);
+  if (!message || !channel?.id || !user?.id) return;
+
+  message.own_reactions = message.own_reactions?.filter(
+    (reaction) => reaction.type !== reactionType,
+  );
+  message.latest_reactions = message.latest_reactions?.filter(
+    (r) => !(r.user_id === user?.id && r.type === reactionType),
+  );
+
+  if (message.reaction_counts?.[reactionType] && message.reaction_counts?.[reactionType] > 0) {
+    message.reaction_counts[reactionType] = message.reaction_counts[reactionType] - 1;
+  }
+
+  deleteReaction({
+    messageId,
+    reactionType,
+    userId: user.id,
+  });
+};

package/src/utils/utils.ts

@@ -21,7 +21,7 @@ import type {
 } from '../contexts/suggestionsContext/SuggestionsContext';
 import { compiledEmojis, Emoji } from '../emoji-data/compiled';
 import type { IconProps } from '../icons/utils/base';
-import type { DefaultStreamChatGenerics } from '../types/types';
+import type { DefaultStreamChatGenerics, ValueOf } from '../types/types';
 
 export type ReactionData = {
   Icon: React.FC<IconProps>;
@@ -59,14 +59,20 @@ export const MessageStatusTypes = {
 
 export type FileStateValue = typeof FileState[keyof typeof FileState];
 
-type ValueOf<T> = T[keyof T];
 type Progress = ValueOf<typeof ProgressIndicatorTypes>;
 type IndicatorStatesMap = Record<ValueOf<typeof FileState>, Progress | null>;
 
-export const getIndicatorTypeForFileState = (fileState: FileStateValue): Progress | null => {
+export const getIndicatorTypeForFileState = (
+  fileState: FileStateValue,
+  isOnline: boolean,
+  enableOfflineSupport: boolean,
+): Progress | null => {
   const indicatorMap: IndicatorStatesMap = {
     [FileState.UPLOADING]: ProgressIndicatorTypes.IN_PROGRESS,
-    [FileState.UPLOAD_FAILED]: ProgressIndicatorTypes.RETRY,
+    [FileState.UPLOAD_FAILED]:
+      !isOnline && enableOfflineSupport
+        ? ProgressIndicatorTypes.INACTIVE
+        : ProgressIndicatorTypes.RETRY,
     [FileState.NOT_SUPPORTED]: ProgressIndicatorTypes.NOT_SUPPORTED,
     [FileState.UPLOADED]: ProgressIndicatorTypes.INACTIVE,
     [FileState.FINISHED]: ProgressIndicatorTypes.INACTIVE,
@@ -510,6 +516,8 @@ export const getUrlWithoutParams = (url?: string) => {
   return url.substring(0, url.indexOf('?'));
 };
 
+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;

package/src/version.json

@@ -1,3 +1,3 @@
 {
-  "version": "5.5.1-beta.1"
+  "version": "5.6.0-beta.0"
 }

package/lib/commonjs/components/Chat/hooks/useConnectionRecovered.js

@@ -1,171 +0,0 @@
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useConnectionRecovered = void 0;
-
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _react = require("react");
-
-var _handleEventToSyncDB = require("./handleEventToSyncDB");
-
-var _getAllChannelIds = require("../../../store/apis/getAllChannelIds");
-
-var _getLastSyncedAt = require("../../../store/apis/getLastSyncedAt");
-
-var _upsertLastSyncedAt = require("../../../store/apis/upsertLastSyncedAt");
-
-var _QuickSqliteClient = require("../../../store/QuickSqliteClient");
-
-var useConnectionRecovered = function useConnectionRecovered(_ref) {
-  var client = _ref.client,
-      enableOfflineSupport = _ref.enableOfflineSupport;
-
-  var _useState = (0, _react.useState)([]),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      connectionRecoveredCallbacks = _useState2[0],
-      setConnectionRecoveredCallbacks = _useState2[1];
-
-  (0, _react.useEffect)(function () {
-    var sync = function () {
-      var _ref2 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee() {
-        var lastSyncedAt, cids, result, queries;
-        return _regenerator["default"].wrap(function _callee$(_context) {
-          while (1) {
-            switch (_context.prev = _context.next) {
-              case 0:
-                if (client != null && client.user) {
-                  _context.next = 2;
-                  break;
-                }
-
-                return _context.abrupt("return");
-
-              case 2:
-                lastSyncedAt = (0, _getLastSyncedAt.getLastSyncedAt)({
-                  currentUserId: client.user.id
-                });
-                cids = (0, _getAllChannelIds.getAllChannelIds)();
-
-                if (!(lastSyncedAt && cids != null && cids.length)) {
-                  _context.next = 16;
-                  break;
-                }
-
-                _context.prev = 5;
-                _context.next = 8;
-                return client.sync(cids, new Date(lastSyncedAt).toISOString());
-
-              case 8:
-                result = _context.sent;
-                queries = result.events.reduce(function (queries, event) {
-                  queries = queries.concat((0, _handleEventToSyncDB.handleEventToSyncDB)(event, false));
-                  return queries;
-                }, []);
-
-                if (queries.length) {
-                  _QuickSqliteClient.QuickSqliteClient.executeSqlBatch(queries);
-                }
-
-                _context.next = 16;
-                break;
-
-              case 13:
-                _context.prev = 13;
-                _context.t0 = _context["catch"](5);
-
-                _QuickSqliteClient.QuickSqliteClient.resetDB();
-
-              case 16:
-                (0, _upsertLastSyncedAt.upsertLastSyncedAt)({
-                  currentUserId: client.user.id,
-                  lastSyncedAt: new Date().toString()
-                });
-
-              case 17:
-              case "end":
-                return _context.stop();
-            }
-          }
-        }, _callee, null, [[5, 13]]);
-      }));
-
-      return function sync() {
-        return _ref2.apply(this, arguments);
-      };
-    }();
-
-    var handleEvent = function () {
-      var _ref3 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee2(event) {
-        return _regenerator["default"].wrap(function _callee2$(_context2) {
-          while (1) {
-            switch (_context2.prev = _context2.next) {
-              case 0:
-                if (!enableOfflineSupport) {
-                  _context2.next = 3;
-                  break;
-                }
-
-                _context2.next = 3;
-                return sync();
-
-              case 3:
-                connectionRecoveredCallbacks.forEach(function (c) {
-                  return c(event);
-                });
-
-              case 4:
-              case "end":
-                return _context2.stop();
-            }
-          }
-        }, _callee2);
-      }));
-
-      return function handleEvent(_x) {
-        return _ref3.apply(this, arguments);
-      };
-    }();
-
-    var connectionChangedListener;
-
-    if (client) {
-      connectionChangedListener = client.on('connection.changed', function (event) {
-        if (event.online) {
-          handleEvent(event);
-        }
-      });
-    }
-
-    return function () {
-      var _connectionChangedLis;
-
-      (_connectionChangedLis = connectionChangedListener) == null ? void 0 : _connectionChangedLis.unsubscribe == null ? void 0 : _connectionChangedLis.unsubscribe();
-    };
-  }, [client, connectionRecoveredCallbacks.length]);
-  return {
-    subscribeConnectionRecoveredCallback: function subscribeConnectionRecoveredCallback(listener) {
-      setConnectionRecoveredCallbacks(function (callbacks) {
-        return [].concat((0, _toConsumableArray2["default"])(callbacks), [listener]);
-      });
-      return function () {
-        setConnectionRecoveredCallbacks(function (callbacks) {
-          return callbacks.filter(function (el) {
-            return el !== listener;
-          });
-        });
-      };
-    }
-  };
-};
-
-exports.useConnectionRecovered = useConnectionRecovered;
-//# sourceMappingURL=useConnectionRecovered.js.map

package/lib/commonjs/components/Chat/hooks/useConnectionRecovered.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["useConnectionRecovered.ts"],"names":["useConnectionRecovered","client","enableOfflineSupport","connectionRecoveredCallbacks","setConnectionRecoveredCallbacks","sync","user","lastSyncedAt","currentUserId","id","cids","length","Date","toISOString","result","queries","events","reduce","event","concat","QuickSqliteClient","executeSqlBatch","resetDB","toString","handleEvent","forEach","c","connectionChangedListener","on","online","unsubscribe","subscribeConnectionRecoveredCallback","listener","callbacks","filter","el"],"mappings":";;;;;;;;;;;;;;;AAAA;;AAIA;;AAEA;;AACA;;AACA;;AACA;;AASO,IAAMA,sBAAsB,GAAG,SAAzBA,sBAAyB,OAKJ;AAAA,MAFhCC,MAEgC,QAFhCA,MAEgC;AAAA,MADhCC,oBACgC,QADhCA,oBACgC;;AAChC,kBAAwE,qBAEtE,EAFsE,CAAxE;AAAA;AAAA,MAAOC,4BAAP;AAAA,MAAqCC,+BAArC;;AAIA,wBAAU,YAAM;AACd,QAAMC,IAAI;AAAA,kFAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBACNJ,MADM,YACNA,MAAM,CAAEK,IADF;AAAA;AAAA;AAAA;;AAAA;;AAAA;AAGLC,gBAAAA,YAHK,GAGU,sCAAgB;AACnCC,kBAAAA,aAAa,EAAEP,MAAM,CAACK,IAAP,CAAYG;AADQ,iBAAhB,CAHV;AAMLC,gBAAAA,IANK,GAME,yCANF;;AAAA,sBAQPH,YAAY,IAAIG,IAAJ,YAAIA,IAAI,CAAEC,MARf;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA,uBAUcV,MAAM,CAACI,IAAP,CAAYK,IAAZ,EAAkB,IAAIE,IAAJ,CAASL,YAAT,EAAuBM,WAAvB,EAAlB,CAVd;;AAAA;AAUDC,gBAAAA,MAVC;AAWDC,gBAAAA,OAXC,GAWSD,MAAM,CAACE,MAAP,CAAcC,MAAd,CAAwC,UAACF,OAAD,EAAUG,KAAV,EAAoB;AAC1EH,kBAAAA,OAAO,GAAGA,OAAO,CAACI,MAAR,CAAe,8CAAoBD,KAApB,EAA2B,KAA3B,CAAf,CAAV;AACA,yBAAOH,OAAP;AACD,iBAHe,EAGb,EAHa,CAXT;;AAgBP,oBAAIA,OAAO,CAACJ,MAAZ,EAAoB;AAClBS,uDAAkBC,eAAlB,CAAkCN,OAAlC;AACD;;AAlBM;AAAA;;AAAA;AAAA;AAAA;;AAqBPK,qDAAkBE,OAAlB;;AArBO;AAwBX,4DAAmB;AACjBd,kBAAAA,aAAa,EAAEP,MAAM,CAACK,IAAP,CAAYG,EADV;AAEjBF,kBAAAA,YAAY,EAAE,IAAIK,IAAJ,GAAWW,QAAX;AAFG,iBAAnB;;AAxBW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAAH;;AAAA,sBAAJlB,IAAI;AAAA;AAAA;AAAA,OAAV;;AA8BA,QAAMmB,WAAW;AAAA,kFAAG,kBAAON,KAAP;AAAA;AAAA;AAAA;AAAA;AAAA,qBACdhB,oBADc;AAAA;AAAA;AAAA;;AAAA;AAAA,uBAEVG,IAAI,EAFM;;AAAA;AAKlBF,gBAAAA,4BAA4B,CAACsB,OAA7B,CAAqC,UAACC,CAAD;AAAA,yBAAOA,CAAC,CAACR,KAAD,CAAR;AAAA,iBAArC;;AALkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAAH;;AAAA,sBAAXM,WAAW;AAAA;AAAA;AAAA,OAAjB;;AAQA,QAAIG,yBAAJ;;AAEA,QAAI1B,MAAJ,EAAY;AACV0B,MAAAA,yBAAyB,GAAG1B,MAAM,CAAC2B,EAAP,CAAU,oBAAV,EAAgC,UAACV,KAAD,EAAW;AACrE,YAAIA,KAAK,CAACW,MAAV,EAAkB;AAChBL,UAAAA,WAAW,CAACN,KAAD,CAAX;AACD;AACF,OAJ2B,CAA5B;AAKD;;AAED,WAAO,YAAM;AAAA;;AACX,+BAAAS,yBAAyB,SAAzB,kCAA2BG,WAA3B,0CAA2BA,WAA3B;AACD,KAFD;AAGD,GApDD,EAoDG,CAAC7B,MAAD,EAASE,4BAA4B,CAACQ,MAAtC,CApDH;AAsDA,SAAO;AACLoB,IAAAA,oCAAoC,EAAE,8CAACC,QAAD,EAAgD;AACpF5B,MAAAA,+BAA+B,CAAC,UAAC6B,SAAD;AAAA,6DAAmBA,SAAnB,IAA8BD,QAA9B;AAAA,OAAD,CAA/B;AAEA,aAAO,YAAM;AACX5B,QAAAA,+BAA+B,CAAC,UAAC6B,SAAD;AAAA,iBAAeA,SAAS,CAACC,MAAV,CAAiB,UAACC,EAAD;AAAA,mBAAQA,EAAE,KAAKH,QAAf;AAAA,WAAjB,CAAf;AAAA,SAAD,CAA/B;AACD,OAFD;AAGD;AAPI,GAAP;AASD,CAzEM","sourcesContent":["import { useEffect, useState } from 'react';\n\nimport type { Event, EventHandler, StreamChat } from 'stream-chat';\n\nimport { handleEventToSyncDB } from './handleEventToSyncDB';\n\nimport { getAllChannelIds } from '../../../store/apis/getAllChannelIds';\nimport { getLastSyncedAt } from '../../../store/apis/getLastSyncedAt';\nimport { upsertLastSyncedAt } from '../../../store/apis/upsertLastSyncedAt';\nimport { QuickSqliteClient } from '../../../store/QuickSqliteClient';\nimport type { PreparedQueries } from '../../../store/types';\nimport type { DefaultStreamChatGenerics } from '../../../types/types';\n\ntype Params<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = {\n  client: StreamChat<StreamChatGenerics>;\n  enableOfflineSupport: boolean;\n};\n\nexport const useConnectionRecovered = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>({\n  client,\n  enableOfflineSupport,\n}: Params<StreamChatGenerics>) => {\n  const [connectionRecoveredCallbacks, setConnectionRecoveredCallbacks] = useState<\n    EventHandler<StreamChatGenerics>[]\n  >([]);\n\n  useEffect(() => {\n    const sync = async () => {\n      if (!client?.user) return;\n\n      const lastSyncedAt = getLastSyncedAt({\n        currentUserId: client.user.id,\n      });\n      const cids = getAllChannelIds();\n\n      if (lastSyncedAt && cids?.length) {\n        try {\n          const result = await client.sync(cids, new Date(lastSyncedAt).toISOString());\n          const queries = result.events.reduce<PreparedQueries[]>((queries, event) => {\n            queries = queries.concat(handleEventToSyncDB(event, false));\n            return queries;\n          }, []);\n\n          if (queries.length) {\n            QuickSqliteClient.executeSqlBatch(queries);\n          }\n        } catch (e) {\n          // do nothing\n          QuickSqliteClient.resetDB();\n        }\n      }\n      upsertLastSyncedAt({\n        currentUserId: client.user.id,\n        lastSyncedAt: new Date().toString(),\n      });\n    };\n\n    const handleEvent = async (event: Event<StreamChatGenerics>) => {\n      if (enableOfflineSupport) {\n        await sync();\n      }\n\n      connectionRecoveredCallbacks.forEach((c) => c(event));\n    };\n\n    let connectionChangedListener: ReturnType<StreamChat['on']>;\n\n    if (client) {\n      connectionChangedListener = client.on('connection.changed', (event) => {\n        if (event.online) {\n          handleEvent(event);\n        }\n      });\n    }\n\n    return () => {\n      connectionChangedListener?.unsubscribe?.();\n    };\n  }, [client, connectionRecoveredCallbacks.length]);\n\n  return {\n    subscribeConnectionRecoveredCallback: (listener: EventHandler<StreamChatGenerics>) => {\n      setConnectionRecoveredCallbacks((callbacks) => [...callbacks, listener]);\n\n      return () => {\n        setConnectionRecoveredCallbacks((callbacks) => callbacks.filter((el) => el !== listener));\n      };\n    },\n  };\n};\n"]}

package/lib/module/components/Chat/hooks/useConnectionRecovered.js

@@ -1,171 +0,0 @@
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useConnectionRecovered = void 0;
-
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _react = require("react");
-
-var _handleEventToSyncDB = require("./handleEventToSyncDB");
-
-var _getAllChannelIds = require("../../../store/apis/getAllChannelIds");
-
-var _getLastSyncedAt = require("../../../store/apis/getLastSyncedAt");
-
-var _upsertLastSyncedAt = require("../../../store/apis/upsertLastSyncedAt");
-
-var _QuickSqliteClient = require("../../../store/QuickSqliteClient");
-
-var useConnectionRecovered = function useConnectionRecovered(_ref) {
-  var client = _ref.client,
-      enableOfflineSupport = _ref.enableOfflineSupport;
-
-  var _useState = (0, _react.useState)([]),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      connectionRecoveredCallbacks = _useState2[0],
-      setConnectionRecoveredCallbacks = _useState2[1];
-
-  (0, _react.useEffect)(function () {
-    var sync = function () {
-      var _ref2 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee() {
-        var lastSyncedAt, cids, result, queries;
-        return _regenerator["default"].wrap(function _callee$(_context) {
-          while (1) {
-            switch (_context.prev = _context.next) {
-              case 0:
-                if (client != null && client.user) {
-                  _context.next = 2;
-                  break;
-                }
-
-                return _context.abrupt("return");
-
-              case 2:
-                lastSyncedAt = (0, _getLastSyncedAt.getLastSyncedAt)({
-                  currentUserId: client.user.id
-                });
-                cids = (0, _getAllChannelIds.getAllChannelIds)();
-
-                if (!(lastSyncedAt && cids != null && cids.length)) {
-                  _context.next = 16;
-                  break;
-                }
-
-                _context.prev = 5;
-                _context.next = 8;
-                return client.sync(cids, new Date(lastSyncedAt).toISOString());
-
-              case 8:
-                result = _context.sent;
-                queries = result.events.reduce(function (queries, event) {
-                  queries = queries.concat((0, _handleEventToSyncDB.handleEventToSyncDB)(event, false));
-                  return queries;
-                }, []);
-
-                if (queries.length) {
-                  _QuickSqliteClient.QuickSqliteClient.executeSqlBatch(queries);
-                }
-
-                _context.next = 16;
-                break;
-
-              case 13:
-                _context.prev = 13;
-                _context.t0 = _context["catch"](5);
-
-                _QuickSqliteClient.QuickSqliteClient.resetDB();
-
-              case 16:
-                (0, _upsertLastSyncedAt.upsertLastSyncedAt)({
-                  currentUserId: client.user.id,
-                  lastSyncedAt: new Date().toString()
-                });
-
-              case 17:
-              case "end":
-                return _context.stop();
-            }
-          }
-        }, _callee, null, [[5, 13]]);
-      }));
-
-      return function sync() {
-        return _ref2.apply(this, arguments);
-      };
-    }();
-
-    var handleEvent = function () {
-      var _ref3 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee2(event) {
-        return _regenerator["default"].wrap(function _callee2$(_context2) {
-          while (1) {
-            switch (_context2.prev = _context2.next) {
-              case 0:
-                if (!enableOfflineSupport) {
-                  _context2.next = 3;
-                  break;
-                }
-
-                _context2.next = 3;
-                return sync();
-
-              case 3:
-                connectionRecoveredCallbacks.forEach(function (c) {
-                  return c(event);
-                });
-
-              case 4:
-              case "end":
-                return _context2.stop();
-            }
-          }
-        }, _callee2);
-      }));
-
-      return function handleEvent(_x) {
-        return _ref3.apply(this, arguments);
-      };
-    }();
-
-    var connectionChangedListener;
-
-    if (client) {
-      connectionChangedListener = client.on('connection.changed', function (event) {
-        if (event.online) {
-          handleEvent(event);
-        }
-      });
-    }
-
-    return function () {
-      var _connectionChangedLis;
-
-      (_connectionChangedLis = connectionChangedListener) == null ? void 0 : _connectionChangedLis.unsubscribe == null ? void 0 : _connectionChangedLis.unsubscribe();
-    };
-  }, [client, connectionRecoveredCallbacks.length]);
-  return {
-    subscribeConnectionRecoveredCallback: function subscribeConnectionRecoveredCallback(listener) {
-      setConnectionRecoveredCallbacks(function (callbacks) {
-        return [].concat((0, _toConsumableArray2["default"])(callbacks), [listener]);
-      });
-      return function () {
-        setConnectionRecoveredCallbacks(function (callbacks) {
-          return callbacks.filter(function (el) {
-            return el !== listener;
-          });
-        });
-      };
-    }
-  };
-};
-
-exports.useConnectionRecovered = useConnectionRecovered;
-//# sourceMappingURL=useConnectionRecovered.js.map

package/lib/module/components/Chat/hooks/useConnectionRecovered.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["useConnectionRecovered.ts"],"names":["useConnectionRecovered","client","enableOfflineSupport","connectionRecoveredCallbacks","setConnectionRecoveredCallbacks","sync","user","lastSyncedAt","currentUserId","id","cids","length","Date","toISOString","result","queries","events","reduce","event","concat","QuickSqliteClient","executeSqlBatch","resetDB","toString","handleEvent","forEach","c","connectionChangedListener","on","online","unsubscribe","subscribeConnectionRecoveredCallback","listener","callbacks","filter","el"],"mappings":"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","sourcesContent":["import { useEffect, useState } from 'react';\n\nimport type { Event, EventHandler, StreamChat } from 'stream-chat';\n\nimport { handleEventToSyncDB } from './handleEventToSyncDB';\n\nimport { getAllChannelIds } from '../../../store/apis/getAllChannelIds';\nimport { getLastSyncedAt } from '../../../store/apis/getLastSyncedAt';\nimport { upsertLastSyncedAt } from '../../../store/apis/upsertLastSyncedAt';\nimport { QuickSqliteClient } from '../../../store/QuickSqliteClient';\nimport type { PreparedQueries } from '../../../store/types';\nimport type { DefaultStreamChatGenerics } from '../../../types/types';\n\ntype Params<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = {\n  client: StreamChat<StreamChatGenerics>;\n  enableOfflineSupport: boolean;\n};\n\nexport const useConnectionRecovered = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>({\n  client,\n  enableOfflineSupport,\n}: Params<StreamChatGenerics>) => {\n  const [connectionRecoveredCallbacks, setConnectionRecoveredCallbacks] = useState<\n    EventHandler<StreamChatGenerics>[]\n  >([]);\n\n  useEffect(() => {\n    const sync = async () => {\n      if (!client?.user) return;\n\n      const lastSyncedAt = getLastSyncedAt({\n        currentUserId: client.user.id,\n      });\n      const cids = getAllChannelIds();\n\n      if (lastSyncedAt && cids?.length) {\n        try {\n          const result = await client.sync(cids, new Date(lastSyncedAt).toISOString());\n          const queries = result.events.reduce<PreparedQueries[]>((queries, event) => {\n            queries = queries.concat(handleEventToSyncDB(event, false));\n            return queries;\n          }, []);\n\n          if (queries.length) {\n            QuickSqliteClient.executeSqlBatch(queries);\n          }\n        } catch (e) {\n          // do nothing\n          QuickSqliteClient.resetDB();\n        }\n      }\n      upsertLastSyncedAt({\n        currentUserId: client.user.id,\n        lastSyncedAt: new Date().toString(),\n      });\n    };\n\n    const handleEvent = async (event: Event<StreamChatGenerics>) => {\n      if (enableOfflineSupport) {\n        await sync();\n      }\n\n      connectionRecoveredCallbacks.forEach((c) => c(event));\n    };\n\n    let connectionChangedListener: ReturnType<StreamChat['on']>;\n\n    if (client) {\n      connectionChangedListener = client.on('connection.changed', (event) => {\n        if (event.online) {\n          handleEvent(event);\n        }\n      });\n    }\n\n    return () => {\n      connectionChangedListener?.unsubscribe?.();\n    };\n  }, [client, connectionRecoveredCallbacks.length]);\n\n  return {\n    subscribeConnectionRecoveredCallback: (listener: EventHandler<StreamChatGenerics>) => {\n      setConnectionRecoveredCallbacks((callbacks) => [...callbacks, listener]);\n\n      return () => {\n        setConnectionRecoveredCallbacks((callbacks) => callbacks.filter((el) => el !== listener));\n      };\n    },\n  };\n};\n"]}