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

package/lib/commonjs/components/ChannelList/hooks/listeners/handleEventToSyncDB.js

@@ -0,0 +1,187 @@
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.handleEventToSyncDB = void 0;
+
+var _deleteChannel = require("../../../../store/apis/deleteChannel");
+
+var _deleteMember = require("../../../../store/apis/deleteMember");
+
+var _deleteMessagesForChannel = require("../../../../store/apis/deleteMessagesForChannel");
+
+var _updateMessage = require("../../../../store/apis/updateMessage");
+
+var _upsertChannelData = require("../../../../store/apis/upsertChannelData");
+
+var _upsertChannels = require("../../../../store/apis/upsertChannels");
+
+var _upsertMembers = require("../../../../store/apis/upsertMembers");
+
+var _upsertMessages = require("../../../../store/apis/upsertMessages");
+
+var _upsertReads = require("../../../../store/apis/upsertReads");
+
+var handleEventToSyncDB = function handleEventToSyncDB(event, flush) {
+  var type = event.type;
+
+  if (type === 'message.read') {
+    var _event$user;
+
+    if ((_event$user = event.user) != null && _event$user.id && event.cid) {
+      return (0, _upsertReads.upsertReads)({
+        cid: event.cid,
+        flush: flush,
+        reads: [{
+          last_read: event.received_at,
+          unread_messages: 0,
+          user: event.user
+        }]
+      });
+    }
+  }
+
+  if (type === 'message.new') {
+    if (event.message && !event.message.parent_id) {
+      return (0, _upsertMessages.upsertMessages)({
+        flush: flush,
+        messages: [event.message]
+      });
+    }
+  }
+
+  if (type === 'message.updated' || type === 'message.deleted') {
+    if (event.message && !event.message.parent_id) {
+      return (0, _updateMessage.updateMessage)({
+        flush: flush,
+        message: event.message
+      });
+    }
+  }
+
+  if (type === 'reaction.updated') {
+    if (event.message && event.reaction) {
+      (0, _updateMessage.updateMessage)({
+        flush: flush,
+        message: event.message
+      });
+    }
+  }
+
+  if (type === 'reaction.new' || type === 'reaction.deleted') {
+    if (event.message && !event.message.parent_id) {
+      return (0, _updateMessage.updateMessage)({
+        flush: flush,
+        message: event.message
+      });
+    }
+  }
+
+  if (type === 'channel.updated') {
+    if (event.channel) {
+      return (0, _upsertChannelData.upsertChannelData)({
+        channel: event.channel,
+        flush: flush
+      });
+    }
+  }
+
+  if (type === 'channel.hidden') {
+    if (event.channel) {
+      return (0, _deleteChannel.deleteChannel)({
+        cid: event.channel.cid,
+        flush: flush
+      });
+    }
+  }
+
+  if (type === 'channel.visible') {
+    if (event.channel) {
+      return (0, _upsertChannelData.upsertChannelData)({
+        channel: event.channel,
+        flush: flush
+      });
+    }
+  }
+
+  if (type === 'channel.truncated') {
+    if (event.channel) {
+      return (0, _deleteMessagesForChannel.deleteMessagesForChannel)({
+        cid: event.channel.cid,
+        flush: flush
+      });
+    }
+  }
+
+  if (type === 'channel.deleted') {
+    if (event.channel) {
+      return (0, _deleteChannel.deleteChannel)({
+        cid: event.channel.cid,
+        flush: flush
+      });
+    }
+  }
+
+  if (type === 'channels.queried') {
+    if (event.queriedChannels) {
+      var _event$queriedChannel, _event$queriedChannel2;
+
+      return (0, _upsertChannels.upsertChannels)({
+        channels: (_event$queriedChannel = event.queriedChannels) == null ? void 0 : _event$queriedChannel.channels,
+        flush: flush,
+        isLatestMessagesSet: (_event$queriedChannel2 = event.queriedChannels) == null ? void 0 : _event$queriedChannel2.isLatestMessageSet
+      });
+    }
+  }
+
+  if (type === 'member.added' || type === 'member.updated') {
+    if (event.member && event.cid) {
+      return (0, _upsertMembers.upsertMembers)({
+        cid: event.cid,
+        flush: flush,
+        members: [event.member]
+      });
+    }
+  }
+
+  if (type === 'member.removed') {
+    if (event.member && event.cid) {
+      return (0, _deleteMember.deleteMember)({
+        cid: event.cid,
+        flush: flush,
+        member: event.member
+      });
+    }
+  }
+
+  if (type === 'notification.added_to_channel') {
+    if (event.channel) {
+      return (0, _upsertChannelData.upsertChannelData)({
+        channel: event.channel,
+        flush: flush
+      });
+    }
+  }
+
+  if (type === 'notification.removed_from_channel') {
+    if (event.channel) {
+      return (0, _deleteChannel.deleteChannel)({
+        cid: event.channel.cid,
+        flush: flush
+      });
+    }
+  }
+
+  if (type === 'notification.message_new') {
+    if (event.channel) {
+      return (0, _upsertChannelData.upsertChannelData)({
+        channel: event.channel,
+        flush: flush
+      });
+    }
+  }
+
+  return [];
+};
+
+exports.handleEventToSyncDB = handleEventToSyncDB;
+//# sourceMappingURL=handleEventToSyncDB.js.map

package/lib/commonjs/components/ChannelList/hooks/listeners/handleEventToSyncDB.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["handleEventToSyncDB.ts"],"names":["handleEventToSyncDB","event","flush","type","user","id","cid","reads","last_read","received_at","unread_messages","message","parent_id","messages","reaction","channel","queriedChannels","channels","isLatestMessagesSet","isLatestMessageSet","member","members"],"mappings":"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","sourcesContent":["import type { Event } from 'stream-chat';\n\nimport { deleteChannel } from '../../../../store/apis/deleteChannel';\nimport { deleteMember } from '../../../../store/apis/deleteMember';\nimport { deleteMessagesForChannel } from '../../../../store/apis/deleteMessagesForChannel';\nimport { updateMessage } from '../../../../store/apis/updateMessage';\nimport { upsertChannelData } from '../../../../store/apis/upsertChannelData';\nimport { upsertChannels } from '../../../../store/apis/upsertChannels';\nimport { upsertMembers } from '../../../../store/apis/upsertMembers';\nimport { upsertMessages } from '../../../../store/apis/upsertMessages';\nimport { upsertReads } from '../../../../store/apis/upsertReads';\n\nexport const handleEventToSyncDB = (event: Event, flush?: boolean) => {\n  const { type } = event;\n\n  if (type === 'message.read') {\n    if (event.user?.id && event.cid) {\n      return upsertReads({\n        cid: event.cid,\n        flush,\n        reads: [\n          {\n            last_read: event.received_at as string,\n            unread_messages: 0,\n            user: event.user,\n          },\n        ],\n      });\n    }\n  }\n\n  if (type === 'message.new') {\n    if (event.message && !event.message.parent_id) {\n      return upsertMessages({\n        flush,\n        messages: [event.message],\n      });\n    }\n  }\n\n  if (type === 'message.updated' || type === 'message.deleted') {\n    if (event.message && !event.message.parent_id) {\n      // Update only if it exists, otherwise event could be related\n      // to a message which is not related to existing messages with database.\n      return updateMessage({\n        flush,\n        message: event.message,\n      });\n    }\n  }\n  if (type === 'reaction.updated') {\n    if (event.message && event.reaction) {\n      updateMessage({\n        flush,\n        message: event.message,\n      });\n    }\n  }\n\n  if (type === 'reaction.new' || type === 'reaction.deleted') {\n    if (event.message && !event.message.parent_id) {\n      // Here we are relying on the fact message.latest_reactions always includes\n      // the new reaction. So we first delete all the existing reactions and populate\n      // the reactions table with message.latest_reactions\n      return updateMessage({\n        flush,\n        message: event.message,\n      });\n    }\n  }\n\n  if (type === 'channel.updated') {\n    if (event.channel) {\n      return upsertChannelData({\n        channel: event.channel,\n        flush,\n      });\n    }\n  }\n\n  if (type === 'channel.hidden') {\n    if (event.channel) {\n      return deleteChannel({\n        cid: event.channel.cid,\n        flush,\n      });\n    }\n  }\n\n  if (type === 'channel.visible') {\n    if (event.channel) {\n      return upsertChannelData({\n        channel: event.channel,\n        flush,\n      });\n    }\n  }\n\n  if (type === 'channel.truncated') {\n    if (event.channel) {\n      return deleteMessagesForChannel({\n        cid: event.channel.cid,\n        flush,\n      });\n    }\n  }\n\n  if (type === 'channel.deleted') {\n    if (event.channel) {\n      return deleteChannel({\n        cid: event.channel.cid,\n        flush,\n      });\n    }\n  }\n\n  if (type === 'channels.queried') {\n    if (event.queriedChannels) {\n      return upsertChannels({\n        channels: event.queriedChannels?.channels,\n        flush,\n        isLatestMessagesSet: event.queriedChannels?.isLatestMessageSet,\n      });\n    }\n  }\n\n  if (type === 'member.added' || type === 'member.updated') {\n    if (event.member && event.cid) {\n      return upsertMembers({\n        cid: event.cid,\n        flush,\n        members: [event.member],\n      });\n    }\n  }\n\n  if (type === 'member.removed') {\n    if (event.member && event.cid) {\n      return deleteMember({\n        cid: event.cid,\n        flush,\n        member: event.member,\n      });\n    }\n  }\n\n  if (type === 'notification.added_to_channel') {\n    if (event.channel) {\n      return upsertChannelData({\n        channel: event.channel,\n        flush,\n      });\n    }\n  }\n\n  if (type === 'notification.removed_from_channel') {\n    if (event.channel) {\n      return deleteChannel({\n        cid: event.channel.cid,\n        flush,\n      });\n    }\n  }\n\n  if (type === 'notification.message_new') {\n    if (event.channel) {\n      return upsertChannelData({\n        channel: event.channel,\n        flush,\n      });\n    }\n  }\n\n  return [];\n};\n"]}

