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

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

@@ -19,8 +19,6 @@ 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");
@@ -49,6 +47,8 @@ var _native = require("../../native");
 
 var _QuickSqliteClient = require("../../store/QuickSqliteClient");
 
+var _DBSyncManager = require("../../utils/DBSyncManager");
+
 var _version = require("../../version.json");
 
 var _this = this,
@@ -61,7 +61,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 (0, _init["default"])();
 
 var ChatWithContext = function ChatWithContext(props) {
-  var _client$user;
+  var _client$user2, _client$user3;
 
   var children = props.children,
       client = props.client,
@@ -124,13 +124,6 @@ var ChatWithContext = function ChatWithContext(props) {
   };
 
   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,
@@ -140,14 +133,17 @@ var ChatWithContext = function ChatWithContext(props) {
     ImageComponent: ImageComponent,
     isOnline: isOnline,
     mutedUsers: mutedUsers,
-    setActiveChannel: setActiveChannel,
-    subscribeConnectionRecoveredCallback: subscribeConnectionRecoveredCallback
+    setActiveChannel: setActiveChannel
   });
   (0, _react.useEffect)(function () {
-    if (enableOfflineSupport) {
+    var _client$user;
+
+    if ((_client$user = client.user) != null && _client$user.id && enableOfflineSupport) {
       _QuickSqliteClient.QuickSqliteClient.initializeDatabase();
+
+      _DBSyncManager.DBSyncManager.init(client);
     }
-  }, []);
+  }, [client == null ? void 0 : (_client$user2 = client.user) == null ? void 0 : _client$user2.id]);
   (0, _useSyncDatabase.useSyncDatabase)({
     client: client,
     enableOfflineSupport: enableOfflineSupport
@@ -158,17 +154,17 @@ var ChatWithContext = function ChatWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 232,
+      lineNumber: 228,
       columnNumber: 5
     }
   }, _react["default"].createElement(_TranslationContext.TranslationProvider, {
     value: (0, _extends2["default"])({}, translators, {
-      userLanguage: ((_client$user = client.user) == null ? void 0 : _client$user.language) || _TranslationContext.DEFAULT_USER_LANGUAGE
+      userLanguage: ((_client$user3 = client.user) == null ? void 0 : _client$user3.language) || _TranslationContext.DEFAULT_USER_LANGUAGE
     }),
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 233,
+      lineNumber: 229,
       columnNumber: 7
     }
   }, _react["default"].createElement(_ThemeContext.ThemeProvider, {
@@ -176,14 +172,14 @@ var ChatWithContext = function ChatWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 236,
+      lineNumber: 232,
       columnNumber: 9
     }
   }, _react["default"].createElement(_ChannelsStateContext.ChannelsStateProvider, {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 237,
+      lineNumber: 233,
       columnNumber: 11
     }
   }, children))));
@@ -199,7 +195,7 @@ var Chat = function Chat(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 272,
+      lineNumber: 268,
       columnNumber: 10
     }
   }));

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

