stream-chat-react-native-core 4.12.1-beta.1 → 5.0.0-beta.0

package/lib/module/components/ChannelPreview/ChannelPreviewUnreadCount.js

@@ -12,7 +12,7 @@ var _reactNative = require("react-native");
 var _ThemeContext = require("../../contexts/themeContext/ThemeContext");
 
 var _this = this,
-    _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/ChannelPreview/ChannelPreviewUnreadCount.tsx";
+    _jsxFileName = "/Users/vishalnarkhede/projects/stream-chat-react-native/package/src/components/ChannelPreview/ChannelPreviewUnreadCount.tsx";
 
 var styles = _reactNative.StyleSheet.create({
   unreadContainer: {

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

@@ -19,12 +19,18 @@ var _dayjs = _interopRequireDefault(require("dayjs"));
 
 var _useAppSettings = require("./hooks/useAppSettings");
 
+var _useConnectionRecovered = require("./hooks/useConnectionRecovered");
+
 var _useCreateChatContext = require("./hooks/useCreateChatContext");
 
 var _useIsOnline2 = require("./hooks/useIsOnline");
 
 var _useMutedUsers = require("./hooks/useMutedUsers");
 
+var _useSyncDatabase = require("./hooks/useSyncDatabase");
+
+var _ChannelsStateContext = require("../../contexts/channelsStateContext/ChannelsStateContext");
+
 var _ChatContext = require("../../contexts/chatContext/ChatContext");
 
 var _OverlayContext = require("../../contexts/overlayContext/OverlayContext");
@@ -39,10 +45,12 @@ var _init = _interopRequireDefault(require("../../init"));
 
 var _native = require("../../native");
 
+var _QuickSqliteClient = require("../../store/QuickSqliteClient");
+
 var _version = require("../../version.json");
 
 var _this = this,
-    _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/Chat/Chat.tsx";
+    _jsxFileName = "/Users/vishalnarkhede/projects/stream-chat-react-native/package/src/components/Chat/Chat.tsx";
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -57,6 +65,8 @@ var ChatWithContext = function ChatWithContext(props) {
       client = props.client,
       _props$closeConnectio = props.closeConnectionOnBackground,
       closeConnectionOnBackground = _props$closeConnectio === void 0 ? true : _props$closeConnectio,
+      _props$enableOfflineS = props.enableOfflineSupport,
+      enableOfflineSupport = _props$enableOfflineS === void 0 ? false : _props$enableOfflineS,
       i18nInstance = props.i18nInstance,
       style = props.style;
 
@@ -88,25 +98,44 @@ var ChatWithContext = function ChatWithContext(props) {
 
   var mutedUsers = (0, _useMutedUsers.useMutedUsers)(client);
   (0, _react.useEffect)(function () {
-    if (client.setUserAgent) {
+    if (client) {
       client.setUserAgent(_native.SDK + "-" + _reactNative.Platform.OS + "-" + _version.version);
       client.recoverStateOnReconnect = false;
+      client.persistUserOnConnectionFailure = enableOfflineSupport;
     }
-  }, []);
+  }, [client]);
 
   var setActiveChannel = function setActiveChannel(newChannel) {
     return setChannel(newChannel);
   };
 
   var appSettings = (0, _useAppSettings.useAppSettings)(client, isOnline);
+
+  var _useConnectionRecover = (0, _useConnectionRecovered.useConnectionRecovered)({
+    client: client,
+    enableOfflineSupport: enableOfflineSupport
+  }),
+      subscribeConnectionRecoveredCallback = _useConnectionRecover.subscribeConnectionRecoveredCallback;
+
   var chatContext = (0, _useCreateChatContext.useCreateChatContext)({
     appSettings: appSettings,
     channel: channel,
     client: client,
     connectionRecovering: connectionRecovering,
+    enableOfflineSupport: enableOfflineSupport,
     isOnline: isOnline,
     mutedUsers: mutedUsers,
-    setActiveChannel: setActiveChannel
+    setActiveChannel: setActiveChannel,
+    subscribeConnectionRecoveredCallback: subscribeConnectionRecoveredCallback
+  });
+  (0, _react.useEffect)(function () {
+    if (enableOfflineSupport) {
+      _QuickSqliteClient.QuickSqliteClient.initializeDatabase();
+    }
+  }, []);
+  (0, _useSyncDatabase.useSyncDatabase)({
+    client: client,
+    enableOfflineSupport: enableOfflineSupport
   });
   if (loadingTranslators) return null;
   return _react["default"].createElement(_ChatContext.ChatProvider, {
@@ -114,7 +143,7 @@ var ChatWithContext = function ChatWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 181,
+      lineNumber: 216,
       columnNumber: 5
     }
   }, _react["default"].createElement(_TranslationContext.TranslationProvider, {
@@ -124,7 +153,7 @@ var ChatWithContext = function ChatWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 182,
+      lineNumber: 217,
       columnNumber: 7
     }
   }, _react["default"].createElement(_ThemeContext.ThemeProvider, {
@@ -132,10 +161,17 @@ var ChatWithContext = function ChatWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 185,
+      lineNumber: 220,
       columnNumber: 9
     }
-  }, children)));
+  }, _react["default"].createElement(_ChannelsStateContext.ChannelsStateProvider, {
+    __self: _this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 221,
+      columnNumber: 11
+    }
+  }, children))));
 };
 
 var Chat = function Chat(props) {
@@ -148,7 +184,7 @@ var Chat = function Chat(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 219,
+      lineNumber: 256,
       columnNumber: 10
     }
   }));

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

