@momo-kits/webview 0.0.65-beta → 0.0.65-beta.2

package/lib/WebView.windows.js

@@ -9,21 +9,42 @@
  * Copyright (c) Microsoft Corporation. All rights reserved.
  * Licensed under the MIT License.
  */
-/* eslint-disable */
-
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
+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)
@@ -35,155 +56,87 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import React from 'react';
-import { UIManager as NotTypedUIManager, View, requireNativeComponent, StyleSheet, Image, findNodeHandle, } from 'react-native';
-import { createOnShouldStartLoadWithRequest, } from './WebViewShared';
-var UIManager = NotTypedUIManager;
-var resolveAssetSource = Image.resolveAssetSource;
-var RCTWebView = requireNativeComponent('RCTWebView');
-var styles = StyleSheet.create({
-    container: {
-        flex: 1
-    },
-    hidden: {
-        height: 0,
-        flex: 0
-    },
-    loadingView: {
-        flex: 1,
-        justifyContent: 'center',
-        alignItems: 'center'
-    },
-    loadingProgressBar: {
-        height: 20
-    }
+import React, { forwardRef, useCallback, useImperativeHandle, useRef } from 'react';
+import { View, Image, NativeModules, } from 'react-native';
+// @ts-expect-error react-native doesn't have this type
+import codegenNativeCommandsUntyped from 'react-native/Libraries/Utilities/codegenNativeCommands';
+import invariant from 'invariant';
+import { RCTWebView, RCTWebView2 } from "./WebViewNativeComponent.windows";
+import { useWebWiewLogic, defaultOriginWhitelist, defaultRenderError, defaultRenderLoading, } from './WebViewShared';
+import styles from './WebView.styles';
+var codegenNativeCommands = codegenNativeCommandsUntyped;
+var Commands = codegenNativeCommands({
+    supportedCommands: ['goBack', 'goForward', 'reload', 'stopLoading', 'injectJavaScript', 'requestFocus', 'postMessage', 'loadUrl']
 });
-var WebView = /** @class */ (function (_super) {
-    __extends(WebView, _super);
-    function WebView() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.state = {
-            viewState: _this.props.startInLoadingState ? 'LOADING' : 'IDLE',
-            lastErrorEvent: null
-        };
-        _this.webViewRef = React.createRef();
-        _this.goForward = function () {
-            UIManager.dispatchViewManagerCommand(_this.getWebViewHandle(), UIManager.getViewManagerConfig('RCTWebView').Commands.goForward, undefined);
-        };
-        _this.goBack = function () {
-            UIManager.dispatchViewManagerCommand(_this.getWebViewHandle(), UIManager.getViewManagerConfig('RCTWebView').Commands.goBack, undefined);
-        };
-        _this.reload = function () {
-            UIManager.dispatchViewManagerCommand(_this.getWebViewHandle(), UIManager.getViewManagerConfig('RCTWebView').Commands.reload, undefined);
-        };
-        _this.injectJavaScript = function (data) {
-            UIManager.dispatchViewManagerCommand(_this.getWebViewHandle(), UIManager.getViewManagerConfig('RCTWebView').Commands.injectJavaScript, [data]);
-        };
-        _this.postMessage = function (data) {
-            UIManager.dispatchViewManagerCommand(_this.getWebViewHandle(), UIManager.getViewManagerConfig('RCTWebView').Commands.postMessage, [String(data)]);
-        };
-        /**
-         * We return an event with a bunch of fields including:
-         *  url, title, loading, canGoBack, canGoForward
-         */
-        _this.updateNavigationState = function (event) {
-            if (_this.props.onNavigationStateChange) {
-                _this.props.onNavigationStateChange(event.nativeEvent);
-            }
-        };
-        _this.getWebViewHandle = function () {
-            // eslint-disable-next-line react/no-string-refs
-            return findNodeHandle(_this.webViewRef.current);
-        };
-        _this.onLoadingStart = function (event) {
-            var onLoadStart = _this.props.onLoadStart;
-            if (onLoadStart) {
-                onLoadStart(event);
-            }
-            _this.updateNavigationState(event);
-        };
-        _this.onLoadingProgress = function (event) {
-            var onLoadProgress = _this.props.onLoadProgress;
-            if (onLoadProgress) {
-                onLoadProgress(event);
-            }
-        };
-        _this.onLoadingError = function (event) {
-            event.persist(); // persist this event because we need to store it
-            var _a = _this.props, onError = _a.onError, onLoadEnd = _a.onLoadEnd;
-            if (onError) {
-                onError(event);
-            }
-            if (onLoadEnd) {
-                onLoadEnd(event);
-            }
-            console.error('Encountered an error loading page', event.nativeEvent);
-            _this.setState({
-                lastErrorEvent: event.nativeEvent,
-                viewState: 'ERROR'
-            });
-        };
-        _this.onLoadingFinish = function (event) {
-            var _a = _this.props, onLoad = _a.onLoad, onLoadEnd = _a.onLoadEnd;
-            if (onLoad) {
-                onLoad(event);
-            }
-            if (onLoadEnd) {
-                onLoadEnd(event);
-            }
-            _this.setState({
-                viewState: 'IDLE'
-            });
-            _this.updateNavigationState(event);
-        };
-        _this.onMessage = function (event) {
-            var onMessage = _this.props.onMessage;
-            if (onMessage) {
-                onMessage(event);
+var resolveAssetSource = Image.resolveAssetSource;
+var WebViewComponent = forwardRef(function (_a, ref) {
+    var _b = _a.cacheEnabled, cacheEnabled = _b === void 0 ? true : _b, _c = _a.originWhitelist, originWhitelist = _c === void 0 ? defaultOriginWhitelist : _c, startInLoadingState = _a.startInLoadingState, onNavigationStateChange = _a.onNavigationStateChange, onLoadStart = _a.onLoadStart, onError = _a.onError, onLoad = _a.onLoad, onLoadEnd = _a.onLoadEnd, onLoadProgress = _a.onLoadProgress, onHttpErrorProp = _a.onHttpError, onMessageProp = _a.onMessage, renderLoading = _a.renderLoading, renderError = _a.renderError, style = _a.style, containerStyle = _a.containerStyle, source = _a.source, nativeConfig = _a.nativeConfig, onShouldStartLoadWithRequestProp = _a.onShouldStartLoadWithRequest, useWebView2 = _a.useWebView2, otherProps = __rest(_a, ["cacheEnabled", "originWhitelist", "startInLoadingState", "onNavigationStateChange", "onLoadStart", "onError", "onLoad", "onLoadEnd", "onLoadProgress", "onHttpError", "onMessage", "renderLoading", "renderError", "style", "containerStyle", "source", "nativeConfig", "onShouldStartLoadWithRequest", "useWebView2"]);
+    var webViewRef = useRef(null);
+    var RCTWebViewString = useWebView2 ? 'RCTWebView2' : 'RCTWebView';
+    var onShouldStartLoadWithRequestCallback = useCallback(function (shouldStart, url, lockIdentifier) {
+        if (lockIdentifier) {
+            if (RCTWebViewString === 'RCTWebView') {
+                NativeModules.RCTWebView.onShouldStartLoadWithRequestCallback(shouldStart, lockIdentifier);
             }
-        };
-        _this.onHttpError = function (event) {
-            var onHttpError = _this.props.onHttpError;
-            if (onHttpError) {
-                onHttpError(event);
+            else {
+                NativeModules.RCTWebView2.onShouldStartLoadWithRequestCallback(shouldStart, lockIdentifier);
             }
-        };
-        return _this;
-    }
-    WebView.prototype.render = function () {
-        var _a = this.props, _b = _a.nativeConfig, nativeConfig = _b === void 0 ? {} : _b, onMessage = _a.onMessage, onShouldStartLoadWithRequestProp = _a.onShouldStartLoadWithRequest, originWhitelist = _a.originWhitelist, renderError = _a.renderError, renderLoading = _a.renderLoading, style = _a.style, containerStyle = _a.containerStyle, otherProps = __rest(_a, ["nativeConfig", "onMessage", "onShouldStartLoadWithRequest", "originWhitelist", "renderError", "renderLoading", "style", "containerStyle"]);
-        var otherView = null;
-        if (this.state.viewState === 'LOADING') {
-            otherView = this.props.renderLoading && this.props.renderLoading();
-        }
-        else if (this.state.viewState === 'ERROR') {
-            var errorEvent = this.state.lastErrorEvent;
-            otherView = this.props.renderError
-                && this.props.renderError(errorEvent.domain, errorEvent.code, errorEvent.description);
         }
-        else if (this.state.viewState !== 'IDLE') {
-            console.error('RCTWebView invalid state encountered: ', this.state.viewState);
+        else if (shouldStart) {
+            Commands.loadUrl(webViewRef, url);
         }
-        var webViewStyles = [styles.container, this.props.style];
-        if (this.state.viewState === 'LOADING'
-            || this.state.viewState === 'ERROR') {
-            // if we're in either LOADING or ERROR states, don't show the webView
-            webViewStyles.push(styles.hidden);
-        }
-        var onShouldStartLoadWithRequest = createOnShouldStartLoadWithRequest(function () { }, 
-        // casting cause it's in the default props
-        originWhitelist, onShouldStartLoadWithRequestProp);
-        var NativeWebView = nativeConfig.component
-            || RCTWebView;
-        var webView = (<NativeWebView ref={this.webViewRef} key="webViewKey" {...otherProps} messagingEnabled={typeof onMessage === 'function'} onLoadingError={this.onLoadingError} onLoadingFinish={this.onLoadingFinish} onLoadingProgress={this.onLoadingProgress} onLoadingStart={this.onLoadingStart} onHttpError={this.onHttpError} onMessage={this.onMessage} onScroll={this.props.onScroll} onShouldStartLoadWithRequest={onShouldStartLoadWithRequest} source={resolveAssetSource(this.props.source)} style={webViewStyles} {...nativeConfig.props}/>);
-        return (<View style={styles.container}>
-        {webView}
-        {otherView}
-      </View>);
-    };
-    WebView.defaultProps = {
-        javaScriptEnabled: true
-    };
-    return WebView;
-}(React.Component));
+    }, [RCTWebViewString]);
+    var _d = 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
+    }), onLoadingStart = _d.onLoadingStart, onShouldStartLoadWithRequest = _d.onShouldStartLoadWithRequest, onMessage = _d.onMessage, viewState = _d.viewState, setViewState = _d.setViewState, lastErrorEvent = _d.lastErrorEvent, onHttpError = _d.onHttpError, onLoadingError = _d.onLoadingError, onLoadingFinish = _d.onLoadingFinish, onLoadingProgress = _d.onLoadingProgress;
+    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]);
+    var 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, lastErrorEvent.description);
+    }
+    else if (viewState !== 'IDLE') {
+        console.error("RNCWebView invalid state encountered: ".concat(viewState));
+    }
+    var webViewStyles = [styles.container, styles.webView, style];
+    var webViewContainerStyle = [styles.container, containerStyle];
+    var NativeWebView = useWebView2 ? RCTWebView2 : RCTWebView;
+    var webView = <NativeWebView key="webViewKey" {...otherProps} messagingEnabled={typeof onMessageProp === 'function'} onLoadingError={onLoadingError} onLoadingFinish={onLoadingFinish} onLoadingProgress={onLoadingProgress} onLoadingStart={onLoadingStart} onHttpError={onHttpError} onMessage={onMessage} onShouldStartLoadWithRequest={onShouldStartLoadWithRequest} ref={webViewRef} 
+    // TODO: find a better way to type this.
+    source={resolveAssetSource(source)} style={webViewStyles} cacheEnabled={cacheEnabled} {...nativeConfig === null || nativeConfig === void 0 ? void 0 : nativeConfig.props}/>;
+    return (<View style={webViewContainerStyle}>
+      {webView}
+      {otherView}
+    </View>);
+});
+// native implementation should return "true" only for Android 5+
+var isFileUploadSupported = function () { return __awaiter(void 0, void 0, void 0, function () { return __generator(this, function (_a) {
+    return [2 /*return*/, false];
+}); }); };
+var WebView = Object.assign(WebViewComponent, { isFileUploadSupported: isFileUploadSupported });
 export default WebView;

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.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WebViewNativeComponent.android.d.ts","sourceRoot":"","sources":["../src/WebViewNativeComponent.android.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAE3D,QAAA,MAAM,UAAU,EAAE,OAAO,oBAExB,CAAC;AAEF,eAAe,UAAU,CAAC"}

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.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WebViewNativeComponent.ios.d.ts","sourceRoot":"","sources":["../src/WebViewNativeComponent.ios.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAEvD,QAAA,MAAM,UAAU,EAAE,OAAO,gBAExB,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/lib/WebViewNativeComponent.ios.js

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