@@ -1 +1 @@
-{"version":3,"sources":["Chat.tsx"],"names":["ChatWithContext","props","children","client","closeConnectionOnBackground","enableOfflineSupport","i18nInstance","ImageComponent","Image","style","channel","setChannel","t","key","tDateTimeParser","input","translators","setTranslators","loadingTranslators","connectionRecovering","isOnline","mutedUsers","debugRef","isDebugModeEnabled","__DEV__","current","setUserAgent","SDK","Platform","OS","version","recoverStateOnReconnect","persistUserOnConnectionFailure","setEventType","setSendEventParams","action","data","user","setActiveChannel","newChannel","appSettings","subscribeConnectionRecoveredCallback","chatContext","QuickSqliteClient","initializeDatabase","userLanguage","language","DEFAULT_USER_LANGUAGE","Chat"],"mappings":"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","sourcesContent":["import React, { PropsWithChildren, useEffect, useState } from 'react';\nimport { Image, 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 { useDebugContext } from '../../contexts/debugContext/DebugContext';\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  Partial<Pick<ChatContextValue<StreamChatGenerics>, 'ImageComponent'>> & {\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    ImageComponent = Image,\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  const debugRef = useDebugContext();\n  const isDebugModeEnabled = __DEV__ && debugRef && debugRef.current;\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\n    if (isDebugModeEnabled) {\n      if (debugRef.current.setEventType) debugRef.current.setEventType('send');\n      if (debugRef.current.setSendEventParams)\n        debugRef.current.setSendEventParams({\n          action: 'Client',\n          data: client.user,\n        });\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    ImageComponent,\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"]}
+{"version":3,"sources":["Chat.tsx"],"names":["ChatWithContext","props","children","client","closeConnectionOnBackground","enableOfflineSupport","i18nInstance","ImageComponent","Image","style","channel","setChannel","t","key","tDateTimeParser","input","translators","setTranslators","loadingTranslators","connectionRecovering","isOnline","mutedUsers","debugRef","isDebugModeEnabled","__DEV__","current","setUserAgent","SDK","Platform","OS","version","recoverStateOnReconnect","persistUserOnConnectionFailure","setEventType","setSendEventParams","action","data","user","setActiveChannel","newChannel","appSettings","chatContext","id","QuickSqliteClient","initializeDatabase","DBSyncManager","init","userLanguage","language","DEFAULT_USER_LANGUAGE","Chat"],"mappings":"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","sourcesContent":["import React, { PropsWithChildren, useEffect, useState } from 'react';\nimport { Image, Platform } from 'react-native';\n\nimport Dayjs from 'dayjs';\n\nimport type { Channel, StreamChat } 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 { useSyncDatabase } from './hooks/useSyncDatabase';\n\nimport { ChannelsStateProvider } from '../../contexts/channelsStateContext/ChannelsStateContext';\nimport { ChatContextValue, ChatProvider } from '../../contexts/chatContext/ChatContext';\nimport { useDebugContext } from '../../contexts/debugContext/DebugContext';\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 { DBSyncManager } from '../../utils/DBSyncManager';\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  Partial<Pick<ChatContextValue<StreamChatGenerics>, 'ImageComponent'>> & {\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    ImageComponent = Image,\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  const debugRef = useDebugContext();\n  const isDebugModeEnabled = __DEV__ && debugRef && debugRef.current;\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\n    if (isDebugModeEnabled) {\n      if (debugRef.current.setEventType) debugRef.current.setEventType('send');\n      if (debugRef.current.setSendEventParams)\n        debugRef.current.setSendEventParams({\n          action: 'Client',\n          data: client.user,\n        });\n    }\n  }, [client]);\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    enableOfflineSupport,\n    ImageComponent,\n    isOnline,\n    mutedUsers,\n    setActiveChannel,\n  });\n\n  useEffect(() => {\n    if (client.user?.id && enableOfflineSupport) {\n      QuickSqliteClient.initializeDatabase();\n      DBSyncManager.init(client as unknown as StreamChat);\n    }\n  }, [client?.user?.id]);\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/commonjs/components/Chat/hooks/useCreateChatContext.js

@@ -14,8 +14,7 @@ var useCreateChatContext = function useCreateChatContext(_ref) {
       ImageComponent = _ref.ImageComponent,
       isOnline = _ref.isOnline,
       mutedUsers = _ref.mutedUsers,
-      setActiveChannel = _ref.setActiveChannel,
-      subscribeConnectionRecoveredCallback = _ref.subscribeConnectionRecoveredCallback;
+      setActiveChannel = _ref.setActiveChannel;
   var channelId = channel == null ? void 0 : channel.id;
   var clientValues = client ? "" + client.clientID + Object.keys(client.activeChannels).length + Object.keys(client.listeners).length + client.mutedChannels.length : 'Offline';
   var mutedUsersLength = mutedUsers.length;
@@ -29,8 +28,7 @@ var useCreateChatContext = function useCreateChatContext(_ref) {
       ImageComponent: ImageComponent,
       isOnline: isOnline,
       mutedUsers: mutedUsers,
-      setActiveChannel: setActiveChannel,
-      subscribeConnectionRecoveredCallback: subscribeConnectionRecoveredCallback
+      setActiveChannel: setActiveChannel
     };
   }, [channelId, clientValues, connectionRecovering, isOnline, mutedUsersLength]);
   return chatContext;

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

@@ -1 +1 @@
-{"version":3,"sources":["useCreateChatContext.ts"],"names":["useCreateChatContext","appSettings","channel","client","connectionRecovering","enableOfflineSupport","ImageComponent","isOnline","mutedUsers","setActiveChannel","subscribeConnectionRecoveredCallback","channelId","id","clientValues","clientID","Object","keys","activeChannels","length","listeners","mutedChannels","mutedUsersLength","chatContext"],"mappings":";;;;;AAAA;;AAKO,IAAMA,oBAAoB,GAAG,SAAvBA,oBAAuB,OAaQ;AAAA,MAV1CC,WAU0C,QAV1CA,WAU0C;AAAA,MAT1CC,OAS0C,QAT1CA,OAS0C;AAAA,MAR1CC,MAQ0C,QAR1CA,MAQ0C;AAAA,MAP1CC,oBAO0C,QAP1CA,oBAO0C;AAAA,MAN1CC,oBAM0C,QAN1CA,oBAM0C;AAAA,MAL1CC,cAK0C,QAL1CA,cAK0C;AAAA,MAJ1CC,QAI0C,QAJ1CA,QAI0C;AAAA,MAH1CC,UAG0C,QAH1CA,UAG0C;AAAA,MAF1CC,gBAE0C,QAF1CA,gBAE0C;AAAA,MAD1CC,oCAC0C,QAD1CA,oCAC0C;AAC1C,MAAMC,SAAS,GAAGT,OAAH,oBAAGA,OAAO,CAAEU,EAA3B;AACA,MAAMC,YAAY,GAAGV,MAAM,QACpBA,MAAM,CAACW,QADa,GACFC,MAAM,CAACC,IAAP,CAAYb,MAAM,CAACc,cAAnB,EAAmCC,MADjC,GAErBH,MAAM,CAACC,IAAP,CAAYb,MAAM,CAACgB,SAAnB,EAA8BD,MAFT,GAGpBf,MAAM,CAACiB,aAAP,CAAqBF,MAHD,GAIvB,SAJJ;AAKA,MAAMG,gBAAgB,GAAGb,UAAU,CAACU,MAApC;AAEA,MAAMI,WAAiD,GAAG,oBACxD;AAAA,WAAO;AACLrB,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,cAAc,EAAdA,cANK;AAOLC,MAAAA,QAAQ,EAARA,QAPK;AAQLC,MAAAA,UAAU,EAAVA,UARK;AASLC,MAAAA,gBAAgB,EAAhBA,gBATK;AAULC,MAAAA,oCAAoC,EAApCA;AAVK,KAAP;AAAA,GADwD,EAaxD,CAACC,SAAD,EAAYE,YAAZ,EAA0BT,oBAA1B,EAAgDG,QAAhD,EAA0Dc,gBAA1D,CAbwD,CAA1D;AAgBA,SAAOC,WAAP;AACD,CAvCM","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  ImageComponent,\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      ImageComponent,\n      isOnline,\n      mutedUsers,\n      setActiveChannel,\n      subscribeConnectionRecoveredCallback,\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","ImageComponent","isOnline","mutedUsers","setActiveChannel","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,cAI0C,QAJ1CA,cAI0C;AAAA,MAH1CC,QAG0C,QAH1CA,QAG0C;AAAA,MAF1CC,UAE0C,QAF1CA,UAE0C;AAAA,MAD1CC,gBAC0C,QAD1CA,gBAC0C;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,GAAGZ,UAAU,CAACS,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,cAAc,EAAdA,cANK;AAOLC,MAAAA,QAAQ,EAARA,QAPK;AAQLC,MAAAA,UAAU,EAAVA,UARK;AASLC,MAAAA,gBAAgB,EAAhBA;AATK,KAAP;AAAA,GADwD,EAYxD,CAACC,SAAD,EAAYE,YAAZ,EAA0BR,oBAA1B,EAAgDG,QAAhD,EAA0Da,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  ImageComponent,\n  isOnline,\n  mutedUsers,\n  setActiveChannel,\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      ImageComponent,\n      isOnline,\n      mutedUsers,\n      setActiveChannel,\n    }),\n    [channelId, clientValues, connectionRecovering, isOnline, mutedUsersLength],\n  );\n\n  return chatContext;\n};\n"]}

