@exodus/react-native-webview 9.4.0-no-android.0 → 11.26.1-exodus.0

package/lib/WebView.ios.js

@@ -1,12 +1,65 @@
-import React from 'react';
-import { UIManager as NotTypedUIManager, View, requireNativeComponent, NativeModules, Image, findNodeHandle, } from 'react-native';
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React, { forwardRef, useCallback, useImperativeHandle, useRef } from 'react';
+import { Image, View, NativeModules, } from 'react-native';
 import invariant from 'invariant';
-import { defaultOriginWhitelist, createOnShouldStartLoadWithRequest, defaultRenderError, defaultRenderLoading, } from './WebViewShared';
+// @ts-expect-error react-native doesn't have this type
+import codegenNativeCommandsUntyped from 'react-native/Libraries/Utilities/codegenNativeCommands';
+import RNCWebView from "./WebViewNativeComponent.ios";
+import { defaultOriginWhitelist, defaultRenderError, defaultRenderLoading, useWebWiewLogic, } from './WebViewShared';
 import styles from './WebView.styles';
-const UIManager = NotTypedUIManager;
-const { resolveAssetSource } = Image;
-const processDecelerationRate = (decelerationRate) => {
-    let newDecelerationRate = decelerationRate;
+var codegenNativeCommands = codegenNativeCommandsUntyped;
+var Commands = codegenNativeCommands({
+    supportedCommands: ['goBack', 'goForward', 'reload', 'stopLoading', 'injectJavaScript', 'requestFocus', 'postMessage', 'loadUrl']
+});
+var resolveAssetSource = Image.resolveAssetSource;
+var processDecelerationRate = function (decelerationRate) {
+    var newDecelerationRate = decelerationRate;
     if (newDecelerationRate === 'normal') {
         newDecelerationRate = 0.998;
     }
@@ -15,203 +68,82 @@ const processDecelerationRate = (decelerationRate) => {
     }
     return newDecelerationRate;
 };
-const RNCWebViewManager = NativeModules.RNCWebViewManager;
-const RNCWebView = requireNativeComponent('RNCWebView');
-class WebView extends React.Component {
-    constructor() {
-        super(...arguments);
-        this.state = {
-            viewState: this.props.startInLoadingState ? 'LOADING' : 'IDLE',
-            lastErrorEvent: null,
-        };
-        this.webViewRef = React.createRef();
-        // eslint-disable-next-line react/sort-comp
-        this.getCommands = () => UIManager.getViewManagerConfig('RNCWebView').Commands;
-        /**
-         * Go forward one page in the web view's history.
-         */
-        this.goForward = () => {
-            UIManager.dispatchViewManagerCommand(this.getWebViewHandle(), this.getCommands().goForward, undefined);
-        };
-        /**
-         * Go back one page in the web view's history.
-         */
-        this.goBack = () => {
-            UIManager.dispatchViewManagerCommand(this.getWebViewHandle(), this.getCommands().goBack, undefined);
-        };
-        /**
-         * Reloads the current page.
-         */
-        this.reload = () => {
-            this.setState({ viewState: 'LOADING' });
-            UIManager.dispatchViewManagerCommand(this.getWebViewHandle(), this.getCommands().reload, undefined);
-        };
-        /**
-         * Stop loading the current page.
-         */
-        this.stopLoading = () => {
-            UIManager.dispatchViewManagerCommand(this.getWebViewHandle(), this.getCommands().stopLoading, undefined);
-        };
-        /**
-         * Request focus on WebView rendered page.
-         */
-        this.requestFocus = () => {
-            UIManager.dispatchViewManagerCommand(this.getWebViewHandle(), this.getCommands().requestFocus, undefined);
-        };
-        /**
-         * Posts a message to the web view, which will emit a `message` event.
-         * Accepts one argument, `data`, which must be a string.
-         *
-         * In your webview, you'll need to something like the following.
-         *
-         * ```js
-         * document.addEventListener('message', e => { document.title = e.data; });
-         * ```
-         */
-        this.postMessage = (data) => {
-            UIManager.dispatchViewManagerCommand(this.getWebViewHandle(), this.getCommands().postMessage, [String(data)]);
-        };
-        /**
-         * Injects a javascript string into the referenced WebView. Deliberately does not
-         * return a response because using eval() to return a response breaks this method
-         * on pages with a Content Security Policy that disallows eval(). If you need that
-         * functionality, look into postMessage/onMessage.
-         */
-        this.injectJavaScript = (data) => {
-            UIManager.dispatchViewManagerCommand(this.getWebViewHandle(), this.getCommands().injectJavaScript, [data]);
-        };
-        /**
-         * We return an event with a bunch of fields including:
-         *  url, title, loading, canGoBack, canGoForward
-         */
-        this.updateNavigationState = (event) => {
-            if (this.props.onNavigationStateChange) {
-                this.props.onNavigationStateChange(event.nativeEvent);
-            }
-        };
-        /**
-         * Returns the native `WebView` node.
-         */
-        this.getWebViewHandle = () => {
-            const nodeHandle = findNodeHandle(this.webViewRef.current);
-            invariant(nodeHandle != null, 'nodeHandle expected to be non-null');
-            return nodeHandle;
-        };
-        this.onLoadingStart = (event) => {
-            const { onLoadStart } = this.props;
-            if (onLoadStart) {
-                onLoadStart(event);
-            }
-            this.updateNavigationState(event);
-        };
-        this.onLoadingError = (event) => {
-            event.persist(); // persist this event because we need to store it
-            const { onError, onLoadEnd } = this.props;
-            if (onLoadEnd) {
-                onLoadEnd(event);
-            }
-            if (onError) {
-                onError(event);
-            }
-            console.warn('Encountered an error loading page', event.nativeEvent);
-            this.setState({
-                lastErrorEvent: event.nativeEvent,
-                viewState: 'ERROR',
-            });
-        };
-        this.onHttpError = (event) => {
-            const { onHttpError } = this.props;
-            if (onHttpError) {
-                onHttpError(event);
-            }
-        };
-        this.onLoadingFinish = (event) => {
-            const { onLoad, onLoadEnd } = this.props;
-            if (onLoad) {
-                onLoad(event);
-            }
-            if (onLoadEnd) {
-                onLoadEnd(event);
-            }
-            this.setState({
-                viewState: 'IDLE',
-            });
-            this.updateNavigationState(event);
-        };
-        this.onMessage = (event) => {
-            const { onMessage } = this.props;
-            if (onMessage) {
-                onMessage(event);
-            }
-        };
-        this.onLoadingProgress = (event) => {
-            const { onLoadProgress } = this.props;
-            if (onLoadProgress) {
-                onLoadProgress(event);
-            }
-        };
-        this.onShouldStartLoadWithRequestCallback = (shouldStart, _url, lockIdentifier) => {
-            const viewManager = (this.props.nativeConfig && this.props.nativeConfig.viewManager)
-                || RNCWebViewManager;
-            viewManager.startLoadWithResult(!!shouldStart, lockIdentifier);
-        };
-        this.onContentProcessDidTerminate = (event) => {
-            const { onContentProcessDidTerminate } = this.props;
-            if (onContentProcessDidTerminate) {
-                onContentProcessDidTerminate(event);
-            }
-        };
+var RNCWebViewManager = NativeModules.RNCWebViewManager;
+var useWarnIfChanges = function (value, name) {
+    var ref = useRef(value);
+    if (ref.current !== value) {
+        console.warn("Changes to property ".concat(name, " do nothing after the initial render."));
+        ref.current = value;
     }
-    componentDidUpdate(prevProps) {
-        this.showRedboxOnPropChanges(prevProps, 'allowsInlineMediaPlayback');
-        this.showRedboxOnPropChanges(prevProps, 'incognito');
-        this.showRedboxOnPropChanges(prevProps, 'mediaPlaybackRequiresUserAction');
-        this.showRedboxOnPropChanges(prevProps, 'dataDetectorTypes');
+};
+var WebViewComponent = forwardRef(function (_a, ref) {
+    var _b = _a.javaScriptEnabled, javaScriptEnabled = _b === void 0 ? true : _b, _c = _a.cacheEnabled, cacheEnabled = _c === void 0 ? true : _c, _d = _a.originWhitelist, originWhitelist = _d === void 0 ? defaultOriginWhitelist : _d, _e = _a.useSharedProcessPool, useSharedProcessPool = _e === void 0 ? true : _e, _f = _a.textInteractionEnabled, textInteractionEnabled = _f === void 0 ? true : _f, injectedJavaScript = _a.injectedJavaScript, injectedJavaScriptBeforeContentLoaded = _a.injectedJavaScriptBeforeContentLoaded, _g = _a.injectedJavaScriptForMainFrameOnly, injectedJavaScriptForMainFrameOnly = _g === void 0 ? true : _g, _h = _a.injectedJavaScriptBeforeContentLoadedForMainFrameOnly, injectedJavaScriptBeforeContentLoadedForMainFrameOnly = _h === void 0 ? true : _h, startInLoadingState = _a.startInLoadingState, onNavigationStateChange = _a.onNavigationStateChange, onLoadStart = _a.onLoadStart, onError = _a.onError, onLoad = _a.onLoad, onLoadEnd = _a.onLoadEnd, onLoadProgress = _a.onLoadProgress, onContentProcessDidTerminateProp = _a.onContentProcessDidTerminate, onFileDownload = _a.onFileDownload, onHttpErrorProp = _a.onHttpError, onMessageProp = _a.onMessage, renderLoading = _a.renderLoading, renderError = _a.renderError, style = _a.style, containerStyle = _a.containerStyle, source = _a.source, nativeConfig = _a.nativeConfig, allowsInlineMediaPlayback = _a.allowsInlineMediaPlayback, allowsAirPlayForMediaPlayback = _a.allowsAirPlayForMediaPlayback, mediaPlaybackRequiresUserAction = _a.mediaPlaybackRequiresUserAction, dataDetectorTypes = _a.dataDetectorTypes, incognito = _a.incognito, decelerationRateProp = _a.decelerationRate, onShouldStartLoadWithRequestProp = _a.onShouldStartLoadWithRequest, otherProps = __rest(_a, ["javaScriptEnabled", "cacheEnabled", "originWhitelist", "useSharedProcessPool", "textInteractionEnabled", "injectedJavaScript", "injectedJavaScriptBeforeContentLoaded", "injectedJavaScriptForMainFrameOnly", "injectedJavaScriptBeforeContentLoadedForMainFrameOnly", "startInLoadingState", "onNavigationStateChange", "onLoadStart", "onError", "onLoad", "onLoadEnd", "onLoadProgress", "onContentProcessDidTerminate", "onFileDownload", "onHttpError", "onMessage", "renderLoading", "renderError", "style", "containerStyle", "source", "nativeConfig", "allowsInlineMediaPlayback", "allowsAirPlayForMediaPlayback", "mediaPlaybackRequiresUserAction", "dataDetectorTypes", "incognito", "decelerationRate", "onShouldStartLoadWithRequest"]);
+    var webViewRef = useRef(null);
+    var onShouldStartLoadWithRequestCallback = useCallback(function (shouldStart, _url, lockIdentifier) {
+        if (lockIdentifier === void 0) { lockIdentifier = 0; }
+        var viewManager = (nativeConfig === null || nativeConfig === void 0 ? void 0 : nativeConfig.viewManager)
+            || RNCWebViewManager;
+        viewManager.startLoadWithResult(!!shouldStart, lockIdentifier);
+    }, [nativeConfig === null || nativeConfig === void 0 ? void 0 : nativeConfig.viewManager]);
+    var _j = useWebWiewLogic({
+        onNavigationStateChange: onNavigationStateChange,
+        onLoad: onLoad,
+        onError: onError,
+        onHttpErrorProp: onHttpErrorProp,
+        onLoadEnd: onLoadEnd,
+        onLoadProgress: onLoadProgress,
+        onLoadStart: onLoadStart,
+        onMessageProp: onMessageProp,
+        startInLoadingState: startInLoadingState,
+        originWhitelist: originWhitelist,
+        onShouldStartLoadWithRequestProp: onShouldStartLoadWithRequestProp,
+        onShouldStartLoadWithRequestCallback: onShouldStartLoadWithRequestCallback,
+        onContentProcessDidTerminateProp: onContentProcessDidTerminateProp
+    }), onLoadingStart = _j.onLoadingStart, onShouldStartLoadWithRequest = _j.onShouldStartLoadWithRequest, onMessage = _j.onMessage, viewState = _j.viewState, setViewState = _j.setViewState, lastErrorEvent = _j.lastErrorEvent, onHttpError = _j.onHttpError, onLoadingError = _j.onLoadingError, onLoadingFinish = _j.onLoadingFinish, onLoadingProgress = _j.onLoadingProgress, onContentProcessDidTerminate = _j.onContentProcessDidTerminate;
+    useImperativeHandle(ref, function () { return ({
+        goForward: function () { return Commands.goForward(webViewRef.current); },
+        goBack: function () { return Commands.goBack(webViewRef.current); },
+        reload: function () {
+            setViewState('LOADING');
+            Commands.reload(webViewRef.current);
+        },
+        stopLoading: function () { return Commands.stopLoading(webViewRef.current); },
+        postMessage: function (data) { return Commands.postMessage(webViewRef.current, data); },
+        injectJavaScript: function (data) { return Commands.injectJavaScript(webViewRef.current, data); },
+        requestFocus: function () { return Commands.requestFocus(webViewRef.current); }
+    }); }, [setViewState, webViewRef]);
+    useWarnIfChanges(allowsInlineMediaPlayback, 'allowsInlineMediaPlayback');
+    useWarnIfChanges(allowsAirPlayForMediaPlayback, 'allowsAirPlayForMediaPlayback');
+    useWarnIfChanges(incognito, 'incognito');
+    useWarnIfChanges(mediaPlaybackRequiresUserAction, 'mediaPlaybackRequiresUserAction');
+    useWarnIfChanges(dataDetectorTypes, 'dataDetectorTypes');
+    var otherView = null;
+    if (viewState === 'LOADING') {
+        otherView = (renderLoading || defaultRenderLoading)();
     }
-    showRedboxOnPropChanges(prevProps, propName) {
-        if (this.props[propName] !== prevProps[propName]) {
-            console.error(`Changes to property ${propName} do nothing after the initial render.`);
-        }
+    else if (viewState === 'ERROR') {
+        invariant(lastErrorEvent != null, 'lastErrorEvent expected to be non-null');
+        otherView = (renderError || defaultRenderError)(lastErrorEvent.domain, lastErrorEvent.code, lastErrorEvent.description);
     }
-    render() {
-        const { decelerationRate: decelerationRateProp, nativeConfig = {}, onMessage, onShouldStartLoadWithRequest: onShouldStartLoadWithRequestProp, originWhitelist, renderError, renderLoading, injectedJavaScriptForMainFrameOnly = true, injectedJavaScriptBeforeContentLoadedForMainFrameOnly = true, style, containerStyle, ...otherProps } = this.props;
-        let otherView = null;
-        if (this.state.viewState === 'LOADING') {
-            otherView = (renderLoading || defaultRenderLoading)();
-        }
-        else if (this.state.viewState === 'ERROR') {
-            const errorEvent = this.state.lastErrorEvent;
-            invariant(errorEvent != null, 'lastErrorEvent expected to be non-null');
-            otherView = (renderError || defaultRenderError)(errorEvent.domain, errorEvent.code, errorEvent.description);
-        }
-        else if (this.state.viewState !== 'IDLE') {
-            console.error(`RNCWebView invalid state encountered: ${this.state.viewState}`);
-        }
-        const webViewStyles = [styles.container, styles.webView, style];
-        const webViewContainerStyle = [styles.container, containerStyle];
-        const onShouldStartLoadWithRequest = createOnShouldStartLoadWithRequest(this.onShouldStartLoadWithRequestCallback, 
-        // casting cause it's in the default props
-        originWhitelist, onShouldStartLoadWithRequestProp);
-        const decelerationRate = processDecelerationRate(decelerationRateProp);
-        const NativeWebView = nativeConfig.component
-            || RNCWebView;
-        const webView = (<NativeWebView key="webViewKey" {...otherProps} decelerationRate={decelerationRate} messagingEnabled={typeof onMessage === 'function'} onLoadingError={this.onLoadingError} onLoadingFinish={this.onLoadingFinish} onLoadingProgress={this.onLoadingProgress} onFileDownload={this.props.onFileDownload} onLoadingStart={this.onLoadingStart} onHttpError={this.onHttpError} onMessage={this.onMessage} onScroll={this.props.onScroll} onShouldStartLoadWithRequest={onShouldStartLoadWithRequest} onContentProcessDidTerminate={this.onContentProcessDidTerminate} injectedJavaScript={this.props.injectedJavaScript} injectedJavaScriptBeforeContentLoaded={this.props.injectedJavaScriptBeforeContentLoaded} injectedJavaScriptForMainFrameOnly={injectedJavaScriptForMainFrameOnly} injectedJavaScriptBeforeContentLoadedForMainFrameOnly={injectedJavaScriptBeforeContentLoadedForMainFrameOnly} ref={this.webViewRef} 
-        // TODO: find a better way to type this.
-        source={resolveAssetSource(this.props.source)} style={webViewStyles} {...nativeConfig.props}/>);
-        return (<View style={webViewContainerStyle}>
-        {webView}
-        {otherView}
-      </View>);
+    else if (viewState !== 'IDLE') {
+        console.error("RNCWebView invalid state encountered: ".concat(viewState));
     }
-}
-WebView.defaultProps = {
-    javaScriptEnabled: true,
-    cacheEnabled: true,
-    originWhitelist: defaultOriginWhitelist,
-    useSharedProcessPool: true,
-};
-WebView.isFileUploadSupported = async () => {
-    // no native implementation for iOS, depends only on permissions
-    return true;
-};
+    var webViewStyles = [styles.container, styles.webView, style];
+    var webViewContainerStyle = [styles.container, containerStyle];
+    var decelerationRate = processDecelerationRate(decelerationRateProp);
+    var NativeWebView = (nativeConfig === null || nativeConfig === void 0 ? void 0 : nativeConfig.component)
+        || RNCWebView;
+    var webView = (<NativeWebView key="webViewKey" {...otherProps} javaScriptEnabled={javaScriptEnabled} cacheEnabled={cacheEnabled} useSharedProcessPool={useSharedProcessPool} textInteractionEnabled={textInteractionEnabled} decelerationRate={decelerationRate} messagingEnabled={typeof onMessageProp === 'function'} onLoadingError={onLoadingError} onLoadingFinish={onLoadingFinish} onLoadingProgress={onLoadingProgress} onFileDownload={onFileDownload} onLoadingStart={onLoadingStart} onHttpError={onHttpError} onMessage={onMessage} onShouldStartLoadWithRequest={onShouldStartLoadWithRequest} onContentProcessDidTerminate={onContentProcessDidTerminate} injectedJavaScript={injectedJavaScript} injectedJavaScriptBeforeContentLoaded={injectedJavaScriptBeforeContentLoaded} injectedJavaScriptForMainFrameOnly={injectedJavaScriptForMainFrameOnly} injectedJavaScriptBeforeContentLoadedForMainFrameOnly={injectedJavaScriptBeforeContentLoadedForMainFrameOnly} dataDetectorTypes={dataDetectorTypes} allowsAirPlayForMediaPlayback={allowsAirPlayForMediaPlayback} allowsInlineMediaPlayback={allowsInlineMediaPlayback} incognito={incognito} mediaPlaybackRequiresUserAction={mediaPlaybackRequiresUserAction} ref={webViewRef} 
+    // TODO: find a better way to type this.
+    source={resolveAssetSource(source)} style={webViewStyles} {...nativeConfig === null || nativeConfig === void 0 ? void 0 : nativeConfig.props}/>);
+    return (<View style={webViewContainerStyle}>
+      {webView}
+      {otherView}
+    </View>);
+});
+// no native implementation for iOS, depends only on permissions
+var isFileUploadSupported = function () { return __awaiter(void 0, void 0, void 0, function () { return __generator(this, function (_a) {
+    return [2 /*return*/, true];
+}); }); };
+var WebView = Object.assign(WebViewComponent, { isFileUploadSupported: isFileUploadSupported });
 export default WebView;

package/lib/WebView.js

@@ -1,4 +1,11 @@
-// This files provides compatibility without tree platform.
-import { WebView } from 'react-native';
+import React from 'react';
+import { Text, View } from 'react-native';
+// This "dummy" WebView is to render something for unsupported platforms,
+// like for example Expo SDK "web" platform.
+var WebView = function () { return (<View style={{ alignSelf: 'flex-start' }}>
+		<Text style={{ color: 'red' }}>
+			React Native WebView does not support this platform.
+		</Text>
+	</View>); };
 export { WebView };
 export default WebView;

package/lib/WebView.styles.d.ts

@@ -0,0 +1,12 @@
+import { ViewStyle, TextStyle } from 'react-native';
+interface Styles {
+    container: ViewStyle;
+    errorText: TextStyle;
+    errorTextTitle: TextStyle;
+    loadingOrErrorView: ViewStyle;
+    webView: ViewStyle;
+    loadingProgressBar: ViewStyle;
+}
+declare const styles: Styles;
+export default styles;
+//# sourceMappingURL=WebView.styles.d.ts.map

package/lib/WebView.styles.js

@@ -1,8 +1,8 @@
 import { StyleSheet } from 'react-native';
-const styles = StyleSheet.create({
+var styles = StyleSheet.create({
     container: {
         flex: 1,
-        overflow: 'hidden',
+        overflow: 'hidden'
     },
     loadingOrErrorView: {
         position: 'absolute',
@@ -14,20 +14,20 @@ const styles = StyleSheet.create({
         backgroundColor: 'white'
     },
     loadingProgressBar: {
-        height: 20,
+        height: 20
     },
     errorText: {
         fontSize: 14,
         textAlign: 'center',
-        marginBottom: 2,
+        marginBottom: 2
     },
     errorTextTitle: {
         fontSize: 15,
         fontWeight: '500',
-        marginBottom: 10,
+        marginBottom: 10
     },
     webView: {
-        backgroundColor: '#ffffff',
-    },
+        backgroundColor: '#ffffff'
+    }
 });
 export default styles;

package/lib/WebViewNativeComponent.android.d.ts

@@ -0,0 +1,4 @@
+import type { NativeWebViewAndroid } from "./WebViewTypes";
+declare const RNCWebView: typeof NativeWebViewAndroid;
+export default RNCWebView;
+//# sourceMappingURL=WebViewNativeComponent.android.d.ts.map

package/lib/WebViewNativeComponent.android.js

@@ -0,0 +1,3 @@
+import { requireNativeComponent } from "react-native";
+var RNCWebView = requireNativeComponent('RNCWebView');
+export default RNCWebView;

package/lib/WebViewNativeComponent.ios.d.ts

@@ -0,0 +1,4 @@
+import type { NativeWebViewIOS } from "./WebViewTypes";
+declare const RNCWebView: typeof NativeWebViewIOS;
+export default RNCWebView;
+//# sourceMappingURL=WebViewNativeComponent.ios.d.ts.map

package/lib/WebViewNativeComponent.ios.js

@@ -0,0 +1,3 @@
+import { requireNativeComponent } from "react-native";
+var RNCWebView = requireNativeComponent('RNCWebView');
+export default RNCWebView;

package/lib/WebViewShared.d.ts

@@ -0,0 +1,37 @@
+import React from 'react';
+import { OnShouldStartLoadWithRequest, ShouldStartLoadRequestEvent, WebViewError, WebViewErrorEvent, WebViewHttpErrorEvent, WebViewMessageEvent, WebViewNavigation, WebViewNavigationEvent, WebViewProgressEvent, WebViewRenderProcessGoneEvent, WebViewTerminatedEvent } from './WebViewTypes';
+declare const defaultOriginWhitelist: readonly ["http://*", "https://*"];
+declare const createOnShouldStartLoadWithRequest: (loadRequest: (shouldStart: boolean, url: string, lockIdentifier: number) => void, originWhitelist: readonly string[], onShouldStartLoadWithRequest?: OnShouldStartLoadWithRequest | undefined) => ({ nativeEvent }: ShouldStartLoadRequestEvent) => void;
+declare const defaultRenderLoading: () => JSX.Element;
+declare const defaultRenderError: (errorDomain: string | undefined, errorCode: number, errorDesc: string) => JSX.Element;
+export { defaultOriginWhitelist, createOnShouldStartLoadWithRequest, defaultRenderLoading, defaultRenderError, };
+export declare const useWebWiewLogic: ({ startInLoadingState, onNavigationStateChange, onLoadStart, onLoad, onLoadProgress, onLoadEnd, onError, onHttpErrorProp, onMessageProp, onRenderProcessGoneProp, onContentProcessDidTerminateProp, originWhitelist, onShouldStartLoadWithRequestProp, onShouldStartLoadWithRequestCallback, }: {
+    startInLoadingState?: boolean | undefined;
+    onNavigationStateChange?: ((event: WebViewNavigation) => void) | undefined;
+    onLoadStart?: ((event: WebViewNavigationEvent) => void) | undefined;
+    onLoad?: ((event: WebViewNavigationEvent) => void) | undefined;
+    onLoadProgress?: ((event: WebViewProgressEvent) => void) | undefined;
+    onLoadEnd?: ((event: WebViewNavigationEvent | WebViewErrorEvent) => void) | undefined;
+    onError?: ((event: WebViewErrorEvent) => void) | undefined;
+    onHttpErrorProp?: ((event: WebViewHttpErrorEvent) => void) | undefined;
+    onMessageProp?: ((event: WebViewMessageEvent) => void) | undefined;
+    onRenderProcessGoneProp?: ((event: WebViewRenderProcessGoneEvent) => void) | undefined;
+    onContentProcessDidTerminateProp?: ((event: WebViewTerminatedEvent) => void) | undefined;
+    originWhitelist: readonly string[];
+    onShouldStartLoadWithRequestProp?: OnShouldStartLoadWithRequest | undefined;
+    onShouldStartLoadWithRequestCallback: (shouldStart: boolean, url: string, lockIdentifier?: number | undefined) => void;
+}) => {
+    onShouldStartLoadWithRequest: ({ nativeEvent }: ShouldStartLoadRequestEvent) => void;
+    onLoadingStart: (event: WebViewNavigationEvent) => void;
+    onLoadingProgress: (event: WebViewProgressEvent) => void;
+    onLoadingError: (event: WebViewErrorEvent) => void;
+    onLoadingFinish: (event: WebViewNavigationEvent) => void;
+    onHttpError: (event: WebViewHttpErrorEvent) => void;
+    onRenderProcessGone: (event: WebViewRenderProcessGoneEvent) => void;
+    onContentProcessDidTerminate: (event: WebViewTerminatedEvent) => void;
+    onMessage: (event: WebViewMessageEvent) => void;
+    viewState: "IDLE" | "LOADING" | "ERROR";
+    setViewState: React.Dispatch<React.SetStateAction<"IDLE" | "LOADING" | "ERROR">>;
+    lastErrorEvent: WebViewError | null;
+};
+//# sourceMappingURL=WebViewShared.d.ts.map