updated the changelog and improved the abstraction for fetching widget urls

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 all widgets. Before a widget is rendered a widget url should be fetched and then provided to the widget.
 
 ### Changed
 

example/src/app/connect.tsx

@@ -4,7 +4,7 @@ import { SafeAreaView } from "react-native-safe-area-context"
 import * as Linking from "expo-linking"
 
 import { ConnectWidget } from "@mxenabled/react-native-widget-sdk"
-import { fetchWidgetUrl } from "../shared/api"
+import { fetchConnectWidgetUrl } from "../shared/api"
 
 const styles = StyleSheet.create({
   page: {
@@ -19,7 +19,7 @@ export default function Connect() {
   const [url, setUrl] = useState<string | null>(null)
 
   useEffect(() => {
-    fetchWidgetUrl({ clientRedirectUrl, widgetType: "connect_widget" }).then((url) => {
+    fetchConnectWidgetUrl(clientRedirectUrl).then((url) => {
       setUrl(url)
     })
   }, [clientRedirectUrl])

example/src/shared/api.ts

@@ -3,38 +3,21 @@ import { Platform } from "react-native"
 const baseUrl = Platform.OS === "android" ? "http://10.0.2.2:8089" : "http://localhost:8089"
 const proxyUrl = `${baseUrl}/user/widget_urls`
 
-interface FetchWidgetUrlProps {
-  clientRedirectUrl: string
-  widgetType: string
-}
-
-export function buildWidgetConfiguration({ clientRedirectUrl, widgetType }: FetchWidgetUrlProps) {
-  return {
-    ...(widgetType === "connect_widget"
-      ? { data_request: { products: ["identity_verification"] } }
-      : {}),
-    client_redirect_url: clientRedirectUrl,
-    is_mobile_webview: true,
-    ui_message_version: 4,
-    widget_type: widgetType,
-  }
-}
-
 interface WidgetUrlResponse {
   widget_url: {
     url: string
   }
 }
 
-export const fetchWidgetUrl = async (props: FetchWidgetUrlProps) => {
+const fetchWidgetUrl = async (widgetConfiguration: object) => {
   const headers: Record<string, string> = {
     "Accept-Version": "v20250224",
     "Content-Type": "application/json",
   }
 
   const method = "POST"
   const body = JSON.stringify({
-    widget_url: buildWidgetConfiguration(props),
+    widget_url: widgetConfiguration,
   })
 
   try {
@@ -56,3 +39,24 @@ export const fetchWidgetUrl = async (props: FetchWidgetUrlProps) => {
     throw error
   }
 }
+
+const createWidgetConfiguration = (overrides: Record<string, any>) => {
+  const baseWidgetConfiguration = {
+    is_mobile_webview: true,
+    ui_message_version: 4,
+  }
+
+  return {
+    ...baseWidgetConfiguration,
+    ...overrides,
+  }
+}
+
+export const fetchConnectWidgetUrl = async (clientRedirectUrl: string) => {
+  const widgetConfiguration = createWidgetConfiguration({
+    client_redirect_url: clientRedirectUrl,
+    widget_type: "connect_widget",
+  })
+
+  return fetchWidgetUrl(widgetConfiguration)
+}