package/lib/commonjs/components/Message/Message.js

@@ -60,7 +60,9 @@ var MessageWithContext = function MessageWithContext(props) {
   var _message$user;
 
   var isMessageTypeDeleted = props.message.type === 'deleted';
-  var channel = props.channel,
+  var sendReaction = props.sendReaction,
+      channel = props.channel,
+      deleteMessageFromContext = props.deleteMessage,
       disabled = props.disabled,
       dismissKeyboard = props.dismissKeyboard,
       dismissKeyboardOnMessageTouch = props.dismissKeyboardOnMessageTouch,
@@ -103,6 +105,7 @@ var MessageWithContext = function MessageWithContext(props) {
       OverlayReactionList = props.OverlayReactionList,
       preventPress = props.preventPress,
       removeMessage = props.removeMessage,
+      deleteReaction = props.deleteReaction,
       retrySendMessage = props.retrySendMessage,
       selectReaction = props.selectReaction,
       setData = props.setData,
@@ -295,14 +298,15 @@ var MessageWithContext = function MessageWithContext(props) {
   var _useMessageActionHand = (0, _useMessageActionHandlers.useMessageActionHandlers)({
     channel: channel,
     client: client,
+    deleteMessage: deleteMessageFromContext,
+    deleteReaction: deleteReaction,
     enforceUniqueReaction: enforceUniqueReaction,
     message: message,
-    removeMessage: removeMessage,
     retrySendMessage: retrySendMessage,
+    sendReaction: sendReaction,
     setEditingState: setEditingState,
     setQuotedMessageState: setQuotedMessageState,
-    supportedReactions: supportedReactions,
-    updateMessage: updateMessage
+    supportedReactions: supportedReactions
   }),
       handleDeleteMessage = _useMessageActionHand.handleDeleteMessage,
       handleEditMessage = _useMessageActionHand.handleEditMessage,
@@ -316,6 +320,8 @@ var MessageWithContext = function MessageWithContext(props) {
   var _useMessageActions = (0, _useMessageActions2.useMessageActions)({
     channel: channel,
     client: client,
+    deleteMessage: deleteMessageFromContext,
+    deleteReaction: deleteReaction,
     enforceUniqueReaction: enforceUniqueReaction,
     handleBlock: handleBlock,
     handleCopy: handleCopy,
@@ -334,6 +340,7 @@ var MessageWithContext = function MessageWithContext(props) {
     removeMessage: removeMessage,
     retrySendMessage: retrySendMessage,
     selectReaction: selectReaction,
+    sendReaction: sendReaction,
     setEditingState: setEditingState,
     setOverlay: setOverlay,
     setQuotedMessageState: setQuotedMessageState,
@@ -557,7 +564,7 @@ var MessageWithContext = function MessageWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 690,
+      lineNumber: 700,
       columnNumber: 5
     }
   }, _react["default"].createElement(_reactNative.View, {
@@ -567,7 +574,7 @@ var MessageWithContext = function MessageWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 694,
+      lineNumber: 704,
       columnNumber: 7
     }
   }, _react["default"].createElement(_reactNative.View, {
@@ -577,7 +584,7 @@ var MessageWithContext = function MessageWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 702,
+      lineNumber: 712,
       columnNumber: 9
     }
   }, _react["default"].createElement(_MessageContext.MessageProvider, {
@@ -585,14 +592,14 @@ var MessageWithContext = function MessageWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 709,
+      lineNumber: 719,
       columnNumber: 11
     }
   }, _react["default"].createElement(MessageSimple, {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 710,
+      lineNumber: 720,
       columnNumber: 13
     }
   })))));
