@stripe/stripe-react-native 0.57.0 → 0.57.2

package/ios/CardFieldManager.swift

@@ -5,28 +5,28 @@ class CardFieldManager: RCTViewManager {
     override func view() -> UIView! {
         return CardFieldView()
     }
-    
+
     @objc func focus(_ reactTag: NSNumber) {
         self.bridge!.uiManager.addUIBlock { (_: RCTUIManager?, viewRegistry: [NSNumber: UIView]?) in
             let view: CardFieldView = (viewRegistry![reactTag] as? CardFieldView)!
             view.focus()
         }
     }
-    
+
     @objc func blur(_ reactTag: NSNumber) {
         self.bridge!.uiManager.addUIBlock { (_: RCTUIManager?, viewRegistry: [NSNumber: UIView]?) in
             let view: CardFieldView = (viewRegistry![reactTag] as? CardFieldView)!
             view.blur()
         }
     }
-    
+
     @objc func clear(_ reactTag: NSNumber) {
         self.bridge!.uiManager.addUIBlock { (_: RCTUIManager?, viewRegistry: [NSNumber: UIView]?) in
             let view: CardFieldView = (viewRegistry![reactTag] as? CardFieldView)!
             view.clear()
         }
     }
-    
+
     override class func requiresMainQueueSetup() -> Bool {
         return false
     }

package/ios/CardFieldView.swift

@@ -1,6 +1,6 @@
 import Foundation
-import UIKit
 import Stripe
+import UIKit
 
 @objc(CardFieldView)
 public class CardFieldView: UIView, STPPaymentCardTextFieldDelegate {
@@ -10,8 +10,8 @@ public class CardFieldView: UIView, STPPaymentCardTextFieldDelegate {
 
     private var cardField = STPPaymentCardTextField()
 
-    public var cardParams: STPPaymentMethodParams? = nil
-    public var cardPostalCode: String? = nil
+    public var cardParams: STPPaymentMethodParams?
+    public var cardPostalCode: String?
 
     @objc public var disabled: Bool = false {
         didSet {
@@ -37,7 +37,7 @@ public class CardFieldView: UIView, STPPaymentCardTextFieldDelegate {
         }
     }
 
-    @objc public var preferredNetworks: Array<Int>? {
+    @objc public var preferredNetworks: [Int]? {
         didSet {
             if let preferredNetworks = preferredNetworks {
                 cardField.preferredNetworks = preferredNetworks.map(Mappers.intToCardBrand).compactMap { $0 }
@@ -170,18 +170,18 @@ public class CardFieldView: UIView, STPPaymentCardTextFieldDelegate {
                 "last4": textField.paymentMethodParams.card!.last4 ?? "",
                 "validExpiryDate": Mappers.mapFromCardValidationState(state: validExpiryDate),
                 "validCVC": Mappers.mapFromCardValidationState(state: validCVC),
-                "validNumber": Mappers.mapFromCardValidationState(state: validNumber)
+                "validNumber": Mappers.mapFromCardValidationState(state: validNumber),
             ]
-            if (cardField.postalCodeEntryEnabled) {
+            if cardField.postalCodeEntryEnabled {
                 cardData["postalCode"] = textField.postalCode ?? ""
             }
-            if (dangerouslyGetFullCardDetails) {
+            if dangerouslyGetFullCardDetails {
                 cardData["number"] = textField.cardNumber ?? ""
                 cardData["cvc"] = textField.cvc ?? ""
             }
-            onCardChange!(["card": cardData as [AnyHashable : Any]])
+            onCardChange!(["card": cardData as [AnyHashable: Any]])
         }
-        if (textField.isValid) {
+        if textField.isValid {
             self.cardParams = textField.paymentMethodParams
             self.cardPostalCode = textField.postalCode
         } else {

package/ios/CardFormManager.swift

@@ -5,18 +5,18 @@ class CardFormManager: RCTViewManager {
     override func view() -> UIView! {
         return CardFormView()
     }
-    
+
     override class func requiresMainQueueSetup() -> Bool {
         return false
     }
-    
+
     @objc func focus(_ reactTag: NSNumber) {
         self.bridge!.uiManager.addUIBlock { (_: RCTUIManager?, viewRegistry: [NSNumber: UIView]?) in
             let view: CardFormView = (viewRegistry![reactTag] as? CardFormView)!
             view.focus()
         }
     }
-    
+
     @objc func blur(_ reactTag: NSNumber) {
         self.bridge!.uiManager.addUIBlock { (_: RCTUIManager?, viewRegistry: [NSNumber: UIView]?) in
             let view: CardFormView = (viewRegistry![reactTag] as? CardFormView)!

package/ios/CardFormView.swift

@@ -1,55 +1,55 @@
 import Foundation
-import UIKit
 import Stripe
+import UIKit
 
 @objc(CardFormView)
 public class CardFormView: UIView, STPCardFormViewDelegate {
     public var cardForm: STPCardFormView?
-    
-    public var cardParams: STPPaymentMethodCardParams? = nil
-    
+
+    public var cardParams: STPPaymentMethodCardParams?
+
     @objc public var dangerouslyGetFullCardDetails: Bool = false
     @objc public var onFormComplete: RCTDirectEventBlock?
     @objc public var autofocus: Bool = false
     @objc public var disabled: Bool = false
-    @objc public var preferredNetworks: Array<Int>? {
+    @objc public var preferredNetworks: [Int]? {
         didSet {
             setPreferredNetworks()
         }
     }
-  
+
     @objc public func didSetProps() {
         if let cardForm = self.cardForm {
             cardForm.removeFromSuperview()
         }
-        
+
         let style = self.cardStyle["type"] as? String == "borderless" ? STPCardFormViewStyle.borderless : STPCardFormViewStyle.standard
         let _cardForm = STPCardFormView(style: style)
         _cardForm.delegate = self
         _cardForm.isUserInteractionEnabled = !disabled
-        
+
         if autofocus == true {
-            let _ = _cardForm.becomeFirstResponder()
+            _ = _cardForm.becomeFirstResponder()
         }
-        
+
         self.cardForm = _cardForm
         self.addSubview(_cardForm)
         setStyles()
         setPreferredNetworks()
     }
-    
+
     override public func didSetProps(_ changedProps: [String]!) {
         // This is only called on old arch, for new arch didSetProps() will be called
         // by the view component.
         self.didSetProps()
     }
-    
+
     @objc public var cardStyle: NSDictionary = NSDictionary() {
         didSet {
             setStyles()
         }
     }
-    
+
     public func cardFormView(_ form: STPCardFormView, didChangeToStateComplete complete: Bool) {
         if onFormComplete != nil {
             let brand = STPCardValidator.brand(forNumber: cardForm?.cardParams?.card?.number ?? "")
@@ -60,30 +60,30 @@ public class CardFormView: UIView, STPCardFormViewDelegate {
                 "brand": Mappers.mapFromCardBrand(brand) ?? NSNull(),
                 "last4": cardForm?.cardParams?.card?.last4 ?? "",
                 "postalCode": cardForm?.cardParams?.billingDetails?.address?.postalCode ?? "",
-                "country": cardForm?.cardParams?.billingDetails?.address?.country
+                "country": cardForm?.cardParams?.billingDetails?.address?.country,
             ]
-            
-            if (dangerouslyGetFullCardDetails) {
+
+            if dangerouslyGetFullCardDetails {
                 cardData["number"] = cardForm?.cardParams?.card?.number ?? ""
                 cardData["cvc"] = cardForm?.cardParams?.card?.cvc ?? ""
             }
-            if (complete) {
+            if complete {
                 self.cardParams = cardForm?.cardParams?.card
             } else {
                 self.cardParams = nil
             }
-            onFormComplete!(["card": cardData as [AnyHashable : Any]])
+            onFormComplete!(["card": cardData as [AnyHashable: Any]])
         }
     }
-    
+
     @objc public func focus() {
-        let _ = cardForm?.becomeFirstResponder()
+        _ = cardForm?.becomeFirstResponder()
     }
-    
+
     @objc public func blur() {
-        let _ = cardForm?.resignFirstResponder()
+        _ = cardForm?.resignFirstResponder()
     }
-    
+
     func setStyles() {
         if let backgroundColor = cardStyle["backgroundColor"] as? String {
             cardForm?.backgroundColor = UIColor(hexString: backgroundColor)
@@ -91,13 +91,13 @@ public class CardFormView: UIView, STPCardFormViewDelegate {
         /**
          The following reveals a bug in STPCardFormView where there's a extra space in the layer,
          and thus must remain commented out for now.
-         
+
          if let borderWidth = cardStyle["borderWidth"] as? Int {
          cardForm?.layer.borderWidth = CGFloat(borderWidth)
          } else {
          cardForm?.layer.borderWidth = CGFloat(0)
          }
-         
+
          */
         if let borderColor = cardStyle["borderColor"] as? String {
             cardForm?.layer.borderColor = UIColor(hexString: borderColor).cgColor
@@ -112,13 +112,13 @@ public class CardFormView: UIView, STPCardFormViewDelegate {
         //     cardForm?.disabledBackgroundColor = UIColor(hexString: disabledBackgroundColor)
         // }
     }
-    
+
     func setPreferredNetworks() {
         if let preferredNetworks = preferredNetworks {
             cardForm?.preferredNetworks = preferredNetworks.map(Mappers.intToCardBrand).compactMap { $0 }
         }
     }
-    
+
     override public init(frame: CGRect) {
         super.init(frame: frame)
 
@@ -128,7 +128,7 @@ public class CardFormView: UIView, STPCardFormViewDelegate {
     override public func layoutSubviews() {
         cardForm?.frame = self.bounds
     }
-    
+
     required init?(coder: NSCoder) {
         fatalError("init(coder:) has not been implemented")
     }

package/ios/ConnectAccountOnboarding/ConnectAccountOnboardingView.swift

@@ -0,0 +1,97 @@
+//
+//  ConnectAccountOnboardingView.swift
+//  stripe-react-native
+//
+
+import Foundation
+import UIKit
+
+@objc(ConnectAccountOnboardingView)
+public class ConnectAccountOnboardingView: UIView {
+    @objc public var visible = false
+    @objc public var title: String?
+    @objc public var backgroundColorValue: String?
+    @objc public var textColorValue: String?
+    @objc public var onExitAction: RCTDirectEventBlock?
+
+    private var wasVisible = false
+    private var navigationController: UINavigationController?
+    private var viewController: ConnectAccountOnboardingViewController?
+
+    override public init(frame: CGRect) {
+        super.init(frame: frame)
+        super.backgroundColor = .clear
+    }
+
+    required init?(coder: NSCoder) {
+        fatalError("init(coder:) has not been implemented")
+    }
+
+    @objc public func didSetProps() {
+        if visible && !wasVisible {
+            // Delay presentation to ensure React Native has rendered children
+            DispatchQueue.main.async { [weak self] in
+                self?.presentModal()
+            }
+            wasVisible = true
+        } else if !visible && wasVisible {
+            dismissModal()
+            wasVisible = false
+        }
+    }
+
+    override public func didSetProps(_ changedProps: [String]!) {
+        // This is only called on old arch, for new arch didSetProps() will be called
+        // by the view component.
+        self.didSetProps()
+    }
+
+    private func presentModal() {
+        // Create the view controller that wraps THIS view
+        viewController = ConnectAccountOnboardingViewController()
+        viewController?.title = title
+        viewController?.backgroundColorString = backgroundColorValue
+        viewController?.textColorString = textColorValue
+        viewController?.onClose = { [weak self] in
+            self?.handleClose()
+        }
+
+        // Add this entire React Native view to the view controller
+        viewController?.setReactContentView(self)
+
+        // Wrap in a navigation controller
+        navigationController = UINavigationController(rootViewController: viewController!)
+        navigationController?.modalPresentationStyle = .fullScreen
+        navigationController?.modalTransitionStyle = .coverVertical
+
+        // Find the presenting view controller and present
+        let presenter = findViewControllerPresenter(from: RCTKeyWindow()?.rootViewController ?? UIViewController())
+        presenter.present(navigationController!, animated: true)
+    }
+
+    private func dismissModal() {
+        navigationController?.dismiss(animated: true) { [weak self] in
+            self?.viewController = nil
+            self?.navigationController = nil
+        }
+    }
+
+    private func handleClose() {
+        visible = false
+        wasVisible = false
+        onExitAction?([:])
+        dismissModal()
+    }
+
+    override public func didMoveToSuperview() {
+        super.didMoveToSuperview()
+
+        // When added to native view hierarchy, ensure layout is triggered
+        if let superview = superview {
+            // Match the superview's bounds immediately
+            self.frame = superview.bounds
+            setNeedsLayout()
+            layoutIfNeeded()
+        }
+    }
+}

package/ios/ConnectAccountOnboarding/ConnectAccountOnboardingViewController.swift

@@ -0,0 +1,133 @@
+//
+//  ConnectAccountOnboardingViewController.swift
+//  stripe-react-native
+//
+
+import Foundation
+import UIKit
+
+class ConnectAccountOnboardingViewController: UIViewController {
+    var onClose: (() -> Void)?
+    var backgroundColorString: String?
+    var textColorString: String?
+    private var reactContentView: UIView?
+
+    override func viewDidLoad() {
+        super.viewDidLoad()
+
+        // Use provided backgroundColor or fallback to system background
+        if let bgColor = backgroundColorString {
+            view.backgroundColor = UIColor(colorString: bgColor)
+        } else {
+            view.backgroundColor = .systemBackground
+        }
+
+        // Configure view controller to extend content behind navigation bar
+        extendedLayoutIncludesOpaqueBars = true
+        edgesForExtendedLayout = .all
+
+        // Setup navigation bar
+        setupNavigationBar()
+
+        // Add React content view if available
+        if let contentView = reactContentView {
+            addReactContent(contentView)
+        }
+    }
+
+    private func setupNavigationBar() {
+        // Configure navigation bar appearance to be translucent
+        if let navigationBar = navigationController?.navigationBar {
+            // Make navigation bar translucent so content shows behind it
+            navigationBar.isTranslucent = true
+
+            // Set tint color for navigation bar items (like the close button)
+            if let tintColorString = textColorString {
+                navigationBar.tintColor = UIColor(colorString: tintColorString)
+            }
+
+            // Set overrideUserInterfaceStyle based on whether background is specified
+            navigationBar.overrideUserInterfaceStyle = backgroundColorString == nil ? .light : .unspecified
+
+            // Configure navigation bar appearance with custom colors
+            let navAppearance = UINavigationBarAppearance()
+            navAppearance.configureWithOpaqueBackground()
+
+            if let bgColor = backgroundColorString {
+                navAppearance.backgroundColor = UIColor(colorString: bgColor)
+            }
+
+            if let titleColorString = textColorString {
+                let font = UIFont.systemFont(ofSize: UIFont.labelFontSize)
+                navAppearance.titleTextAttributes = [
+                    .foregroundColor: UIColor(colorString: titleColorString),
+                    .font: UIFontMetrics(forTextStyle: .largeTitle).scaledFont(for: font),
+                ]
+            }
+
+            navigationItem.standardAppearance = navAppearance
+            navigationItem.scrollEdgeAppearance = navAppearance
+
+            navigationBar.standardAppearance = navAppearance
+            navigationBar.scrollEdgeAppearance = navAppearance
+        }
+
+        // Add close button
+        let closeButton = UIBarButtonItem(
+            barButtonSystemItem: .close,
+            target: self,
+            action: #selector(handleCloseButtonPressed)
+        )
+        navigationItem.rightBarButtonItem = closeButton
+    }
+
+    @objc private func handleCloseButtonPressed() {
+        onClose?()
+    }
+
+    func setReactContentView(_ view: UIView) {
+        // Remove previous content if any
+        reactContentView?.removeFromSuperview()
+
+        reactContentView = view
+
+        // If view is already loaded, add the content immediately
+        if isViewLoaded {
+            addReactContent(view)
+        }
+    }
+
+    private func addReactContent(_ view: UIView) {
+        // Remove the view from its current superview if it has one
+        view.removeFromSuperview()
+
+        // Add as subview and setup constraints
+        self.view.addSubview(view)
+        view.translatesAutoresizingMaskIntoConstraints = false
+
+        // Pin to entire view edges so content extends behind navigation bar and fills completely
+        NSLayoutConstraint.activate([
+            view.topAnchor.constraint(equalTo: self.view.topAnchor),
+            view.leadingAnchor.constraint(equalTo: self.view.leadingAnchor),
+            view.trailingAnchor.constraint(equalTo: self.view.trailingAnchor),
+            view.bottomAnchor.constraint(equalTo: self.view.bottomAnchor),
+        ])
+    }
+
+    override func viewDidLayoutSubviews() {
+        super.viewDidLayoutSubviews()
+
+        // Ensure React Native view updates its layout when view controller bounds change
+        reactContentView?.setNeedsLayout()
+        reactContentView?.layoutIfNeeded()
+    }
+
+    override func viewWillDisappear(_ animated: Bool) {
+        super.viewWillDisappear(animated)
+
+        // If being dismissed (not just going to background), notify
+        if isBeingDismissed {
+            onClose?()
+        }
+    }
+}

package/ios/ConnectAccountOnboarding/ConnectAccountOnboardingViewManager.m

@@ -0,0 +1,16 @@
+//
+//  ConnectAccountOnboardingViewManager.m
+//  stripe-react-native
+//
+
+#import <Foundation/Foundation.h>
+#import <React/RCTBridgeModule.h>
+#import <React/RCTViewManager.h>
+
+@interface RCT_EXTERN_MODULE(ConnectAccountOnboardingViewManager, RCTViewManager)
+RCT_EXPORT_VIEW_PROPERTY(visible, BOOL)
+RCT_EXPORT_VIEW_PROPERTY(title, NSString)
+RCT_REMAP_VIEW_PROPERTY(backgroundColor, backgroundColorValue, NSString)
+RCT_REMAP_VIEW_PROPERTY(textColor, textColorValue, NSString)
+RCT_EXPORT_VIEW_PROPERTY(onExitAction, RCTDirectEventBlock)
+@end

package/ios/ConnectAccountOnboarding/ConnectAccountOnboardingViewManager.swift

@@ -0,0 +1,17 @@
+//
+//  ConnectAccountOnboardingViewManager.swift
+//  stripe-react-native
+//
+
+import Foundation
+
+@objc(ConnectAccountOnboardingViewManager)
+class ConnectAccountOnboardingViewManager: RCTViewManager {
+    override func view() -> UIView! {
+        return ConnectAccountOnboardingView()
+    }
+
+    override class func requiresMainQueueSetup() -> Bool {
+        return true
+    }
+}

package/ios/CustomerSheet/CustomerSheetUtils.swift

@@ -19,7 +19,7 @@ class CustomerSheetUtils {
         merchantDisplayName: String?,
         billingDetailsCollectionConfiguration: NSDictionary?,
         defaultBillingDetails: NSDictionary?,
-        preferredNetworks: Array<Int>?,
+        preferredNetworks: [Int]?,
         allowsRemovalOfLastSavedPaymentMethod: Bool?,
         cardBrandAcceptance: PaymentSheet.CardBrandAcceptance
     ) -> CustomerSheet.Configuration {
@@ -49,11 +49,11 @@ class CustomerSheetUtils {
             config.defaultBillingDetails.phone = defaultBillingDetails["phone"] as? String
             if let address = defaultBillingDetails["address"] as? [String: String] {
                 config.defaultBillingDetails.address = .init(city: address["city"],
-                                                          country: address["country"],
-                                                            line1: address["line1"],
-                                                            line2: address["line2"],
-                                                       postalCode: address["postalCode"],
-                                                            state: address["state"])
+                                                             country: address["country"],
+                                                             line1: address["line1"],
+                                                             line2: address["line2"],
+                                                             postalCode: address["postalCode"],
+                                                             state: address["state"])
             }
         }
         if let allowsRemovalOfLastSavedPaymentMethod = allowsRemovalOfLastSavedPaymentMethod {
@@ -62,7 +62,7 @@ class CustomerSheetUtils {
         config.cardBrandAcceptance = cardBrandAcceptance
         return config
     }
-    
+
     internal class func buildStripeCustomerAdapter(
         customerId: String,
         ephemeralKeySecret: String,
@@ -70,7 +70,7 @@ class CustomerSheetUtils {
         customerAdapter: NSDictionary,
         stripeSdk: StripeSdkImpl
     ) -> StripeCustomerAdapter {
-        if (customerAdapter.count > 0) {
+        if customerAdapter.count > 0 {
             return buildCustomerAdapterOverride(
                 customerAdapter: customerAdapter,
                 customerId: customerId,
@@ -79,7 +79,7 @@ class CustomerSheetUtils {
                 stripeSdk: stripeSdk
             )
         }
-        
+
         if let setupIntentClientSecret = setupIntentClientSecret {
             return StripeCustomerAdapter(
                 customerEphemeralKeyProvider: {
@@ -97,7 +97,7 @@ class CustomerSheetUtils {
             }
         )
     }
-    
+
     internal class func buildCustomerAdapterOverride(
         customerAdapter: NSDictionary,
         customerId: String,
@@ -120,7 +120,7 @@ class CustomerSheetUtils {
     }
 
     internal class func getModalPresentationStyle(_ string: String?) -> UIModalPresentationStyle {
-        switch (string) {
+        switch string {
         case "fullscreen":
             return .fullScreen
         case "pageSheet":
@@ -139,7 +139,7 @@ class CustomerSheetUtils {
     }
 
     internal class func getModalTransitionStyle(_ string: String?) -> UIModalTransitionStyle {
-        switch (string) {
+        switch string {
         case "flip":
             return .flipHorizontal
         case "curl":
@@ -153,21 +153,20 @@ class CustomerSheetUtils {
         }
     }
 
-    
     internal class func buildPaymentOptionResult(label: String, imageData: String?, paymentMethod: STPPaymentMethod?) -> NSMutableDictionary {
         let result: NSMutableDictionary = [:]
         let paymentOption: NSMutableDictionary = [:]
         paymentOption.setValue(label, forKey: "label")
-        if (imageData != nil) {
+        if imageData != nil {
             paymentOption.setValue(imageData, forKey: "image")
         }
         result.setValue(paymentOption, forKey: "paymentOption")
-        if (paymentMethod != nil) {
+        if paymentMethod != nil {
             result.setValue(Mappers.mapFromPaymentMethod(paymentMethod), forKey: "paymentMethod")
         }
         return result
     }
-    
+
     internal class func interpretResult(result: CustomerSheet.CustomerSheetResult) -> NSDictionary {
         var payload: NSMutableDictionary = [:]
         switch result {