now opening external links within the app

Author: wesrisenmay-mx

CHANGELOG.md

@@ -23,6 +23,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 - Now opening oauth tabs inside the app instead of in a separate browser. This simplifies the configuration process and makes it easier for the user to get back to the app in case of failures.
 - When onOAuthRequested is provided to the connect widget it no longer overrides oauth redirect behavior. It is now called in addition to the built in redirect behavior.
+- Now opening external links without leaving the app
 
 ## [3.0.0]
 

src/components/renderer.tsx

@@ -2,7 +2,7 @@ import React, { useRef, MutableRefObject, ReactElement } from "react"
 import { StyleProp, ViewStyle, View } from "react-native"
 import { WebView } from "react-native-webview"
 import { Payload } from "@mxenabled/widget-post-message-definitions"
-
+import * as WebBrowser from "expo-web-browser"
 import { Props, useSsoUrl } from "../sso"
 import { makeRequestInterceptor } from "./request_interceptor"
 import { useFullscreenStyles } from "./screen_dimensions"
@@ -62,6 +62,9 @@ export function useWidgetRendererWithRef<Configuration>(
         javaScriptEnabled={true}
         domStorageEnabled={true}
         incognito={true}
+        onOpenWindow={(event) => {
+          WebBrowser.openBrowserAsync(event.nativeEvent.targetUrl)
+        }}
         onShouldStartLoadWithRequest={handler}
         onError={props.onWebViewError}
       />