@stripe/stripe-react-native 0.44.0 → 0.46.0

package/ios/NewArch/CardFormComponentView.mm

@@ -0,0 +1,108 @@
+#import "CardFormComponentView.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 CardFormComponentView () <RCTCardFormViewProtocol>
+@end
+
+@implementation CardFormComponentView {
+  CardFormView *_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 CardFormProps>();
+    _props = defaultProps;
+    [self prepareView];
+  }
+
+  return self;
+}
+
+- (void)prepareView
+{
+  _view = [[CardFormView alloc] initWithFrame:self.frame];
+  self.contentView = _view;
+
+  __weak __typeof(self) weakSelf = self;
+
+  _view.onFormComplete = ^(NSDictionary *event) {
+    __typeof(self) strongSelf = weakSelf;
+    if (!strongSelf || !strongSelf->_eventEmitter) {
+      return;
+    }
+    CardFormEventEmitter::OnFormComplete emitterEvent = {.card = convertIdToFollyDynamic(event[@"card"])};
+    std::static_pointer_cast<const CardFormEventEmitter>(strongSelf->_eventEmitter)
+        ->onFormComplete(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 CardFormProps>(props);
+
+  _view.autofocus = newViewProps.autofocus;
+  _view.cardStyle = convertFollyDynamicToNSDictionary(newViewProps.cardStyle);
+  _view.dangerouslyGetFullCardDetails = newViewProps.dangerouslyGetFullCardDetails;
+  _view.disabled = newViewProps.disabled;
+  _view.preferredNetworks = convertIntVectorToNSArray(newViewProps.preferredNetworks);
+
+  [super updateProps:props oldProps:oldProps];
+  
+  [_view didSetProps];
+}
+
+#pragma mark - RCTComponentViewProtocol
+
++ (ComponentDescriptorProvider)componentDescriptorProvider
+{
+  return concreteComponentDescriptorProvider<CardFormComponentDescriptor>();
+}
+
+- (void)prepareForRecycle
+{
+  [super prepareForRecycle];
+  [self prepareView];
+}
+
+- (void)handleCommand:(const NSString *)commandName args:(const NSArray *)args
+{
+  RCTCardFormHandleCommand(self, commandName, args);
+}
+
+- (void)blur
+{
+  [_view blur];
+}
+
+- (void)focus
+{
+  [_view focus];
+}
+
+@end
+
+Class<RCTComponentViewProtocol> CardFormCls(void)
+{
+  return CardFormComponentView.class;
+}

package/ios/NewArch/EmbeddedPaymentElementViewComponentView.h

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

package/ios/NewArch/EmbeddedPaymentElementViewComponentView.mm

@@ -0,0 +1,81 @@
+#import "EmbeddedPaymentElementViewComponentView.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 "StripeSwiftInterop.h"
+
+using namespace facebook::react;
+
+@interface EmbeddedPaymentElementViewComponentView () <RCTEmbeddedPaymentElementViewViewProtocol>
+@end
+
+@implementation EmbeddedPaymentElementViewComponentView {
+  EmbeddedPaymentElementContainerView *_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 EmbeddedPaymentElementViewProps>();
+    _props = defaultProps;
+    [self prepareView];
+  }
+
+  return self;
+}
+
+- (void)prepareView
+{
+  _view = [EmbeddedPaymentElementContainerView new];
+  self.contentView = _view;
+}
+
+- (void)handleCommand:(const NSString *)commandName args:(const NSArray *)args
+{
+  RCTEmbeddedPaymentElementViewHandleCommand(self, commandName, args);
+}
+
+- (void)clearPaymentOption
+{
+  // Android only.
+}
+
+- (void)confirm
+{
+  // Android only.
+}
+
+#pragma mark - RCTComponentViewProtocol
+
++ (ComponentDescriptorProvider)componentDescriptorProvider
+{
+  return concreteComponentDescriptorProvider<EmbeddedPaymentElementViewComponentDescriptor>();
+}
+
+- (void)prepareForRecycle
+{
+  [super prepareForRecycle];
+  [self prepareView];
+}
+
+
+
+@end
+
+Class<RCTComponentViewProtocol> EmbeddedPaymentElementViewCls(void)
+{
+  return EmbeddedPaymentElementViewComponentView.class;
+}

package/ios/NewArch/StripeContainerComponentView.h

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

package/ios/NewArch/StripeContainerComponentView.mm

@@ -0,0 +1,74 @@
+#import "StripeContainerComponentView.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 "StripeSwiftInterop.h"
+
+using namespace facebook::react;
+
+@interface StripeContainerComponentView () <RCTStripeContainerViewProtocol>
+@end
+
+@implementation StripeContainerComponentView {
+  StripeContainerView *_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 StripeContainerProps>();
+    _props = defaultProps;
+    [self prepareView];
+  }
+
+  return self;
+}
+
+- (void)prepareView
+{
+  _view = [[StripeContainerView alloc] initWithFrame:self.frame];
+  self.contentView = _view;
+}
+
+- (void)updateProps:(const facebook::react::Props::Shared &)props
+           oldProps:(const facebook::react::Props::Shared &)oldProps
+{
+  const auto &newViewProps = *std::static_pointer_cast<const StripeContainerProps>(props);
+
+  _view.keyboardShouldPersistTaps = newViewProps.keyboardShouldPersistTaps;
+
+  [super updateProps:props oldProps:oldProps];
+}
+
+#pragma mark - RCTComponentViewProtocol
+
++ (ComponentDescriptorProvider)componentDescriptorProvider
+{
+  return concreteComponentDescriptorProvider<StripeContainerComponentDescriptor>();
+}
+
+- (void)prepareForRecycle
+{
+  [super prepareForRecycle];
+  [self prepareView];
+}
+
+@end
+
+Class<RCTComponentViewProtocol> StripeContainerCls(void)
+{
+  return StripeContainerComponentView.class;
+}