package/lib/WebViewNativeComponent.macos.d.ts

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

package/lib/WebViewNativeComponent.macos.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WebViewNativeComponent.macos.d.ts","sourceRoot":"","sources":["../src/WebViewNativeComponent.macos.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAEzD,QAAA,MAAM,UAAU,EAAE,OAAO,kBAExB,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/lib/WebViewNativeComponent.macos.js

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

package/lib/WebViewNativeComponent.windows.d.ts

@@ -0,0 +1,4 @@
+import type { NativeWebViewWindows } from "./WebViewTypes";
+export declare const RCTWebView: typeof NativeWebViewWindows;
+export declare const RCTWebView2: typeof NativeWebViewWindows;
+//# sourceMappingURL=WebViewNativeComponent.windows.d.ts.map

package/lib/WebViewNativeComponent.windows.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WebViewNativeComponent.windows.d.ts","sourceRoot":"","sources":["../src/WebViewNativeComponent.windows.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAE3D,eAAO,MAAM,UAAU,EAAE,OAAO,oBAE/B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,OAAO,oBAEhC,CAAC"}

package/lib/WebViewNativeComponent.windows.js

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

package/lib/WebViewShared.d.ts

@@ -1,7 +1,37 @@
-import { OnShouldStartLoadWithRequest, ShouldStartLoadRequestEvent } from './WebViewTypes';
-declare const defaultOriginWhitelist: string[];
+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