package/lib/commonjs/components/ChannelList/hooks/listeners/useAddedToChannelNotification.js

@@ -76,9 +76,9 @@ var useAddedToChannelNotification = function useAddedToChannelNotification(_ref)
       };
     }();
 
-    client.on('notification.added_to_channel', handleEvent);
+    var listener = client == null ? void 0 : client.on('notification.added_to_channel', handleEvent);
     return function () {
-      return client.off('notification.added_to_channel', handleEvent);
+      return listener == null ? void 0 : listener.unsubscribe();
     };
   }, []);
 };

package/lib/commonjs/components/ChannelList/hooks/listeners/useAddedToChannelNotification.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useAddedToChannelNotification.ts"],"names":["useAddedToChannelNotification","onAddedToChannel","setChannels","client","handleEvent","event","channel","id","type","channels","on","off"],"mappings":";;;;;;;;;;;;;AAAA;;AAEA;;AAIA;;AAGA;;AAWO,IAAMA,6BAA6B,GAAG,SAAhCA,6BAAgC,OAKP;AAAA,MAFpCC,gBAEoC,QAFpCA,gBAEoC;AAAA,MADpCC,WACoC,QADpCA,WACoC;;AACpC,wBAAmB,kCAAnB;AAAA,MAAQC,MAAR,mBAAQA,MAAR;;AAEA,wBAAU,YAAM;AACd,QAAMC,WAAW;AAAA,kFAAG,iBAAOC,KAAP;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA,sBACd,OAAOJ,gBAAP,KAA4B,UADd;AAAA;AAAA;AAAA;;AAEhBA,gBAAAA,gBAAgB,CAACC,WAAD,EAAcG,KAAd,CAAhB;AAFgB;AAAA;;AAAA;AAAA,sBAIZ,kBAAAA,KAAK,CAACC,OAAN,4BAAeC,EAAf,uBAAqBF,KAAK,CAACC,OAA3B,aAAqB,gBAAeE,IAJxB;AAAA;AAAA;AAAA;;AAAA;AAAA,uBAKQ,uBAA+B;AACnDL,kBAAAA,MAAM,EAANA,MADmD;AAEnDI,kBAAAA,EAAE,EAAEF,KAAK,CAACC,OAAN,CAAcC,EAFiC;AAGnDC,kBAAAA,IAAI,EAAEH,KAAK,CAACC,OAAN,CAAcE;AAH+B,iBAA/B,CALR;;AAAA;AAKRF,gBAAAA,OALQ;AAUdJ,gBAAAA,WAAW,CAAC,UAACO,QAAD;AAAA,yBAAc,yBAAQH,OAAR,6CAAoBG,QAApB,IAA+B,KAA/B,CAAd;AAAA,iBAAD,CAAX;;AAVc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAAH;;AAAA,sBAAXL,WAAW;AAAA;AAAA;AAAA,OAAjB;;AAeAD,IAAAA,MAAM,CAACO,EAAP,CAAU,+BAAV,EAA2CN,WAA3C;AACA,WAAO;AAAA,aAAMD,MAAM,CAACQ,GAAP,CAAW,+BAAX,EAA4CP,WAA5C,CAAN;AAAA,KAAP;AACD,GAlBD,EAkBG,EAlBH;AAmBD,CA3BM","sourcesContent":["import { useEffect } from 'react';\n\nimport uniqBy from 'lodash/uniqBy';\n\nimport type { Channel, Event } from 'stream-chat';\n\nimport { useChatContext } from '../../../../contexts/chatContext/ChatContext';\n\nimport type { DefaultStreamChatGenerics } from '../../../../types/types';\nimport { getChannel } from '../../utils';\n\ntype Parameters<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> =\n  {\n    setChannels: React.Dispatch<React.SetStateAction<Channel<StreamChatGenerics>[]>>;\n    onAddedToChannel?: (\n      setChannels: React.Dispatch<React.SetStateAction<Channel<StreamChatGenerics>[]>>,\n      event: Event<StreamChatGenerics>,\n    ) => void;\n  };\n\nexport const useAddedToChannelNotification = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>({\n  onAddedToChannel,\n  setChannels,\n}: Parameters<StreamChatGenerics>) => {\n  const { client } = useChatContext<StreamChatGenerics>();\n\n  useEffect(() => {\n    const handleEvent = async (event: Event<StreamChatGenerics>) => {\n      if (typeof onAddedToChannel === 'function') {\n        onAddedToChannel(setChannels, event);\n      } else {\n        if (event.channel?.id && event.channel?.type) {\n          const channel = await getChannel<StreamChatGenerics>({\n            client,\n            id: event.channel.id,\n            type: event.channel.type,\n          });\n          setChannels((channels) => uniqBy([channel, ...channels], 'cid'));\n        }\n      }\n    };\n\n    client.on('notification.added_to_channel', handleEvent);\n    return () => client.off('notification.added_to_channel', handleEvent);\n  }, []);\n};\n"]}
+{"version":3,"sources":["useAddedToChannelNotification.ts"],"names":["useAddedToChannelNotification","onAddedToChannel","setChannels","client","handleEvent","event","channel","id","type","channels","listener","on","unsubscribe"],"mappings":";;;;;;;;;;;;;AAAA;;AAEA;;AAIA;;AAGA;;AAWO,IAAMA,6BAA6B,GAAG,SAAhCA,6BAAgC,OAKP;AAAA,MAFpCC,gBAEoC,QAFpCA,gBAEoC;AAAA,MADpCC,WACoC,QADpCA,WACoC;;AACpC,wBAAmB,kCAAnB;AAAA,MAAQC,MAAR,mBAAQA,MAAR;;AAEA,wBAAU,YAAM;AACd,QAAMC,WAAW;AAAA,kFAAG,iBAAOC,KAAP;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA,sBACd,OAAOJ,gBAAP,KAA4B,UADd;AAAA;AAAA;AAAA;;AAEhBA,gBAAAA,gBAAgB,CAACC,WAAD,EAAcG,KAAd,CAAhB;AAFgB;AAAA;;AAAA;AAAA,sBAIZ,kBAAAA,KAAK,CAACC,OAAN,4BAAeC,EAAf,uBAAqBF,KAAK,CAACC,OAA3B,aAAqB,gBAAeE,IAJxB;AAAA;AAAA;AAAA;;AAAA;AAAA,uBAKQ,uBAA+B;AACnDL,kBAAAA,MAAM,EAANA,MADmD;AAEnDI,kBAAAA,EAAE,EAAEF,KAAK,CAACC,OAAN,CAAcC,EAFiC;AAGnDC,kBAAAA,IAAI,EAAEH,KAAK,CAACC,OAAN,CAAcE;AAH+B,iBAA/B,CALR;;AAAA;AAKRF,gBAAAA,OALQ;AAUdJ,gBAAAA,WAAW,CAAC,UAACO,QAAD;AAAA,yBAAc,yBAAQH,OAAR,6CAAoBG,QAApB,IAA+B,KAA/B,CAAd;AAAA,iBAAD,CAAX;;AAVc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAAH;;AAAA,sBAAXL,WAAW;AAAA;AAAA;AAAA,OAAjB;;AAeA,QAAMM,QAAQ,GAAGP,MAAH,oBAAGA,MAAM,CAAEQ,EAAR,CAAW,+BAAX,EAA4CP,WAA5C,CAAjB;AACA,WAAO;AAAA,aAAMM,QAAN,oBAAMA,QAAQ,CAAEE,WAAV,EAAN;AAAA,KAAP;AACD,GAlBD,EAkBG,EAlBH;AAmBD,CA3BM","sourcesContent":["import { useEffect } from 'react';\n\nimport uniqBy from 'lodash/uniqBy';\n\nimport type { Channel, Event } from 'stream-chat';\n\nimport { useChatContext } from '../../../../contexts/chatContext/ChatContext';\n\nimport type { DefaultStreamChatGenerics } from '../../../../types/types';\nimport { getChannel } from '../../utils';\n\ntype Parameters<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> =\n  {\n    setChannels: React.Dispatch<React.SetStateAction<Channel<StreamChatGenerics>[]>>;\n    onAddedToChannel?: (\n      setChannels: React.Dispatch<React.SetStateAction<Channel<StreamChatGenerics>[]>>,\n      event: Event<StreamChatGenerics>,\n    ) => void;\n  };\n\nexport const useAddedToChannelNotification = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>({\n  onAddedToChannel,\n  setChannels,\n}: Parameters<StreamChatGenerics>) => {\n  const { client } = useChatContext<StreamChatGenerics>();\n\n  useEffect(() => {\n    const handleEvent = async (event: Event<StreamChatGenerics>) => {\n      if (typeof onAddedToChannel === 'function') {\n        onAddedToChannel(setChannels, event);\n      } else {\n        if (event.channel?.id && event.channel?.type) {\n          const channel = await getChannel<StreamChatGenerics>({\n            client,\n            id: event.channel.id,\n            type: event.channel.type,\n          });\n          setChannels((channels) => uniqBy([channel, ...channels], 'cid'));\n        }\n      }\n    };\n\n    const listener = client?.on('notification.added_to_channel', handleEvent);\n    return () => listener?.unsubscribe();\n  }, []);\n};\n"]}

package/lib/commonjs/components/ChannelList/hooks/listeners/useChannelDeleted.js

