@exodus/react-native-webview 13.16.0-exodus.2 → 13.16.0-exodus.4

package/src/__tests__/WebViewShared-test.js

@@ -2,6 +2,7 @@ import { Linking } from 'react-native';
 
 import {
   defaultOriginWhitelist,
+  defaultDeeplinkWhitelist,
   createOnShouldStartLoadWithRequest,
 } from '../WebViewShared';
 
@@ -48,7 +49,8 @@ describe('WebViewShared', () => {
     test('loadRequest is called without onShouldStartLoadWithRequest override', async () => {
       const onShouldStartLoadWithRequest = createOnShouldStartLoadWithRequest(
         loadRequest,
-        defaultOriginWhitelist
+        defaultOriginWhitelist,
+        defaultDeeplinkWhitelist
       );
 
       onShouldStartLoadWithRequest({
@@ -65,10 +67,11 @@ describe('WebViewShared', () => {
       );
     });
 
-    test('Linking.openURL is called without onShouldStartLoadWithRequest override', async () => {
+    test('non-whitelisted protocol is blocked without calling Linking.openURL', async () => {
       const onShouldStartLoadWithRequest = createOnShouldStartLoadWithRequest(
         loadRequest,
-        defaultOriginWhitelist
+        defaultOriginWhitelist,
+        defaultDeeplinkWhitelist
       );
 
       onShouldStartLoadWithRequest({
@@ -77,7 +80,8 @@ describe('WebViewShared', () => {
 
       await flushPromises();
 
-      expect(Linking.openURL).toHaveBeenCalledWith('invalid://example.com/');
+      // Exodus: non-whitelisted protocols are blocked, not opened
+      expect(Linking.openURL).toHaveBeenCalledTimes(0);
       expect(loadRequest).toHaveBeenCalledWith(
         false,
         'invalid://example.com/',
@@ -89,6 +93,7 @@ describe('WebViewShared', () => {
       const onShouldStartLoadWithRequest = createOnShouldStartLoadWithRequest(
         loadRequest,
         defaultOriginWhitelist,
+        defaultDeeplinkWhitelist,
         alwaysTrueOnShouldStartLoadWithRequest
       );
 
@@ -106,10 +111,11 @@ describe('WebViewShared', () => {
       );
     });
 
-    test('Linking.openURL with true onShouldStartLoadWithRequest override is called for links not passing the whitelist', async () => {
+    test('non-whitelisted protocol is blocked even with true onShouldStartLoadWithRequest override', async () => {
       const onShouldStartLoadWithRequest = createOnShouldStartLoadWithRequest(
         loadRequest,
         defaultOriginWhitelist,
+        defaultDeeplinkWhitelist,
         alwaysTrueOnShouldStartLoadWithRequest
       );
 
@@ -119,11 +125,8 @@ describe('WebViewShared', () => {
 
       await flushPromises();
 
-      expect(Linking.openURL).toHaveBeenLastCalledWith(
-        'invalid://example.com/'
-      );
-      // We don't expect the URL to have been loaded in the WebView because it
-      // is not in the origin whitelist
+      // Exodus: non-whitelisted protocols are blocked, not opened
+      expect(Linking.openURL).toHaveBeenCalledTimes(0);
       expect(loadRequest).toHaveBeenLastCalledWith(
         false,
         'invalid://example.com/',
@@ -135,6 +138,7 @@ describe('WebViewShared', () => {
       const onShouldStartLoadWithRequest = createOnShouldStartLoadWithRequest(
         loadRequest,
         defaultOriginWhitelist,
+        defaultDeeplinkWhitelist,
         alwaysFalseOnShouldStartLoadWithRequest
       );
 
@@ -155,7 +159,8 @@ describe('WebViewShared', () => {
     test('loadRequest with limited whitelist', async () => {
       const onShouldStartLoadWithRequest = createOnShouldStartLoadWithRequest(
         loadRequest,
-        ['https://*']
+        ['https://*'],
+        defaultDeeplinkWhitelist
       );
 
       onShouldStartLoadWithRequest({
@@ -171,43 +176,42 @@ describe('WebViewShared', () => {
         1
       );
 
+      // Exodus: http:// is in the default blocklist, so it's blocked without Linking.openURL
       onShouldStartLoadWithRequest({
         nativeEvent: { url: 'http://insecure.com/', lockIdentifier: 2 },
       });
 
       await flushPromises();
 
-      expect(Linking.openURL).toHaveBeenLastCalledWith('http://insecure.com/');
+      expect(Linking.openURL).toHaveBeenCalledTimes(0);
       expect(loadRequest).toHaveBeenLastCalledWith(
         false,
         'http://insecure.com/',
         2
       );
 
+      // Exodus: git+https:// is not in the deeplink whitelist, so it's blocked
       onShouldStartLoadWithRequest({
         nativeEvent: { url: 'git+https://insecure.com/', lockIdentifier: 3 },
       });
 
       await flushPromises();
 
-      expect(Linking.openURL).toHaveBeenLastCalledWith(
-        'git+https://insecure.com/'
-      );
+      expect(Linking.openURL).toHaveBeenCalledTimes(0);
       expect(loadRequest).toHaveBeenLastCalledWith(
         false,
         'git+https://insecure.com/',
         3
       );
 
+      // Exodus: fakehttps:// is not in the deeplink whitelist, so it's blocked
       onShouldStartLoadWithRequest({
         nativeEvent: { url: 'fakehttps://insecure.com/', lockIdentifier: 4 },
       });
 
       await flushPromises();
 
-      expect(Linking.openURL).toHaveBeenLastCalledWith(
-        'fakehttps://insecure.com/'
-      );
+      expect(Linking.openURL).toHaveBeenCalledTimes(0);
       expect(loadRequest).toHaveBeenLastCalledWith(
         false,
         'fakehttps://insecure.com/',
@@ -215,16 +219,16 @@ describe('WebViewShared', () => {
       );
     });
 
-    test('loadRequest allows for valid URIs', async () => {
+    test('loadRequest allows for valid URIs matching origin whitelist', async () => {
+      // Exodus: Use lowercase schemes since URL API normalizes scheme to lowercase
       const onShouldStartLoadWithRequest = createOnShouldStartLoadWithRequest(
         loadRequest,
         [
           'plus+https://*',
-          'DOT.https://*',
+          'dot.https://*',
           'dash-https://*',
-          '0invalid://*',
-          '+invalid://*',
-        ]
+        ],
+        defaultDeeplinkWhitelist
       );
 
       onShouldStartLoadWithRequest({
@@ -243,7 +247,7 @@ describe('WebViewShared', () => {
       );
 
       onShouldStartLoadWithRequest({
-        nativeEvent: { url: 'DOT.https://www.example.com/', lockIdentifier: 2 },
+        nativeEvent: { url: 'dot.https://www.example.com/', lockIdentifier: 2 },
       });
 
       await flushPromises();
@@ -251,7 +255,7 @@ describe('WebViewShared', () => {
       expect(Linking.openURL).toHaveBeenCalledTimes(0);
       expect(loadRequest).toHaveBeenLastCalledWith(
         true,
-        'DOT.https://www.example.com/',
+        'dot.https://www.example.com/',
         2
       );
 
@@ -270,53 +274,27 @@ describe('WebViewShared', () => {
         'dash-https://www.example.com/',
         3
       );
+    });
 
-      onShouldStartLoadWithRequest({
-        nativeEvent: { url: '0invalid://www.example.com/', lockIdentifier: 4 },
-      });
-
-      await flushPromises();
-
-      expect(Linking.openURL).toHaveBeenLastCalledWith(
-        '0invalid://www.example.com/'
-      );
-      expect(loadRequest).toHaveBeenLastCalledWith(
-        false,
-        '0invalid://www.example.com/',
-        4
-      );
-
-      onShouldStartLoadWithRequest({
-        nativeEvent: { url: '+invalid://www.example.com/', lockIdentifier: 5 },
-      });
-
-      await flushPromises();
-
-      expect(Linking.openURL).toHaveBeenLastCalledWith(
-        '+invalid://www.example.com/'
-      );
-      expect(loadRequest).toHaveBeenLastCalledWith(
-        false,
-        '+invalid://www.example.com/',
-        5
+    test('non-whitelisted protocols are blocked without Linking.openURL', async () => {
+      const onShouldStartLoadWithRequest = createOnShouldStartLoadWithRequest(
+        loadRequest,
+        ['https://*'],
+        defaultDeeplinkWhitelist
       );
 
+      // Exodus: non-whitelisted protocols are blocked, not opened via Linking
       onShouldStartLoadWithRequest({
-        nativeEvent: {
-          url: 'FAKE+plus+https://www.example.com/',
-          lockIdentifier: 6,
-        },
+        nativeEvent: { url: '0invalid://www.example.com/', lockIdentifier: 1 },
       });
 
       await flushPromises();
 
-      expect(Linking.openURL).toHaveBeenLastCalledWith(
-        'FAKE+plus+https://www.example.com/'
-      );
+      expect(Linking.openURL).toHaveBeenCalledTimes(0);
       expect(loadRequest).toHaveBeenLastCalledWith(
         false,
-        'FAKE+plus+https://www.example.com/',
-        6
+        '0invalid://www.example.com/',
+        1
       );
     });
   });

package/src/__tests__/__snapshots__/WebViewShared-test.js.snap

@@ -2,7 +2,6 @@
 
 exports[`WebViewShared exports defaultOriginWhitelist 1`] = `
 [
-  "http://*",
   "https://*",
 ]
 `;

package/android/src/main/java/com/reactnativecommunity/webview/events/TopHttpErrorEvent.kt

@@ -1,25 +0,0 @@
-package com.reactnativecommunity.webview.events
-
-import com.facebook.react.bridge.WritableMap
-import com.facebook.react.uimanager.events.Event
-import com.facebook.react.uimanager.events.RCTEventEmitter
-
-/**
- * Event emitted when an HTTP error is received.
- */
-class TopHttpErrorEvent(viewId: Int, private val mEventData: WritableMap) :
-  Event<TopHttpErrorEvent>(viewId) {
-  companion object {
-    const val EVENT_NAME = "topHttpError"
-  }
-
-  override fun getEventName(): String = EVENT_NAME
-
-  override fun canCoalesce(): Boolean = false
-
-  override fun getCoalescingKey(): Short = 0
-
-  override fun dispatch(rctEventEmitter: RCTEventEmitter) =
-    rctEventEmitter.receiveEvent(viewTag, eventName, mEventData)
-
-}

package/lib/WebView.windows.d.ts

@@ -1,17 +0,0 @@
-/**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * Portions copyright for react-native-windows:
- *
- * Copyright (c) Microsoft Corporation. All rights reserved.
- * Licensed under the MIT License.
- */
-import React from 'react';
-import { WindowsWebViewProps } from './WebViewTypes';
-declare const WebView: React.ForwardRefExoticComponent<WindowsWebViewProps & React.RefAttributes<{}>> & {
-    isFileUploadSupported: () => Promise<boolean>;
-};
-export default WebView;

package/lib/WebView.windows.js

@@ -1 +0,0 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _asyncToGenerator2=_interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _codegenNativeCommands=_interopRequireDefault(require("react-native/Libraries/Utilities/codegenNativeCommands"));var _invariant=_interopRequireDefault(require("invariant"));var _WebViewNativeComponent=require("./WebViewNativeComponent.windows");var _WebViewShared=require("./WebViewShared");var _WebView=_interopRequireDefault(require("./WebView.styles"));var _jsxRuntime=require("react/jsx-runtime");var _excluded=["cacheEnabled","originWhitelist","deeplinkWhitelist","startInLoadingState","onNavigationStateChange","onLoadStart","onError","onLoad","onLoadEnd","onLoadProgress","onOpenWindow","onSourceChanged","onHttpError","onMessage","renderLoading","renderError","style","containerStyle","source","nativeConfig","onShouldStartLoadWithRequest","useWebView2","validateMeta","validateData"];var _this=this,_jsxFileName="/Users/raulgomezacuna/Development/react-native-webview/src/WebView.windows.tsx";function _getRequireWildcardCache(e){if("function"!=typeof WeakMap)return null;var r=new WeakMap(),t=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(e){return e?t:r;})(e);}function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var t=_getRequireWildcardCache(r);if(t&&t.has(e))return t.get(e);var n={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if("default"!==u&&Object.prototype.hasOwnProperty.call(e,u)){var i=a?Object.getOwnPropertyDescriptor(e,u):null;i&&(i.get||i.set)?Object.defineProperty(n,u,i):n[u]=e[u];}return n.default=e,t&&t.set(e,n),n;}var Commands=(0,_codegenNativeCommands.default)({supportedCommands:['goBack','goForward','reload','stopLoading','injectJavaScript','requestFocus','clearCache','postMessage','loadUrl']});var resolveAssetSource=_reactNative.Image.resolveAssetSource;var WebViewComponent=(0,_react.forwardRef)(function(_ref,ref){var _ref$cacheEnabled=_ref.cacheEnabled,cacheEnabled=_ref$cacheEnabled===void 0?true:_ref$cacheEnabled,_ref$originWhitelist=_ref.originWhitelist,originWhitelist=_ref$originWhitelist===void 0?_WebViewShared.defaultOriginWhitelist:_ref$originWhitelist,_ref$deeplinkWhitelis=_ref.deeplinkWhitelist,deeplinkWhitelist=_ref$deeplinkWhitelis===void 0?_WebViewShared.defaultDeeplinkWhitelist:_ref$deeplinkWhitelis,startInLoadingState=_ref.startInLoadingState,onNavigationStateChange=_ref.onNavigationStateChange,onLoadStart=_ref.onLoadStart,onError=_ref.onError,onLoad=_ref.onLoad,onLoadEnd=_ref.onLoadEnd,onLoadProgress=_ref.onLoadProgress,onOpenWindowProp=_ref.onOpenWindow,onSourceChanged=_ref.onSourceChanged,onHttpErrorProp=_ref.onHttpError,onMessageProp=_ref.onMessage,renderLoading=_ref.renderLoading,renderError=_ref.renderError,style=_ref.style,containerStyle=_ref.containerStyle,source=_ref.source,nativeConfig=_ref.nativeConfig,onShouldStartLoadWithRequestProp=_ref.onShouldStartLoadWithRequest,useWebView2=_ref.useWebView2,validateMeta=_ref.validateMeta,validateData=_ref.validateData,otherProps=(0,_objectWithoutProperties2.default)(_ref,_excluded);var webViewRef=(0,_react.useRef)(null);var RCTWebViewString=useWebView2?'RCTWebView2':'RCTWebView';var onShouldStartLoadWithRequestCallback=(0,_react.useCallback)(function(shouldStart,url,lockIdentifier){if(lockIdentifier){if(RCTWebViewString==='RCTWebView'){_reactNative.NativeModules.RCTWebView.onShouldStartLoadWithRequestCallback(shouldStart,lockIdentifier);}else{_reactNative.NativeModules.RCTWebView2.onShouldStartLoadWithRequestCallback(shouldStart,lockIdentifier);}}else if(shouldStart){Commands.loadUrl(webViewRef,url);}},[RCTWebViewString]);var _useWebViewLogic=(0,_WebViewShared.useWebViewLogic)({onNavigationStateChange:onNavigationStateChange,onLoad:onLoad,onError:onError,onHttpErrorProp:onHttpErrorProp,onLoadEnd:onLoadEnd,onLoadProgress:onLoadProgress,onLoadStart:onLoadStart,onMessageProp:onMessageProp,startInLoadingState:startInLoadingState,originWhitelist:originWhitelist,deeplinkWhitelist:deeplinkWhitelist,onShouldStartLoadWithRequestProp:onShouldStartLoadWithRequestProp,onShouldStartLoadWithRequestCallback:onShouldStartLoadWithRequestCallback,onOpenWindowProp:onOpenWindowProp,validateMeta:validateMeta,validateData:validateData}),onLoadingStart=_useWebViewLogic.onLoadingStart,onShouldStartLoadWithRequest=_useWebViewLogic.onShouldStartLoadWithRequest,onMessage=_useWebViewLogic.onMessage,viewState=_useWebViewLogic.viewState,setViewState=_useWebViewLogic.setViewState,lastErrorEvent=_useWebViewLogic.lastErrorEvent,onHttpError=_useWebViewLogic.onHttpError,onLoadingError=_useWebViewLogic.onLoadingError,onLoadingFinish=_useWebViewLogic.onLoadingFinish,onLoadingProgress=_useWebViewLogic.onLoadingProgress,onOpenWindow=_useWebViewLogic.onOpenWindow;(0,_react.useImperativeHandle)(ref,function(){return{goForward:function goForward(){return Commands.goForward(webViewRef.current);},goBack:function goBack(){return Commands.goBack(webViewRef.current);},reload:function reload(){setViewState('LOADING');Commands.reload(webViewRef.current);},stopLoading:function stopLoading(){return Commands.stopLoading(webViewRef.current);},postMessage:function postMessage(data){return Commands.postMessage(webViewRef.current,data);},injectJavaScript:function injectJavaScript(data){return Commands.injectJavaScript(webViewRef.current,data);},requestFocus:function requestFocus(){return Commands.requestFocus(webViewRef.current);},clearCache:function clearCache(){return Commands.clearCache(webViewRef.current);},loadUrl:function loadUrl(url){return Commands.loadUrl(webViewRef.current,url);}};},[setViewState,webViewRef]);var otherView=null;if(viewState==='LOADING'){otherView=(renderLoading||_WebViewShared.defaultRenderLoading)();}else if(viewState==='ERROR'){(0,_invariant.default)(lastErrorEvent!=null,'lastErrorEvent expected to be non-null');otherView=(renderError||_WebViewShared.defaultRenderError)(lastErrorEvent.domain,lastErrorEvent.code,lastErrorEvent.description);}else if(viewState!=='IDLE'){console.error(`RNCWebView invalid state encountered: ${viewState}`);}var webViewStyles=[_WebView.default.container,_WebView.default.webView,style];var webViewContainerStyle=[_WebView.default.container,containerStyle];var NativeWebView=useWebView2?_WebViewNativeComponent.RCTWebView2:_WebViewNativeComponent.RCTWebView;var webView=(0,_jsxRuntime.jsx)(NativeWebView,Object.assign({},otherProps,{messagingEnabled:typeof onMessageProp==='function',linkHandlingEnabled:typeof onOpenWindowProp==='function',onLoadingError:onLoadingError,onLoadingFinish:onLoadingFinish,onLoadingProgress:onLoadingProgress,onLoadingStart:onLoadingStart,onHttpError:onHttpError,onMessage:onMessage,onShouldStartLoadWithRequest:onShouldStartLoadWithRequest,onOpenWindow:onOpenWindow,onSourceChanged:onSourceChanged,ref:webViewRef,source:resolveAssetSource(source),style:webViewStyles,cacheEnabled:cacheEnabled},nativeConfig==null?void 0:nativeConfig.props),"webViewKey");return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:webViewContainerStyle,children:[webView,otherView]});});var isFileUploadSupported=function(){var _ref2=(0,_asyncToGenerator2.default)(function*(){return false;});return function isFileUploadSupported(){return _ref2.apply(this,arguments);};}();var WebView=Object.assign(WebViewComponent,{isFileUploadSupported:isFileUploadSupported});var _default=exports.default=WebView;

package/lib/WebViewNativeComponent.windows.d.ts

@@ -1,3 +0,0 @@
-import type { NativeWebViewWindows } from './WebViewTypes';
-export declare const RCTWebView: typeof NativeWebViewWindows;
-export declare const RCTWebView2: typeof NativeWebViewWindows;

package/lib/WebViewNativeComponent.windows.js

@@ -1 +0,0 @@
-Object.defineProperty(exports,"__esModule",{value:true});exports.RCTWebView2=exports.RCTWebView=void 0;var _reactNative=require("react-native");var RCTWebView=exports.RCTWebView=(0,_reactNative.requireNativeComponent)('RCTWebView');var RCTWebView2=exports.RCTWebView2=(0,_reactNative.requireNativeComponent)('RCTWebView2');

package/src/WebView.macos.tsx

@@ -1,252 +0,0 @@
-import React, {
-  forwardRef,
-  useCallback,
-  useImperativeHandle,
-  useRef,
-} from 'react';
-import { Image, View, ImageSourcePropType, HostComponent } from 'react-native';
-import invariant from 'invariant';
-import RNCWebView, { Commands, NativeProps } from './RNCWebViewNativeComponent';
-import RNCWebViewModule from './NativeRNCWebViewModule';
-import {
-  defaultOriginWhitelist,
-  defaultDeeplinkWhitelist,
-  defaultRenderError,
-  defaultRenderLoading,
-  useWebViewLogic,
-} from './WebViewShared';
-import { MacOSWebViewProps, WebViewSourceUri } from './WebViewTypes';
-
-import styles from './WebView.styles';
-
-const { resolveAssetSource } = Image;
-
-const useWarnIfChanges = <T extends unknown>(value: T, name: string) => {
-  const ref = useRef(value);
-  if (ref.current !== value) {
-    console.warn(
-      `Changes to property ${name} do nothing after the initial render.`
-    );
-    ref.current = value;
-  }
-};
-
-const WebViewComponent = forwardRef<{}, MacOSWebViewProps>(
-  (
-    {
-      javaScriptEnabled = true,
-      cacheEnabled = true,
-      originWhitelist = defaultOriginWhitelist,
-      deeplinkWhitelist = defaultDeeplinkWhitelist,
-      useSharedProcessPool = true,
-      injectedJavaScript,
-      injectedJavaScriptBeforeContentLoaded,
-      startInLoadingState,
-      onNavigationStateChange,
-      onLoadStart,
-      onError,
-      onLoad,
-      onLoadEnd,
-      onLoadProgress,
-      onHttpError: onHttpErrorProp,
-      onMessage: onMessageProp,
-      renderLoading,
-      renderError,
-      style,
-      containerStyle,
-      source,
-      nativeConfig,
-      allowsInlineMediaPlayback,
-      allowsPictureInPictureMediaPlayback = true,
-      allowsAirPlayForMediaPlayback,
-      mediaPlaybackRequiresUserAction,
-      incognito,
-      onShouldStartLoadWithRequest: onShouldStartLoadWithRequestProp,
-      validateMeta,
-      validateData,
-      ...otherProps
-    },
-    ref
-  ) => {
-    const webViewRef = useRef<React.ComponentRef<
-      HostComponent<NativeProps>
-    > | null>(null);
-
-    const onShouldStartLoadWithRequestCallback = useCallback(
-      (shouldStart: boolean, _url: string, lockIdentifier = 0) => {
-        RNCWebViewModule.shouldStartLoadWithLockIdentifier(
-          !!shouldStart,
-          lockIdentifier
-        );
-      },
-      []
-    );
-
-    const {
-      onLoadingStart,
-      onShouldStartLoadWithRequest,
-      onMessage,
-      viewState,
-      setViewState,
-      lastErrorEvent,
-      onHttpError,
-      onLoadingError,
-      onLoadingFinish,
-      onLoadingProgress,
-      onContentProcessDidTerminate,
-    } = useWebViewLogic({
-      onNavigationStateChange,
-      onLoad,
-      onError,
-      onHttpErrorProp,
-      onLoadEnd,
-      onLoadProgress,
-      onLoadStart,
-      onMessageProp,
-      startInLoadingState,
-      originWhitelist,
-      deeplinkWhitelist,
-      onShouldStartLoadWithRequestProp,
-      onShouldStartLoadWithRequestCallback,
-      validateMeta,
-      validateData,
-    });
-
-    useImperativeHandle(
-      ref,
-      () => ({
-        goForward: () =>
-          webViewRef.current && Commands.goForward(webViewRef.current),
-        goBack: () => webViewRef.current && Commands.goBack(webViewRef.current),
-        reload: () => {
-          setViewState('LOADING');
-          if (webViewRef.current) {
-            Commands.reload(webViewRef.current);
-          }
-        },
-        stopLoading: () =>
-          webViewRef.current && Commands.stopLoading(webViewRef.current),
-        postMessage: (data: string) =>
-          webViewRef.current && Commands.postMessage(webViewRef.current, data),
-        injectJavaScript: (data: string) =>
-          webViewRef.current &&
-          Commands.injectJavaScript(webViewRef.current, data),
-        requestFocus: () =>
-          webViewRef.current && Commands.requestFocus(webViewRef.current),
-      }),
-      [setViewState, webViewRef]
-    );
-
-    useWarnIfChanges(allowsInlineMediaPlayback, 'allowsInlineMediaPlayback');
-    useWarnIfChanges(
-      allowsPictureInPictureMediaPlayback,
-      'allowsPictureInPictureMediaPlayback'
-    );
-    useWarnIfChanges(
-      allowsAirPlayForMediaPlayback,
-      'allowsAirPlayForMediaPlayback'
-    );
-    useWarnIfChanges(incognito, 'incognito');
-    useWarnIfChanges(
-      mediaPlaybackRequiresUserAction,
-      'mediaPlaybackRequiresUserAction'
-    );
-
-    let otherView = null;
-    if (viewState === 'LOADING') {
-      otherView = (renderLoading || defaultRenderLoading)();
-    } else if (viewState === 'ERROR') {
-      invariant(
-        lastErrorEvent != null,
-        'lastErrorEvent expected to be non-null'
-      );
-      otherView = (renderError || defaultRenderError)(
-        lastErrorEvent?.domain,
-        lastErrorEvent?.code || 0,
-        lastErrorEvent?.description ?? ''
-      );
-    } else if (viewState !== 'IDLE') {
-      console.error(`RNCWebView invalid state encountered: ${viewState}`);
-    }
-
-    const webViewStyles = [styles.container, styles.webView, style];
-    const webViewContainerStyle = [styles.container, containerStyle];
-
-    const NativeWebView =
-      (nativeConfig?.component as typeof RNCWebView | undefined) || RNCWebView;
-
-    const sourceResolved = resolveAssetSource(source as ImageSourcePropType);
-    const newSource =
-      typeof sourceResolved === 'object'
-        ? Object.entries(sourceResolved as WebViewSourceUri).reduce(
-            (prev, [currKey, currValue]) => {
-              return {
-                ...prev,
-                [currKey]:
-                  currKey === 'headers' &&
-                  currValue &&
-                  typeof currValue === 'object'
-                    ? Object.entries(currValue).map(([key, value]) => {
-                        return {
-                          name: key,
-                          value,
-                        };
-                      })
-                    : currValue,
-              };
-            },
-            {}
-          )
-        : sourceResolved;
-
-    const webView = (
-      <NativeWebView
-        key="webViewKey"
-        {...otherProps}
-        javaScriptEnabled={javaScriptEnabled}
-        cacheEnabled={cacheEnabled}
-        useSharedProcessPool={useSharedProcessPool}
-        messagingEnabled={typeof onMessageProp === 'function'}
-        newSource={newSource}
-        onLoadingError={onLoadingError}
-        onLoadingFinish={onLoadingFinish}
-        onLoadingProgress={onLoadingProgress}
-        onLoadingStart={onLoadingStart}
-        onHttpError={onHttpError}
-        onMessage={onMessage}
-        onShouldStartLoadWithRequest={onShouldStartLoadWithRequest}
-        onContentProcessDidTerminate={onContentProcessDidTerminate}
-        injectedJavaScript={injectedJavaScript}
-        injectedJavaScriptBeforeContentLoaded={
-          injectedJavaScriptBeforeContentLoaded
-        }
-        allowsAirPlayForMediaPlayback={allowsAirPlayForMediaPlayback}
-        allowsInlineMediaPlayback={allowsInlineMediaPlayback}
-        allowsPictureInPictureMediaPlayback={
-          allowsPictureInPictureMediaPlayback
-        }
-        incognito={incognito}
-        mediaPlaybackRequiresUserAction={mediaPlaybackRequiresUserAction}
-        ref={webViewRef}
-        // @ts-expect-error old arch only
-        source={sourceResolved}
-        style={webViewStyles}
-        {...nativeConfig?.props}
-      />
-    );
-
-    return (
-      <View style={webViewContainerStyle}>
-        {webView}
-        {otherView}
-      </View>
-    );
-  }
-);
-
-// no native implementation for macOS, depends only on permissions
-const isFileUploadSupported: () => Promise<boolean> = async () => true;
-
-const WebView = Object.assign(WebViewComponent, { isFileUploadSupported });
-
-export default WebView;