stream-chat-react-native-core 5.27.0-beta.1 → 5.27.0-beta.10

package/lib/module/components/AttachmentPicker/components/AttachmentPickerIOSSelectMorePhotos.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.AttachmentPickerIOSSelectMorePhotos = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactNative = require("react-native");
+var _ThemeContext = require("../../../contexts/themeContext/ThemeContext");
 var _TranslationContext = require("../../../contexts/translationContext/TranslationContext");
 var _native = require("../../../native");
 var _this = this,
@@ -12,16 +13,40 @@ var _this = this,
 var AttachmentPickerIOSSelectMorePhotos = function AttachmentPickerIOSSelectMorePhotos() {
   var _useTranslationContex = (0, _TranslationContext.useTranslationContext)(),
     t = _useTranslationContex.t;
-  return _react["default"].createElement(_reactNative.Button, {
+  var _useTheme = (0, _ThemeContext.useTheme)(),
+    _useTheme$theme$color = _useTheme.theme.colors,
+    accent_blue = _useTheme$theme$color.accent_blue,
+    white = _useTheme$theme$color.white;
+  return _react["default"].createElement(_reactNative.Pressable, {
     onPress: _native.iOS14RefreshGallerySelection,
-    title: t('Select More Photos'),
+    style: [styles.container, {
+      backgroundColor: white
+    }],
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 9,
-      columnNumber: 10
+      lineNumber: 16,
+      columnNumber: 5
     }
-  });
+  }, _react["default"].createElement(_reactNative.Text, {
+    style: [styles.text, {
+      color: accent_blue
+    }],
+    __self: _this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 20,
+      columnNumber: 7
+    }
+  }, t('Select More Photos')));
 };
 exports.AttachmentPickerIOSSelectMorePhotos = AttachmentPickerIOSSelectMorePhotos;
+var styles = _reactNative.StyleSheet.create({
+  container: {},
+  text: {
+    fontSize: 16,
+    paddingVertical: 10,
+    textAlign: 'center'
+  }
+});
 //# sourceMappingURL=AttachmentPickerIOSSelectMorePhotos.js.map