package/ios/NewArch/StripeNewArchConversions.h

@@ -0,0 +1,20 @@
+#import <Foundation/Foundation.h>
+
+#include <folly/dynamic.h>
+#include <vector>
+
+NS_ASSUME_NONNULL_BEGIN
+
+namespace stripe::react {
+
+NSArray<NSString *> * convertStringVectorToNSArray(const std::vector<std::string> &);
+
+NSArray<NSNumber *> * convertIntVectorToNSArray(const std::vector<int> &);
+
+NSDictionary * _Nullable convertFollyDynamicToNSDictionaryOrNil(const folly::dynamic &dyn);
+
+NSDictionary * convertFollyDynamicToNSDictionary(const folly::dynamic &dyn);
+
+}
+
+NS_ASSUME_NONNULL_END

package/ios/NewArch/StripeNewArchConversions.mm

@@ -0,0 +1,47 @@
+#import <Foundation/Foundation.h>
+#import <React/RCTConversions.h>
+#import "RCTFollyConvert.h"
+
+namespace stripe::react {
+
+NSArray<NSString *> * convertStringVectorToNSArray(const std::vector<std::string> &values) {
+  NSMutableArray<NSString *> *result = [[NSMutableArray alloc] initWithCapacity:values.size()];
+  for (const auto &value : values) {
+    [result addObject:RCTNSStringFromString(value)];
+  }
+  return result;
+}
+
+NSArray<NSNumber *> * convertIntVectorToNSArray(const std::vector<int> &values) {
+  NSMutableArray<NSNumber *> *result = [[NSMutableArray alloc] initWithCapacity:values.size()];
+  for (int value : values) {
+    [result addObject:@(value)];
+  }
+  return result;
+}
+
+NSDictionary * _Nullable convertFollyDynamicToNSDictionaryOrNil(const folly::dynamic &dyn)
+{
+  switch (dyn.type()) {
+    case folly::dynamic::OBJECT: {
+      NSMutableDictionary *dict = [[NSMutableDictionary alloc] initWithCapacity:dyn.size()];
+      for (const auto &elem : dyn.items()) {
+        id key = facebook::react::convertFollyDynamicToId(elem.first);
+        id value = facebook::react::convertFollyDynamicToId(elem.second);
+        if (key && value) {
+          dict[key] = value;
+        }
+      }
+      return dict;
+    }
+    default:
+      return nil;
+  }
+}
+
+NSDictionary * convertFollyDynamicToNSDictionary(const folly::dynamic &dyn)
+{
+  return convertFollyDynamicToNSDictionaryOrNil(dyn) ?: [NSDictionary new];
+}
+
+}

