@stripe/stripe-react-native 0.44.0 → 0.45.0

package/ios/AuBECSDebitFormView.swift

@@ -3,13 +3,13 @@ import UIKit
 import Stripe
 
 @objc(AuBECSDebitFormView)
-class AuBECSDebitFormView: UIView, STPAUBECSDebitFormViewDelegate {
+public class AuBECSDebitFormView: UIView, STPAUBECSDebitFormViewDelegate {
 
     var auBecsFormView: STPAUBECSDebitFormView?
-    @objc var onCompleteAction: RCTDirectEventBlock?
-    @objc var companyName: NSString?
+    @objc public var onCompleteAction: RCTDirectEventBlock?
+    @objc public var companyName: NSString?
     
-    override func didSetProps(_ changedProps: [String]!) {
+    @objc public func didSetProps() {
         if let auBecsFormView = self.auBecsFormView {
             auBecsFormView.removeFromSuperview()
         }
@@ -24,8 +24,14 @@ class AuBECSDebitFormView: UIView, STPAUBECSDebitFormViewDelegate {
             setStyles()
         }
     }
+  
+    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 var formStyle: NSDictionary = NSDictionary() {
+    @objc public var formStyle: NSDictionary = NSDictionary() {
         didSet {
            setStyles()
         }
@@ -60,7 +66,7 @@ class AuBECSDebitFormView: UIView, STPAUBECSDebitFormViewDelegate {
         }
     }
     
-    func auBECSDebitForm(_ form: STPAUBECSDebitFormView, didChangeToStateComplete complete: Bool) {
+    public func auBECSDebitForm(_ form: STPAUBECSDebitFormView, didChangeToStateComplete complete: Bool) {
         onCompleteAction!([
             "accountNumber": form.paymentMethodParams?.auBECSDebit?.accountNumber ?? "",
             "bsbNumber": form.paymentMethodParams?.auBECSDebit?.bsbNumber ?? "",
@@ -69,11 +75,11 @@ class AuBECSDebitFormView: UIView, STPAUBECSDebitFormViewDelegate {
         ])
     }
     
-    override init(frame: CGRect) {
+    override public init(frame: CGRect) {
         super.init(frame: frame)
     }
     
-    override func layoutSubviews() {
+    override public func layoutSubviews() {
         if let auBecsFormView = self.auBecsFormView {
             auBecsFormView.frame = self.bounds
         }

package/ios/CardFieldManager.swift

@@ -3,10 +3,7 @@ import Foundation
 @objc(CardFieldManager)
 class CardFieldManager: RCTViewManager {
     override func view() -> UIView! {
-        let cardField = CardFieldView()
-        let stripeSdk = bridge.module(forName: "StripeSdk") as? StripeSdk
-        stripeSdk?.cardFieldView = cardField;
-        return cardField
+        return CardFieldView()
     }
     
     @objc func focus(_ reactTag: NSNumber) {

package/ios/CardFieldView.swift

@@ -2,41 +2,42 @@ import Foundation
 import UIKit
 import Stripe
 
-class CardFieldView: UIView, STPPaymentCardTextFieldDelegate {
-    @objc var onCardChange: RCTDirectEventBlock?
-    @objc var onFocusChange: RCTDirectEventBlock?
-    @objc var dangerouslyGetFullCardDetails: Bool = false
+@objc(CardFieldView)
+public class CardFieldView: UIView, STPPaymentCardTextFieldDelegate {
+    @objc public var onCardChange: RCTDirectEventBlock?
+    @objc public var onFocusChange: RCTDirectEventBlock?
+    @objc public var dangerouslyGetFullCardDetails: Bool = false
 
     private var cardField = STPPaymentCardTextField()
 
     public var cardParams: STPPaymentMethodParams? = nil
     public var cardPostalCode: String? = nil
 
-    @objc var disabled: Bool = false {
+    @objc public var disabled: Bool = false {
         didSet {
             cardField.isUserInteractionEnabled = !disabled
         }
     }
 
-    @objc var postalCodeEnabled: Bool = true {
+    @objc public var postalCodeEnabled: Bool = true {
         didSet {
             cardField.postalCodeEntryEnabled = postalCodeEnabled
         }
     }
 
-    @objc var countryCode: String? {
+    @objc public var countryCode: String? {
         didSet {
             cardField.countryCode = countryCode
         }
     }
 
-    @objc var onBehalfOf: String? {
+    @objc public var onBehalfOf: String? {
         didSet {
             cardField.onBehalfOf = onBehalfOf
         }
     }
 
-    @objc var preferredNetworks: Array<Int>? {
+    @objc public var preferredNetworks: Array<Int>? {
         didSet {
             if let preferredNetworks = preferredNetworks {
                 cardField.preferredNetworks = preferredNetworks.map(Mappers.intToCardBrand).compactMap { $0 }
@@ -44,7 +45,7 @@ class CardFieldView: UIView, STPPaymentCardTextFieldDelegate {
         }
     }
 
-    @objc var placeholders: NSDictionary = NSDictionary() {
+    @objc public var placeholders: NSDictionary = NSDictionary() {
         didSet {
             if let numberPlaceholder = placeholders["number"] as? String {
                 cardField.numberPlaceholder = numberPlaceholder
@@ -63,7 +64,7 @@ class CardFieldView: UIView, STPPaymentCardTextFieldDelegate {
         }
     }
 
-    @objc var autofocus: Bool = false {
+    @objc public var autofocus: Bool = false {
         didSet {
             if autofocus == true {
                 cardField.reactFocus()
@@ -71,7 +72,7 @@ class CardFieldView: UIView, STPPaymentCardTextFieldDelegate {
         }
     }
 
-    @objc var cardStyle: NSDictionary = NSDictionary() {
+    @objc public var cardStyle: NSDictionary = NSDictionary() {
         didSet {
             if let borderWidth = cardStyle["borderWidth"] as? Int {
                 cardField.borderWidth = CGFloat(borderWidth)
@@ -111,46 +112,48 @@ class CardFieldView: UIView, STPPaymentCardTextFieldDelegate {
         }
     }
 
-    override init(frame: CGRect) {
+    override public init(frame: CGRect) {
         super.init(frame: frame)
         cardField.delegate = self
 
         self.addSubview(cardField)
+
+        StripeSdkImpl.shared.cardFieldView = self
     }
 
-    func focus() {
+    @objc public func focus() {
         cardField.becomeFirstResponder()
     }
 
-    func blur() {
+    @objc public func blur() {
         cardField.resignFirstResponder()
     }
 
-    func clear() {
+    @objc public func clear() {
         cardField.clear()
     }
 
-    func paymentCardTextFieldDidEndEditing(_ textField: STPPaymentCardTextField) {
-        onFocusChange?(["focusedField": NSNull()])
+    public func paymentCardTextFieldDidEndEditing(_ textField: STPPaymentCardTextField) {
+        onFocusChange?(["focusedField": ""])
     }
 
-    func paymentCardTextFieldDidBeginEditingNumber(_ textField: STPPaymentCardTextField) {
+    public func paymentCardTextFieldDidBeginEditingNumber(_ textField: STPPaymentCardTextField) {
         onFocusChange?(["focusedField": "CardNumber"])
     }
 
-    func paymentCardTextFieldDidBeginEditingCVC(_ textField: STPPaymentCardTextField) {
+    public func paymentCardTextFieldDidBeginEditingCVC(_ textField: STPPaymentCardTextField) {
         onFocusChange?(["focusedField": "Cvc"])
     }
 
-    func paymentCardTextFieldDidBeginEditingExpiration(_ textField: STPPaymentCardTextField) {
+    public func paymentCardTextFieldDidBeginEditingExpiration(_ textField: STPPaymentCardTextField) {
         onFocusChange?(["focusedField": "ExpiryDate"])
     }
 
-    func paymentCardTextFieldDidBeginEditingPostalCode(_ textField: STPPaymentCardTextField) {
+    public func paymentCardTextFieldDidBeginEditingPostalCode(_ textField: STPPaymentCardTextField) {
         onFocusChange?(["focusedField": "PostalCode"])
     }
 
-    func paymentCardTextFieldDidChange(_ textField: STPPaymentCardTextField) {
+    public func paymentCardTextFieldDidChange(_ textField: STPPaymentCardTextField) {
         if onCardChange != nil {
             let brand = STPCardValidator.brand(forNumber: textField.cardNumber ?? "")
             let validExpiryDate = STPCardValidator.validationState(
@@ -176,7 +179,7 @@ class CardFieldView: UIView, STPPaymentCardTextFieldDelegate {
                 cardData["number"] = textField.cardNumber ?? ""
                 cardData["cvc"] = textField.cvc ?? ""
             }
-            onCardChange!(cardData as [AnyHashable : Any])
+            onCardChange!(["card": cardData as [AnyHashable : Any]])
         }
         if (textField.isValid) {
             self.cardParams = textField.paymentMethodParams
@@ -187,7 +190,7 @@ class CardFieldView: UIView, STPPaymentCardTextFieldDelegate {
         }
     }
 
-    override func layoutSubviews() {
+    override public func layoutSubviews() {
         cardField.frame = self.bounds
     }
 

package/ios/CardFormManager.swift

@@ -3,10 +3,7 @@ import Foundation
 @objc(CardFormManager)
 class CardFormManager: RCTViewManager {
     override func view() -> UIView! {
-        let cardForm = CardFormView()
-        let stripeSdk = bridge.module(forName: "StripeSdk") as? StripeSdk
-        stripeSdk?.cardFormView = cardForm;
-        return cardForm
+        return CardFormView()
     }
     
     override class func requiresMainQueueSetup() -> Bool {

package/ios/CardFormView.swift

@@ -2,22 +2,23 @@ import Foundation
 import UIKit
 import Stripe
 
-class CardFormView: UIView, STPCardFormViewDelegate {
+@objc(CardFormView)
+public class CardFormView: UIView, STPCardFormViewDelegate {
     public var cardForm: STPCardFormView?
     
     public var cardParams: STPPaymentMethodCardParams? = nil
     
-    @objc var dangerouslyGetFullCardDetails: Bool = false
-    @objc var onFormComplete: RCTDirectEventBlock?
-    @objc var autofocus: Bool = false
-    @objc var disabled: Bool = false
-    @objc var preferredNetworks: Array<Int>? {
+    @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>? {
         didSet {
             setPreferredNetworks()
         }
     }
-    
-    override func didSetProps(_ changedProps: [String]!) {
+  
+    @objc public func didSetProps() {
         if let cardForm = self.cardForm {
             cardForm.removeFromSuperview()
         }
@@ -37,13 +38,19 @@ class CardFormView: UIView, STPCardFormViewDelegate {
         setPreferredNetworks()
     }
     
-    @objc var cardStyle: NSDictionary = NSDictionary() {
+    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()
         }
     }
     
-    func cardFormView(_ form: STPCardFormView, didChangeToStateComplete complete: Bool) {
+    public func cardFormView(_ form: STPCardFormView, didChangeToStateComplete complete: Bool) {
         if onFormComplete != nil {
             let brand = STPCardValidator.brand(forNumber: cardForm?.cardParams?.card?.number ?? "")
             var cardData: [String: Any?] = [
@@ -65,15 +72,15 @@ class CardFormView: UIView, STPCardFormViewDelegate {
             } else {
                 self.cardParams = nil
             }
-            onFormComplete!(cardData as [AnyHashable : Any])
+            onFormComplete!(["card": cardData as [AnyHashable : Any]])
         }
     }
     
-    func focus() {
+    @objc public func focus() {
         let _ = cardForm?.becomeFirstResponder()
     }
     
-    func blur() {
+    @objc public func blur() {
         let _ = cardForm?.resignFirstResponder()
     }
     
@@ -112,11 +119,13 @@ class CardFormView: UIView, STPCardFormViewDelegate {
         }
     }
     
-    override init(frame: CGRect) {
+    override public init(frame: CGRect) {
         super.init(frame: frame)
+
+        StripeSdkImpl.shared.cardFormView = self
     }
-    
-    override func layoutSubviews() {
+
+    override public func layoutSubviews() {
         cardForm?.frame = self.bounds
     }
     

package/ios/CustomerSheet/CustomerSheetUtils.swift

@@ -6,7 +6,7 @@
 //
 
 import Foundation
-@_spi(PrivateBetaCustomerSheet) @_spi(STP) @_spi(UpdatePaymentMethodBeta) import StripePaymentSheet
+@_spi(PrivateBetaCustomerSheet) @_spi(STP) import StripePaymentSheet
 
 class CustomerSheetUtils {
     internal class func buildCustomerSheetConfiguration(
@@ -21,7 +21,6 @@ class CustomerSheetUtils {
         defaultBillingDetails: NSDictionary?,
         preferredNetworks: Array<Int>?,
         allowsRemovalOfLastSavedPaymentMethod: Bool?,
-        updatePaymentMethodEnabled: Bool?,
         cardBrandAcceptance: PaymentSheet.CardBrandAcceptance
     ) -> CustomerSheet.Configuration {
         var config = CustomerSheet.Configuration()
@@ -38,10 +37,10 @@ class CustomerSheetUtils {
             config.preferredNetworks = preferredNetworks.map(Mappers.intToCardBrand).compactMap { $0 }
         }
         if let billingConfigParams = billingDetailsCollectionConfiguration {
-            config.billingDetailsCollectionConfiguration.name = StripeSdk.mapToCollectionMode(str: billingConfigParams["name"] as? String)
-            config.billingDetailsCollectionConfiguration.phone = StripeSdk.mapToCollectionMode(str: billingConfigParams["phone"] as? String)
-            config.billingDetailsCollectionConfiguration.email = StripeSdk.mapToCollectionMode(str: billingConfigParams["email"] as? String)
-            config.billingDetailsCollectionConfiguration.address = StripeSdk.mapToAddressCollectionMode(str: billingConfigParams["address"] as? String)
+            config.billingDetailsCollectionConfiguration.name = StripeSdkImpl.mapToCollectionMode(str: billingConfigParams["name"] as? String)
+            config.billingDetailsCollectionConfiguration.phone = StripeSdkImpl.mapToCollectionMode(str: billingConfigParams["phone"] as? String)
+            config.billingDetailsCollectionConfiguration.email = StripeSdkImpl.mapToCollectionMode(str: billingConfigParams["email"] as? String)
+            config.billingDetailsCollectionConfiguration.address = StripeSdkImpl.mapToAddressCollectionMode(str: billingConfigParams["address"] as? String)
             config.billingDetailsCollectionConfiguration.attachDefaultsToPaymentMethod = billingConfigParams["attachDefaultsToPaymentMethod"] as? Bool == true
         }
         if let defaultBillingDetails = defaultBillingDetails {
@@ -60,19 +59,16 @@ class CustomerSheetUtils {
         if let allowsRemovalOfLastSavedPaymentMethod = allowsRemovalOfLastSavedPaymentMethod {
             config.allowsRemovalOfLastSavedPaymentMethod = allowsRemovalOfLastSavedPaymentMethod
         }
-        if let updatePaymentMethodEnabled = updatePaymentMethodEnabled {
-          config.updatePaymentMethodEnabled = updatePaymentMethodEnabled
-        }
         config.cardBrandAcceptance = cardBrandAcceptance
         return config
     }
-
+    
     internal class func buildStripeCustomerAdapter(
         customerId: String,
         ephemeralKeySecret: String,
         setupIntentClientSecret: String?,
         customerAdapter: NSDictionary,
-        stripeSdk: StripeSdk
+        stripeSdk: StripeSdkImpl
     ) -> StripeCustomerAdapter {
         if (customerAdapter.count > 0) {
             return buildCustomerAdapterOverride(
@@ -83,7 +79,7 @@ class CustomerSheetUtils {
                 stripeSdk: stripeSdk
             )
         }
-
+        
         if let setupIntentClientSecret = setupIntentClientSecret {
             return StripeCustomerAdapter(
                 customerEphemeralKeyProvider: {
@@ -101,13 +97,13 @@ class CustomerSheetUtils {
             }
         )
     }
-
+    
     internal class func buildCustomerAdapterOverride(
         customerAdapter: NSDictionary,
         customerId: String,
         ephemeralKeySecret: String,
         setupIntentClientSecret: String?,
-        stripeSdk: StripeSdk
+        stripeSdk: StripeSdkImpl
     ) -> StripeCustomerAdapter {
         return ReactNativeCustomerAdapter(
             fetchPaymentMethods: customerAdapter["fetchPaymentMethods"] as? Bool ?? false,
@@ -157,7 +153,7 @@ class CustomerSheetUtils {
         }
     }
 
-
+    
     internal class func buildPaymentOptionResult(label: String, imageData: String?, paymentMethod: STPPaymentMethod?) -> NSMutableDictionary {
         let result: NSMutableDictionary = [:]
         let paymentOption: NSMutableDictionary = [:]
@@ -171,7 +167,7 @@ class CustomerSheetUtils {
         }
         return result
     }
-
+    
     internal class func interpretResult(result: CustomerSheet.CustomerSheetResult) -> NSDictionary {
         var payload: NSMutableDictionary = [:]
         switch result {

package/ios/CustomerSheet/ReactNativeCustomerAdapter.swift

@@ -15,7 +15,7 @@ class ReactNativeCustomerAdapter: StripeCustomerAdapter {
     var overridesSetSelectedPaymentOption: Bool
     var overridesFetchSelectedPaymentOption: Bool
     var overridesSetupIntentClientSecretForCustomerAttach: Bool
-    var stripeSdk: StripeSdk
+    var stripeSdk: StripeSdkImpl
     
     init(
         fetchPaymentMethods: Bool,
@@ -27,7 +27,7 @@ class ReactNativeCustomerAdapter: StripeCustomerAdapter {
         customerId: String,
         ephemeralKeySecret: String,
         setupIntentClientSecret: String?,
-        stripeSdk: StripeSdk
+        stripeSdk: StripeSdkImpl
     ) {
         self.overridesFetchPaymentMethods = fetchPaymentMethods
         self.overridesAttachPaymentMethod = attachPaymentMethod
@@ -132,42 +132,42 @@ extension ReactNativeCustomerAdapter {
     func fetchPaymentMethods(completion: @escaping ([STPPaymentMethod]) -> Void) {
         DispatchQueue.main.async {
             self.stripeSdk.fetchPaymentMethodsCallback = completion
-            self.stripeSdk.sendEvent(withName: "onCustomerAdapterFetchPaymentMethodsCallback", body: [:])
+            self.stripeSdk.emitter?.emitOnCustomerAdapterFetchPaymentMethodsCallback()
         }
     }
     
     func attachPaymentMethod(_ paymentMethodId: String, completion: @escaping () -> Void) {
         DispatchQueue.main.async {
             self.stripeSdk.attachPaymentMethodCallback = completion
-            self.stripeSdk.sendEvent(withName: "onCustomerAdapterAttachPaymentMethodCallback", body: ["paymentMethodId": paymentMethodId])
+            self.stripeSdk.emitter?.emitOnCustomerAdapterAttachPaymentMethodCallback(["paymentMethodId": paymentMethodId])
         }
     }
     
     func detachPaymentMethod(_ paymentMethodId: String, completion: @escaping () -> Void) {
         DispatchQueue.main.async {
             self.stripeSdk.detachPaymentMethodCallback = completion
-            self.stripeSdk.sendEvent(withName: "onCustomerAdapterDetachPaymentMethodCallback", body: ["paymentMethodId": paymentMethodId])
+            self.stripeSdk.emitter?.emitOnCustomerAdapterDetachPaymentMethodCallback(["paymentMethodId": paymentMethodId])
         }
     }
     
     func setSelectedPaymentOption(_ paymentOption: CustomerPaymentOption?, completion: @escaping () -> Void) {
         DispatchQueue.main.async {
             self.stripeSdk.setSelectedPaymentOptionCallback = completion
-            self.stripeSdk.sendEvent(withName: "onCustomerAdapterSetSelectedPaymentOptionCallback", body: ["paymentOption": paymentOption?.value])
+            self.stripeSdk.emitter?.emitOnCustomerAdapterSetSelectedPaymentOptionCallback(["paymentOption": paymentOption?.value])
         }
     }
     
     func fetchSelectedPaymentOption(completion: @escaping (CustomerPaymentOption?) -> Void) {
         DispatchQueue.main.async {
             self.stripeSdk.fetchSelectedPaymentOptionCallback = completion
-            self.stripeSdk.sendEvent(withName: "onCustomerAdapterFetchSelectedPaymentOptionCallback", body: [:])
+            self.stripeSdk.emitter?.emitOnCustomerAdapterFetchSelectedPaymentOptionCallback()
         }
     }
     
     func setupIntentClientSecretForCustomerAttach(completion: @escaping (String) -> Void) {
         DispatchQueue.main.async {
             self.stripeSdk.setupIntentClientSecretForCustomerAttachCallback = completion
-            self.stripeSdk.sendEvent(withName: "onCustomerAdapterSetupIntentClientSecretForCustomerAttachCallback", body: [:])
+            self.stripeSdk.emitter?.emitOnCustomerAdapterSetupIntentClientSecretForCustomerAttachCallback()
         }
     }
 }

package/ios/EmbeddedPaymentElementManager.m

@@ -0,0 +1,6 @@
+#import <Foundation/Foundation.h>
+#import <React/RCTBridgeModule.h>
+#import <React/RCTViewManager.h>
+
+@interface RCT_EXTERN_MODULE(EmbeddedPaymentElementView, RCTViewManager)
+@end

package/ios/EmbeddedPaymentElementView.swift

@@ -0,0 +1,48 @@
+//
+//  EmbeddedPaymentElementView.swift
+//  stripe-react-native
+//
+//  Created by Nick Porter on 4/16/25.
+//
+
+import Foundation
+import UIKit
+@_spi(EmbeddedPaymentElementPrivateBeta) import StripePaymentSheet
+
+@objc(EmbeddedPaymentElementView)
+class EmbeddedPaymentElementView: RCTViewManager {
+  
+  override static func requiresMainQueueSetup() -> Bool {
+    return true
+  }
+  
+  override func view() -> UIView! {
+    return EmbeddedPaymentElementContainerView(frame: .zero)
+  }
+}
+
+class EmbeddedPaymentElementContainerView: UIView, UIGestureRecognizerDelegate {
+  override init(frame: CGRect) {
+    super.init(frame: frame)
+    backgroundColor = .clear
+    attachPaymentElementIfAvailable()
+  }
+
+  required init?(coder: NSCoder) {
+    fatalError()
+  }
+
+  private func attachPaymentElementIfAvailable() {
+      guard let embeddedElement = StripeSdkImpl.shared.embeddedInstance else { return }
+    let paymentElementView = embeddedElement.view
+    addSubview(paymentElementView)
+    paymentElementView.translatesAutoresizingMaskIntoConstraints = false
+
+    NSLayoutConstraint.activate([
+      paymentElementView.topAnchor.constraint(equalTo: topAnchor),
+      paymentElementView.leadingAnchor.constraint(equalTo: leadingAnchor),
+      paymentElementView.trailingAnchor.constraint(equalTo: trailingAnchor),
+      paymentElementView.bottomAnchor.constraint(equalTo: bottomAnchor),
+    ])
+  }
+}

package/ios/NewArch/AddToWalletButtonComponentView.h

@@ -0,0 +1,10 @@
+#import <UIKit/UIKit.h>
+#import <React/RCTViewComponentView.h>
+
+NS_ASSUME_NONNULL_BEGIN
+
+@interface AddToWalletButtonComponentView : RCTViewComponentView
+
+@end
+
+NS_ASSUME_NONNULL_END

package/ios/NewArch/AddToWalletButtonComponentView.mm

@@ -0,0 +1,93 @@
+#import "AddToWalletButtonComponentView.h"
+
+#import <react/renderer/components/rnstripe/ComponentDescriptors.h>
+#import <react/renderer/components/rnstripe/EventEmitters.h>
+#import <react/renderer/components/rnstripe/Props.h>
+#import <react/renderer/components/rnstripe/RCTComponentViewHelpers.h>
+
+#import <React/RCTConversions.h>
+#import <React/RCTFabricComponentsPlugins.h>
+
+#import "RCTFollyConvert.h"
+#import "StripeNewArchConversions.h"
+#import "StripeSwiftInterop.h"
+
+using namespace facebook::react;
+using namespace stripe::react;
+
+@interface AddToWalletButtonComponentView () <RCTAddToWalletButtonViewProtocol>
+@end
+
+@implementation AddToWalletButtonComponentView {
+  AddToWalletButtonView *_view;
+}
+
+// Needed because of this: https://github.com/facebook/react-native/pull/37274
++ (void)load
+{
+  [super load];
+}
+
+- (instancetype)initWithFrame:(CGRect)frame
+{
+  if (self = [super initWithFrame:frame]) {
+    static const auto defaultProps = std::make_shared<const AddToWalletButtonProps>();
+    _props = defaultProps;
+    [self prepareView];
+  }
+
+  return self;
+}
+
+- (void)prepareView
+{
+  _view = [[AddToWalletButtonView alloc] initWithFrame:self.frame];
+  self.contentView = _view;
+
+  __weak __typeof(self) weakSelf = self;
+
+  _view.onCompleteAction = ^(NSDictionary *event) {
+    __typeof(self) strongSelf = weakSelf;
+    if (!strongSelf || !strongSelf->_eventEmitter) {
+      return;
+    }
+    AddToWalletButtonEventEmitter::OnCompleteAction emitterEvent = {.error = convertIdToFollyDynamic(event[@"error"])};
+    std::static_pointer_cast<const AddToWalletButtonEventEmitter>(strongSelf->_eventEmitter)
+        ->onCompleteAction(std::move(emitterEvent));
+  };
+}
+
+- (void)updateProps:(const facebook::react::Props::Shared &)props
+           oldProps:(const facebook::react::Props::Shared &)oldProps
+{
+  const auto &newViewProps = *std::static_pointer_cast<const AddToWalletButtonProps>(props);
+
+  _view.iOSButtonStyle = RCTNSStringFromStringNilIfEmpty(newViewProps.iOSButtonStyle);
+  _view.testEnv = newViewProps.testEnv;
+  _view.cardDetails = convertFollyDynamicToNSDictionaryOrNil(newViewProps.cardDetails);
+  _view.ephemeralKey = convertFollyDynamicToNSDictionaryOrNil(newViewProps.ephemeralKey);
+
+  [super updateProps:props oldProps:oldProps];
+
+  [_view didSetProps];
+}
+
+#pragma mark - RCTComponentViewProtocol
+
++ (ComponentDescriptorProvider)componentDescriptorProvider
+{
+  return concreteComponentDescriptorProvider<AddToWalletButtonComponentDescriptor>();
+}
+
+- (void)prepareForRecycle
+{
+  [super prepareForRecycle];
+  [self prepareView];
+}
+
+@end
+
+Class<RCTComponentViewProtocol> AddToWalletButtonCls(void)
+{
+  return AddToWalletButtonComponentView.class;
+}

package/ios/NewArch/AddressSheetViewComponentView.h

@@ -0,0 +1,10 @@
+#import <UIKit/UIKit.h>
+#import <React/RCTViewComponentView.h>
+
+NS_ASSUME_NONNULL_BEGIN
+
+@interface AddressSheetViewComponentView : RCTViewComponentView
+
+@end
+
+NS_ASSUME_NONNULL_END