package/lib/module/components/AttachmentPicker/components/AttachmentPickerIOSSelectMorePhotos.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_TranslationContext","_native","_this","_jsxFileName","AttachmentPickerIOSSelectMorePhotos","_useTranslationContex","useTranslationContext","t","createElement","Button","onPress","iOS14RefreshGallerySelection","title","__self","__source","fileName","lineNumber","columnNumber","exports"],"sources":["AttachmentPickerIOSSelectMorePhotos.tsx"],"sourcesContent":["import React from 'react';\nimport { Button } from 'react-native';\n\nimport { useTranslationContext } from '../../../contexts/translationContext/TranslationContext';\nimport { iOS14RefreshGallerySelection } from '../../../native';\n\nexport const AttachmentPickerIOSSelectMorePhotos = () => {\n  const { t } = useTranslationContext();\n  return <Button onPress={iOS14RefreshGallerySelection} title={t('Select More Photos')} />;\n};\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,mBAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AAA+D,IAAAI,KAAA;EAAAC,YAAA;AAExD,IAAMC,mCAAmC,GAAG,SAAtCA,mCAAmCA,CAAA,EAAS;EACvD,IAAAC,qBAAA,GAAc,IAAAC,yCAAqB,EAAC,CAAC;IAA7BC,CAAC,GAAAF,qBAAA,CAADE,CAAC;EACT,OAAOX,MAAA,YAAAY,aAAA,CAACT,YAAA,CAAAU,MAAM;IAACC,OAAO,EAAEC,oCAA6B;IAACC,KAAK,EAAEL,CAAC,CAAC,oBAAoB,CAAE;IAAAM,MAAA,EAAAX,KAAA;IAAAY,QAAA;MAAAC,QAAA,EAAAZ,YAAA;MAAAa,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC;AAC1F,CAAC;AAACC,OAAA,CAAAd,mCAAA,GAAAA,mCAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_ThemeContext","_TranslationContext","_native","_this","_jsxFileName","AttachmentPickerIOSSelectMorePhotos","_useTranslationContex","useTranslationContext","t","_useTheme","useTheme","_useTheme$theme$color","theme","colors","accent_blue","white","createElement","Pressable","onPress","iOS14RefreshGallerySelection","style","styles","container","backgroundColor","__self","__source","fileName","lineNumber","columnNumber","Text","text","color","exports","StyleSheet","create","fontSize","paddingVertical","textAlign"],"sources":["AttachmentPickerIOSSelectMorePhotos.tsx"],"sourcesContent":["import React from 'react';\nimport { Pressable, StyleSheet, Text } from 'react-native';\n\nimport { useTheme } from '../../../contexts/themeContext/ThemeContext';\nimport { useTranslationContext } from '../../../contexts/translationContext/TranslationContext';\nimport { iOS14RefreshGallerySelection } from '../../../native';\n\nexport const AttachmentPickerIOSSelectMorePhotos = () => {\n  const { t } = useTranslationContext();\n  const {\n    theme: {\n      colors: { accent_blue, white },\n    },\n  } = useTheme();\n  return (\n    <Pressable\n      onPress={iOS14RefreshGallerySelection}\n      style={[styles.container, { backgroundColor: white }]}\n    >\n      <Text style={[styles.text, { color: accent_blue }]}>{t('Select More Photos')}</Text>\n    </Pressable>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {},\n  text: {\n    fontSize: 16,\n    paddingVertical: 10,\n    textAlign: 'center',\n  },\n});\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,mBAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AAA+D,IAAAK,KAAA;EAAAC,YAAA;AAExD,IAAMC,mCAAmC,GAAG,SAAtCA,mCAAmCA,CAAA,EAAS;EACvD,IAAAC,qBAAA,GAAc,IAAAC,yCAAqB,EAAC,CAAC;IAA7BC,CAAC,GAAAF,qBAAA,CAADE,CAAC;EACT,IAAAC,SAAA,GAII,IAAAC,sBAAQ,EAAC,CAAC;IAAAC,qBAAA,GAAAF,SAAA,CAHZG,KAAK,CACHC,MAAM;IAAIC,WAAW,GAAAH,qBAAA,CAAXG,WAAW;IAAEC,KAAK,GAAAJ,qBAAA,CAALI,KAAK;EAGhC,OACEnB,MAAA,YAAAoB,aAAA,CAACjB,YAAA,CAAAkB,SAAS;IACRC,OAAO,EAAEC,oCAA6B;IACtCC,KAAK,EAAE,CAACC,MAAM,CAACC,SAAS,EAAE;MAAEC,eAAe,EAAER;IAAM,CAAC,CAAE;IAAAS,MAAA,EAAArB,KAAA;IAAAsB,QAAA;MAAAC,QAAA,EAAAtB,YAAA;MAAAuB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEtDhC,MAAA,YAAAoB,aAAA,CAACjB,YAAA,CAAA8B,IAAI;IAACT,KAAK,EAAE,CAACC,MAAM,CAACS,IAAI,EAAE;MAAEC,KAAK,EAAEjB;IAAY,CAAC,CAAE;IAAAU,MAAA,EAAArB,KAAA;IAAAsB,QAAA;MAAAC,QAAA,EAAAtB,YAAA;MAAAuB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAAEpB,CAAC,CAAC,oBAAoB,CAAQ,CAC1E,CAAC;AAEhB,CAAC;AAACwB,OAAA,CAAA3B,mCAAA,GAAAA,mCAAA;AAEF,IAAMgB,MAAM,GAAGY,uBAAU,CAACC,MAAM,CAAC;EAC/BZ,SAAS,EAAE,CAAC,CAAC;EACbQ,IAAI,EAAE;IACJK,QAAQ,EAAE,EAAE;IACZC,eAAe,EAAE,EAAE;IACnBC,SAAS,EAAE;EACb;AACF,CAAC,CAAC"}

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