package/ios/OldArch/StripeSdkEventEmitterCompat.h

@@ -0,0 +1,27 @@
+// This is a compat layer for NativeStripeSdkModuleSpecBase which is generated with codegen
+// for the new arch. This implements the same methods, but using old arch apis.
+
+#ifndef RCT_NEW_ARCH_ENABLED
+
+#import <React/RCTEventEmitter.h>
+
+@interface StripeSdkEventEmitterCompat : RCTEventEmitter
+- (void)emitOnConfirmHandlerCallback:(NSDictionary *)value;
+- (void)emitOnFinancialConnectionsEvent:(NSDictionary *)value;
+- (void)emitOnOrderTrackingCallback;
+- (void)emitOnCustomerAdapterFetchPaymentMethodsCallback;
+- (void)emitOnCustomerAdapterAttachPaymentMethodCallback:(NSDictionary *)value;
+- (void)emitOnCustomerAdapterDetachPaymentMethodCallback:(NSDictionary *)value;
+- (void)emitOnCustomerAdapterSetSelectedPaymentOptionCallback:(NSDictionary *)value;
+- (void)emitOnCustomerAdapterFetchSelectedPaymentOptionCallback;
+- (void)emitOnCustomerAdapterSetupIntentClientSecretForCustomerAttachCallback;
+- (void)emitEmbeddedPaymentElementDidUpdateHeight:(NSDictionary *)value;
+- (void)emitEmbeddedPaymentElementWillPresent;
+- (void)emitEmbeddedPaymentElementDidUpdatePaymentOption:(NSDictionary *)value;
+- (void)emitEmbeddedPaymentElementFormSheetConfirmComplete:(NSDictionary *)value;
+- (void)emitEmbeddedPaymentElementRowSelectionImmediateAction;
+- (void)emitEmbeddedPaymentElementLoadingFailed:(NSDictionary *)value;
+
+@end
+
+#endif

package/ios/OldArch/StripeSdkEventEmitterCompat.m