@@ -39,9 +39,9 @@ var useChannelDeleted = function useChannelDeleted(_ref) {
       }
     };
 
-    client.on('channel.deleted', handleEvent);
+    var listener = client == null ? void 0 : client.on('channel.deleted', handleEvent);
     return function () {
-      return client.off('channel.deleted', handleEvent);
+      return listener == null ? void 0 : listener.unsubscribe();
     };
   }, []);
 };

package/lib/commonjs/components/ChannelList/hooks/listeners/useChannelDeleted.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useChannelDeleted.ts"],"names":["useChannelDeleted","onChannelDeleted","setChannels","client","handleEvent","event","channels","index","findIndex","channel","cid","splice","on","off"],"mappings":";;;;;;;;;AAAA;;AAIA;;AAaO,IAAMA,iBAAiB,GAAG,SAApBA,iBAAoB,OAKK;AAAA,MAFpCC,gBAEoC,QAFpCA,gBAEoC;AAAA,MADpCC,WACoC,QADpCA,WACoC;;AACpC,wBAAmB,kCAAnB;AAAA,MAAQC,MAAR,mBAAQA,MAAR;;AAEA,wBAAU,YAAM;AACd,QAAMC,WAAW,GAAG,SAAdA,WAAc,CAACC,KAAD,EAAsC;AACxD,UAAI,OAAOJ,gBAAP,KAA4B,UAAhC,EAA4C;AAC1CA,QAAAA,gBAAgB,CAACC,WAAD,EAAcG,KAAd,CAAhB;AACD,OAFD,MAEO;AACLH,QAAAA,WAAW,CAAC,UAACI,QAAD,EAAc;AACxB,cAAMC,KAAK,GAAGD,QAAQ,CAACE,SAAT,CACZ,UAACC,OAAD;AAAA;;AAAA,mBAAaA,OAAO,CAACC,GAAR,MAAiBL,KAAK,CAACK,GAAN,uBAAaL,KAAK,CAACI,OAAnB,qBAAa,eAAeC,GAA5B,CAAjB,CAAb;AAAA,WADY,CAAd;;AAGA,cAAIH,KAAK,IAAI,CAAb,EAAgB;AACdD,YAAAA,QAAQ,CAACK,MAAT,CAAgBJ,KAAhB,EAAuB,CAAvB;AACD;;AACD,qDAAWD,QAAX;AACD,SARU,CAAX;AASD;AACF,KAdD;;AAgBAH,IAAAA,MAAM,CAACS,EAAP,CAAU,iBAAV,EAA6BR,WAA7B;AACA,WAAO;AAAA,aAAMD,MAAM,CAACU,GAAP,CAAW,iBAAX,EAA8BT,WAA9B,CAAN;AAAA,KAAP;AACD,GAnBD,EAmBG,EAnBH;AAoBD,CA5BM","sourcesContent":["import { useEffect } from 'react';\n\nimport type { Channel, Event } from 'stream-chat';\n\nimport { useChatContext } from '../../../../contexts/chatContext/ChatContext';\n\nimport type { DefaultStreamChatGenerics } from '../../../../types/types';\n\ntype Parameters<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> =\n  {\n    setChannels: React.Dispatch<React.SetStateAction<Channel<StreamChatGenerics>[]>>;\n    onChannelDeleted?: (\n      setChannels: React.Dispatch<React.SetStateAction<Channel<StreamChatGenerics>[]>>,\n      event: Event<StreamChatGenerics>,\n    ) => void;\n  };\n\nexport const useChannelDeleted = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>({\n  onChannelDeleted,\n  setChannels,\n}: Parameters<StreamChatGenerics>) => {\n  const { client } = useChatContext<StreamChatGenerics>();\n\n  useEffect(() => {\n    const handleEvent = (event: Event<StreamChatGenerics>) => {\n      if (typeof onChannelDeleted === 'function') {\n        onChannelDeleted(setChannels, event);\n      } else {\n        setChannels((channels) => {\n          const index = channels.findIndex(\n            (channel) => channel.cid === (event.cid || event.channel?.cid),\n          );\n          if (index >= 0) {\n            channels.splice(index, 1);\n          }\n          return [...channels];\n        });\n      }\n    };\n\n    client.on('channel.deleted', handleEvent);\n    return () => client.off('channel.deleted', handleEvent);\n  }, []);\n};\n"]}
+{"version":3,"sources":["useChannelDeleted.ts"],"names":["useChannelDeleted","onChannelDeleted","setChannels","client","handleEvent","event","channels","index","findIndex","channel","cid","splice","listener","on","unsubscribe"],"mappings":";;;;;;;;;AAAA;;AAIA;;AAaO,IAAMA,iBAAiB,GAAG,SAApBA,iBAAoB,OAKK;AAAA,MAFpCC,gBAEoC,QAFpCA,gBAEoC;AAAA,MADpCC,WACoC,QADpCA,WACoC;;AACpC,wBAAmB,kCAAnB;AAAA,MAAQC,MAAR,mBAAQA,MAAR;;AAEA,wBAAU,YAAM;AACd,QAAMC,WAAW,GAAG,SAAdA,WAAc,CAACC,KAAD,EAAsC;AACxD,UAAI,OAAOJ,gBAAP,KAA4B,UAAhC,EAA4C;AAC1CA,QAAAA,gBAAgB,CAACC,WAAD,EAAcG,KAAd,CAAhB;AACD,OAFD,MAEO;AACLH,QAAAA,WAAW,CAAC,UAACI,QAAD,EAAc;AACxB,cAAMC,KAAK,GAAGD,QAAQ,CAACE,SAAT,CACZ,UAACC,OAAD;AAAA;;AAAA,mBAAaA,OAAO,CAACC,GAAR,MAAiBL,KAAK,CAACK,GAAN,uBAAaL,KAAK,CAACI,OAAnB,qBAAa,eAAeC,GAA5B,CAAjB,CAAb;AAAA,WADY,CAAd;;AAGA,cAAIH,KAAK,IAAI,CAAb,EAAgB;AACdD,YAAAA,QAAQ,CAACK,MAAT,CAAgBJ,KAAhB,EAAuB,CAAvB;AACD;;AACD,qDAAWD,QAAX;AACD,SARU,CAAX;AASD;AACF,KAdD;;AAgBA,QAAMM,QAAQ,GAAGT,MAAH,oBAAGA,MAAM,CAAEU,EAAR,CAAW,iBAAX,EAA8BT,WAA9B,CAAjB;AACA,WAAO;AAAA,aAAMQ,QAAN,oBAAMA,QAAQ,CAAEE,WAAV,EAAN;AAAA,KAAP;AACD,GAnBD,EAmBG,EAnBH;AAoBD,CA5BM","sourcesContent":["import { useEffect } from 'react';\n\nimport type { Channel, Event } from 'stream-chat';\n\nimport { useChatContext } from '../../../../contexts/chatContext/ChatContext';\n\nimport type { DefaultStreamChatGenerics } from '../../../../types/types';\n\ntype Parameters<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> =\n  {\n    setChannels: React.Dispatch<React.SetStateAction<Channel<StreamChatGenerics>[]>>;\n    onChannelDeleted?: (\n      setChannels: React.Dispatch<React.SetStateAction<Channel<StreamChatGenerics>[]>>,\n      event: Event<StreamChatGenerics>,\n    ) => void;\n  };\n\nexport const useChannelDeleted = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>({\n  onChannelDeleted,\n  setChannels,\n}: Parameters<StreamChatGenerics>) => {\n  const { client } = useChatContext<StreamChatGenerics>();\n\n  useEffect(() => {\n    const handleEvent = (event: Event<StreamChatGenerics>) => {\n      if (typeof onChannelDeleted === 'function') {\n        onChannelDeleted(setChannels, event);\n      } else {\n        setChannels((channels) => {\n          const index = channels.findIndex(\n            (channel) => channel.cid === (event.cid || event.channel?.cid),\n          );\n          if (index >= 0) {\n            channels.splice(index, 1);\n          }\n          return [...channels];\n        });\n      }\n    };\n\n    const listener = client?.on('channel.deleted', handleEvent);\n    return () => listener?.unsubscribe();\n  }, []);\n};\n"]}

package/lib/commonjs/components/ChannelList/hooks/listeners/useChannelHidden.js

@@ -39,9 +39,9 @@ var useChannelHidden = function useChannelHidden(_ref) {
       }
     };
 
-    client.on('channel.hidden', handleEvent);
+    var listener = client == null ? void 0 : client.on('channel.hidden', handleEvent);
     return function () {
-      return client.off('channel.hidden', handleEvent);
+      return listener == null ? void 0 : listener.unsubscribe();
     };
   }, []);
 };