@@ -1 +1 @@
-{"version":3,"sources":["Chat.tsx"],"names":["ChatWithContext","props","children","client","closeConnectionOnBackground","i18nInstance","style","channel","setChannel","t","key","tDateTimeParser","input","translators","setTranslators","loadingTranslators","connectionRecovering","isOnline","mutedUsers","setUserAgent","SDK","Platform","OS","version","recoverStateOnReconnect","setActiveChannel","newChannel","appSettings","chatContext","userLanguage","user","language","DEFAULT_USER_LANGUAGE","Chat"],"mappings":"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","sourcesContent":["import React, { PropsWithChildren, useEffect, useState } from 'react';\nimport { Platform } from 'react-native';\n\nimport Dayjs from 'dayjs';\n\nimport type { Channel } from 'stream-chat';\n\nimport { useAppSettings } from './hooks/useAppSettings';\nimport { useCreateChatContext } from './hooks/useCreateChatContext';\nimport { useIsOnline } from './hooks/useIsOnline';\nimport { useMutedUsers } from './hooks/useMutedUsers';\n\nimport { ChatContextValue, ChatProvider } from '../../contexts/chatContext/ChatContext';\nimport { useOverlayContext } from '../../contexts/overlayContext/OverlayContext';\nimport { DeepPartial, ThemeProvider } from '../../contexts/themeContext/ThemeContext';\nimport type { Theme } from '../../contexts/themeContext/utils/theme';\nimport {\n  DEFAULT_USER_LANGUAGE,\n  TranslationProvider,\n  TranslatorFunctions,\n} from '../../contexts/translationContext/TranslationContext';\nimport { useStreami18n } from '../../hooks/useStreami18n';\nimport init from '../../init';\n\nimport { SDK } from '../../native';\nimport type { DefaultStreamChatGenerics } from '../../types/types';\nimport type { Streami18n } from '../../utils/Streami18n';\nimport { version } from '../../version.json';\n\ninit();\n\nexport type ChatProps<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Pick<ChatContextValue<StreamChatGenerics>, 'client'> & {\n  /**\n   * When false, ws connection won't be disconnection upon backgrounding the app.\n   * To receive push notifications, its necessary that user doesn't have active\n   * websocket connection. So by default, we disconnect websocket connection when\n   * app goes to background, and reconnect when app comes to foreground.\n   */\n  closeConnectionOnBackground?: boolean;\n  /**\n   * Instance of Streami18n class should be provided to Chat component to enable internationalization.\n   *\n   * Stream provides following list of in-built translations:\n   * 1. English (en)\n   * 2. Dutch (nl)\n   * 3. ...\n   * 4. ...\n   *\n   * Simplest way to start using chat components in one of the in-built languages would be following:\n   *\n   * ```\n   * const i18n = new Streami18n('nl');\n   * <Chat client={chatClient} i18nInstance={i18n}>\n   *  ...\n   * </Chat>\n   * ```\n   *\n   * If you would like to override certain keys in in-built translation.\n   * UI will be automatically updated in this case.\n   *\n   * ```\n   * const i18n = new Streami18n('nl');\n   *\n   * i18n.registerTranslation('nl', {\n   *  'Nothing yet...': 'Nog Niet ...',\n   *  '{{ firstUser }} and {{ secondUser }} are typing...': '{{ firstUser }} en {{ secondUser }} zijn aan het typen...',\n   * });\n   *\n   * <Chat client={chatClient} i18nInstance={i18n}>\n   *  ...\n   * </Chat>\n   * ```\n   *\n   * You can use the same function to add whole new language.\n   *\n   * ```\n   * const i18n = new Streami18n('it');\n   *\n   * i18n.registerTranslation('it', {\n   *  'Nothing yet...': 'Non ancora ...',\n   *  '{{ firstUser }} and {{ secondUser }} are typing...': '{{ firstUser }} a {{ secondUser }} stanno scrivendo...',\n   * });\n   *\n   * // Make sure to call setLanguage to reflect new language in UI.\n   * i18n.setLanguage('it');\n   * <Chat client={chatClient} i18nInstance={i18n}>\n   *  ...\n   * </Chat>\n   * ```\n   */\n  i18nInstance?: Streami18n;\n  /**\n   * You can pass the theme object to customize the styles of Chat components. You can check the default theme in [theme.ts](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/contexts/themeContext/utils/theme.ts)\n   *\n   * Please check section about [themes in cookbook](https://github.com/GetStream/stream-chat-react-native/wiki/Cookbook-v3.0#theme) for details.\n   *\n   * ```\n   * import type { DeepPartial, Theme } from 'stream-chat-react-native';\n   *\n   * const theme: DeepPartial<Theme> = {\n   *   messageSimple: {\n   *     file: {\n   *       container: {\n   *         backgroundColor: 'red',\n   *       },\n   *       icon: {\n   *         height: 16,\n   *         width: 16,\n   *       },\n   *     },\n   *   },\n   * };\n   *\n   * <Chat style={theme}>\n   * </Chat>\n   * ```\n   *\n   * @overrideType object\n   */\n  style?: DeepPartial<Theme>;\n};\n\nconst ChatWithContext = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: PropsWithChildren<ChatProps<StreamChatGenerics>>,\n) => {\n  const { children, client, closeConnectionOnBackground = true, i18nInstance, style } = props;\n\n  const [channel, setChannel] = useState<Channel<StreamChatGenerics>>();\n  const [translators, setTranslators] = useState<TranslatorFunctions>({\n    t: (key: string) => key,\n    tDateTimeParser: (input?: string | number | Date) => Dayjs(input),\n  });\n\n  /**\n   * Setup translators\n   */\n  const loadingTranslators = useStreami18n({ i18nInstance, setTranslators });\n\n  /**\n   * Setup connection event listeners\n   */\n  const { connectionRecovering, isOnline } = useIsOnline<StreamChatGenerics>(\n    client,\n    closeConnectionOnBackground,\n  );\n\n  /**\n   * Setup muted user listener\n   */\n  const mutedUsers = useMutedUsers<StreamChatGenerics>(client);\n\n  useEffect(() => {\n    if (client.setUserAgent) {\n      client.setUserAgent(`${SDK}-${Platform.OS}-${version}`);\n      // This is to disable recovery related logic in js client, since we handle it in this SDK\n      client.recoverStateOnReconnect = false;\n    }\n  }, []);\n\n  const setActiveChannel = (newChannel?: Channel<StreamChatGenerics>) => setChannel(newChannel);\n\n  const appSettings = useAppSettings(client, isOnline);\n\n  const chatContext = useCreateChatContext({\n    appSettings,\n    channel,\n    client,\n    connectionRecovering,\n    isOnline,\n    mutedUsers,\n    setActiveChannel,\n  });\n\n  if (loadingTranslators) return null;\n\n  return (\n    <ChatProvider<StreamChatGenerics> value={chatContext}>\n      <TranslationProvider\n        value={{ ...translators, userLanguage: client.user?.language || DEFAULT_USER_LANGUAGE }}\n      >\n        <ThemeProvider style={style}>{children}</ThemeProvider>\n      </TranslationProvider>\n    </ChatProvider>\n  );\n};\n\n/**\n * Chat - Wrapper component for Chat. The needs to be placed around any other chat components.\n * This Chat component provides the ChatContext to all other components.\n *\n * The ChatContext provides the following props:\n *\n * - channel - currently active channel\n * - client - client connection\n * - connectionRecovering - whether or not websocket is reconnecting\n * - isOnline - whether or not set user is active\n * - setActiveChannel - function to set the currently active channel\n *\n * The Chat Component takes the following generics in order:\n * - At (AttachmentType) - custom Attachment object extension\n * - Ct (ChannelType) - custom Channel object extension\n * - Co (CommandType) - custom Command string union extension\n * - Ev (EventType) - custom Event object extension\n * - Me (MessageType) - custom Message object extension\n * - Re (ReactionType) - custom Reaction object extension\n * - Us (UserType) - custom User object extension\n */\nexport const Chat = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: PropsWithChildren<ChatProps<StreamChatGenerics>>,\n) => {\n  const { style } = useOverlayContext();\n\n  return <ChatWithContext {...{ style }} {...props} />;\n};\n"]}
+{"version":3,"sources":["Chat.tsx"],"names":["ChatWithContext","props","children","client","closeConnectionOnBackground","enableOfflineSupport","i18nInstance","style","channel","setChannel","t","key","tDateTimeParser","input","translators","setTranslators","loadingTranslators","connectionRecovering","isOnline","mutedUsers","setUserAgent","SDK","Platform","OS","version","recoverStateOnReconnect","persistUserOnConnectionFailure","setActiveChannel","newChannel","appSettings","subscribeConnectionRecoveredCallback","chatContext","QuickSqliteClient","initializeDatabase","userLanguage","user","language","DEFAULT_USER_LANGUAGE","Chat"],"mappings":"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","sourcesContent":["import React, { PropsWithChildren, useEffect, useState } from 'react';\nimport { Platform } from 'react-native';\n\nimport Dayjs from 'dayjs';\n\nimport type { Channel } from 'stream-chat';\n\nimport { useAppSettings } from './hooks/useAppSettings';\nimport { useConnectionRecovered } from './hooks/useConnectionRecovered';\nimport { useCreateChatContext } from './hooks/useCreateChatContext';\nimport { useIsOnline } from './hooks/useIsOnline';\nimport { useMutedUsers } from './hooks/useMutedUsers';\n\nimport { useSyncDatabase } from './hooks/useSyncDatabase';\n\nimport { ChannelsStateProvider } from '../../contexts/channelsStateContext/ChannelsStateContext';\nimport { ChatContextValue, ChatProvider } from '../../contexts/chatContext/ChatContext';\nimport { useOverlayContext } from '../../contexts/overlayContext/OverlayContext';\nimport { DeepPartial, ThemeProvider } from '../../contexts/themeContext/ThemeContext';\nimport type { Theme } from '../../contexts/themeContext/utils/theme';\nimport {\n  DEFAULT_USER_LANGUAGE,\n  TranslationProvider,\n  TranslatorFunctions,\n} from '../../contexts/translationContext/TranslationContext';\nimport { useStreami18n } from '../../hooks/useStreami18n';\nimport init from '../../init';\n\nimport { SDK } from '../../native';\nimport { QuickSqliteClient } from '../../store/QuickSqliteClient';\nimport type { DefaultStreamChatGenerics } from '../../types/types';\nimport type { Streami18n } from '../../utils/Streami18n';\nimport { version } from '../../version.json';\n\ninit();\n\nexport type ChatProps<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Pick<ChatContextValue<StreamChatGenerics>, 'client'> & {\n  /**\n   * When false, ws connection won't be disconnection upon backgrounding the app.\n   * To receive push notifications, its necessary that user doesn't have active\n   * websocket connection. So by default, we disconnect websocket connection when\n   * app goes to background, and reconnect when app comes to foreground.\n   */\n  closeConnectionOnBackground?: boolean;\n  /**\n   * Enables offline storage and loading for chat data.\n   */\n  enableOfflineSupport?: boolean;\n  /**\n   * Instance of Streami18n class should be provided to Chat component to enable internationalization.\n   *\n   * Stream provides following list of in-built translations:\n   * 1. English (en)\n   * 2. Dutch (nl)\n   * 3. ...\n   * 4. ...\n   *\n   * Simplest way to start using chat components in one of the in-built languages would be following:\n   *\n   * ```\n   * const i18n = new Streami18n('nl');\n   * <Chat client={chatClient} i18nInstance={i18n}>\n   *  ...\n   * </Chat>\n   * ```\n   *\n   * If you would like to override certain keys in in-built translation.\n   * UI will be automatically updated in this case.\n   *\n   * ```\n   * const i18n = new Streami18n('nl');\n   *\n   * i18n.registerTranslation('nl', {\n   *  'Nothing yet...': 'Nog Niet ...',\n   *  '{{ firstUser }} and {{ secondUser }} are typing...': '{{ firstUser }} en {{ secondUser }} zijn aan het typen...',\n   * });\n   *\n   * <Chat client={chatClient} i18nInstance={i18n}>\n   *  ...\n   * </Chat>\n   * ```\n   *\n   * You can use the same function to add whole new language.\n   *\n   * ```\n   * const i18n = new Streami18n('it');\n   *\n   * i18n.registerTranslation('it', {\n   *  'Nothing yet...': 'Non ancora ...',\n   *  '{{ firstUser }} and {{ secondUser }} are typing...': '{{ firstUser }} a {{ secondUser }} stanno scrivendo...',\n   * });\n   *\n   * // Make sure to call setLanguage to reflect new language in UI.\n   * i18n.setLanguage('it');\n   * <Chat client={chatClient} i18nInstance={i18n}>\n   *  ...\n   * </Chat>\n   * ```\n   */\n  i18nInstance?: Streami18n;\n  /**\n   * You can pass the theme object to customize the styles of Chat components. You can check the default theme in [theme.ts](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/contexts/themeContext/utils/theme.ts)\n   *\n   * Please check section about [themes in cookbook](https://github.com/GetStream/stream-chat-react-native/wiki/Cookbook-v3.0#theme) for details.\n   *\n   * ```\n   * import type { DeepPartial, Theme } from 'stream-chat-react-native';\n   *\n   * const theme: DeepPartial<Theme> = {\n   *   messageSimple: {\n   *     file: {\n   *       container: {\n   *         backgroundColor: 'red',\n   *       },\n   *       icon: {\n   *         height: 16,\n   *         width: 16,\n   *       },\n   *     },\n   *   },\n   * };\n   *\n   * <Chat style={theme}>\n   * </Chat>\n   * ```\n   *\n   * @overrideType object\n   */\n  style?: DeepPartial<Theme>;\n};\n\nconst ChatWithContext = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: PropsWithChildren<ChatProps<StreamChatGenerics>>,\n) => {\n  const {\n    children,\n    client,\n    closeConnectionOnBackground = true,\n    enableOfflineSupport = false,\n    i18nInstance,\n    style,\n  } = props;\n\n  const [channel, setChannel] = useState<Channel<StreamChatGenerics>>();\n  const [translators, setTranslators] = useState<TranslatorFunctions>({\n    t: (key: string) => key,\n    tDateTimeParser: (input?: string | number | Date) => Dayjs(input),\n  });\n\n  /**\n   * Setup translators\n   */\n  const loadingTranslators = useStreami18n({ i18nInstance, setTranslators });\n\n  /**\n   * Setup connection event listeners\n   */\n  const { connectionRecovering, isOnline } = useIsOnline<StreamChatGenerics>(\n    client,\n    closeConnectionOnBackground,\n  );\n\n  /**\n   * Setup muted user listener\n   * TODO: reimplement\n   */\n  const mutedUsers = useMutedUsers<StreamChatGenerics>(client);\n\n  useEffect(() => {\n    if (client) {\n      client.setUserAgent(`${SDK}-${Platform.OS}-${version}`);\n      // This is to disable recovery related logic in js client, since we handle it in this SDK\n      client.recoverStateOnReconnect = false;\n      client.persistUserOnConnectionFailure = enableOfflineSupport;\n    }\n  }, [client]);\n\n  const setActiveChannel = (newChannel?: Channel<StreamChatGenerics>) => setChannel(newChannel);\n\n  const appSettings = useAppSettings(client, isOnline);\n  const { subscribeConnectionRecoveredCallback } = useConnectionRecovered<StreamChatGenerics>({\n    client,\n    enableOfflineSupport,\n  });\n\n  const chatContext = useCreateChatContext({\n    appSettings,\n    channel,\n    client,\n    connectionRecovering,\n    enableOfflineSupport,\n    isOnline,\n    mutedUsers,\n    setActiveChannel,\n    subscribeConnectionRecoveredCallback,\n  });\n\n  useEffect(() => {\n    if (enableOfflineSupport) {\n      QuickSqliteClient.initializeDatabase();\n    }\n  }, []);\n\n  useSyncDatabase({\n    client,\n    enableOfflineSupport,\n  });\n\n  if (loadingTranslators) return null;\n\n  return (\n    <ChatProvider<StreamChatGenerics> value={chatContext}>\n      <TranslationProvider\n        value={{ ...translators, userLanguage: client.user?.language || DEFAULT_USER_LANGUAGE }}\n      >\n        <ThemeProvider style={style}>\n          <ChannelsStateProvider<StreamChatGenerics>>{children}</ChannelsStateProvider>\n        </ThemeProvider>\n      </TranslationProvider>\n    </ChatProvider>\n  );\n};\n\n/**\n * Chat - Wrapper component for Chat. The needs to be placed around any other chat components.\n * This Chat component provides the ChatContext to all other components.\n *\n * The ChatContext provides the following props:\n *\n * - channel - currently active channel\n * - client - client connection\n * - connectionRecovering - whether or not websocket is reconnecting\n * - isOnline - whether or not set user is active\n * - setActiveChannel - function to set the currently active channel\n *\n * The Chat Component takes the following generics in order:\n * - At (AttachmentType) - custom Attachment object extension\n * - Ct (ChannelType) - custom Channel object extension\n * - Co (CommandType) - custom Command string union extension\n * - Ev (EventType) - custom Event object extension\n * - Me (MessageType) - custom Message object extension\n * - Re (ReactionType) - custom Reaction object extension\n * - Us (UserType) - custom User object extension\n */\nexport const Chat = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: PropsWithChildren<ChatProps<StreamChatGenerics>>,\n) => {\n  const { style } = useOverlayContext();\n\n  return <ChatWithContext {...{ style }} {...props} />;\n};\n"]}

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