@@ -0,0 +1,105 @@
+#ifndef RCT_NEW_ARCH_ENABLED
+
+#import "StripeSdkEventEmitterCompat.h"
+
+@implementation StripeSdkEventEmitterCompat
+
+- (NSArray<NSString *> *)supportedEvents
+{
+  return @[
+    @"onOrderTrackingCallback",
+    @"onConfirmHandlerCallback",
+    @"onCustomerAdapterFetchPaymentMethodsCallback",
+    @"onCustomerAdapterAttachPaymentMethodCallback",
+    @"onCustomerAdapterDetachPaymentMethodCallback",
+    @"onCustomerAdapterSetSelectedPaymentOptionCallback",
+    @"onCustomerAdapterFetchSelectedPaymentOptionCallback",
+    @"onCustomerAdapterSetupIntentClientSecretForCustomerAttachCallback",
+    @"onFinancialConnectionsEvent",
+    @"embeddedPaymentElementDidUpdateHeight",
+    @"embeddedPaymentElementWillPresent",
+    @"embeddedPaymentElementDidUpdatePaymentOption",
+    @"embeddedPaymentElementFormSheetConfirmComplete",
+    @"embeddedPaymentElementRowSelectionImmediateAction",
+    @"embeddedPaymentElementLoadingFailed"
+  ];
+}
+
+- (void)emitOnConfirmHandlerCallback:(NSDictionary *)value
+{
+  [self sendEventWithName:@"onConfirmHandlerCallback" body:value];
+}
+
+- (void)emitOnFinancialConnectionsEvent:(NSDictionary *)value
+{
+  [self sendEventWithName:@"onFinancialConnectionsEvent" body:value];
+}
+
+- (void)emitOnOrderTrackingCallback
+{
+  [self sendEventWithName:@"onOrderTrackingCallback" body:@{}];
+}
+
+- (void)emitOnCustomerAdapterFetchPaymentMethodsCallback
+{
+  [self sendEventWithName:@"onCustomerAdapterFetchPaymentMethodsCallback" body:@{}];
+}
+
+- (void)emitOnCustomerAdapterAttachPaymentMethodCallback:(NSDictionary *)value
+{
+  [self sendEventWithName:@"onCustomerAdapterAttachPaymentMethodCallback" body:value];
+}
+
+- (void)emitOnCustomerAdapterDetachPaymentMethodCallback:(NSDictionary *)value
+{
+  [self sendEventWithName:@"onCustomerAdapterDetachPaymentMethodCallback" body:value];
+}
+
+- (void)emitOnCustomerAdapterSetSelectedPaymentOptionCallback:(NSDictionary *)value
+{
+  [self sendEventWithName:@"onCustomerAdapterSetSelectedPaymentOptionCallback" body:value];
+}
+
+- (void)emitOnCustomerAdapterFetchSelectedPaymentOptionCallback
+{
+  [self sendEventWithName:@"onCustomerAdapterFetchSelectedPaymentOptionCallback" body:@{}];
+}
+
+- (void)emitOnCustomerAdapterSetupIntentClientSecretForCustomerAttachCallback
+{
+  [self sendEventWithName:@"onCustomerAdapterSetupIntentClientSecretForCustomerAttachCallback" body:@{}];
+}
+
+- (void)emitEmbeddedPaymentElementDidUpdateHeight:(NSDictionary *)value
+{
+  [self sendEventWithName:@"embeddedPaymentElementDidUpdateHeight" body:value];
+}
+
+- (void)emitEmbeddedPaymentElementWillPresent
+{
+  [self sendEventWithName:@"embeddedPaymentElementWillPresent" body:@{}];
+}
+
+- (void)emitEmbeddedPaymentElementDidUpdatePaymentOption:(NSDictionary *)value
+{
+  [self sendEventWithName:@"embeddedPaymentElementDidUpdatePaymentOption" body:value];
+}
+
+- (void)emitEmbeddedPaymentElementFormSheetConfirmComplete:(NSDictionary *)value
+{
+  [self sendEventWithName:@"embeddedPaymentElementFormSheetConfirmComplete" body:value];
+}
+
+- (void)emitEmbeddedPaymentElementRowSelectionImmediateAction
+{
+  [self sendEventWithName:@"embeddedPaymentElementRowSelectionImmediateAction" body:@{}];
+}
+
+- (void)emitEmbeddedPaymentElementLoadingFailed:(NSDictionary *)value
+{
+  [self sendEventWithName:@"embeddedPaymentElementLoadingFailed"  body:value];
+}
+
+@end
+
+#endif

package/ios/PaymentOptionDisplayData+ReactNative.swift

@@ -0,0 +1,55 @@
+//
+//  PaymentOptionDisplayData+ReactNative.swift
+//  stripe-react-native
+//
+//  Created by Nick Porter on 4/16/25.
+//
+
+import Foundation
+@_spi(EmbeddedPaymentElementPrivateBeta) import StripePaymentSheet
+
+extension EmbeddedPaymentElement.PaymentOptionDisplayData {
+    /// Convert `PaymentOptionDisplayData` into a dictionary compatible with React Native bridge.
+    func toDictionary() -> [String: Any] {
+        // Convert UIImage to Base64
+        let imageBase64: String = {
+            guard let data = image.pngData() else { return "" }
+            return data.base64EncodedString()
+        }()
+        
+        // Convert BillingDetails to a dictionary
+        let billingDetailsDict: [String: Any] = {
+            guard let billing = billingDetails else {
+                return [:]
+            }
+            
+            // Extract address
+            let addressDict: [String: Any] = {
+                let addr = billing.address
+                return [
+                    "city": addr.city ?? "",
+                    "country": addr.country ?? "",
+                    "line1": addr.line1 ?? "",
+                    "line2": addr.line2 ?? "",
+                    "postalCode": addr.postalCode ?? "",
+                    "state": addr.state ?? ""
+                ]
+            }()
+            
+            return [
+                "name": billing.name ?? "",
+                "email": billing.email ?? "",
+                "phone": billing.phone ?? "",
+                "address": addressDict
+            ]
+        }()
+        
+        // Return as a dictionary
+        return [
+            "image": imageBase64,
+            "label": label,
+            "billingDetails": billingDetailsDict,
+            "paymentMethodType": paymentMethodType
+        ]
+    }
+}