package/lib/WebViewShared.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WebViewShared.d.ts","sourceRoot":"","sources":["../src/WebViewShared.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,4BAA4B,EAC5B,2BAA2B,EAC5B,MAAM,gBAAgB,CAAC;AAGxB,QAAA,MAAM,sBAAsB,UAA4B,CAAC;AAuBzD,QAAA,MAAM,kCAAkC,2PA8BvC,CAAC;AAEF,QAAA,MAAM,oBAAoB,mBAIzB,CAAC;AACF,QAAA,MAAM,kBAAkB,wFAWvB,CAAC;AAEF,OAAO,EACL,sBAAsB,EACtB,kCAAkC,EAClC,oBAAoB,EACpB,kBAAkB,GACnB,CAAC"}
+{"version":3,"file":"WebViewShared.d.ts","sourceRoot":"","sources":["../src/WebViewShared.tsx"],"names":[],"mappings":"AACA,OAAO,KAAiD,MAAM,OAAO,CAAC;AAEtE,OAAO,EACL,4BAA4B,EAC5B,2BAA2B,EAC3B,YAAY,EACZ,iBAAiB,EACjB,qBAAqB,EACrB,mBAAmB,EACnB,iBAAiB,EACjB,sBAAsB,EACtB,oBAAoB,EACpB,6BAA6B,EAC7B,sBAAsB,EACvB,MAAM,gBAAgB,CAAC;AAGxB,QAAA,MAAM,sBAAsB,oCAAqC,CAAC;AAuBlE,QAAA,MAAM,kCAAkC,8BAEvB,OAAO,OACf,MAAM,kBACK,MAAM,KACnB,IAAI,mBACQ,SAAS,MAAM,EAAE,oIAwBnC,CAAC;AAEF,QAAA,MAAM,oBAAoB,mBAIzB,CAAC;AACF,QAAA,MAAM,kBAAkB,gBACT,MAAM,GAAG,SAAS,aACpB,MAAM,aACN,MAAM,gBAQlB,CAAC;AAEF,OAAO,EACL,sBAAsB,EACtB,kCAAkC,EAClC,oBAAoB,EACpB,kBAAkB,GACnB,CAAC;AAEF,eAAO,MAAM,eAAe;;uCAiBQ,iBAAiB,KAAK,IAAI;sDACX,IAAI;iDACT,IAAI;uDACE,IAAI;yBAClC,sBAAsB,GAAG,iBAAiB,KAAK,IAAI;6CAC/B,IAAI;yDACQ,IAAI;qDACR,IAAI;yEACgB,IAAI;2EACF,IAAI;qBACzD,SAAS,MAAM,EAAE;;wDAEkB,OAAO,OAAO,MAAM,mBAAmB,MAAM,GAAG,SAAS,KAAK,IAAI;;;;;;;;;;;;;;CAiGvH,CAAC"}