@@ -0,0 +1,144 @@
+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 || event.message.show_in_channel)) {
+      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) {
+      return (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' || type === 'channel.visible' || type === 'notification.added_to_channel' || type === 'notification.message_new') {
+    if (event.channel) {
+      return (0, _upsertChannelData.upsertChannelData)({
+        channel: event.channel,
+        flush: flush
+      });
+    }
+  }
+
+  if (type === 'channel.hidden' || type === 'channel.deleted' || type === 'notification.removed_from_channel') {
+    if (event.channel) {
+      return (0, _deleteChannel.deleteChannel)({
+        cid: event.channel.cid,
+        flush: flush
+      });
+    }
+  }
+
+  if (type === 'channel.truncated') {
+    if (event.channel) {
+      return (0, _deleteMessagesForChannel.deleteMessagesForChannel)({
+        cid: event.channel.cid,
+        flush: flush
+      });
+    }
+  }
+
+  if (type === 'channels.queried') {
+    var _event$queriedChannel, _event$queriedChannel2;
+
+    if ((_event$queriedChannel = event.queriedChannels) != null && (_event$queriedChannel2 = _event$queriedChannel.channels) != null && _event$queriedChannel2.length) {
+      var _event$queriedChannel3, _event$queriedChannel4;
+
+      return (0, _upsertChannels.upsertChannels)({
+        channels: (_event$queriedChannel3 = event.queriedChannels) == null ? void 0 : _event$queriedChannel3.channels,
+        flush: flush,
+        isLatestMessagesSet: (_event$queriedChannel4 = event.queriedChannels) == null ? void 0 : _event$queriedChannel4.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
+      });
+    }
+  }
+
+  return [];
+};
+
+exports.handleEventToSyncDB = handleEventToSyncDB;
+//# sourceMappingURL=handleEventToSyncDB.js.map