package/lib/commonjs/components/ChannelList/hooks/listeners/useChannelHidden.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useChannelHidden.ts"],"names":["useChannelHidden","onChannelHidden","setChannels","client","handleEvent","event","channels","index","findIndex","channel","cid","splice","on","off"],"mappings":";;;;;;;;;AAAA;;AAIA;;AAaO,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAmB,OAKM;AAAA,MAFpCC,eAEoC,QAFpCA,eAEoC;AAAA,MADpCC,WACoC,QADpCA,WACoC;;AACpC,wBAAmB,kCAAnB;AAAA,MAAQC,MAAR,mBAAQA,MAAR;;AAEA,wBAAU,YAAM;AACd,QAAMC,WAAW,GAAG,SAAdA,WAAc,CAACC,KAAD,EAAsC;AACxD,UAAI,OAAOJ,eAAP,KAA2B,UAA/B,EAA2C;AACzCA,QAAAA,eAAe,CAACC,WAAD,EAAcG,KAAd,CAAf;AACD,OAFD,MAEO;AACLH,QAAAA,WAAW,CAAC,UAACI,QAAD,EAAc;AACxB,cAAMC,KAAK,GAAGD,QAAQ,CAACE,SAAT,CACZ,UAACC,OAAD;AAAA;;AAAA,mBAAaA,OAAO,CAACC,GAAR,MAAiBL,KAAK,CAACK,GAAN,uBAAaL,KAAK,CAACI,OAAnB,qBAAa,eAAeC,GAA5B,CAAjB,CAAb;AAAA,WADY,CAAd;;AAGA,cAAIH,KAAK,IAAI,CAAb,EAAgB;AACdD,YAAAA,QAAQ,CAACK,MAAT,CAAgBJ,KAAhB,EAAuB,CAAvB;AACD;;AACD,qDAAWD,QAAX;AACD,SARU,CAAX;AASD;AACF,KAdD;;AAgBAH,IAAAA,MAAM,CAACS,EAAP,CAAU,gBAAV,EAA4BR,WAA5B;AACA,WAAO;AAAA,aAAMD,MAAM,CAACU,GAAP,CAAW,gBAAX,EAA6BT,WAA7B,CAAN;AAAA,KAAP;AACD,GAnBD,EAmBG,EAnBH;AAoBD,CA5BM","sourcesContent":["import { useEffect } from 'react';\n\nimport type { Channel, Event } from 'stream-chat';\n\nimport { useChatContext } from '../../../../contexts/chatContext/ChatContext';\n\nimport type { DefaultStreamChatGenerics } from '../../../../types/types';\n\ntype Parameters<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> =\n  {\n    setChannels: React.Dispatch<React.SetStateAction<Channel<StreamChatGenerics>[]>>;\n    onChannelHidden?: (\n      setChannels: React.Dispatch<React.SetStateAction<Channel<StreamChatGenerics>[]>>,\n      event: Event<StreamChatGenerics>,\n    ) => void;\n  };\n\nexport const useChannelHidden = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>({\n  onChannelHidden,\n  setChannels,\n}: Parameters<StreamChatGenerics>) => {\n  const { client } = useChatContext<StreamChatGenerics>();\n\n  useEffect(() => {\n    const handleEvent = (event: Event<StreamChatGenerics>) => {\n      if (typeof onChannelHidden === 'function') {\n        onChannelHidden(setChannels, event);\n      } else {\n        setChannels((channels) => {\n          const index = channels.findIndex(\n            (channel) => channel.cid === (event.cid || event.channel?.cid),\n          );\n          if (index >= 0) {\n            channels.splice(index, 1);\n          }\n          return [...channels];\n        });\n      }\n    };\n\n    client.on('channel.hidden', handleEvent);\n    return () => client.off('channel.hidden', handleEvent);\n  }, []);\n};\n"]}
+{"version":3,"sources":["useChannelHidden.ts"],"names":["useChannelHidden","onChannelHidden","setChannels","client","handleEvent","event","channels","index","findIndex","channel","cid","splice","listener","on","unsubscribe"],"mappings":";;;;;;;;;AAAA;;AAIA;;AAaO,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAmB,OAKM;AAAA,MAFpCC,eAEoC,QAFpCA,eAEoC;AAAA,MADpCC,WACoC,QADpCA,WACoC;;AACpC,wBAAmB,kCAAnB;AAAA,MAAQC,MAAR,mBAAQA,MAAR;;AAEA,wBAAU,YAAM;AACd,QAAMC,WAAW,GAAG,SAAdA,WAAc,CAACC,KAAD,EAAsC;AACxD,UAAI,OAAOJ,eAAP,KAA2B,UAA/B,EAA2C;AACzCA,QAAAA,eAAe,CAACC,WAAD,EAAcG,KAAd,CAAf;AACD,OAFD,MAEO;AACLH,QAAAA,WAAW,CAAC,UAACI,QAAD,EAAc;AACxB,cAAMC,KAAK,GAAGD,QAAQ,CAACE,SAAT,CACZ,UAACC,OAAD;AAAA;;AAAA,mBAAaA,OAAO,CAACC,GAAR,MAAiBL,KAAK,CAACK,GAAN,uBAAaL,KAAK,CAACI,OAAnB,qBAAa,eAAeC,GAA5B,CAAjB,CAAb;AAAA,WADY,CAAd;;AAGA,cAAIH,KAAK,IAAI,CAAb,EAAgB;AACdD,YAAAA,QAAQ,CAACK,MAAT,CAAgBJ,KAAhB,EAAuB,CAAvB;AACD;;AACD,qDAAWD,QAAX;AACD,SARU,CAAX;AASD;AACF,KAdD;;AAgBA,QAAMM,QAAQ,GAAGT,MAAH,oBAAGA,MAAM,CAAEU,EAAR,CAAW,gBAAX,EAA6BT,WAA7B,CAAjB;AACA,WAAO;AAAA,aAAMQ,QAAN,oBAAMA,QAAQ,CAAEE,WAAV,EAAN;AAAA,KAAP;AACD,GAnBD,EAmBG,EAnBH;AAoBD,CA5BM","sourcesContent":["import { useEffect } from 'react';\n\nimport type { Channel, Event } from 'stream-chat';\n\nimport { useChatContext } from '../../../../contexts/chatContext/ChatContext';\n\nimport type { DefaultStreamChatGenerics } from '../../../../types/types';\n\ntype Parameters<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> =\n  {\n    setChannels: React.Dispatch<React.SetStateAction<Channel<StreamChatGenerics>[]>>;\n    onChannelHidden?: (\n      setChannels: React.Dispatch<React.SetStateAction<Channel<StreamChatGenerics>[]>>,\n      event: Event<StreamChatGenerics>,\n    ) => void;\n  };\n\nexport const useChannelHidden = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>({\n  onChannelHidden,\n  setChannels,\n}: Parameters<StreamChatGenerics>) => {\n  const { client } = useChatContext<StreamChatGenerics>();\n\n  useEffect(() => {\n    const handleEvent = (event: Event<StreamChatGenerics>) => {\n      if (typeof onChannelHidden === 'function') {\n        onChannelHidden(setChannels, event);\n      } else {\n        setChannels((channels) => {\n          const index = channels.findIndex(\n            (channel) => channel.cid === (event.cid || event.channel?.cid),\n          );\n          if (index >= 0) {\n            channels.splice(index, 1);\n          }\n          return [...channels];\n        });\n      }\n    };\n\n    const listener = client?.on('channel.hidden', handleEvent);\n    return () => listener?.unsubscribe();\n  }, []);\n};\n"]}

package/lib/commonjs/components/ChannelList/hooks/listeners/useChannelTruncated.js

@@ -28,9 +28,9 @@ var useChannelTruncated = function useChannelTruncated(_ref) {
       });
     };
 
-    client.on('channel.truncated', handleEvent);
+    var listener = client == null ? void 0 : client.on('channel.truncated', handleEvent);
     return function () {
-      return client.off('channel.truncated', handleEvent);
+      return listener == null ? void 0 : listener.unsubscribe();
     };
   }, []);
 };

