Merge pull request #129 from mxenabled/wes/removeProxy

Remove functionality from the connect widget

Author: wesrisenmay-mx

CHANGELOG.md

@@ -19,6 +19,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 - Custom onLoadUrlInBrowser and onLoadUrlInBrowserError props
 - uiMessageWebviewUrlScheme is no longer supported. The default scheme of the mx widgets will be used which is "mx". clientRedirectUrl has been the recommended method for redirecting from oauth for [years](https://docs.mx.com/release-notes/2022/#february)
+- The proxy property has been removed from the connect widget. Before a connect widget is rendered a widget url should be fetched and then provided to the widget.
 
 ### Changed
 

example/app.json

@@ -28,7 +28,12 @@
       "favicon": "./assets/images/favicon.png"
     },
     "plugins": [
-      "expo-router",
+      [
+        "expo-router",
+        {
+          "origin": false
+        }
+      ],
       [
         "expo-splash-screen",
         {

example/app/connect.tsx

@@ -0,0 +1,66 @@
+import React, { useEffect, useState } from "react"
+import { StyleSheet } from "react-native"
+import { SafeAreaView } from "react-native-safe-area-context"
+import * as Linking from "expo-linking"
+
+import { ConnectWidget } from "@mxenabled/react-native-widget-sdk"
+import { fetchConnectWidgetUrl } from "../shared/api"
+
+const styles = StyleSheet.create({
+  page: {
+    backgroundColor: "#ffffff",
+    paddingTop: 10,
+  },
+})
+
+export default function Connect() {
+  const clientRedirectUrl = Linking.createURL("connect")
+
+  const [url, setUrl] = useState<string | null>(null)
+
+  useEffect(() => {
+    fetchConnectWidgetUrl(clientRedirectUrl).then((url) => {
+      setUrl(url)
+    })
+  }, [clientRedirectUrl])
+
+  return (
+    <SafeAreaView style={styles.page}>
+      {url && (
+        <ConnectWidget
+          url={url}
+          onSsoUrlLoadError={(error) => {
+            console.error(`SSO URL load error: ${error}`)
+          }}
+          onMessage={(url) => {
+            console.log(`Got a message: ${url}`)
+          }}
+          onInvalidMessageError={(url, _error) => {
+            console.log(`Got an unknown message: ${url}`)
+          }}
+          onLoad={(_payload) => {
+            console.log("Widget is loading")
+          }}
+          onLoaded={(_payload) => {
+            console.log("Widget has loaded")
+          }}
+          onMemberConnected={(payload) => {
+            console.log(`Member connected with payload: ${JSON.stringify(payload)}`)
+          }}
+          onOAuthError={(payload) => {
+            console.log(`OAuth error with payload: ${JSON.stringify(payload)}`)
+          }}
+          onOAuthRequested={(payload) => {
+            console.log(`OAuth requested with URL: ${payload.url}`)
+          }}
+          onStepChange={(payload) => {
+            console.log(`Moving from ${payload.previous} to ${payload.current}`)
+          }}
+          onSelectedInstitution={(payload) => {
+            console.log(`Selecting ${payload.name}`)
+          }}
+        />
+      )}
+    </SafeAreaView>
+  )
+}