@@ -32,7 +32,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 (0, _init["default"])();
 var ChatWithContext = function ChatWithContext(props) {
-  var _client$user2, _client$user3;
+  var _client$user;
   var children = props.children,
     client = props.client,
     _props$closeConnectio = props.closeConnectionOnBackground,
@@ -53,13 +53,16 @@ var ChatWithContext = function ChatWithContext(props) {
   var _useIsOnline = (0, _useIsOnline2.useIsOnline)(client, closeConnectionOnBackground),
     connectionRecovering = _useIsOnline.connectionRecovering,
     isOnline = _useIsOnline.isOnline;
-  var _useState3 = (0, _react.useState)(false),
+  var _useState3 = (0, _react.useState)({
+      initialised: false
+    }),
     _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-    initialisedDatabase = _useState4[0],
-    setInitialisedDatabase = _useState4[1];
+    initialisedDatabaseConfig = _useState4[0],
+    setInitialisedDatabaseConfig = _useState4[1];
   var mutedUsers = (0, _useMutedUsers.useMutedUsers)(client);
   var debugRef = (0, _DebugContext.useDebugContext)();
   var isDebugModeEnabled = __DEV__ && debugRef && debugRef.current;
+  var userID = client.userID;
   _StreamChatRN.StreamChatRN.setConfig({
     resizableCDNHosts: resizableCDNHosts
   });
@@ -81,14 +84,20 @@ var ChatWithContext = function ChatWithContext(props) {
     return setChannel(newChannel);
   };
   (0, _react.useEffect)(function () {
-    var _client$user;
-    if ((_client$user = client.user) != null && _client$user.id && enableOfflineSupport) {
-      setInitialisedDatabase(false);
+    if (userID && enableOfflineSupport) {
+      setInitialisedDatabaseConfig({
+        initialised: false,
+        userID: userID
+      });
       _QuickSqliteClient.QuickSqliteClient.initializeDatabase();
       _DBSyncManager.DBSyncManager.init(client);
-      setInitialisedDatabase(true);
+      setInitialisedDatabaseConfig({
+        initialised: true,
+        userID: userID
+      });
     }
-  }, [client == null ? void 0 : (_client$user2 = client.user) == null ? void 0 : _client$user2.id, enableOfflineSupport]);
+  }, [userID, enableOfflineSupport]);
+  var initialisedDatabase = initialisedDatabaseConfig.initialised && userID === initialisedDatabaseConfig.userID;
   var appSettings = (0, _useAppSettings.useAppSettings)(client, isOnline, enableOfflineSupport, initialisedDatabase);
   var chatContext = (0, _useCreateChatContext.useCreateChatContext)({
     appSettings: appSettings,
@@ -107,7 +116,7 @@ var ChatWithContext = function ChatWithContext(props) {
     enableOfflineSupport: enableOfflineSupport,
     initialisedDatabase: initialisedDatabase
   });
-  if (enableOfflineSupport && !initialisedDatabase) {
+  if (userID && enableOfflineSupport && !initialisedDatabase) {
     return null;
   }
   return _react["default"].createElement(_ChatContext.ChatProvider, {
@@ -115,17 +124,17 @@ var ChatWithContext = function ChatWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 232,
+      lineNumber: 243,
       columnNumber: 5
     }
   }, _react["default"].createElement(_TranslationContext.TranslationProvider, {
     value: (0, _extends2["default"])({}, translators, {
-      userLanguage: ((_client$user3 = client.user) == null ? void 0 : _client$user3.language) || _TranslationContext.DEFAULT_USER_LANGUAGE
+      userLanguage: ((_client$user = client.user) == null ? void 0 : _client$user.language) || _TranslationContext.DEFAULT_USER_LANGUAGE
     }),
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 233,
+      lineNumber: 244,
       columnNumber: 7
     }
   }, _react["default"].createElement(_ThemeContext.ThemeProvider, {
@@ -133,14 +142,14 @@ var ChatWithContext = function ChatWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 236,
+      lineNumber: 247,
       columnNumber: 9
     }
   }, _react["default"].createElement(_ChannelsStateContext.ChannelsStateProvider, {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 237,
+      lineNumber: 248,
       columnNumber: 11
     }
   }, children))));