package/lib/module/components/Chat/hooks/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","show_in_channel","messages","reaction","channel","queriedChannels","channels","length","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 || event.message.show_in_channel)) {\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 in database.\n      return updateMessage({\n        flush,\n        message: event.message,\n      });\n    }\n  }\n\n  if (type === 'reaction.updated') {\n    if (event.message && event.reaction) {\n      // We update the entire message to make sure we also update\n      // reaction_counts.\n      return 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 (\n    type === 'channel.updated' ||\n    type === 'channel.visible' ||\n    type === 'notification.added_to_channel' ||\n    type === 'notification.message_new'\n  ) {\n    if (event.channel) {\n      return upsertChannelData({\n        channel: event.channel,\n        flush,\n      });\n    }\n  }\n\n  if (\n    type === 'channel.hidden' ||\n    type === 'channel.deleted' ||\n    type === 'notification.removed_from_channel'\n  ) {\n    if (event.channel) {\n      return deleteChannel({\n        cid: event.channel.cid,\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 === 'channels.queried') {\n    if (event.queriedChannels?.channels?.length) {\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  return [];\n};\n"]}

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

@@ -0,0 +1,171 @@
+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) {
+                  _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

@@ -0,0 +1 @@
+{"version":3,"sources":["useConnectionRecovered.ts"],"names":["useConnectionRecovered","client","enableOfflineSupport","connectionRecoveredCallbacks","setConnectionRecoveredCallbacks","sync","user","lastSyncedAt","currentUserId","id","cids","Date","toISOString","result","queries","events","reduce","event","concat","length","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) {\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/useCreateChatContext.js

@@ -10,11 +10,13 @@ var useCreateChatContext = function useCreateChatContext(_ref) {
       channel = _ref.channel,
       client = _ref.client,
       connectionRecovering = _ref.connectionRecovering,
+      enableOfflineSupport = _ref.enableOfflineSupport,
       isOnline = _ref.isOnline,
       mutedUsers = _ref.mutedUsers,
-      setActiveChannel = _ref.setActiveChannel;
+      setActiveChannel = _ref.setActiveChannel,
+      subscribeConnectionRecoveredCallback = _ref.subscribeConnectionRecoveredCallback;
   var channelId = channel == null ? void 0 : channel.id;
-  var clientValues = "" + client.clientID + Object.keys(client.activeChannels).length + Object.keys(client.listeners).length + client.mutedChannels.length;
+  var clientValues = client ? "" + client.clientID + Object.keys(client.activeChannels).length + Object.keys(client.listeners).length + client.mutedChannels.length : 'Offline';
   var mutedUsersLength = mutedUsers.length;
   var chatContext = (0, _react.useMemo)(function () {
     return {
@@ -22,9 +24,11 @@ var useCreateChatContext = function useCreateChatContext(_ref) {
       channel: channel,
       client: client,
       connectionRecovering: connectionRecovering,
+      enableOfflineSupport: enableOfflineSupport,
       isOnline: isOnline,
       mutedUsers: mutedUsers,
-      setActiveChannel: setActiveChannel
+      setActiveChannel: setActiveChannel,
+      subscribeConnectionRecoveredCallback: subscribeConnectionRecoveredCallback
     };
   }, [channelId, clientValues, connectionRecovering, isOnline, mutedUsersLength]);
   return chatContext;

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

@@ -1 +1 @@
-{"version":3,"sources":["useCreateChatContext.ts"],"names":["useCreateChatContext","appSettings","channel","client","connectionRecovering","isOnline","mutedUsers","setActiveChannel","channelId","id","clientValues","clientID","Object","keys","activeChannels","length","listeners","mutedChannels","mutedUsersLength","chatContext"],"mappings":";;;;;AAAA;;AAKO,IAAMA,oBAAoB,GAAG,SAAvBA,oBAAuB,OAUQ;AAAA,MAP1CC,WAO0C,QAP1CA,WAO0C;AAAA,MAN1CC,OAM0C,QAN1CA,OAM0C;AAAA,MAL1CC,MAK0C,QAL1CA,MAK0C;AAAA,MAJ1CC,oBAI0C,QAJ1CA,oBAI0C;AAAA,MAH1CC,QAG0C,QAH1CA,QAG0C;AAAA,MAF1CC,UAE0C,QAF1CA,UAE0C;AAAA,MAD1CC,gBAC0C,QAD1CA,gBAC0C;AAC1C,MAAMC,SAAS,GAAGN,OAAH,oBAAGA,OAAO,CAAEO,EAA3B;AACA,MAAMC,YAAY,QAAMP,MAAM,CAACQ,QAAb,GAAwBC,MAAM,CAACC,IAAP,CAAYV,MAAM,CAACW,cAAnB,EAAmCC,MAA3D,GAChBH,MAAM,CAACC,IAAP,CAAYV,MAAM,CAACa,SAAnB,EAA8BD,MADd,GAEfZ,MAAM,CAACc,aAAP,CAAqBF,MAFxB;AAGA,MAAMG,gBAAgB,GAAGZ,UAAU,CAACS,MAApC;AAEA,MAAMI,WAAiD,GAAG,oBACxD;AAAA,WAAO;AACLlB,MAAAA,WAAW,EAAXA,WADK;AAELC,MAAAA,OAAO,EAAPA,OAFK;AAGLC,MAAAA,MAAM,EAANA,MAHK;AAILC,MAAAA,oBAAoB,EAApBA,oBAJK;AAKLC,MAAAA,QAAQ,EAARA,QALK;AAMLC,MAAAA,UAAU,EAAVA,UANK;AAOLC,MAAAA,gBAAgB,EAAhBA;AAPK,KAAP;AAAA,GADwD,EAUxD,CAACC,SAAD,EAAYE,YAAZ,EAA0BN,oBAA1B,EAAgDC,QAAhD,EAA0Da,gBAA1D,CAVwD,CAA1D;AAaA,SAAOC,WAAP;AACD,CA/BM","sourcesContent":["import { useMemo } from 'react';\n\nimport type { ChatContextValue } from '../../../contexts/chatContext/ChatContext';\nimport type { DefaultStreamChatGenerics } from '../../../types/types';\n\nexport const useCreateChatContext = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>({\n  appSettings,\n  channel,\n  client,\n  connectionRecovering,\n  isOnline,\n  mutedUsers,\n  setActiveChannel,\n}: ChatContextValue<StreamChatGenerics>) => {\n  const channelId = channel?.id;\n  const clientValues = `${client.clientID}${Object.keys(client.activeChannels).length}${\n    Object.keys(client.listeners).length\n  }${client.mutedChannels.length}`;\n  const mutedUsersLength = mutedUsers.length;\n\n  const chatContext: ChatContextValue<StreamChatGenerics> = useMemo(\n    () => ({\n      appSettings,\n      channel,\n      client,\n      connectionRecovering,\n      isOnline,\n      mutedUsers,\n      setActiveChannel,\n    }),\n    [channelId, clientValues, connectionRecovering, isOnline, mutedUsersLength],\n  );\n\n  return chatContext;\n};\n"]}
+{"version":3,"sources":["useCreateChatContext.ts"],"names":["useCreateChatContext","appSettings","channel","client","connectionRecovering","enableOfflineSupport","isOnline","mutedUsers","setActiveChannel","subscribeConnectionRecoveredCallback","channelId","id","clientValues","clientID","Object","keys","activeChannels","length","listeners","mutedChannels","mutedUsersLength","chatContext"],"mappings":";;;;;AAAA;;AAKO,IAAMA,oBAAoB,GAAG,SAAvBA,oBAAuB,OAYQ;AAAA,MAT1CC,WAS0C,QAT1CA,WAS0C;AAAA,MAR1CC,OAQ0C,QAR1CA,OAQ0C;AAAA,MAP1CC,MAO0C,QAP1CA,MAO0C;AAAA,MAN1CC,oBAM0C,QAN1CA,oBAM0C;AAAA,MAL1CC,oBAK0C,QAL1CA,oBAK0C;AAAA,MAJ1CC,QAI0C,QAJ1CA,QAI0C;AAAA,MAH1CC,UAG0C,QAH1CA,UAG0C;AAAA,MAF1CC,gBAE0C,QAF1CA,gBAE0C;AAAA,MAD1CC,oCAC0C,QAD1CA,oCAC0C;AAC1C,MAAMC,SAAS,GAAGR,OAAH,oBAAGA,OAAO,CAAES,EAA3B;AACA,MAAMC,YAAY,GAAGT,MAAM,QACpBA,MAAM,CAACU,QADa,GACFC,MAAM,CAACC,IAAP,CAAYZ,MAAM,CAACa,cAAnB,EAAmCC,MADjC,GAErBH,MAAM,CAACC,IAAP,CAAYZ,MAAM,CAACe,SAAnB,EAA8BD,MAFT,GAGpBd,MAAM,CAACgB,aAAP,CAAqBF,MAHD,GAIvB,SAJJ;AAKA,MAAMG,gBAAgB,GAAGb,UAAU,CAACU,MAApC;AAEA,MAAMI,WAAiD,GAAG,oBACxD;AAAA,WAAO;AACLpB,MAAAA,WAAW,EAAXA,WADK;AAELC,MAAAA,OAAO,EAAPA,OAFK;AAGLC,MAAAA,MAAM,EAANA,MAHK;AAILC,MAAAA,oBAAoB,EAApBA,oBAJK;AAKLC,MAAAA,oBAAoB,EAApBA,oBALK;AAMLC,MAAAA,QAAQ,EAARA,QANK;AAOLC,MAAAA,UAAU,EAAVA,UAPK;AAQLC,MAAAA,gBAAgB,EAAhBA,gBARK;AASLC,MAAAA,oCAAoC,EAApCA;AATK,KAAP;AAAA,GADwD,EAYxD,CAACC,SAAD,EAAYE,YAAZ,EAA0BR,oBAA1B,EAAgDE,QAAhD,EAA0Dc,gBAA1D,CAZwD,CAA1D;AAeA,SAAOC,WAAP;AACD,CArCM","sourcesContent":["import { useMemo } from 'react';\n\nimport type { ChatContextValue } from '../../../contexts/chatContext/ChatContext';\nimport type { DefaultStreamChatGenerics } from '../../../types/types';\n\nexport const useCreateChatContext = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>({\n  appSettings,\n  channel,\n  client,\n  connectionRecovering,\n  enableOfflineSupport,\n  isOnline,\n  mutedUsers,\n  setActiveChannel,\n  subscribeConnectionRecoveredCallback,\n}: ChatContextValue<StreamChatGenerics>) => {\n  const channelId = channel?.id;\n  const clientValues = client\n    ? `${client.clientID}${Object.keys(client.activeChannels).length}${\n        Object.keys(client.listeners).length\n      }${client.mutedChannels.length}`\n    : 'Offline';\n  const mutedUsersLength = mutedUsers.length;\n\n  const chatContext: ChatContextValue<StreamChatGenerics> = useMemo(\n    () => ({\n      appSettings,\n      channel,\n      client,\n      connectionRecovering,\n      enableOfflineSupport,\n      isOnline,\n      mutedUsers,\n      setActiveChannel,\n      subscribeConnectionRecoveredCallback,\n    }),\n    [channelId, clientValues, connectionRecovering, isOnline, mutedUsersLength],\n  );\n\n  return chatContext;\n};\n"]}

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

@@ -10,7 +10,7 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _react = require("react");
 
 var useMutedUsers = function useMutedUsers(client) {
-  var _useState = (0, _react.useState)(client.mutedUsers || []),
+  var _useState = (0, _react.useState)((client == null ? void 0 : client.mutedUsers) || []),
       _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
       mutedUsers = _useState2[0],
       setMutedUsers = _useState2[1];
@@ -24,9 +24,9 @@ var useMutedUsers = function useMutedUsers(client) {
       });
     };
 
-    client.on('notification.mutes_updated', handleEvent);
+    var listener = client == null ? void 0 : client.on('notification.mutes_updated', handleEvent);
     return function () {
-      return client.off('notification.mutes_updated', handleEvent);
+      return listener == null ? void 0 : listener.unsubscribe();
     };
   }, [setMutedUsers]);
   return mutedUsers;

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

@@ -1 +1 @@
-{"version":3,"sources":["useMutedUsers.ts"],"names":["useMutedUsers","client","mutedUsers","setMutedUsers","handleEvent","event","mutes","me","on","off"],"mappings":";;;;;;;;;AAAA;;AAMO,IAAMA,aAAa,GAAG,SAAhBA,aAAgB,CAG3BC,MAH2B,EAIxB;AACH,kBAAoC,qBAAqCA,MAAM,CAACC,UAAP,IAAqB,EAA1D,CAApC;AAAA;AAAA,MAAOA,UAAP;AAAA,MAAmBC,aAAnB;;AAEA,wBAAU,YAAM;AACd,QAAMC,WAAW,GAAG,SAAdA,WAAc,CAACC,KAAD,EAAsC;AACxDF,MAAAA,aAAa,CAAC,UAACG,KAAD;AAAA;;AAAA,eAAW,cAAAD,KAAK,CAACE,EAAN,+BAAUD,KAAV,KAAmBA,KAAnB,IAA4B,EAAvC;AAAA,OAAD,CAAb;AACD,KAFD;;AAIAL,IAAAA,MAAM,CAACO,EAAP,CAAU,4BAAV,EAAwCJ,WAAxC;AACA,WAAO;AAAA,aAAMH,MAAM,CAACQ,GAAP,CAAW,4BAAX,EAAyCL,WAAzC,CAAN;AAAA,KAAP;AACD,GAPD,EAOG,CAACD,aAAD,CAPH;AASA,SAAOD,UAAP;AACD,CAjBM","sourcesContent":["import { useEffect, useState } from 'react';\n\nimport type { Event, Mute, StreamChat } from 'stream-chat';\n\nimport type { DefaultStreamChatGenerics } from '../../../types/types';\n\nexport const useMutedUsers = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  client: StreamChat<StreamChatGenerics>,\n) => {\n  const [mutedUsers, setMutedUsers] = useState<Mute<StreamChatGenerics>[]>(client.mutedUsers || []);\n\n  useEffect(() => {\n    const handleEvent = (event: Event<StreamChatGenerics>) => {\n      setMutedUsers((mutes) => event.me?.mutes || mutes || []);\n    };\n\n    client.on('notification.mutes_updated', handleEvent);\n    return () => client.off('notification.mutes_updated', handleEvent);\n  }, [setMutedUsers]);\n\n  return mutedUsers;\n};\n"]}
+{"version":3,"sources":["useMutedUsers.ts"],"names":["useMutedUsers","client","mutedUsers","setMutedUsers","handleEvent","event","mutes","me","listener","on","unsubscribe"],"mappings":";;;;;;;;;AAAA;;AAMO,IAAMA,aAAa,GAAG,SAAhBA,aAAgB,CAG3BC,MAH2B,EAIxB;AACH,kBAAoC,qBAClC,CAAAA,MAAM,QAAN,YAAAA,MAAM,CAAEC,UAAR,KAAsB,EADY,CAApC;AAAA;AAAA,MAAOA,UAAP;AAAA,MAAmBC,aAAnB;;AAIA,wBAAU,YAAM;AACd,QAAMC,WAAW,GAAG,SAAdA,WAAc,CAACC,KAAD,EAAsC;AACxDF,MAAAA,aAAa,CAAC,UAACG,KAAD;AAAA;;AAAA,eAAW,cAAAD,KAAK,CAACE,EAAN,+BAAUD,KAAV,KAAmBA,KAAnB,IAA4B,EAAvC;AAAA,OAAD,CAAb;AACD,KAFD;;AAIA,QAAME,QAAQ,GAAGP,MAAH,oBAAGA,MAAM,CAAEQ,EAAR,CAAW,4BAAX,EAAyCL,WAAzC,CAAjB;AACA,WAAO;AAAA,aAAMI,QAAN,oBAAMA,QAAQ,CAAEE,WAAV,EAAN;AAAA,KAAP;AACD,GAPD,EAOG,CAACP,aAAD,CAPH;AASA,SAAOD,UAAP;AACD,CAnBM","sourcesContent":["import { useEffect, useState } from 'react';\n\nimport type { Event, Mute, StreamChat } from 'stream-chat';\n\nimport type { DefaultStreamChatGenerics } from '../../../types/types';\n\nexport const useMutedUsers = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  client: StreamChat<StreamChatGenerics>,\n) => {\n  const [mutedUsers, setMutedUsers] = useState<Mute<StreamChatGenerics>[]>(\n    client?.mutedUsers || [],\n  );\n\n  useEffect(() => {\n    const handleEvent = (event: Event<StreamChatGenerics>) => {\n      setMutedUsers((mutes) => event.me?.mutes || mutes || []);\n    };\n\n    const listener = client?.on('notification.mutes_updated', handleEvent);\n    return () => listener?.unsubscribe();\n  }, [setMutedUsers]);\n\n  return mutedUsers;\n};\n"]}