Fix WebView on new architecture, fix deprecations.

Author: retrixe

package-lock.json

@@ -13,6 +13,7 @@
   },
   "dependencies": {
     "@react-native-async-storage/async-storage": "^1.17.10",
+    "@react-native-clipboard/clipboard": "^1.11.1",
     "@react-native-picker/picker": "^2.4.3",
     "@react-navigation/bottom-tabs": "^6.3.2",
     "@react-navigation/material-top-tabs": "^6.2.2",
@@ -32,7 +33,7 @@
     "react-native-tab-view": "^3.1.1",
     "react-native-tcp": "github:aprock/react-native-tcp",
     "react-native-vector-icons": "^9.2.0",
-    "react-native-webview": "^11.18.2",
+    "react-native-webview": "^12.0.0-rc.0",
     "semaphore-async-await": "^1.5.1",
     "stream-browserify": "^3.0.0",
     "zustand": "^4.2.0"

package.json

@@ -83,7 +83,7 @@ const MicrosoftLogin = ({ close }: { close: () => void }) => {
         setHtml('<h1>Loading...</h1>')
         webview.current.reload()
         const suffix = newNavState.url.substring(redirectUrlPrefix.length)
-        const authCode = suffix.substr(0, suffix.indexOf('&'))
+        const authCode = suffix.substring(0, suffix.indexOf('&'))
         const [msAccessToken, msRefreshToken] = await getMSAuthToken(
           authCode,
           config.clientId,

src/components/accounts/MicrosoftLogin.tsx

@@ -12,10 +12,10 @@ import {
   ActivityIndicator,
   Platform,
   Linking,
-  Clipboard,
   ListRenderItem
 } from 'react-native'
 import Ionicons from 'react-native-vector-icons/Ionicons'
+import Clipboard from '@react-native-clipboard/clipboard'
 import { NativeStackScreenProps } from '@react-navigation/native-stack'
 
 import {

src/screens/chat/ChatScreen.tsx

@@ -1433,6 +1433,11 @@
   dependencies:
     merge-options "^3.0.4"
 
+"@react-native-clipboard/clipboard@^1.11.1":
+  version "1.11.1"
+  resolved "https://registry.npmjs.org/@react-native-clipboard/clipboard/-/clipboard-1.11.1.tgz"
+  integrity sha512-nvSIIHzybVWqYxcJE5hpT17ekxAAg383Ggzw5WrYHtkKX61N1AwaKSNmXs5xHV7pmKSOe/yWjtSwxIzfW51I5Q==
+
 "@react-native-community/cli-clean@^10.1.1":
   version "10.1.1"
   resolved "https://registry.npmjs.org/@react-native-community/cli-clean/-/cli-clean-10.1.1.tgz"
@@ -6510,15 +6515,15 @@ react-native-vector-icons@^9.2.0:
     prop-types "^15.7.2"
     yargs "^16.1.1"
 
-react-native-webview@^11.18.2:
-  version "11.26.0"
-  resolved "https://registry.npmjs.org/react-native-webview/-/react-native-webview-11.26.0.tgz"
-  integrity sha512-4T4CKRm8xlaQDz9h/bCMPGAvtkesrhkRWqCX9FDJEzBToaVUIsV0ZOqtC4w/JSnCtFKKYiaC1ReJtCGv+4mFeQ==
+react-native-webview@^12.0.0-rc.0:
+  version "12.0.0-rc.0"
+  resolved "https://registry.npmjs.org/react-native-webview/-/react-native-webview-12.0.0-rc.0.tgz"
+  integrity sha512-MIDySaWEzpelv0bXEiWoP3fN6WpLet8z5vwgtxVrsNQnXr9oJq68Jaz8Qt3fqYfnUkwCyGOc8097Yg+Stk8vmw==
   dependencies:
     escape-string-regexp "2.0.0"
     invariant "2.2.4"
 
-react-native@*, "react-native@^0.0.0-0 || 0.60 - 0.71 || 1000.0.0", react-native@>=0.57, react-native@>=0.60.0, [email protected]:
+react-native@*, "react-native@^0.0.0-0 || 0.60 - 0.71 || 1000.0.0", react-native@>=0.57, react-native@>=0.57.0, react-native@>=0.60.0, [email protected]:
   version "0.71.1"
   resolved "https://registry.npmjs.org/react-native/-/react-native-0.71.1.tgz"
   integrity sha512-bLP5+IBj2IX6tgF9WnC/UL2ZPYkVUPsU4xqZV1jntTC2TH4xyLrvfKACjGlz5nQ3Mx4BmOFqsnMxithm53+6Aw==
@@ -6580,7 +6585,7 @@ [email protected]:
     react-shallow-renderer "^16.15.0"
     scheduler "^0.23.0"
 
-react@*, "react@^16.0.0 || ^17.0.0 || ^18.0.0", "react@^16.8.0 || ^17.0.0 || ^18.0.0", react@^18.2.0, react@>=16, react@>=16.8, react@>=17.0.0, [email protected]:
+react@*, "react@^16.0.0 || ^17.0.0 || ^18.0.0", "react@^16.8.0 || ^17.0.0 || ^18.0.0", react@^18.2.0, react@>=16, react@>=16.0, react@>=16.8, react@>=17.0.0, [email protected]:
   version "18.2.0"
   resolved "https://registry.npmjs.org/react/-/react-18.2.0.tgz"
   integrity sha512-/3IjMdb2L9QbBdWiW5e3P2/npwMBaU9mHCSCUzNln0ZCYbcfTsGbTJrU/kGemdH2IWmB2ioZ+zkxtmq6g09fGQ==