package/lib/commonjs/components/ChannelList/hooks/listeners/useChannelTruncated.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useChannelTruncated.ts"],"names":["useChannelTruncated","onChannelTruncated","refreshList","setChannels","setForceUpdate","client","handleEvent","event","count","on","off"],"mappings":";;;;;AAAA;;AAIA;;AAeO,IAAMA,mBAAmB,GAAG,SAAtBA,mBAAsB,OAOG;AAAA,MAJpCC,kBAIoC,QAJpCA,kBAIoC;AAAA,MAHpCC,WAGoC,QAHpCA,WAGoC;AAAA,MAFpCC,WAEoC,QAFpCA,WAEoC;AAAA,MADpCC,cACoC,QADpCA,cACoC;;AACpC,wBAAmB,kCAAnB;AAAA,MAAQC,MAAR,mBAAQA,MAAR;;AAEA,wBAAU,YAAM;AACd,QAAMC,WAAW,GAAG,SAAdA,WAAc,CAACC,KAAD,EAAsC;AACxD,UAAI,OAAON,kBAAP,KAA8B,UAAlC,EAA8C;AAC5CA,QAAAA,kBAAkB,CAACE,WAAD,EAAcI,KAAd,CAAlB;AACD;;AACDL,MAAAA,WAAW;AACXE,MAAAA,cAAc,CAAC,UAACI,KAAD;AAAA,eAAWA,KAAK,GAAG,CAAnB;AAAA,OAAD,CAAd;AACD,KAND;;AAQAH,IAAAA,MAAM,CAACI,EAAP,CAAU,mBAAV,EAA+BH,WAA/B;AACA,WAAO;AAAA,aAAMD,MAAM,CAACK,GAAP,CAAW,mBAAX,EAAgCJ,WAAhC,CAAN;AAAA,KAAP;AACD,GAXD,EAWG,EAXH;AAYD,CAtBM","sourcesContent":["import { useEffect } from 'react';\n\nimport type { Channel, Event } from 'stream-chat';\n\nimport { useChatContext } from '../../../../contexts/chatContext/ChatContext';\n\nimport type { DefaultStreamChatGenerics } from '../../../../types/types';\n\ntype Parameters<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> =\n  {\n    refreshList: () => void;\n    setChannels: React.Dispatch<React.SetStateAction<Channel<StreamChatGenerics>[]>>;\n    setForceUpdate: React.Dispatch<React.SetStateAction<number>>;\n    onChannelTruncated?: (\n      setChannels: React.Dispatch<React.SetStateAction<Channel<StreamChatGenerics>[]>>,\n      event: Event<StreamChatGenerics>,\n    ) => void;\n  };\n\nexport const useChannelTruncated = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>({\n  onChannelTruncated,\n  refreshList,\n  setChannels,\n  setForceUpdate,\n}: Parameters<StreamChatGenerics>) => {\n  const { client } = useChatContext<StreamChatGenerics>();\n\n  useEffect(() => {\n    const handleEvent = (event: Event<StreamChatGenerics>) => {\n      if (typeof onChannelTruncated === 'function') {\n        onChannelTruncated(setChannels, event);\n      }\n      refreshList();\n      setForceUpdate((count) => count + 1);\n    };\n\n    client.on('channel.truncated', handleEvent);\n    return () => client.off('channel.truncated', handleEvent);\n  }, []);\n};\n"]}
+{"version":3,"sources":["useChannelTruncated.ts"],"names":["useChannelTruncated","onChannelTruncated","refreshList","setChannels","setForceUpdate","client","handleEvent","event","count","listener","on","unsubscribe"],"mappings":";;;;;AAAA;;AAIA;;AAeO,IAAMA,mBAAmB,GAAG,SAAtBA,mBAAsB,OAOG;AAAA,MAJpCC,kBAIoC,QAJpCA,kBAIoC;AAAA,MAHpCC,WAGoC,QAHpCA,WAGoC;AAAA,MAFpCC,WAEoC,QAFpCA,WAEoC;AAAA,MADpCC,cACoC,QADpCA,cACoC;;AACpC,wBAAmB,kCAAnB;AAAA,MAAQC,MAAR,mBAAQA,MAAR;;AAEA,wBAAU,YAAM;AACd,QAAMC,WAAW,GAAG,SAAdA,WAAc,CAACC,KAAD,EAAsC;AACxD,UAAI,OAAON,kBAAP,KAA8B,UAAlC,EAA8C;AAC5CA,QAAAA,kBAAkB,CAACE,WAAD,EAAcI,KAAd,CAAlB;AACD;;AACDL,MAAAA,WAAW;AACXE,MAAAA,cAAc,CAAC,UAACI,KAAD;AAAA,eAAWA,KAAK,GAAG,CAAnB;AAAA,OAAD,CAAd;AACD,KAND;;AAQA,QAAMC,QAAQ,GAAGJ,MAAH,oBAAGA,MAAM,CAAEK,EAAR,CAAW,mBAAX,EAAgCJ,WAAhC,CAAjB;AACA,WAAO;AAAA,aAAMG,QAAN,oBAAMA,QAAQ,CAAEE,WAAV,EAAN;AAAA,KAAP;AACD,GAXD,EAWG,EAXH;AAYD,CAtBM","sourcesContent":["import { useEffect } from 'react';\n\nimport type { Channel, Event } from 'stream-chat';\n\nimport { useChatContext } from '../../../../contexts/chatContext/ChatContext';\n\nimport type { DefaultStreamChatGenerics } from '../../../../types/types';\n\ntype Parameters<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> =\n  {\n    refreshList: () => void;\n    setChannels: React.Dispatch<React.SetStateAction<Channel<StreamChatGenerics>[]>>;\n    setForceUpdate: React.Dispatch<React.SetStateAction<number>>;\n    onChannelTruncated?: (\n      setChannels: React.Dispatch<React.SetStateAction<Channel<StreamChatGenerics>[]>>,\n      event: Event<StreamChatGenerics>,\n    ) => void;\n  };\n\nexport const useChannelTruncated = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>({\n  onChannelTruncated,\n  refreshList,\n  setChannels,\n  setForceUpdate,\n}: Parameters<StreamChatGenerics>) => {\n  const { client } = useChatContext<StreamChatGenerics>();\n\n  useEffect(() => {\n    const handleEvent = (event: Event<StreamChatGenerics>) => {\n      if (typeof onChannelTruncated === 'function') {\n        onChannelTruncated(setChannels, event);\n      }\n      refreshList();\n      setForceUpdate((count) => count + 1);\n    };\n\n    const listener = client?.on('channel.truncated', handleEvent);\n    return () => listener?.unsubscribe();\n  }, []);\n};\n"]}

package/lib/commonjs/components/ChannelList/hooks/listeners/useChannelUpdated.js

@@ -46,9 +46,9 @@ var useChannelUpdated = function useChannelUpdated(_ref) {
       }
     };
 
-    client.on('channel.updated', handleEvent);
+    var listener = client == null ? void 0 : client.on('channel.updated', handleEvent);
     return function () {
-      return client.off('channel.updated', handleEvent);
+      return listener == null ? void 0 : listener.unsubscribe();
     };
   }, []);
 };

package/lib/commonjs/components/ChannelList/hooks/listeners/useChannelUpdated.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useChannelUpdated.ts"],"names":["useChannelUpdated","onChannelUpdated","setChannels","client","handleEvent","event","channels","index","findIndex","channel","cid","data","hidden","own_capabilities","on","off"],"mappings":";;;;;;;;;;;AAAA;;AAIA;;AAaO,IAAMA,iBAAiB,GAAG,SAApBA,iBAAoB,OAKK;AAAA,MAFpCC,gBAEoC,QAFpCA,gBAEoC;AAAA,MADpCC,WACoC,QADpCA,WACoC;;AACpC,wBAAmB,kCAAnB;AAAA,MAAQC,MAAR,mBAAQA,MAAR;;AAEA,wBAAU,YAAM;AACd,QAAMC,WAAW,GAAG,SAAdA,WAAc,CAACC,KAAD,EAAsC;AACxD,UAAI,OAAOJ,gBAAP,KAA4B,UAAhC,EAA4C;AAC1CA,QAAAA,gBAAgB,CAACC,WAAD,EAAcG,KAAd,CAAhB;AACD,OAFD,MAEO;AACLH,QAAAA,WAAW,CAAC,UAACI,QAAD,EAAc;AACxB,cAAMC,KAAK,GAAGD,QAAQ,CAACE,SAAT,CACZ,UAACC,OAAD;AAAA;;AAAA,mBAAaA,OAAO,CAACC,GAAR,MAAiBL,KAAK,CAACK,GAAN,uBAAaL,KAAK,CAACI,OAAnB,qBAAa,eAAeC,GAA5B,CAAjB,CAAb;AAAA,WADY,CAAd;;AAGA,cAAIH,KAAK,IAAI,CAAT,IAAcF,KAAK,CAACI,OAAxB,EAAiC;AAAA;;AAC/BH,YAAAA,QAAQ,CAACC,KAAD,CAAR,CAAgBI,IAAhB,iCACKN,KAAK,CAACI,OADX;AAEEG,cAAAA,MAAM,8CAAEP,KAAK,CAACI,OAAR,qBAAE,gBAAeG,MAAjB,4DAA2BN,QAAQ,CAACC,KAAD,CAAR,CAAgBI,IAA3C,qBAA2B,qBAAsBC,MAFzD;AAGEC,cAAAA,gBAAgB,8CACdR,KAAK,CAACI,OADQ,qBACd,gBAAeI,gBADD,6DACqBP,QAAQ,CAACC,KAAD,CAAR,CAAgBI,IADrC,qBACqB,sBAAsBE;AAJ7D;AAMD;;AAED,qDAAWP,QAAX;AACD,SAdU,CAAX;AAeD;AACF,KApBD;;AAsBAH,IAAAA,MAAM,CAACW,EAAP,CAAU,iBAAV,EAA6BV,WAA7B;AACA,WAAO;AAAA,aAAMD,MAAM,CAACY,GAAP,CAAW,iBAAX,EAA8BX,WAA9B,CAAN;AAAA,KAAP;AACD,GAzBD,EAyBG,EAzBH;AA0BD,CAlCM","sourcesContent":["import { useEffect } from 'react';\n\nimport type { Channel, Event } from 'stream-chat';\n\nimport { useChatContext } from '../../../../contexts/chatContext/ChatContext';\n\nimport type { DefaultStreamChatGenerics } from '../../../../types/types';\n\ntype Parameters<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> =\n  {\n    setChannels: React.Dispatch<React.SetStateAction<Channel<StreamChatGenerics>[]>>;\n    onChannelUpdated?: (\n      setChannels: React.Dispatch<React.SetStateAction<Channel<StreamChatGenerics>[]>>,\n      event: Event<StreamChatGenerics>,\n    ) => void;\n  };\n\nexport const useChannelUpdated = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>({\n  onChannelUpdated,\n  setChannels,\n}: Parameters<StreamChatGenerics>) => {\n  const { client } = useChatContext<StreamChatGenerics>();\n\n  useEffect(() => {\n    const handleEvent = (event: Event<StreamChatGenerics>) => {\n      if (typeof onChannelUpdated === 'function') {\n        onChannelUpdated(setChannels, event);\n      } else {\n        setChannels((channels) => {\n          const index = channels.findIndex(\n            (channel) => channel.cid === (event.cid || event.channel?.cid),\n          );\n          if (index >= 0 && event.channel) {\n            channels[index].data = {\n              ...event.channel,\n              hidden: event.channel?.hidden ?? channels[index].data?.hidden,\n              own_capabilities:\n                event.channel?.own_capabilities ?? channels[index].data?.own_capabilities,\n            };\n          }\n\n          return [...channels];\n        });\n      }\n    };\n\n    client.on('channel.updated', handleEvent);\n    return () => client.off('channel.updated', handleEvent);\n  }, []);\n};\n"]}
+{"version":3,"sources":["useChannelUpdated.ts"],"names":["useChannelUpdated","onChannelUpdated","setChannels","client","handleEvent","event","channels","index","findIndex","channel","cid","data","hidden","own_capabilities","listener","on","unsubscribe"],"mappings":";;;;;;;;;;;AAAA;;AAIA;;AAaO,IAAMA,iBAAiB,GAAG,SAApBA,iBAAoB,OAKK;AAAA,MAFpCC,gBAEoC,QAFpCA,gBAEoC;AAAA,MADpCC,WACoC,QADpCA,WACoC;;AACpC,wBAAmB,kCAAnB;AAAA,MAAQC,MAAR,mBAAQA,MAAR;;AAEA,wBAAU,YAAM;AACd,QAAMC,WAAW,GAAG,SAAdA,WAAc,CAACC,KAAD,EAAsC;AACxD,UAAI,OAAOJ,gBAAP,KAA4B,UAAhC,EAA4C;AAC1CA,QAAAA,gBAAgB,CAACC,WAAD,EAAcG,KAAd,CAAhB;AACD,OAFD,MAEO;AACLH,QAAAA,WAAW,CAAC,UAACI,QAAD,EAAc;AACxB,cAAMC,KAAK,GAAGD,QAAQ,CAACE,SAAT,CACZ,UAACC,OAAD;AAAA;;AAAA,mBAAaA,OAAO,CAACC,GAAR,MAAiBL,KAAK,CAACK,GAAN,uBAAaL,KAAK,CAACI,OAAnB,qBAAa,eAAeC,GAA5B,CAAjB,CAAb;AAAA,WADY,CAAd;;AAGA,cAAIH,KAAK,IAAI,CAAT,IAAcF,KAAK,CAACI,OAAxB,EAAiC;AAAA;;AAC/BH,YAAAA,QAAQ,CAACC,KAAD,CAAR,CAAgBI,IAAhB,iCACKN,KAAK,CAACI,OADX;AAEEG,cAAAA,MAAM,8CAAEP,KAAK,CAACI,OAAR,qBAAE,gBAAeG,MAAjB,4DAA2BN,QAAQ,CAACC,KAAD,CAAR,CAAgBI,IAA3C,qBAA2B,qBAAsBC,MAFzD;AAGEC,cAAAA,gBAAgB,8CACdR,KAAK,CAACI,OADQ,qBACd,gBAAeI,gBADD,6DACqBP,QAAQ,CAACC,KAAD,CAAR,CAAgBI,IADrC,qBACqB,sBAAsBE;AAJ7D;AAMD;;AAED,qDAAWP,QAAX;AACD,SAdU,CAAX;AAeD;AACF,KApBD;;AAsBA,QAAMQ,QAAQ,GAAGX,MAAH,oBAAGA,MAAM,CAAEY,EAAR,CAAW,iBAAX,EAA8BX,WAA9B,CAAjB;AACA,WAAO;AAAA,aAAMU,QAAN,oBAAMA,QAAQ,CAAEE,WAAV,EAAN;AAAA,KAAP;AACD,GAzBD,EAyBG,EAzBH;AA0BD,CAlCM","sourcesContent":["import { useEffect } from 'react';\n\nimport type { Channel, Event } from 'stream-chat';\n\nimport { useChatContext } from '../../../../contexts/chatContext/ChatContext';\n\nimport type { DefaultStreamChatGenerics } from '../../../../types/types';\n\ntype Parameters<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> =\n  {\n    setChannels: React.Dispatch<React.SetStateAction<Channel<StreamChatGenerics>[]>>;\n    onChannelUpdated?: (\n      setChannels: React.Dispatch<React.SetStateAction<Channel<StreamChatGenerics>[]>>,\n      event: Event<StreamChatGenerics>,\n    ) => void;\n  };\n\nexport const useChannelUpdated = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>({\n  onChannelUpdated,\n  setChannels,\n}: Parameters<StreamChatGenerics>) => {\n  const { client } = useChatContext<StreamChatGenerics>();\n\n  useEffect(() => {\n    const handleEvent = (event: Event<StreamChatGenerics>) => {\n      if (typeof onChannelUpdated === 'function') {\n        onChannelUpdated(setChannels, event);\n      } else {\n        setChannels((channels) => {\n          const index = channels.findIndex(\n            (channel) => channel.cid === (event.cid || event.channel?.cid),\n          );\n          if (index >= 0 && event.channel) {\n            channels[index].data = {\n              ...event.channel,\n              hidden: event.channel?.hidden ?? channels[index].data?.hidden,\n              own_capabilities:\n                event.channel?.own_capabilities ?? channels[index].data?.own_capabilities,\n            };\n          }\n\n          return [...channels];\n        });\n      }\n    };\n\n    const listener = client?.on('channel.updated', handleEvent);\n    return () => listener?.unsubscribe();\n  }, []);\n};\n"]}