@@ -154,7 +163,7 @@ var Chat = function Chat(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 272,
+      lineNumber: 283,
       columnNumber: 10
     }
   }));

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_useAppSettings","_useCreateChatContext","_useIsOnline2","_useMutedUsers","_useSyncDatabase","_ChannelsStateContext","_ChatContext","_DebugContext","_OverlayContext","_ThemeContext","_TranslationContext","_useStreami18n","_init","_interopRequireDefault","_native","_QuickSqliteClient","_DBSyncManager","_StreamChatRN","_version","_this","_jsxFileName","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","init","ChatWithContext","props","_client$user2","_client$user3","children","client","_props$closeConnectio","closeConnectionOnBackground","_props$enableOfflineS","enableOfflineSupport","i18nInstance","_props$ImageComponent","ImageComponent","Image","_props$resizableCDNHo","resizableCDNHosts","style","_useState","useState","_useState2","_slicedToArray2","channel","setChannel","translators","useStreami18n","_useIsOnline","useIsOnline","connectionRecovering","isOnline","_useState3","_useState4","initialisedDatabase","setInitialisedDatabase","mutedUsers","useMutedUsers","debugRef","useDebugContext","isDebugModeEnabled","__DEV__","current","StreamChatRN","setConfig","useEffect","setUserAgent","SDK","Platform","OS","version","recoverStateOnReconnect","persistUserOnConnectionFailure","setEventType","setSendEventParams","action","data","user","setActiveChannel","newChannel","_client$user","id","QuickSqliteClient","initializeDatabase","DBSyncManager","appSettings","useAppSettings","chatContext","useCreateChatContext","useSyncDatabase","createElement","ChatProvider","value","__self","__source","fileName","lineNumber","columnNumber","TranslationProvider","_extends2","userLanguage","language","DEFAULT_USER_LANGUAGE","ThemeProvider","ChannelsStateProvider","Chat","_useOverlayContext","useOverlayContext","exports"],"sources":["Chat.tsx"],"sourcesContent":["import React, { PropsWithChildren, useEffect, useState } from 'react';\nimport { Image, Platform } from 'react-native';\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} 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 { StreamChatRN } from '../../utils/StreamChatRN';\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' | 'resizableCDNHosts'>> & {\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    resizableCDNHosts = ['.stream-io-cdn.com'],\n    style,\n  } = props;\n\n  const [channel, setChannel] = useState<Channel<StreamChatGenerics>>();\n\n  // Setup translators\n  const translators = useStreami18n(i18nInstance);\n\n  /**\n   * Setup connection event listeners\n   */\n  const { connectionRecovering, isOnline } = useIsOnline<StreamChatGenerics>(\n    client,\n    closeConnectionOnBackground,\n  );\n\n  const [initialisedDatabase, setInitialisedDatabase] = useState(false);\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  // Set the `resizableCDNHosts` as per the prop.\n  StreamChatRN.setConfig({ resizableCDNHosts });\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, enableOfflineSupport]);\n\n  const setActiveChannel = (newChannel?: Channel<StreamChatGenerics>) => setChannel(newChannel);\n\n  useEffect(() => {\n    if (client.user?.id && enableOfflineSupport) {\n      setInitialisedDatabase(false);\n      QuickSqliteClient.initializeDatabase();\n      DBSyncManager.init(client as unknown as StreamChat);\n      setInitialisedDatabase(true);\n    }\n  }, [client?.user?.id, enableOfflineSupport]);\n\n  const appSettings = useAppSettings(client, isOnline, enableOfflineSupport, initialisedDatabase);\n\n  const chatContext = useCreateChatContext({\n    appSettings,\n    channel,\n    client,\n    connectionRecovering,\n    enableOfflineSupport,\n    ImageComponent,\n    isOnline,\n    mutedUsers,\n    resizableCDNHosts,\n    setActiveChannel,\n  });\n\n  useSyncDatabase({\n    client,\n    enableOfflineSupport,\n    initialisedDatabase,\n  });\n\n  if (enableOfflineSupport && !initialisedDatabase) {\n    return null;\n  }\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"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_useAppSettings","_useCreateChatContext","_useIsOnline2","_useMutedUsers","_useSyncDatabase","_ChannelsStateContext","_ChatContext","_DebugContext","_OverlayContext","_ThemeContext","_TranslationContext","_useStreami18n","_init","_interopRequireDefault","_native","_QuickSqliteClient","_DBSyncManager","_StreamChatRN","_version","_this","_jsxFileName","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","init","ChatWithContext","props","_client$user","children","client","_props$closeConnectio","closeConnectionOnBackground","_props$enableOfflineS","enableOfflineSupport","i18nInstance","_props$ImageComponent","ImageComponent","Image","_props$resizableCDNHo","resizableCDNHosts","style","_useState","useState","_useState2","_slicedToArray2","channel","setChannel","translators","useStreami18n","_useIsOnline","useIsOnline","connectionRecovering","isOnline","_useState3","initialised","_useState4","initialisedDatabaseConfig","setInitialisedDatabaseConfig","mutedUsers","useMutedUsers","debugRef","useDebugContext","isDebugModeEnabled","__DEV__","current","userID","StreamChatRN","setConfig","useEffect","setUserAgent","SDK","Platform","OS","version","recoverStateOnReconnect","persistUserOnConnectionFailure","setEventType","setSendEventParams","action","data","user","setActiveChannel","newChannel","QuickSqliteClient","initializeDatabase","DBSyncManager","initialisedDatabase","appSettings","useAppSettings","chatContext","useCreateChatContext","useSyncDatabase","createElement","ChatProvider","value","__self","__source","fileName","lineNumber","columnNumber","TranslationProvider","_extends2","userLanguage","language","DEFAULT_USER_LANGUAGE","ThemeProvider","ChannelsStateProvider","Chat","_useOverlayContext","useOverlayContext","exports"],"sources":["Chat.tsx"],"sourcesContent":["import React, { PropsWithChildren, useEffect, useState } from 'react';\nimport { Image, Platform } from 'react-native';\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} 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 { StreamChatRN } from '../../utils/StreamChatRN';\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' | 'resizableCDNHosts'>> & {\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    resizableCDNHosts = ['.stream-io-cdn.com'],\n    style,\n  } = props;\n\n  const [channel, setChannel] = useState<Channel<StreamChatGenerics>>();\n\n  // Setup translators\n  const translators = useStreami18n(i18nInstance);\n\n  /**\n   * Setup connection event listeners\n   */\n  const { connectionRecovering, isOnline } = useIsOnline<StreamChatGenerics>(\n    client,\n    closeConnectionOnBackground,\n  );\n\n  const [initialisedDatabaseConfig, setInitialisedDatabaseConfig] = useState<{\n    initialised: boolean;\n    userID?: string;\n  }>({\n    initialised: false,\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  const userID = client.userID;\n\n  // Set the `resizableCDNHosts` as per the prop.\n  StreamChatRN.setConfig({ resizableCDNHosts });\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, enableOfflineSupport]);\n\n  const setActiveChannel = (newChannel?: Channel<StreamChatGenerics>) => setChannel(newChannel);\n\n  useEffect(() => {\n    if (userID && enableOfflineSupport) {\n      setInitialisedDatabaseConfig({ initialised: false, userID });\n      QuickSqliteClient.initializeDatabase();\n      DBSyncManager.init(client as unknown as StreamChat);\n      setInitialisedDatabaseConfig({ initialised: true, userID });\n    }\n  }, [userID, enableOfflineSupport]);\n\n  const initialisedDatabase =\n    initialisedDatabaseConfig.initialised && userID === initialisedDatabaseConfig.userID;\n\n  const appSettings = useAppSettings(client, isOnline, enableOfflineSupport, initialisedDatabase);\n\n  const chatContext = useCreateChatContext({\n    appSettings,\n    channel,\n    client,\n    connectionRecovering,\n    enableOfflineSupport,\n    ImageComponent,\n    isOnline,\n    mutedUsers,\n    resizableCDNHosts,\n    setActiveChannel,\n  });\n\n  useSyncDatabase({\n    client,\n    enableOfflineSupport,\n    initialisedDatabase,\n  });\n\n  if (userID && enableOfflineSupport && !initialisedDatabase) {\n    // if user id has been set and offline support is enabled, we need to wait for database to be initialised\n    return null;\n  }\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"],"mappings":"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"}

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

