Merge pull request #1154 from GetStream/v4.0.0-beta.7

fix: v4.0.0 beta.7

Author: vishalnarkhede

README.md

@@ -46,7 +46,7 @@ This repo includes 4 example apps. One made with Expo, one Native JavaScript cod
 
 - [Expo example](./examples/ExpoMessaging)
 - [Native example](./examples/NativeMessaging)
-- [Typescript example](./examples/TypescriptMessaging)
+- [Typescript example](./examples/TypeScriptMessaging)
 - [Fully featured messaging application](./examples/SampleApp)
 
 Besides, our team maintains a dedicated repository for fully-fledged sample applications and demos at [GetStream/react-native-samples](https://github.com/GetStream/react-native-samples). Please consider checking following sample applications:

docusaurus/docs/reactnative/basics/troubleshooting.mdx

@@ -246,6 +246,17 @@ dependencies {
 }
 ```
 
+## Blank screen when channel gets delete
+
+When a channel is deleted, and if some user is active on that channel, a blank screen appears by default (as per the default logic) as we return `null` in this case. It might be confusing for end user to see a blank screen and appropriate UX would be to navigate back to channel list screen. You can implement such UX by listening to `channel.deleted` event on channel screen, and navigate to channel list screen with appropriate notification on app.
+
+````tsx
+client.on('channel.deleted', (event) => {
+  if (event.cid === channel.cid) {
+    // add your action here
+  }
+}),
+
 ## Touchables not working
 
 If you are having trouble with pressing, swiping, or otherwise interacting with components it is likely the result of [React Native Gesture Handler](https://docs.swmansion.com/react-native-gesture-handler/docs/) not being properly setup.
@@ -255,7 +266,7 @@ This includes ensuring you import `react-native-gesture-handler` at the top of y
 
 ```tsx
 import 'react-native-gesture-handler';
-```
+````
 
 And for Android you additionally need to update `MainActivity.java` to override the method for creating the `ReactRootView`.
 

examples/NativeMessaging/yarn.lock

@@ -51,6 +51,13 @@
   },
   "jest": {
     "preset": "react-native",
-    "moduleFileExtensions": ["ts", "tsx", "js", "jsx", "json", "node"]
+    "moduleFileExtensions": [
+      "ts",
+      "tsx",
+      "js",
+      "jsx",
+      "json",
+      "node"
+    ]
   }
 }

examples/SampleApp/yarn.lock

@@ -16,13 +16,13 @@
   "peerDependencies": {
     "@react-native-community/cameraroll": ">=4.0.1",
     "@react-native-community/netinfo": ">=2.0.7",
+    "@stream-io/flat-list-mvcp": "0.10.1",
     "react-native": ">=0.60.0",
     "react-native-document-picker": ">=3.2.0",
     "react-native-fs": ">=2.16.6",
     "react-native-haptic-feedback": ">=1.11.0",
     "react-native-image-crop-picker": ">=0.33.2",
     "react-native-image-resizer": ">=1.4.2",
-    "@stream-io/flat-list-mvcp": "0.10.1",
     "react-native-share": ">=4.1.0"
   },
   "scripts": {

examples/TypeScriptMessaging/package.json

@@ -15,20 +15,13 @@
   "module": "lib/module/index.js",
   "react-native": "src/index.ts",
   "types": "lib/typescript/index.d.ts",
-  "files": [
-    "src",
-    "lib",
-    "package.json",
-    "README.md"
-  ],
+  "files": ["src", "lib", "package.json", "README.md"],
   "scripts": {
     "analyze": "yarn build -- --stats && webpack-bundle-analyzer build/bundle-stats.json",
     "build": "rm -rf lib && yarn run --silent build-translations && bob build && yarn run --silent copy-translations && yarn run --silent lint-fix-translations",
     "lint-fix-translations": "prettier --check 'src/i18n/*.json' --write 'src/i18n/*.json' .eslintrc.json ../.prettierrc .babelrc",
     "build-translations": "rm -rf .tmpi18ncache || true && mkdir .tmpi18ncache && yarn run babel --config-file ./babel.i18next-extract.json 'src/**/*.{js,jsx,ts,tsx}' --out-dir '.tmpi18ncache/' && rm -rf .tmpi18ncache && prettier --write 'src/i18n/*.{js,ts,tsx,md,json}' .eslintrc.json ../.prettierrc .babelrc",
     "copy-translations": "echo '\u001b[34mℹ\u001b[0m Copying translation files to \u001b[34mlib/typescript/i18n\u001b[0m' && cp -R -f ./src/i18n ./lib/typescript/i18n && echo '\u001b[32m✓\u001b[0m Done Copying Translations'",
-    "docs": "styleguidist build",
-    "docs-server": "styleguidist server",
     "eslint": "eslint 'src/**/*.{js,md,ts,jsx,tsx}' --max-warnings 0",
     "lint": "prettier --ignore-path ../.prettierignore --list-different 'src/**/*.{js,ts,tsx,md,json}' .eslintrc.json ../.prettierrc .babelrc && eslint 'src/**/*.{js,ts,tsx,md}' --max-warnings 0 && yarn run validate-translations",
     "lint-fix": "prettier --ignore-path ../.prettierignore --write 'src/**/*.{js,ts,tsx,md,json}' .eslintrc.json ../.prettierrc .babelrc && eslint --fix 'src/**/*.{js,ts,tsx,md}' --max-warnings 0",
@@ -80,6 +73,7 @@
     "path": "0.12.7",
     "react-art": "^17.0.2",
     "react-native-markdown-package": "1.8.1",
+    "react-native-url-polyfill": "^1.3.0",
     "stream-chat": "6.0.0"
   },
   "peerDependencies": {
@@ -138,10 +132,9 @@
     "react-native-svg": "12.1.1",
     "react-native-typescript-transformer": "1.2.13",
     "react-native-web": "0.15.0",
-    "react-styleguidist": "11.1.6",
     "react-test-renderer": "17.0.2",
     "typescript": "4.4.3",
     "uuid": "8.3.2",
     "webpack": "4.44.2"
   }
-}
+}