package/lib/commonjs/components/ChannelList/hooks/listeners/useChannelVisible.js

@@ -75,9 +75,9 @@ var useChannelVisible = function useChannelVisible(_ref) {
       };
     }();
 
-    client.on('channel.visible', handleEvent);
+    var listener = client == null ? void 0 : client.on('channel.visible', handleEvent);
     return function () {
-      return client.off('channel.visible', handleEvent);
+      return listener == null ? void 0 : listener.unsubscribe();
     };
   }, []);
 };

package/lib/commonjs/components/ChannelList/hooks/listeners/useChannelVisible.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useChannelVisible.ts"],"names":["useChannelVisible","onChannelVisible","setChannels","client","handleEvent","event","channel_id","channel_type","id","type","channel","channels","on","off"],"mappings":";;;;;;;;;;;;;AAAA;;AAEA;;AAIA;;AAGA;;AAWO,IAAMA,iBAAiB,GAAG,SAApBA,iBAAoB,OAKK;AAAA,MAFpCC,gBAEoC,QAFpCA,gBAEoC;AAAA,MADpCC,WACoC,QADpCA,WACoC;;AACpC,wBAAmB,kCAAnB;AAAA,MAAQC,MAAR,mBAAQA,MAAR;;AAEA,wBAAU,YAAM;AACd,QAAMC,WAAW;AAAA,kFAAG,iBAAOC,KAAP;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBACd,OAAOJ,gBAAP,KAA4B,UADd;AAAA;AAAA;AAAA;;AAEhBA,gBAAAA,gBAAgB,CAACC,WAAD,EAAcG,KAAd,CAAhB;AAFgB;AAAA;;AAAA;AAAA,sBAIZA,KAAK,CAACC,UAAN,IAAoBD,KAAK,CAACE,YAJd;AAAA;AAAA;AAAA;;AAAA;AAAA,uBAKQ,uBAA+B;AACnDJ,kBAAAA,MAAM,EAANA,MADmD;AAEnDK,kBAAAA,EAAE,EAAEH,KAAK,CAACC,UAFyC;AAGnDG,kBAAAA,IAAI,EAAEJ,KAAK,CAACE;AAHuC,iBAA/B,CALR;;AAAA;AAKRG,gBAAAA,OALQ;AAUdR,gBAAAA,WAAW,CAAC,UAACS,QAAD;AAAA,yBAAc,yBAAQD,OAAR,6CAAoBC,QAApB,IAA+B,KAA/B,CAAd;AAAA,iBAAD,CAAX;;AAVc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAAH;;AAAA,sBAAXP,WAAW;AAAA;AAAA;AAAA,OAAjB;;AAeAD,IAAAA,MAAM,CAACS,EAAP,CAAU,iBAAV,EAA6BR,WAA7B;AACA,WAAO;AAAA,aAAMD,MAAM,CAACU,GAAP,CAAW,iBAAX,EAA8BT,WAA9B,CAAN;AAAA,KAAP;AACD,GAlBD,EAkBG,EAlBH;AAmBD,CA3BM","sourcesContent":["import { useEffect } from 'react';\n\nimport uniqBy from 'lodash/uniqBy';\n\nimport type { Channel, Event } from 'stream-chat';\n\nimport { useChatContext } from '../../../../contexts/chatContext/ChatContext';\n\nimport type { DefaultStreamChatGenerics } from '../../../../types/types';\nimport { getChannel } from '../../utils';\n\ntype Parameters<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> =\n  {\n    setChannels: React.Dispatch<React.SetStateAction<Channel<StreamChatGenerics>[]>>;\n    onChannelVisible?: (\n      setChannels: React.Dispatch<React.SetStateAction<Channel<StreamChatGenerics>[]>>,\n      event: Event<StreamChatGenerics>,\n    ) => void;\n  };\n\nexport const useChannelVisible = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>({\n  onChannelVisible,\n  setChannels,\n}: Parameters<StreamChatGenerics>) => {\n  const { client } = useChatContext<StreamChatGenerics>();\n\n  useEffect(() => {\n    const handleEvent = async (event: Event<StreamChatGenerics>) => {\n      if (typeof onChannelVisible === 'function') {\n        onChannelVisible(setChannels, event);\n      } else {\n        if (event.channel_id && event.channel_type) {\n          const channel = await getChannel<StreamChatGenerics>({\n            client,\n            id: event.channel_id,\n            type: event.channel_type,\n          });\n          setChannels((channels) => uniqBy([channel, ...channels], 'cid'));\n        }\n      }\n    };\n\n    client.on('channel.visible', handleEvent);\n    return () => client.off('channel.visible', handleEvent);\n  }, []);\n};\n"]}
+{"version":3,"sources":["useChannelVisible.ts"],"names":["useChannelVisible","onChannelVisible","setChannels","client","handleEvent","event","channel_id","channel_type","id","type","channel","channels","listener","on","unsubscribe"],"mappings":";;;;;;;;;;;;;AAAA;;AAEA;;AAIA;;AAGA;;AAWO,IAAMA,iBAAiB,GAAG,SAApBA,iBAAoB,OAKK;AAAA,MAFpCC,gBAEoC,QAFpCA,gBAEoC;AAAA,MADpCC,WACoC,QADpCA,WACoC;;AACpC,wBAAmB,kCAAnB;AAAA,MAAQC,MAAR,mBAAQA,MAAR;;AAEA,wBAAU,YAAM;AACd,QAAMC,WAAW;AAAA,kFAAG,iBAAOC,KAAP;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBACd,OAAOJ,gBAAP,KAA4B,UADd;AAAA;AAAA;AAAA;;AAEhBA,gBAAAA,gBAAgB,CAACC,WAAD,EAAcG,KAAd,CAAhB;AAFgB;AAAA;;AAAA;AAAA,sBAIZA,KAAK,CAACC,UAAN,IAAoBD,KAAK,CAACE,YAJd;AAAA;AAAA;AAAA;;AAAA;AAAA,uBAKQ,uBAA+B;AACnDJ,kBAAAA,MAAM,EAANA,MADmD;AAEnDK,kBAAAA,EAAE,EAAEH,KAAK,CAACC,UAFyC;AAGnDG,kBAAAA,IAAI,EAAEJ,KAAK,CAACE;AAHuC,iBAA/B,CALR;;AAAA;AAKRG,gBAAAA,OALQ;AAUdR,gBAAAA,WAAW,CAAC,UAACS,QAAD;AAAA,yBAAc,yBAAQD,OAAR,6CAAoBC,QAApB,IAA+B,KAA/B,CAAd;AAAA,iBAAD,CAAX;;AAVc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAAH;;AAAA,sBAAXP,WAAW;AAAA;AAAA;AAAA,OAAjB;;AAeA,QAAMQ,QAAQ,GAAGT,MAAH,oBAAGA,MAAM,CAAEU,EAAR,CAAW,iBAAX,EAA8BT,WAA9B,CAAjB;AACA,WAAO;AAAA,aAAMQ,QAAN,oBAAMA,QAAQ,CAAEE,WAAV,EAAN;AAAA,KAAP;AACD,GAlBD,EAkBG,EAlBH;AAmBD,CA3BM","sourcesContent":["import { useEffect } from 'react';\n\nimport uniqBy from 'lodash/uniqBy';\n\nimport type { Channel, Event } from 'stream-chat';\n\nimport { useChatContext } from '../../../../contexts/chatContext/ChatContext';\n\nimport type { DefaultStreamChatGenerics } from '../../../../types/types';\nimport { getChannel } from '../../utils';\n\ntype Parameters<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> =\n  {\n    setChannels: React.Dispatch<React.SetStateAction<Channel<StreamChatGenerics>[]>>;\n    onChannelVisible?: (\n      setChannels: React.Dispatch<React.SetStateAction<Channel<StreamChatGenerics>[]>>,\n      event: Event<StreamChatGenerics>,\n    ) => void;\n  };\n\nexport const useChannelVisible = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>({\n  onChannelVisible,\n  setChannels,\n}: Parameters<StreamChatGenerics>) => {\n  const { client } = useChatContext<StreamChatGenerics>();\n\n  useEffect(() => {\n    const handleEvent = async (event: Event<StreamChatGenerics>) => {\n      if (typeof onChannelVisible === 'function') {\n        onChannelVisible(setChannels, event);\n      } else {\n        if (event.channel_id && event.channel_type) {\n          const channel = await getChannel<StreamChatGenerics>({\n            client,\n            id: event.channel_id,\n            type: event.channel_type,\n          });\n          setChannels((channels) => uniqBy([channel, ...channels], 'cid'));\n        }\n      }\n    };\n\n    const listener = client?.on('channel.visible', handleEvent);\n    return () => listener?.unsubscribe();\n  }, []);\n};\n"]}