@@ -603,6 +610,7 @@ var areEqual = function areEqual(prevProps, nextProps) {
 
   var prevMutedUsers = prevProps.chatContext.mutedUsers,
       prevGoToMessage = prevProps.goToMessage,
+      prevGroupStyles = prevProps.groupStyles,
       isAttachmentEqual = prevProps.isAttachmentEqual,
       prevIsTargetedMessage = prevProps.isTargetedMessage,
       prevLastReceivedId = prevProps.lastReceivedId,
@@ -612,6 +620,7 @@ var areEqual = function areEqual(prevProps, nextProps) {
       prevT = prevProps.t;
   var nextMutedUsers = nextProps.chatContext.mutedUsers,
       nextGoToMessage = nextProps.goToMessage,
+      nextGroupStyles = nextProps.groupStyles,
       nextIsTargetedMessage = nextProps.isTargetedMessage,
       nextLastReceivedId = nextProps.lastReceivedId,
       nextMembers = nextProps.members,
@@ -626,6 +635,8 @@ var areEqual = function areEqual(prevProps, nextProps) {
   if (lastReceivedIdChangedAndMatters) return false;
   var goToMessageChangedAndMatters = nextMessage.quoted_message_id && prevGoToMessage !== nextGoToMessage;
   if (goToMessageChangedAndMatters) return false;
+  var groupStylesEqual = prevGroupStyles.length === nextGroupStyles.length && prevGroupStyles[0] === nextGroupStyles[0];
+  if (!groupStylesEqual) return false;
   var isPrevMessageTypeDeleted = prevMessage.type === 'deleted';
   var isNextMessageTypeDeleted = nextMessage.type === 'deleted';
   var messageEqual = isPrevMessageTypeDeleted === isNextMessageTypeDeleted && ((0, _useMessageList.isMessageWithStylesReadByAndDateSeparator)(prevMessage) && prevMessage.readBy) === ((0, _useMessageList.isMessageWithStylesReadByAndDateSeparator)(nextMessage) && nextMessage.readBy) && prevMessage.status === nextMessage.status && prevMessage.type === nextMessage.type && prevMessage.text === nextMessage.text && prevMessage.pinned === nextMessage.pinned && "" + (prevMessage == null ? void 0 : prevMessage.updated_at) === "" + (nextMessage == null ? void 0 : nextMessage.updated_at);
@@ -714,7 +725,7 @@ var Message = function Message(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 870,
+      lineNumber: 886,
       columnNumber: 5
     }
   }));