@@ -33,8 +33,14 @@ var useAppSettings = function useAppSettings(client, isOnline, enableOfflineSupp
               }
               return _context.abrupt("return");
             case 2:
-              if (!(!isOnline && enableOfflineSupport && initialisedDatabase)) {
-                _context.next = 6;
+              if (!(enableOfflineSupport && !initialisedDatabase)) {
+                _context.next = 4;
+                break;
+              }
+              return _context.abrupt("return");
+            case 4:
+              if (!(!isOnline && enableOfflineSupport)) {
+                _context.next = 8;
                 break;
               }
               _appSettings = dbApi.getAppSettings({
@@ -42,11 +48,11 @@ var useAppSettings = function useAppSettings(client, isOnline, enableOfflineSupp
               });
               setAppSettings(_appSettings);
               return _context.abrupt("return");
-            case 6:
-              _context.prev = 6;
-              _context.next = 9;
+            case 8:
+              _context.prev = 8;
+              _context.next = 11;
               return client.getAppSettings();
-            case 9:
+            case 11:
               _appSettings2 = _context.sent;
               if (isMounted.current) {
                 setAppSettings(_appSettings2);
@@ -55,19 +61,19 @@ var useAppSettings = function useAppSettings(client, isOnline, enableOfflineSupp
                   currentUserId: client.userID
                 });
               }
-              _context.next = 16;
+              _context.next = 18;
               break;
-            case 13:
-              _context.prev = 13;
-              _context.t0 = _context["catch"](6);
+            case 15:
+              _context.prev = 15;
+              _context.t0 = _context["catch"](8);
               if (_context.t0 instanceof Error) {
                 console.error("An error occurred while getting app settings: " + _context.t0);
               }
-            case 16:
+            case 18:
             case "end":
               return _context.stop();
           }