package/lib/commonjs/components/ChannelList/hooks/listeners/useConnectionRecovered.js

@@ -1,14 +1,31 @@
+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 _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
 var _react = require("react");
 
+var _handleEventToSyncDB = require("./handleEventToSyncDB");
+
 var _ChatContext = require("../../../../contexts/chatContext/ChatContext");
 
+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 refreshList = _ref.refreshList,
+  var enableOfflineSupport = _ref.enableOfflineSupport,
+      refreshList = _ref.refreshList,
       setForceUpdate = _ref.setForceUpdate;
 
   var _useChatContext = (0, _ChatContext.useChatContext)(),
@@ -17,28 +34,121 @@ var useConnectionRecovered = function useConnectionRecovered(_ref) {
   var refRefreshList = (0, _react.useRef)(refreshList);
   refRefreshList.current = refreshList;
   (0, _react.useEffect)(function () {
-    var handleEvent = function handleEvent() {
-      refRefreshList.current();
-      setForceUpdate(function (count) {
-        return count + 1;
-      });
-    };
+    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) {
+                  _context.next = 16;
+                  break;
+                }
+
+                _context.prev = 5;
+                _context.next = 8;
+                return client.sync(cids, new Date(lastSyncedAt).toISOString());
 
-    var _client$on = client.on('connection.recovered', handleEvent),
-        unsubscribeRecovered = _client$on.unsubscribe;
+              case 8:
+                result = _context.sent;
+                queries = result.events.reduce(function (queries, event) {
+                  queries = queries.concat((0, _handleEventToSyncDB.handleEventToSyncDB)(event, false));
+                  return queries;
+                }, []);
 
-    var _client$on2 = client.on('connection.changed', function (event) {
-      if (event.online) {
-        handleEvent();
-      }
-    }),
-        unsubscribeChanged = _client$on2.unsubscribe;
+                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() {
+        return _regenerator["default"].wrap(function _callee2$(_context2) {
+          while (1) {
+            switch (_context2.prev = _context2.next) {
+              case 0:
+                _context2.next = 2;
+                return sync();
+
+              case 2:
+                refRefreshList.current();
+                setForceUpdate(function (count) {
+                  return count + 1;
+                });
+
+              case 4:
+              case "end":
+                return _context2.stop();
+            }
+          }
+        }, _callee2);
+      }));
+
+      return function handleEvent() {
+        return _ref3.apply(this, arguments);
+      };
+    }();
+
+    var connectionRecoveredListener;
+    var connectionChangedListener;
+
+    if (client && enableOfflineSupport) {
+      connectionRecoveredListener = client.on('connection.recovered', handleEvent);
+      connectionChangedListener = client.on('connection.changed', function (event) {
+        if (event.online) {
+          handleEvent();
+        }
+      });
+    }
 
     return function () {
-      unsubscribeRecovered();
-      unsubscribeChanged();
+      var _connectionRecoveredL, _connectionChangedLis;
+
+      (_connectionRecoveredL = connectionRecoveredListener) == null ? void 0 : _connectionRecoveredL.unsubscribe == null ? void 0 : _connectionRecoveredL.unsubscribe();
+      (_connectionChangedLis = connectionChangedListener) == null ? void 0 : _connectionChangedLis.unsubscribe == null ? void 0 : _connectionChangedLis.unsubscribe();
     };
-  }, []);
+  }, [client]);
 };
 
 exports.useConnectionRecovered = useConnectionRecovered;

package/lib/commonjs/components/ChannelList/hooks/listeners/useConnectionRecovered.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useConnectionRecovered.ts"],"names":["useConnectionRecovered","refreshList","setForceUpdate","client","refRefreshList","current","handleEvent","count","on","unsubscribeRecovered","unsubscribe","event","online","unsubscribeChanged"],"mappings":";;;;;AAAA;;AAEA;;AASO,IAAMA,sBAAsB,GAAG,SAAzBA,sBAAyB,OAKpB;AAAA,MAFhBC,WAEgB,QAFhBA,WAEgB;AAAA,MADhBC,cACgB,QADhBA,cACgB;;AAChB,wBAAmB,kCAAnB;AAAA,MAAQC,MAAR,mBAAQA,MAAR;;AAEA,MAAMC,cAAc,GAAG,mBAAOH,WAAP,CAAvB;AACAG,EAAAA,cAAc,CAACC,OAAf,GAAyBJ,WAAzB;AAEA,wBAAU,YAAM;AACd,QAAMK,WAAW,GAAG,SAAdA,WAAc,GAAM;AACxBF,MAAAA,cAAc,CAACC,OAAf;AACAH,MAAAA,cAAc,CAAC,UAACK,KAAD;AAAA,eAAWA,KAAK,GAAG,CAAnB;AAAA,OAAD,CAAd;AACD,KAHD;;AAKA,qBAA8CJ,MAAM,CAACK,EAAP,CAAU,sBAAV,EAAkCF,WAAlC,CAA9C;AAAA,QAAqBG,oBAArB,cAAQC,WAAR;;AACA,sBAA4CP,MAAM,CAACK,EAAP,CAAU,oBAAV,EAAgC,UAACG,KAAD,EAAW;AACrF,UAAIA,KAAK,CAACC,MAAV,EAAkB;AAChBN,QAAAA,WAAW;AACZ;AACF,KAJ2C,CAA5C;AAAA,QAAqBO,kBAArB,eAAQH,WAAR;;AAMA,WAAO,YAAM;AACXD,MAAAA,oBAAoB;AACpBI,MAAAA,kBAAkB;AACnB,KAHD;AAID,GAjBD,EAiBG,EAjBH;AAkBD,CA7BM","sourcesContent":["import { useEffect, useRef } from 'react';\n\nimport { useChatContext } from '../../../../contexts/chatContext/ChatContext';\n\nimport type { DefaultStreamChatGenerics } from '../../../../types/types';\n\ntype Parameters = {\n  refreshList: () => void;\n  setForceUpdate: React.Dispatch<React.SetStateAction<number>>;\n};\n\nexport const useConnectionRecovered = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>({\n  refreshList,\n  setForceUpdate,\n}: Parameters) => {\n  const { client } = useChatContext<StreamChatGenerics>();\n\n  const refRefreshList = useRef(refreshList);\n  refRefreshList.current = refreshList;\n\n  useEffect(() => {\n    const handleEvent = () => {\n      refRefreshList.current();\n      setForceUpdate((count) => count + 1);\n    };\n\n    const { unsubscribe: unsubscribeRecovered } = client.on('connection.recovered', handleEvent);\n    const { unsubscribe: unsubscribeChanged } = client.on('connection.changed', (event) => {\n      if (event.online) {\n        handleEvent();\n      }\n    });\n\n    return () => {\n      unsubscribeRecovered();\n      unsubscribeChanged();\n    };\n  }, []);\n};\n"]}
+{"version":3,"sources":["useConnectionRecovered.ts"],"names":["useConnectionRecovered","enableOfflineSupport","refreshList","setForceUpdate","client","refRefreshList","current","sync","user","lastSyncedAt","currentUserId","id","cids","Date","toISOString","result","queries","events","reduce","event","concat","length","QuickSqliteClient","executeSqlBatch","resetDB","toString","handleEvent","count","connectionRecoveredListener","connectionChangedListener","on","online","unsubscribe"],"mappings":"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","sourcesContent":["import { useEffect, useRef } from 'react';\n\nimport type { StreamChat } from 'stream-chat';\n\nimport { handleEventToSyncDB } from './handleEventToSyncDB';\n\nimport { useChatContext } from '../../../../contexts/chatContext/ChatContext';\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 = {\n  enableOfflineSupport: boolean;\n  refreshList: () => void;\n  setForceUpdate: React.Dispatch<React.SetStateAction<number>>;\n};\n\nexport const useConnectionRecovered = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>({\n  enableOfflineSupport,\n  refreshList,\n  setForceUpdate,\n}: Params) => {\n  const { client } = useChatContext<StreamChatGenerics>();\n  const refRefreshList = useRef(refreshList);\n  refRefreshList.current = refreshList;\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) {\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 () => {\n      await sync();\n      refRefreshList.current();\n      setForceUpdate((count) => count + 1);\n    };\n\n    let connectionRecoveredListener: ReturnType<StreamChat['on']>;\n    let connectionChangedListener: ReturnType<StreamChat['on']>;\n\n    if (client && enableOfflineSupport) {\n      connectionRecoveredListener = client.on('connection.recovered', handleEvent);\n      connectionChangedListener = client.on('connection.changed', (event) => {\n        if (event.online) {\n          handleEvent();\n        }\n      });\n    }\n\n    return () => {\n      connectionRecoveredListener?.unsubscribe?.();\n      connectionChangedListener?.unsubscribe?.();\n    };\n  }, [client]);\n};\n"]}