package/lib/WebViewShared.js

@@ -1,15 +1,15 @@
-/* eslint-disable */
-
-var __spreadArrays = (this && this.__spreadArrays) || function () {
-    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
-    for (var r = Array(s), k = 0, i = 0; i < il; i++)
-        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
-            r[k] = a[j];
-    return r;
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
 };
 import escapeStringRegexp from 'escape-string-regexp';
-import React from 'react';
-import { Linking, View, ActivityIndicator, Text } from 'react-native';
+import React, { useCallback, useMemo, useRef, useState } from 'react';
+import { Linking, View, ActivityIndicator, Text, Platform } from 'react-native';
 import styles from './WebView.styles';
 var defaultOriginWhitelist = ['http://*', 'https://*'];
 var extractOrigin = function (url) {
@@ -17,14 +17,14 @@ var extractOrigin = function (url) {
     return result === null ? '' : result[0];
 };
 var originWhitelistToRegex = function (originWhitelist) {
-    return "^" + escapeStringRegexp(originWhitelist).replace(/\\\*/g, '.*');
+    return "^".concat(escapeStringRegexp(originWhitelist).replace(/\\\*/g, '.*'));
 };
 var passesWhitelist = function (compiledWhitelist, url) {
     var origin = extractOrigin(url);
     return compiledWhitelist.some(function (x) { return new RegExp(x).test(origin); });
 };
 var compileWhitelist = function (originWhitelist) {
-    return __spreadArrays(['about:blank'], (originWhitelist || [])).map(originWhitelistToRegex);
+    return __spreadArray(['about:blank'], (originWhitelist || []), true).map(originWhitelistToRegex);
 };
 var createOnShouldStartLoadWithRequest = function (loadRequest, originWhitelist, onShouldStartLoadWithRequest) {
     return function (_a) {
@@ -36,7 +36,7 @@ var createOnShouldStartLoadWithRequest = function (loadRequest, originWhitelist,
                 if (supported) {
                     return Linking.openURL(url);
                 }
-                console.warn("Can't open url: " + url);
+                console.warn("Can't open url: ".concat(url));
                 return undefined;
             })["catch"](function (e) {
                 console.warn('Error opening URL: ', e);
@@ -54,8 +54,91 @@ var defaultRenderLoading = function () { return (<View style={styles.loadingOrEr
   </View>); };
 var defaultRenderError = function (errorDomain, errorCode, errorDesc) { return (<View style={styles.loadingOrErrorView}>
     <Text style={styles.errorTextTitle}>Error loading page</Text>
-    <Text style={styles.errorText}>{"Domain: " + errorDomain}</Text>
-    <Text style={styles.errorText}>{"Error Code: " + errorCode}</Text>
-    <Text style={styles.errorText}>{"Description: " + errorDesc}</Text>
+    <Text style={styles.errorText}>{"Domain: ".concat(errorDomain)}</Text>
+    <Text style={styles.errorText}>{"Error Code: ".concat(errorCode)}</Text>
+    <Text style={styles.errorText}>{"Description: ".concat(errorDesc)}</Text>
   </View>); };
 export { defaultOriginWhitelist, createOnShouldStartLoadWithRequest, defaultRenderLoading, defaultRenderError, };
+export var useWebWiewLogic = function (_a) {
+    var startInLoadingState = _a.startInLoadingState, onNavigationStateChange = _a.onNavigationStateChange, onLoadStart = _a.onLoadStart, onLoad = _a.onLoad, onLoadProgress = _a.onLoadProgress, onLoadEnd = _a.onLoadEnd, onError = _a.onError, onHttpErrorProp = _a.onHttpErrorProp, onMessageProp = _a.onMessageProp, onRenderProcessGoneProp = _a.onRenderProcessGoneProp, onContentProcessDidTerminateProp = _a.onContentProcessDidTerminateProp, originWhitelist = _a.originWhitelist, onShouldStartLoadWithRequestProp = _a.onShouldStartLoadWithRequestProp, onShouldStartLoadWithRequestCallback = _a.onShouldStartLoadWithRequestCallback;
+    var _b = useState(startInLoadingState ? "LOADING" : "IDLE"), viewState = _b[0], setViewState = _b[1];
+    var _c = useState(null), lastErrorEvent = _c[0], setLastErrorEvent = _c[1];
+    var startUrl = useRef(null);
+    var updateNavigationState = useCallback(function (event) {
+        onNavigationStateChange === null || onNavigationStateChange === void 0 ? void 0 : onNavigationStateChange(event.nativeEvent);
+    }, [onNavigationStateChange]);
+    var onLoadingStart = useCallback(function (event) {
+        // Needed for android
+        startUrl.current = event.nativeEvent.url;
+        // !Needed for android
+        onLoadStart === null || onLoadStart === void 0 ? void 0 : onLoadStart(event);
+        updateNavigationState(event);
+    }, [onLoadStart, updateNavigationState]);
+    var onLoadingError = useCallback(function (event) {
+        event.persist();
+        if (onError) {
+            onError(event);
+        }
+        else {
+            console.warn('Encountered an error loading page', event.nativeEvent);
+        }
+        onLoadEnd === null || onLoadEnd === void 0 ? void 0 : onLoadEnd(event);
+        if (event.isDefaultPrevented()) {
+            return;
+        }
+        ;
+        setViewState('ERROR');
+        setLastErrorEvent(event.nativeEvent);
+    }, [onError, onLoadEnd]);
+    var onHttpError = useCallback(function (event) {
+        onHttpErrorProp === null || onHttpErrorProp === void 0 ? void 0 : onHttpErrorProp(event);
+    }, [onHttpErrorProp]);
+    // Android Only
+    var onRenderProcessGone = useCallback(function (event) {
+        onRenderProcessGoneProp === null || onRenderProcessGoneProp === void 0 ? void 0 : onRenderProcessGoneProp(event);
+    }, [onRenderProcessGoneProp]);
+    // !Android Only
+    // iOS Only
+    var onContentProcessDidTerminate = useCallback(function (event) {
+        onContentProcessDidTerminateProp === null || onContentProcessDidTerminateProp === void 0 ? void 0 : onContentProcessDidTerminateProp(event);
+    }, [onContentProcessDidTerminateProp]);
+    // !iOS Only
+    var onLoadingFinish = useCallback(function (event) {
+        onLoad === null || onLoad === void 0 ? void 0 : onLoad(event);
+        onLoadEnd === null || onLoadEnd === void 0 ? void 0 : onLoadEnd(event);
+        var url = event.nativeEvent.url;
+        // on Android, only if url === startUrl
+        if (Platform.OS !== "android" || url === startUrl.current) {
+            setViewState('IDLE');
+        }
+        // !on Android, only if url === startUrl
+        updateNavigationState(event);
+    }, [onLoad, onLoadEnd, updateNavigationState]);
+    var onMessage = useCallback(function (event) {
+        onMessageProp === null || onMessageProp === void 0 ? void 0 : onMessageProp(event);
+    }, [onMessageProp]);
+    var onLoadingProgress = useCallback(function (event) {
+        var progress = event.nativeEvent.progress;
+        // patch for Android only
+        if (Platform.OS === "android" && progress === 1) {
+            setViewState(function (prevViewState) { return prevViewState === 'LOADING' ? 'IDLE' : prevViewState; });
+        }
+        // !patch for Android only
+        onLoadProgress === null || onLoadProgress === void 0 ? void 0 : onLoadProgress(event);
+    }, [onLoadProgress]);
+    var onShouldStartLoadWithRequest = useMemo(function () { return createOnShouldStartLoadWithRequest(onShouldStartLoadWithRequestCallback, originWhitelist, onShouldStartLoadWithRequestProp); }, [originWhitelist, onShouldStartLoadWithRequestProp, onShouldStartLoadWithRequestCallback]);
+    return {
+        onShouldStartLoadWithRequest: onShouldStartLoadWithRequest,
+        onLoadingStart: onLoadingStart,
+        onLoadingProgress: onLoadingProgress,
+        onLoadingError: onLoadingError,
+        onLoadingFinish: onLoadingFinish,
+        onHttpError: onHttpError,
+        onRenderProcessGone: onRenderProcessGone,
+        onContentProcessDidTerminate: onContentProcessDidTerminate,
+        onMessage: onMessage,
+        viewState: viewState,
+        setViewState: setViewState,
+        lastErrorEvent: lastErrorEvent
+    };
+};