-        }, _callee, null, [[6, 13]]);
+        }, _callee, null, [[8, 15]]);
       }));
       return _enforeAppSettings.apply(this, arguments);
     }

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

@@ -1 +1 @@
-{"version":3,"names":["_react","require","dbApi","_interopRequireWildcard","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","useAppSettings","client","isOnline","enableOfflineSupport","initialisedDatabase","_useState","useState","_useState2","_slicedToArray2","appSettings","setAppSettings","isMounted","useRef","useEffect","enforeAppSettings","_enforeAppSettings","apply","arguments","_asyncToGenerator2","_regenerator","mark","_callee","_appSettings","_appSettings2","wrap","_callee$","_context","prev","next","userID","abrupt","getAppSettings","currentUserId","sent","current","upsertAppSettings","t0","Error","console","error","stop","exports"],"sources":["useAppSettings.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nimport type { AppSettingsAPIResponse, StreamChat } from 'stream-chat';\n\nimport * as dbApi from '../../../store/apis';\nimport type { DefaultStreamChatGenerics } from '../../../types/types';\nexport const useAppSettings = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  client: StreamChat<StreamChatGenerics>,\n  isOnline: boolean | null,\n  enableOfflineSupport: boolean,\n  initialisedDatabase: boolean,\n): AppSettingsAPIResponse | null => {\n  const [appSettings, setAppSettings] = useState<AppSettingsAPIResponse | null>(null);\n  const isMounted = useRef(true);\n\n  useEffect(() => {\n    async function enforeAppSettings() {\n      if (!client.userID) return;\n\n      if (!isOnline && enableOfflineSupport && initialisedDatabase) {\n        const appSettings = dbApi.getAppSettings({ currentUserId: client.userID });\n        setAppSettings(appSettings);\n        return;\n      }\n\n      try {\n        const appSettings = await client.getAppSettings();\n        if (isMounted.current) {\n          setAppSettings(appSettings);\n          enableOfflineSupport &&\n            dbApi.upsertAppSettings({\n              appSettings,\n              currentUserId: client.userID as string,\n            });\n        }\n      } catch (error: unknown) {\n        if (error instanceof Error) {\n          console.error(`An error occurred while getting app settings: ${error}`);\n        }\n      }\n    }\n\n    enforeAppSettings();\n\n    return () => {\n      isMounted.current = false;\n    };\n  }, [client, isOnline, initialisedDatabase]);\n\n  return appSettings;\n};\n"],"mappings":"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"}
+{"version":3,"names":["_react","require","dbApi","_interopRequireWildcard","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","useAppSettings","client","isOnline","enableOfflineSupport","initialisedDatabase","_useState","useState","_useState2","_slicedToArray2","appSettings","setAppSettings","isMounted","useRef","useEffect","enforeAppSettings","_enforeAppSettings","apply","arguments","_asyncToGenerator2","_regenerator","mark","_callee","_appSettings","_appSettings2","wrap","_callee$","_context","prev","next","userID","abrupt","getAppSettings","currentUserId","sent","current","upsertAppSettings","t0","Error","console","error","stop","exports"],"sources":["useAppSettings.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nimport type { AppSettingsAPIResponse, StreamChat } from 'stream-chat';\n\nimport * as dbApi from '../../../store/apis';\nimport type { DefaultStreamChatGenerics } from '../../../types/types';\nexport const useAppSettings = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  client: StreamChat<StreamChatGenerics>,\n  isOnline: boolean | null,\n  enableOfflineSupport: boolean,\n  initialisedDatabase: boolean,\n): AppSettingsAPIResponse | null => {\n  const [appSettings, setAppSettings] = useState<AppSettingsAPIResponse | null>(null);\n  const isMounted = useRef(true);\n\n  useEffect(() => {\n    async function enforeAppSettings() {\n      if (!client.userID) return;\n\n      if (enableOfflineSupport && !initialisedDatabase) return;\n\n      if (!isOnline && enableOfflineSupport) {\n        const appSettings = dbApi.getAppSettings({ currentUserId: client.userID });\n        setAppSettings(appSettings);\n        return;\n      }\n\n      try {\n        const appSettings = await client.getAppSettings();\n        if (isMounted.current) {\n          setAppSettings(appSettings);\n          enableOfflineSupport &&\n            dbApi.upsertAppSettings({\n              appSettings,\n              currentUserId: client.userID as string,\n            });\n        }\n      } catch (error: unknown) {\n        if (error instanceof Error) {\n          console.error(`An error occurred while getting app settings: ${error}`);\n        }\n      }\n    }\n\n    enforeAppSettings();\n\n    return () => {\n      isMounted.current = false;\n    };\n  }, [client, isOnline, initialisedDatabase]);\n\n  return appSettings;\n};\n"],"mappings":"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"}

