Upgrade to react-native-web v0.19.9

.storybook/webpack.config.js

@@ -24,8 +24,8 @@ const custom = require('../config/webpack/webpack.common')({
 module.exports = ({config}) => {
     config.resolve.alias = {
         'react-native-config': 'react-web-config',
-        'react-native$': '@expensify/react-native-web',
-        'react-native-web': '@expensify/react-native-web',
+        'react-native$': 'react-native-web',
+        'react-native-web': 'react-native-web',
         '@react-native-community/netinfo': path.resolve(__dirname, '../__mocks__/@react-native-community/netinfo.js'),
         '@react-navigation/native': path.resolve(__dirname, '../__mocks__/@react-navigation/native'),
     };

config/webpack/webpack.common.js

@@ -13,7 +13,7 @@ const includeModules = [
     'react-native-animatable',
     'react-native-reanimated',
     'react-native-picker-select',
-    '@expensify/react-native-web',
+    'react-native-web',
     'react-native-webview',
     '@react-native-picker',
     'react-native-modal',
@@ -183,8 +183,8 @@ const webpackConfig = ({envFile = '.env', platform = 'web'}) => ({
     resolve: {
         alias: {
             'react-native-config': 'react-web-config',
-            'react-native$': '@expensify/react-native-web',
-            'react-native-web': '@expensify/react-native-web',
+            'react-native$': 'react-native-web',
+            'react-native-web': 'react-native-web',
             'react-content-loader/native': 'react-content-loader',
             'lottie-react-native': 'react-native-web-lottie',
         },

contributingGuides/FORMS.md

@@ -37,16 +37,25 @@ The phone number can be formatted in different ways.
 
 ### Native Keyboards
 
-We should always set people up for success on native platforms by enabling the best keyboard for the type of input we’re asking them to provide. See [keyboardType](https://reactnative.dev/docs/0.64/textinput#keyboardtype) in the React Native documentation.
+We should always set people up for success on native platforms by enabling the best keyboard for the type of input we’re asking them to provide. See [inputMode](https://reactnative.dev/docs/textinput#inputmode) in the React Native documentation.
 
-We have a couple of keyboard types [defined](https://github.com/Expensify/App/blob/572caa9e7cf32a2d64fe0e93d171bb05a1dfb217/src/CONST.js#L357-L360) and should be used like so:
+We have a list of input modes [defined](https://github.com/Expensify/App/blob/9418b870515102631ea2156b5ea253ee05a98ff1/src/CONST.js#L765-L774) and should be used like so:
 
 ```jsx
 <TextInput
-    keyboardType={CONST.KEYBOARD_TYPE.NUMBER_PAD}
+    inputMode={CONST.INPUT_MODE.NUMERIC}
 />
 ```
 
+We also have [keyboardType](https://github.com/Expensify/App/blob/9418b870515102631ea2156b5ea253ee05a98ff1/src/CONST.js#L760-L763) and should be used for specific use cases when there is no `inputMode` equivalent of the value exist. and should be used like so:
+
+```jsx
+<TextInput
+    keyboardType={CONST.KEYBOARD_TYPE.ASCII_CAPABLE}
+/>
+```
+
+
 ### Autofill Behavior
 
 Forms should autofill information whenever possible i.e. they should work with browsers and password managers auto complete features.

ios/Podfile.lock

@@ -562,7 +562,7 @@ PODS:
     - React
   - react-native-image-picker (5.1.0):
     - React-Core
-  - react-native-key-command (1.0.1):
+  - react-native-key-command (1.0.4):
     - React-Core
   - react-native-netinfo (9.3.10):
     - React-Core
@@ -1185,7 +1185,7 @@ SPEC CHECKSUMS:
   react-native-flipper: dc5290261fbeeb2faec1bdc57ae6dd8d562e1de4
   react-native-image-manipulator: c48f64221cfcd46e9eec53619c4c0374f3328a56
   react-native-image-picker: c33d4e79f0a14a2b66e5065e14946ae63749660b
-  react-native-key-command: c2645ec01eb1fa664606c09480c05cb4220ef67b
+  react-native-key-command: 6f4e775d8208843760aece7c7deff31688441aa5
   react-native-netinfo: ccbe1085dffd16592791d550189772e13bf479e2
   react-native-pager-view: 0ccb8bf60e2ebd38b1f3669fa3650ecce81db2df
   react-native-pdf: 33c622cbdf776a649929e8b9d1ce2d313347c4fa

package.json

@@ -49,7 +49,6 @@
     "test:e2e": "node tests/e2e/testRunner.js --development"
   },
   "dependencies": {
-    "@expensify/react-native-web": "0.18.15",
     "@formatjs/intl-getcanonicallocales": "^2.2.0",
     "@formatjs/intl-listformat": "^7.2.2",
     "@formatjs/intl-locale": "^3.3.0",
@@ -116,7 +115,7 @@
     "react-native-image-pan-zoom": "^2.1.12",
     "react-native-image-picker": "^5.1.0",
     "react-native-image-size": "git+https://github.com/Expensify/react-native-image-size#8393b7e58df6ff65fd41f60aee8ece8822c91e2b",
-    "react-native-key-command": "^1.0.1",
+    "react-native-key-command": "^1.0.4",
     "react-native-linear-gradient": "^2.8.1",
     "react-native-localize": "^2.2.6",
     "react-native-modal": "^13.0.0",
@@ -137,6 +136,7 @@
     "react-native-tab-view": "^3.5.2",
     "react-native-view-shot": "^3.6.0",
     "react-native-vision-camera": "^2.15.4",
+    "react-native-web": "^0.19.7",
     "react-native-web-linear-gradient": "^1.1.2",
     "react-native-web-lottie": "^1.4.4",
     "react-native-webview": "^11.17.2",