package/lib/commonjs/components/ChannelList/hooks/listeners/useNewMessage.js

@@ -34,9 +34,9 @@ var useNewMessage = function useNewMessage(_ref) {
       });
     };
 
-    client.on('message.new', handleEvent);
+    var listener = client == null ? void 0 : client.on('message.new', handleEvent);
     return function () {
-      return client.off('message.new', handleEvent);
+      return listener == null ? void 0 : listener.unsubscribe();
     };
   }, []);
 };

package/lib/commonjs/components/ChannelList/hooks/listeners/useNewMessage.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useNewMessage.ts"],"names":["useNewMessage","lockChannelOrder","setChannels","client","handleEvent","event","channels","cid","on","off"],"mappings":";;;;;;;;;AAAA;;AAIA;;AAGA;;AAQO,IAAMA,aAAa,GAAG,SAAhBA,aAAgB,OAKS;AAAA,MAFpCC,gBAEoC,QAFpCA,gBAEoC;AAAA,MADpCC,WACoC,QADpCA,WACoC;;AACpC,wBAAmB,kCAAnB;AAAA,MAAQC,MAAR,mBAAQA,MAAR;;AAEA,wBAAU,YAAM;AACd,QAAMC,WAAW,GAAG,SAAdA,WAAc,CAACC,KAAD,EAAsC;AACxDH,MAAAA,WAAW,CAAC,UAACI,QAAD,EAAc;AACxB,YAAI,CAACL,gBAAD,IAAqBI,KAAK,CAACE,GAA/B,EAAoC;AAClC,iBAAO,0BAAkC;AACvCD,YAAAA,QAAQ,EAARA,QADuC;AAEvCC,YAAAA,GAAG,EAAEF,KAAK,CAACE;AAF4B,WAAlC,CAAP;AAID;;AACD,mDAAWD,QAAX;AACD,OARU,CAAX;AASD,KAVD;;AAYAH,IAAAA,MAAM,CAACK,EAAP,CAAU,aAAV,EAAyBJ,WAAzB;AACA,WAAO;AAAA,aAAMD,MAAM,CAACM,GAAP,CAAW,aAAX,EAA0BL,WAA1B,CAAN;AAAA,KAAP;AACD,GAfD,EAeG,EAfH;AAgBD,CAxBM","sourcesContent":["import { useEffect } from 'react';\n\nimport type { Channel, Event } from 'stream-chat';\n\nimport { useChatContext } from '../../../../contexts/chatContext/ChatContext';\n\nimport type { DefaultStreamChatGenerics } from '../../../../types/types';\nimport { moveChannelUp } from '../../utils';\n\ntype Parameters<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> =\n  {\n    lockChannelOrder: boolean;\n    setChannels: React.Dispatch<React.SetStateAction<Channel<StreamChatGenerics>[]>>;\n  };\n\nexport const useNewMessage = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>({\n  lockChannelOrder,\n  setChannels,\n}: Parameters<StreamChatGenerics>) => {\n  const { client } = useChatContext<StreamChatGenerics>();\n\n  useEffect(() => {\n    const handleEvent = (event: Event<StreamChatGenerics>) => {\n      setChannels((channels) => {\n        if (!lockChannelOrder && event.cid) {\n          return moveChannelUp<StreamChatGenerics>({\n            channels,\n            cid: event.cid,\n          });\n        }\n        return [...channels];\n      });\n    };\n\n    client.on('message.new', handleEvent);\n    return () => client.off('message.new', handleEvent);\n  }, []);\n};\n"]}
+{"version":3,"sources":["useNewMessage.ts"],"names":["useNewMessage","lockChannelOrder","setChannels","client","handleEvent","event","channels","cid","listener","on","unsubscribe"],"mappings":";;;;;;;;;AAAA;;AAIA;;AAGA;;AAQO,IAAMA,aAAa,GAAG,SAAhBA,aAAgB,OAKS;AAAA,MAFpCC,gBAEoC,QAFpCA,gBAEoC;AAAA,MADpCC,WACoC,QADpCA,WACoC;;AACpC,wBAAmB,kCAAnB;AAAA,MAAQC,MAAR,mBAAQA,MAAR;;AAEA,wBAAU,YAAM;AACd,QAAMC,WAAW,GAAG,SAAdA,WAAc,CAACC,KAAD,EAAsC;AACxDH,MAAAA,WAAW,CAAC,UAACI,QAAD,EAAc;AACxB,YAAI,CAACL,gBAAD,IAAqBI,KAAK,CAACE,GAA/B,EAAoC;AAClC,iBAAO,0BAAkC;AACvCD,YAAAA,QAAQ,EAARA,QADuC;AAEvCC,YAAAA,GAAG,EAAEF,KAAK,CAACE;AAF4B,WAAlC,CAAP;AAID;;AAED,mDAAWD,QAAX;AACD,OATU,CAAX;AAUD,KAXD;;AAaA,QAAME,QAAQ,GAAGL,MAAH,oBAAGA,MAAM,CAAEM,EAAR,CAAW,aAAX,EAA0BL,WAA1B,CAAjB;AACA,WAAO;AAAA,aAAMI,QAAN,oBAAMA,QAAQ,CAAEE,WAAV,EAAN;AAAA,KAAP;AACD,GAhBD,EAgBG,EAhBH;AAiBD,CAzBM","sourcesContent":["import { useEffect } from 'react';\n\nimport type { Channel, Event } from 'stream-chat';\n\nimport { useChatContext } from '../../../../contexts/chatContext/ChatContext';\n\nimport type { DefaultStreamChatGenerics } from '../../../../types/types';\nimport { moveChannelUp } from '../../utils';\n\ntype Parameters<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> =\n  {\n    lockChannelOrder: boolean;\n    setChannels: React.Dispatch<React.SetStateAction<Channel<StreamChatGenerics>[]>>;\n  };\n\nexport const useNewMessage = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>({\n  lockChannelOrder,\n  setChannels,\n}: Parameters<StreamChatGenerics>) => {\n  const { client } = useChatContext<StreamChatGenerics>();\n\n  useEffect(() => {\n    const handleEvent = (event: Event<StreamChatGenerics>) => {\n      setChannels((channels) => {\n        if (!lockChannelOrder && event.cid) {\n          return moveChannelUp<StreamChatGenerics>({\n            channels,\n            cid: event.cid,\n          });\n        }\n\n        return [...channels];\n      });\n    };\n\n    const listener = client?.on('message.new', handleEvent);\n    return () => listener?.unsubscribe();\n  }, []);\n};\n"]}

package/lib/commonjs/components/ChannelList/hooks/listeners/useNewMessageNotification.js

@@ -76,9 +76,9 @@ var useNewMessageNotification = function useNewMessageNotification(_ref) {
       };
     }();
 
-    client.on('notification.message_new', handleEvent);
+    var listener = client == null ? void 0 : client.on('notification.message_new', handleEvent);
     return function () {
-      return client.off('notification.message_new', handleEvent);
+      return listener == null ? void 0 : listener.unsubscribe();
     };
   }, []);
 };