removing unnecessary functionality

Author: wesrisenmay-mx

example/src/app/connect.tsx

@@ -47,6 +47,9 @@ export default function Connect() {
           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}`)
           }}

src/components/ConnectWidgets.test.tsx

@@ -7,12 +7,10 @@ import {
 import { Type, SsoUrlProps, ConnectWidgetConfigurationProps } from "../sso"
 import * as WebBrowser from "expo-web-browser"
 import { makeWidgetComponentWithDefaults } from "./make_component"
-import { useOAuthDeeplink, OAuthProps } from "./oauth"
-import { useWidgetRendererWithRef, StylingProps } from "./renderer"
+import { StylingProps, useWidgetRenderer } from "./renderer"
 
 export type ConnectWidgetProps = SsoUrlProps &
   StylingProps &
-  OAuthProps &
   ConnectPostMessageCallbackProps<string> &
   ConnectWidgetConfigurationProps &
   JSX.IntrinsicAttributes
@@ -40,12 +38,10 @@ export function ConnectWidget(props: ConnectWidgetProps) {
     onOAuthRequested,
   }
 
-  const [ref, elem] = useWidgetRendererWithRef(
+  const elem = useWidgetRenderer(
     { ...modifiedProps, widgetType: Type.ConnectWidget },
     dispatchConnectLocationChangeEvent,
   )
 
-  useOAuthDeeplink(ref, modifiedProps)
-
   return elem
 }

src/components/ConnectWidgets.tsx

@@ -1,4 +1,4 @@
-import React, { useRef, MutableRefObject, ReactElement } from "react"
+import React, { ReactElement } from "react"
 import { StyleProp, ViewStyle, View } from "react-native"
 import { WebView } from "react-native-webview"
 import { Payload } from "@mxenabled/widget-post-message-definitions"
@@ -13,28 +13,18 @@ export type StylingProps = {
   webViewStyle?: StyleProp<ViewStyle>
 }
 
-type MaybeWebViewRef = MutableRefObject<WebView | null>
 type BaseProps<Configuration> = Props<Configuration> & StylingProps
 
 export function useWidgetRenderer<Configuration>(
   props: BaseProps<Configuration>,
   dispatchEvent: (url: string, callbacks: BaseProps<Configuration>) => Payload | undefined,
 ): ReactElement {
-  const [_ref, elem] = useWidgetRendererWithRef(props, dispatchEvent)
-  return elem
-}
-
-export function useWidgetRendererWithRef<Configuration>(
-  props: BaseProps<Configuration>,
-  dispatchEvent: (url: string, callbacks: BaseProps<Configuration>) => Payload | undefined,
-): [MaybeWebViewRef, ReactElement] {
-  const ref = useRef<WebView>(null)
   const url = useSsoUrl(props)
   const fullscreenStyles = useFullscreenStyles()
   const style = props.style || fullscreenStyles
 
   if (!url) {
-    return [ref, <View style={style} />]
+    return <View style={style} />
   }
 
   const handler = makeRequestInterceptor(url, {
@@ -47,13 +37,11 @@ export function useWidgetRendererWithRef<Configuration>(
     window.MXReactNativeSDKVersion = "${sdkVersion}";
   `
 
-  return [
-    ref,
+  return (
     <View testID="widget_view" style={style}>
       <WebView
         testID="widget_webview"
         style={props.webViewStyle}
-        ref={ref}
         scrollEnabled={true}
         source={{ uri: url }}
         originWhitelist={["*"]}
@@ -68,6 +56,6 @@ export function useWidgetRendererWithRef<Configuration>(
         onShouldStartLoadWithRequest={handler}
         onError={props.onWebViewError}
       />
-    </View>,
-  ]
+    </View>
+  )
 }