GetStream
diff --git a/‎.github/workflows/docusaurus.yml‎
Lines changed: 2 additions & 3 deletions b/‎.github/workflows/docusaurus.yml‎
Lines changed: 2 additions & 3 deletions
diff --git a/‎.gitignore‎
Lines changed: 2 additions & 0 deletions b/‎.gitignore‎
Lines changed: 2 additions & 0 deletions
diff --git a/‎.vscode/settings.json‎
Lines changed: 1 addition & 1 deletion b/‎.vscode/settings.json‎
Lines changed: 1 addition & 1 deletion
diff --git a/‎bin/release.sh‎
Lines changed: 4 additions & 4 deletions b/‎bin/release.sh‎
Lines changed: 4 additions & 4 deletions
diff --git a/‎docusaurus/docs/reactnative/basics/getting_started.mdx‎
Lines changed: 4 additions & 4 deletions b/‎docusaurus/docs/reactnative/basics/getting_started.mdx‎
Lines changed: 4 additions & 4 deletions
diff --git a/‎docusaurus/docs/reactnative/basics/offline_support.mdx‎
Lines changed: 100 additions & 0 deletions b/‎docusaurus/docs/reactnative/basics/offline_support.mdx‎
Lines changed: 100 additions & 0 deletions
diff --git a/‎docusaurus/docs/reactnative/basics/translations.mdx‎
Lines changed: 1 addition & 1 deletion b/‎docusaurus/docs/reactnative/basics/translations.mdx‎
Lines changed: 1 addition & 1 deletion
diff --git a/‎docusaurus/docs/reactnative/basics/troubleshooting.mdx‎
Lines changed: 1 addition & 1 deletion b/‎docusaurus/docs/reactnative/basics/troubleshooting.mdx‎
Lines changed: 1 addition & 1 deletion
@@ -3,9 +3,8 @@ name: docusaurus
 on:
   push:
     branches:
-#       - main # default branch name for each repo that docs should be push from
-#       - develop
-      - v5.0.0-beta
+      - main # default branch name for each repo that docs should be push from
+      - develop
     paths:
       - docusaurus/**
 jobs:
 
@@ -4,3 +4,5 @@ artifacts
 e2e/.env
 *.log
 .DS_STORE
+*.db
+.idea
@@ -1,3 +1,3 @@
 {
   "editor.formatOnSave": true
-}
+}
@@ -30,13 +30,15 @@ cd ..
 sed -e 's|"version": "[^"]*"|"version": "'"$1"'"|g' -i.bak src/version.json
 rm src/version.json.bak
 
+git add package.json
 git add {expo,native}-package/package.json
 git add src/version.json
 
+git add yarn.lock
 git add expo-package/yarn.lock
 git add native-package/yarn.lock
 
-npm version "$1" --force
+npm version --no-git-tag-version "$1"
 
 npm publish --tag="$tag"
 
@@ -45,6 +47,4 @@ npm publish --tag="$tag"
 
 
 cd ../expo-package
-npm publish --tag="$tag"
-
-git push --follow-tags
+npm publish --tag="$tag"
@@ -47,7 +47,7 @@ Stream Chat has a number of peer dependencies that are required to take advantag
 It is suggested you follow the install instructions for each package to ensure it is properly setup.
 Most if not all of the required packages now support auto-linking so setup should be minimal. Those with known [additional steps](#additional-steps) have been noted.
 
-- [`@react-native-community/cameraroll`](https://github.com/react-native-cameraroll/react-native-cameraroll)
+- [`@react-native-camera-roll/camera-roll`](https://github.com/react-native-cameraroll/react-native-cameraroll)
 - [`@react-native-community/netinfo`](https://github.com/react-native-netinfo/react-native-netinfo)
 - [`@stream-io/flat-list-mvcp`](https://github.com/GetStream/flat-list-mvcp)
 - [`react-native-document-picker`](https://github.com/rnmods/react-native-document-picker)
@@ -71,14 +71,14 @@ Most if not all of the required packages now support auto-linking so setup shoul
 <TabItem value='yarn'>
 
 ```bash
-yarn add @react-native-community/cameraroll @react-native-community/netinfo @stream-io/flat-list-mvcp react-native-document-picker react-native-fs react-native-gesture-handler react-native-haptic-feedback react-native-haptic-feedback react-native-image-crop-picker react-native-image-resizer react-native-reanimated react-native-safe-area-context react-native-share react-native-svg
+yarn add @react-native-camera-roll/camera-roll @react-native-community/netinfo @stream-io/flat-list-mvcp react-native-document-picker react-native-fs react-native-gesture-handler react-native-haptic-feedback react-native-haptic-feedback react-native-image-crop-picker react-native-image-resizer react-native-reanimated react-native-safe-area-context react-native-share react-native-svg
 ```
 
 </TabItem>
 <TabItem value='npm'>
 
 ```bash
-npm install @react-native-community/cameraroll @react-native-community/netinfo @stream-io/flat-list-mvcp react-native-document-picker react-native-fs react-native-gesture-handler react-native-haptic-feedback react-native-haptic-feedback react-native-image-crop-picker react-native-image-resizer react-native-reanimated react-native-safe-area-context react-native-share react-native-svg
+npm install @react-native-camera-roll/camera-roll @react-native-community/netinfo @stream-io/flat-list-mvcp react-native-document-picker react-native-fs react-native-gesture-handler react-native-haptic-feedback react-native-haptic-feedback react-native-image-crop-picker react-native-image-resizer react-native-reanimated react-native-safe-area-context react-native-share react-native-svg
 ```
 
 </TabItem>
@@ -151,7 +151,7 @@ For some of the packages listed below, there are additional steps required to se
 
 - `react-native` - [additional installation steps](https://reactnative.dev/docs/image#gif-and-webp-support-on-android)
 - `react-native-image-crop-picker` - [additional installation steps](https://github.com/ivpusic/react-native-image-crop-picker#step-3)
-- `react-native-cameraroll` - [additional installation steps](https://github.com/react-native-cameraroll/react-native-cameraroll#permissions)
+- `react-native-camera-roll` - [additional installation steps](https://github.com/react-native-cameraroll/react-native-cameraroll#permissions)
 
 :::note
 
 
@@ -0,0 +1,100 @@
+---
+id: offline-support
+sidebar_position: 6
+title: Offline Support
+---
+
+React Native Chat SDK provides OOTB support for offline mode, which means user will be able to access and interact
+with chat even when the network is off. This is an opt-in feature that needs to be explicitely enabled on application
+level.
+
+> Offline support is currently not supported for Expo package (stream-chat-expo).
+
+## Features
+
+- ✅ Access to channel list and message list without network
+- ✅ Faster loading of chat since chat gets loaded from offline storage first before loading data from network
+- ✅ Syncing the local database using websocket events and sync api (once network is recovered)
+- ❌ Caching of image attachments
+- ❌ Optimistic updates to database on user action in offline mode e.g., send message, add reaction etc
+
+## How To Enable Offline Support
+
+- **Upgrade stream-chat dependency (optional)**
+
+  If you have installed `stream-chat` dependency explicitely on your application, then upgrade it to v7
+
+  ```bash
+  yarn add [email protected]
+  ```
+
+- **Add `react-native-quick-sqlite` dependency**
+
+  ```bash
+  yarn add react-native-quick-sqlite
+  npx pod-install
+  ```
+
+- **Ensure unique instance of Chat component**
+
+  Until v4, you could provide separate `Chat` component for each usage of `Channel` component or `ChannelList` component.
+  But from v5, it is necessary that you provide only one instance of `Chat` component within your application.
+  This component needs to be a parent for all the chat related components such as `ChannelList`, `Channel` or `Thread`.
+
+- **Do not wait for `connectUser` call to succeed**
+
+  It is important that you call `connectUser` method on chat client, before you render Chat components.
+  But you don't need to wait for `connectUser` to succeed before rendering Chat components. This is to ensure:
+
+  - Chat components have access to current user information, which is important to store/access offline data.
+  - In case or slow or no network, Chat components will still load the chat data without waiting for connectUser to succeed.
+
+  ```tsx {7,8,16}
+  const chatClient = StreamChat.getInstance('API_KEY');
+  const App = () => {
+    const [isClientReady, setIsClientReady] = useState(false);
+
+    useEffect(() => {
+      const startChat = async () => {
+        const connectPromise = chatClient.connectUser(user, tokenOrTokenProvider);
+        setIsClientReady(true); // this allows components to render
+        await connectPromise();
+        // Any other post-connectUser logic you may have goes here.
+      };
+
+      startChat();
+    }, []);
+
+    if (!isClientReady) return null; // or some loading indicator;
+
+    return (
+      <Chat client={chatClient} enableOfflineSupport>
+        ...
+      </Chat>
+    );
+  };
+  ```
+
+- **Add `enableOfflineSupport` prop on Chat component**
+
+  ```tsx
+  import { Chat } from 'stream-chat-react-native';
+
+  <Chat client={chatClient} enableOfflineSupport>
+    ...
+  </Chat>;
+  ```
+
+- **Reset the database when signing out the user**
+
+  Since SDK doesn't handle the app level authentication logic, its application's responsibility
+  to ensure resetting database when user gets logged out. This should be generally done before you
+  call `client.disconnectUser()`
+
+  ```jsx
+  import { QuickSqliteClient } from 'stream-chat-react-native';
+
+  // Sign out logic
+  QuickSqliteClient.resetDB();
+  chatClient.disconnectUser();
+  ```
@@ -392,7 +392,7 @@ const { t, tDateTimeParser } = await streami18n.getTranslators();
 Allows you to register a custom translation, this will override a translation if one already exists for the given language code.
 The third parameter, which is optional, is a Day.js locale, which is structured the same as [dayjsLocaleConfigForLanguage](#dayjslocaleconfigforlanguage).
 
-It is suggested you look at the [`enTranslations` json file](https://github.com/GetStream/stream-chat-react-native/tree/main/src/i18n) exported from `stream-chat-react-native` for a current list of used translation keys.
+It is suggested you look at the [`enTranslations` json file](https://github.com/GetStream/stream-chat-react/blob/master/src/i18n/en.json) exported from `stream-chat-react-native` for a current list of used translation keys.
 
 ```ts
 streami18n.registerTranslation('mr', {
 
@@ -1,6 +1,6 @@
 ---
 id: troubleshooting
-sidebar_position: 6
+sidebar_position: 7
 title: Troubleshooting
 ---
Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,3 @@`
`1`	`1`	`{`
`2`	`2`	`"editor.formatOnSave": true`
`3`		`-}`
	`3`	`+}`