package/lib/module/components/ImageGallery/ImageGallery.js

@@ -138,7 +138,7 @@ var ImageGallery = function ImageGallery(props) {
     var _cur$attachments;
     var attachmentImages = ((_cur$attachments = cur.attachments) == null ? void 0 : _cur$attachments.filter(function (attachment) {
       var _attachment$giphy, _attachment$giphy$gip;
-      return attachment.type === 'giphy' && (((_attachment$giphy = attachment.giphy) == null ? void 0 : (_attachment$giphy$gip = _attachment$giphy[giphyVersion]) == null ? void 0 : _attachment$giphy$gip.url) || attachment.thumb_url || attachment.image_url) || attachment.type === 'image' && !attachment.title_link && !attachment.og_scrape_url && (0, _getUrlOfImageAttachment.getUrlOfImageAttachment)(attachment) || ((0, _native.isVideoPackageAvailable)() && attachment.type) === 'video' && attachment.thumb_url;
+      return attachment.type === 'giphy' && (((_attachment$giphy = attachment.giphy) == null ? void 0 : (_attachment$giphy$gip = _attachment$giphy[giphyVersion]) == null ? void 0 : _attachment$giphy$gip.url) || attachment.thumb_url || attachment.image_url) || attachment.type === 'image' && !attachment.title_link && !attachment.og_scrape_url && (0, _getUrlOfImageAttachment.getUrlOfImageAttachment)(attachment) || (0, _native.isVideoPackageAvailable)() && attachment.type === 'video';
     }).reverse()) || [];
     var attachmentPhotos = attachmentImages.map(function (a) {
       var _a$giphy, _a$giphy$giphyVersion;