Fix opening financial accounts in embedded components (#2280)

* Fix financial accounts

* Don't show toast messages for warnings or errors

Author: gimenete-stripe

android/src/main/java/com/reactnativestripesdk/StripeSdkModule.kt

@@ -1072,14 +1072,18 @@ class StripeSdkModule(
       promise.resolve(createMissingInitError())
       return
     }
+
+    // Use connectedAccountId from params if provided, otherwise fall back to global stripeAccountId
+    val accountId = getValOr(params, "connectedAccountId", null) ?: stripeAccountId
+
     unregisterStripeUIManager(financialConnectionsSheetManager)
     financialConnectionsSheetManager =
       FinancialConnectionsSheetManager(
         reactApplicationContext,
         clientSecret,
         FinancialConnectionsSheetManager.Mode.ForToken,
         publishableKey,
-        stripeAccountId,
+        accountId,
       ).also {
         registerStripeUIManager(it)
         it.present(promise)
@@ -1097,14 +1101,17 @@ class StripeSdkModule(
       return
     }
 
+    // Use connectedAccountId from params if provided, otherwise fall back to global stripeAccountId
+    val accountId = getValOr(params, "connectedAccountId", null) ?: stripeAccountId
+
     unregisterStripeUIManager(financialConnectionsSheetManager)
     financialConnectionsSheetManager =
       FinancialConnectionsSheetManager(
         reactApplicationContext,
         clientSecret,
         FinancialConnectionsSheetManager.Mode.ForSession,
         publishableKey,
-        stripeAccountId,
+        accountId,
       ).also {
         registerStripeUIManager(it)
         it.present(promise)

example-stripe-connect/index.ts

@@ -1 +1,4 @@
 import 'expo-router/entry';
+import { LogBox } from 'react-native';
+
+LogBox.ignoreAllLogs();

ios/StripeSdkImpl.swift

@@ -1120,12 +1120,24 @@ public class StripeSdkImpl: NSObject, UIAdaptivePresentationControllerDelegate {
             self?.emitter?.emitOnFinancialConnectionsEvent(mappedEvent)
         }
 
+        // Use connectedAccountId from params if provided
+        let originalStripeAccount = STPAPIClient.shared.stripeAccount
+        if let connectedAccountId = params["connectedAccountId"] as? String {
+            STPAPIClient.shared.stripeAccount = connectedAccountId
+        }
+
+        let wrappedResolve: RCTPromiseResolveBlock = { result in
+            // Restore original stripeAccount after completion
+            STPAPIClient.shared.stripeAccount = originalStripeAccount
+            resolve(result)
+        }
+
         FinancialConnections.presentForToken(
             withClientSecret: clientSecret,
             returnURL: returnURL,
             configuration: configuration,
             onEvent: onEvent,
-            resolve: resolve
+            resolve: wrappedResolve
         )
     }
 
@@ -1154,12 +1166,24 @@ public class StripeSdkImpl: NSObject, UIAdaptivePresentationControllerDelegate {
             self?.emitter?.emitOnFinancialConnectionsEvent(mappedEvent)
         }
 
+        // Use connectedAccountId from params if provided
+        let originalStripeAccount = STPAPIClient.shared.stripeAccount
+        if let connectedAccountId = params["connectedAccountId"] as? String {
+            STPAPIClient.shared.stripeAccount = connectedAccountId
+        }
+
+        let wrappedResolve: RCTPromiseResolveBlock = { result in
+            // Restore original stripeAccount after completion
+            STPAPIClient.shared.stripeAccount = originalStripeAccount
+            resolve(result)
+        }
+
         FinancialConnections.present(
             withClientSecret: clientSecret,
             returnURL: returnURL,
             configuration: configuration,
             onEvent: onEvent,
-            resolve: resolve
+            resolve: wrappedResolve
         )
     }
 

src/connect/EmbeddedComponent.tsx

@@ -370,7 +370,7 @@ export function EmbeddedComponent(props: EmbeddedComponentProps) {
           connectedAccountId: string;
         };
 
-        const { clientSecret, id } = messageData;
+        const { clientSecret, id, connectedAccountId } = messageData;
 
         // Validate client secret
         if (!clientSecret || typeof clientSecret !== 'string') {
@@ -420,7 +420,9 @@ export function EmbeddedComponent(props: EmbeddedComponentProps) {
         };
 
         // Call native Financial Connections
-        NativeStripeSdk.collectFinancialConnectionsAccounts(clientSecret, {})
+        NativeStripeSdk.collectFinancialConnectionsAccounts(clientSecret, {
+          connectedAccountId,
+        })
           .then(({ session, error }) => {
             cleanup();
 

src/types/FinancialConnections.ts

@@ -7,6 +7,8 @@ export type CollectFinancialConnectionsAccountsParams = {
   style?: UserInterfaceStyle;
   /** An optional event listener to receive @type {FinancialConnectionEvent} for specific events during the process of a user connecting their financial accounts. */
   onEvent?: (event: FinancialConnectionsEvent) => void;
+  /** Optional connected account ID to use for this Financial Connections session. Used for Stripe Connect embedded components. */
+  connectedAccountId?: string;
 };
 
 export type SessionResult =