@primer-io/react-native 2.45.0 → 3.0.0-beta.0

package/ios/Sources/Headless Universal Checkout/Managers/Payment Method Managers/RNTRawDataManager.swift

@@ -6,7 +6,7 @@
 //
 
 import Foundation
-import PrimerSDK
+@_spi(PrimerInternal) import PrimerSDK
 import React
 
 // swiftlint:disable type_name
@@ -165,12 +165,55 @@ class RNTPrimerHeadlessUniversalCheckoutRawDataManager: RCTEventEmitter {
     resolver(nil)
   }
 
+  @objc
+  public func setBillingAddress(
+    _ billingAddressStr: String,
+    resolver: @escaping RCTPromiseResolveBlock,
+    rejecter: @escaping RCTPromiseRejectBlock
+  ) {
+    guard rawDataManager != nil else {
+      let err = RNTNativeError(
+        errorId: "native-ios",
+        errorDescription: "The RawDataManager has not been initialized",
+        recoverySuggestion: "Make sure you have called initialized the `RawDataManager' first.")
+      rejecter(err.rnError["errorId"]!, err.rnError["description"], err)
+      return
+    }
+
+    guard let billingAddress = PrimerAddress(billingAddressStr: billingAddressStr) else {
+      let err = RNTNativeError(
+        errorId: "native-ios",
+        errorDescription: "Failed to decode billing address JSON.",
+        recoverySuggestion: "Make sure you're providing a valid billing address object.")
+      rejecter(err.rnError["errorId"]!, err.rnError["description"], err)
+      return
+    }
+
+    guard #available(iOS 15.0, *) else {
+      let err = RNTNativeError(
+        errorId: "native-ios",
+        errorDescription: "setBillingAddress requires iOS 15.0 or later.",
+        recoverySuggestion: "Update the deployment target or run on iOS 15+.")
+      rejecter(err.rnError["errorId"]!, err.rnError["description"], err)
+      return
+    }
+
+    Task {
+      do {
+        try await ComponentsBillingAddressBridge().setBillingAddress(billingAddress)
+        resolver(nil)
+      } catch {
+        rejecter(error.rnError["errorId"]!, error.rnError["description"], error)
+      }
+    }
+  }
+
   @objc
   public func cleanUp(
     _ resolver: RCTPromiseResolveBlock,
     rejecter: RCTPromiseRejectBlock
   ) {
-
+    resolver(nil)
   }
 
 }

package/ios/Sources/Headless Universal Checkout/RNTPrimerHeadlessUniversalCheckout.swift

@@ -6,7 +6,7 @@
 //
 
 import Foundation
-import PrimerSDK
+@_spi(PrimerInternal) import PrimerSDK
 import React
 
 // swiftlint:disable file_length
@@ -265,6 +265,30 @@ extension RNTPrimerHeadlessUniversalCheckout: PrimerHeadlessUniversalCheckoutDel
       self.sendEvent(
         withName: rnCallbackName,
         body: ["availablePaymentMethods": paymentMethods.compactMap({ $0.toJsonObject() })])
+
+      // The native SDK only fires `primerHeadlessUniversalCheckoutDidUpdateClientSession`
+      // on subsequent updates, never on initial load. Read the current session via
+      // `ComponentsClientSessionBridge` and synthesize the update event so JS receives
+      // the initial session at startup. iOS < 15 has no bridge access; the JS-side
+      // `onClientSessionUpdate` callback then fires only on subsequent updates.
+      if self.implementedRNCallbacks?.isOnClientSessionUpdateImplemented == true,
+         #available(iOS 15.0, *) {
+        let bridge = ComponentsClientSessionBridge()
+        if let initialClientSession = bridge.getClientSession() {
+          let updateCallbackName = PrimerHeadlessUniversalCheckoutEvents.onClientSessionUpdate.stringValue
+          do {
+            let payload = try Self.makeClientSessionPayload(
+              clientSession: initialClientSession,
+              checkoutModules: bridge.getCheckoutModules()
+            )
+            self.sendEvent(
+              withName: updateCallbackName,
+              body: [Self.clientSessionPayloadKey: payload])
+          } catch {
+            self.handleRNBridgeError(error, checkoutData: nil, stopOnDebug: true)
+          }
+        }
+      }
     }
   }
 
@@ -530,10 +554,19 @@ extension RNTPrimerHeadlessUniversalCheckout: PrimerHeadlessUniversalCheckoutDel
     DispatchQueue.main.async {
       if self.implementedRNCallbacks?.isOnClientSessionUpdateImplemented == true {
         do {
-          let json = try clientSession.toJsonObject()
+          // Augment the SDK-provided `clientSession` with `checkoutModules` from the
+          // bridge — these are not surfaced on the public `PrimerClientSession` type.
+          var checkoutModules: [ComponentsCheckoutModule]?
+          if #available(iOS 15.0, *) {
+            checkoutModules = ComponentsClientSessionBridge().getCheckoutModules()
+          }
+          let payload = try Self.makeClientSessionPayload(
+            clientSession: clientSession,
+            checkoutModules: checkoutModules
+          )
           self.sendEvent(
             withName: rnCallbackName,
-            body: ["clientSession": json])
+            body: [Self.clientSessionPayloadKey: payload])
 
         } catch {
           self.handleRNBridgeError(error, checkoutData: nil, stopOnDebug: true)
@@ -542,6 +575,31 @@ extension RNTPrimerHeadlessUniversalCheckout: PrimerHeadlessUniversalCheckoutDel
     }
   }
 
+  private static let clientSessionPayloadKey = "clientSession"
+
+  // Merges a `PrimerClientSession`'s JSON representation with `checkoutModules`
+  // surfaced by `ComponentsClientSessionBridge`. The bridge returns a value-typed
+  // `ComponentsCheckoutModule` parameter under SPI, so the parameter is `Any?` in
+  // the public signature to avoid leaking SPI types into call-site availability.
+  private static func makeClientSessionPayload(
+    clientSession: PrimerClientSession,
+    checkoutModules: Any?
+  ) throws -> [String: Any] {
+    let json = try clientSession.toJsonObject()
+    var dict = (json as? [String: Any]) ?? [:]
+
+    if #available(iOS 15.0, *), let modules = checkoutModules as? [ComponentsCheckoutModule] {
+      dict["checkoutModules"] = modules.map { module -> [String: Any] in
+        var moduleDict: [String: Any] = ["type": module.type]
+        if let options = module.options {
+          moduleDict["options"] = options
+        }
+        return moduleDict
+      }
+    }
+    return dict
+  }
+
   // case onBeforePaymentCreate
   func primerHeadlessUniversalCheckoutWillCreatePaymentWithData(
     _ data: PrimerCheckoutPaymentMethodData,

package/ios/Sources/NativePrimer/RCTNativePrimer.mm

@@ -128,6 +128,36 @@ RCT_EXPORT_METHOD(cleanUp:(RCTPromiseResolveBlock)resolve
     resolve(nil);
 }
 
+RCT_EXPORT_METHOD(trackAnalyticsEvent:(NSString *)eventName
+                  metadata:(NSString *)metadata
+                  resolver:(RCTPromiseResolveBlock)resolve
+                  rejecter:(RCTPromiseRejectBlock)reject) {
+    [self.primer trackAnalyticsEvent:eventName metadata:metadata resolver:resolve rejecter:reject];
+}
+
+RCT_EXPORT_METHOD(sendLog:(NSString *)message
+                  event:(NSString *)event
+                  initDurationMs:(NSNumber * _Nullable)initDurationMs
+                  resolver:(RCTPromiseResolveBlock)resolve
+                  rejecter:(RCTPromiseRejectBlock)reject) {
+    [self.primer sendLog:message event:event initDurationMs:initDurationMs resolver:resolve rejecter:reject];
+}
+
+RCT_EXPORT_METHOD(sendErrorLog:(NSString *)message
+                  event:(NSString * _Nullable)event
+                  errorMessage:(NSString * _Nullable)errorMessage
+                  stack:(NSString * _Nullable)stack
+                  resolver:(RCTPromiseResolveBlock)resolve
+                  rejecter:(RCTPromiseRejectBlock)reject) {
+    [self.primer sendErrorLog:message event:event errorMessage:errorMessage stack:stack resolver:resolve rejecter:reject];
+}
+
+RCT_EXPORT_METHOD(setupAnalyticsLoggingBridge:(NSString *)clientToken
+                  resolver:(RCTPromiseResolveBlock)resolve
+                  rejecter:(RCTPromiseRejectBlock)reject) {
+    [self.primer setupAnalyticsLoggingBridge:clientToken resolver:resolve rejecter:reject];
+}
+
 #ifdef RCT_NEW_ARCH_ENABLED
 #pragma mark - New Architecture Protocol Methods
 
@@ -182,10 +212,26 @@ RCT_EXPORT_METHOD(cleanUp:(RCTPromiseResolveBlock)resolve
 - (void)showVaultManagerWithClientToken:(nonnull NSString *)clientToken resolve:(nonnull RCTPromiseResolveBlock)resolve reject:(nonnull RCTPromiseRejectBlock)reject { 
     [self.primer showVaultManagerWithClientToken:clientToken resolver:resolve rejecter:reject];
 }
-- (void)showPaymentMethod:(nonnull NSString *)paymentMethod intent:(nonnull NSString *)intent clientToken:(nonnull NSString *)clientToken resolve:(nonnull RCTPromiseResolveBlock)resolve reject:(nonnull RCTPromiseRejectBlock)reject { 
+- (void)showPaymentMethod:(nonnull NSString *)paymentMethod intent:(nonnull NSString *)intent clientToken:(nonnull NSString *)clientToken resolve:(nonnull RCTPromiseResolveBlock)resolve reject:(nonnull RCTPromiseRejectBlock)reject {
     [self.primer showPaymentMethod:paymentMethod intent:intent clientToken:clientToken resolver:resolve rejecter:reject];
 }
 
+- (void)trackAnalyticsEvent:(nonnull NSString *)eventName metadata:(NSString *)metadata resolve:(nonnull RCTPromiseResolveBlock)resolve reject:(nonnull RCTPromiseRejectBlock)reject {
+    [self.primer trackAnalyticsEvent:eventName metadata:metadata resolver:resolve rejecter:reject];
+}
+
+- (void)sendLog:(nonnull NSString *)message event:(nonnull NSString *)event initDurationMs:(NSNumber *)initDurationMs resolve:(nonnull RCTPromiseResolveBlock)resolve reject:(nonnull RCTPromiseRejectBlock)reject {
+    [self.primer sendLog:message event:event initDurationMs:initDurationMs resolver:resolve rejecter:reject];
+}
+
+- (void)sendErrorLog:(nonnull NSString *)message event:(NSString *)event errorMessage:(NSString *)errorMessage stack:(NSString *)stack resolve:(nonnull RCTPromiseResolveBlock)resolve reject:(nonnull RCTPromiseRejectBlock)reject {
+    [self.primer sendErrorLog:message event:event errorMessage:errorMessage stack:stack resolver:resolve rejecter:reject];
+}
+
+- (void)setupAnalyticsLoggingBridge:(nonnull NSString *)clientToken resolve:(nonnull RCTPromiseResolveBlock)resolve reject:(nonnull RCTPromiseRejectBlock)reject {
+    [self.primer setupAnalyticsLoggingBridge:clientToken resolver:resolve rejecter:reject];
+}
+
 #pragma mark - TurboModule
 - (std::shared_ptr<facebook::react::TurboModule>)getTurboModule:
     (const facebook::react::ObjCTurboModule::InitParams &)params

package/ios/Sources/PrimerViewUtils/RCTPrimerViewUtils.h

@@ -0,0 +1,10 @@
+#import <React/RCTBridgeModule.h>
+
+#ifdef RCT_NEW_ARCH_ENABLED
+#import <NativePrimerSpec/NativePrimerSpec.h>
+@interface RCTPrimerViewUtils : NSObject <RCTBridgeModule, NativePrimerViewUtilsSpec>
+#else
+@interface RCTPrimerViewUtils : NSObject <RCTBridgeModule>
+#endif
+
+@end

package/ios/Sources/PrimerViewUtils/RCTPrimerViewUtils.mm

@@ -0,0 +1,41 @@
+#import "RCTPrimerViewUtils.h"
+#import "PrimerSwiftInterop.h"
+
+@interface RCTPrimerViewUtils ()
+@property (nonatomic, strong) RNTPrimerViewUtils *viewUtils;
+@end
+
+@implementation RCTPrimerViewUtils
+
+RCT_EXPORT_MODULE(PrimerViewUtils)
+
+- (instancetype)init {
+    if (self = [super init]) {
+        _viewUtils = [[RNTPrimerViewUtils alloc] init];
+    }
+    return self;
+}
+
++ (BOOL)requiresMainQueueSetup {
+    return NO;
+}
+
+RCT_EXPORT_METHOD(getBottomSafeAreaInset:(RCTPromiseResolveBlock)resolve
+                  rejecter:(RCTPromiseRejectBlock)reject) {
+    [self.viewUtils getBottomSafeAreaInset:resolve rejecter:reject];
+}
+
+#ifdef RCT_NEW_ARCH_ENABLED
+- (void)getBottomSafeAreaInset:(RCTPromiseResolveBlock)resolve
+                        reject:(RCTPromiseRejectBlock)reject {
+    [self.viewUtils getBottomSafeAreaInset:resolve rejecter:reject];
+}
+
+- (std::shared_ptr<facebook::react::TurboModule>)getTurboModule:
+    (const facebook::react::ObjCTurboModule::InitParams &)params
+{
+    return std::make_shared<facebook::react::NativePrimerViewUtilsSpecJSI>(params);
+}
+#endif
+
+@end

package/ios/Sources/PrimerViewUtils/RNTPrimerViewUtils.swift

@@ -0,0 +1,23 @@
+import UIKit
+
+@objc public class RNTPrimerViewUtils: NSObject {
+
+  @objc public static func requiresMainQueueSetup() -> Bool {
+    return false
+  }
+
+  @objc public func getBottomSafeAreaInset(
+    _ resolve: @escaping RCTPromiseResolveBlock,
+    rejecter reject: @escaping RCTPromiseRejectBlock
+  ) {
+    DispatchQueue.main.async {
+      let bottom = UIApplication.shared.connectedScenes
+        .compactMap { $0 as? UIWindowScene }
+        .first?
+        .windows
+        .first { $0.isKeyWindow }?
+        .safeAreaInsets.bottom ?? 0
+      resolve(bottom)
+    }
+  }
+}

package/ios/Sources/RNTPrimer.swift

@@ -6,7 +6,7 @@
 //
 
 import Foundation
-import PrimerSDK
+@_spi(PrimerInternal) import PrimerSDK
 import UIKit
 import React
 
@@ -63,6 +63,7 @@ enum PrimerEvents: Int, CaseIterable {
     var primerDidResumeWithDecisionHandler: ((_ resumeToken: String?, _ errorMessage: String?) -> Void)?
     var primerDidFailWithErrorDecisionHandler: ((_ errorMessage: String) -> Void)?
     var implementedRNCallbacks: ImplementedRNCallbacks?
+    private var analyticsLoggingBridge: ComponentsAnalyticsLoggingBridge?
 
     // MARK: - INITIALIZATION & REACT NATIVE SUPPORT
 
@@ -339,6 +340,84 @@ enum PrimerEvents: Int, CaseIterable {
         }
     }
 
+    // MARK: - Analytics Bridge
+
+    @objc
+    public func trackAnalyticsEvent(
+        _ eventName: String,
+        metadata: String?,
+        resolver: @escaping RCTPromiseResolveBlock,
+        rejecter: @escaping RCTPromiseRejectBlock
+    ) {
+        DispatchQueue.main.async {
+            let metadataDict: [String: String]?
+            if let metadata = metadata,
+               let data = metadata.data(using: .utf8),
+               let dict = try? JSONSerialization.jsonObject(with: data) as? [String: String] {
+                metadataDict = dict
+            } else {
+                metadataDict = nil
+            }
+            Task { await self.analyticsLoggingBridge?.trackEvent(eventName, metadata: metadataDict) }
+            resolver(nil)
+        }
+    }
+
+    @objc
+    public func sendLog(
+        _ message: String,
+        event: String,
+        initDurationMs: NSNumber?,
+        resolver: @escaping RCTPromiseResolveBlock,
+        rejecter: @escaping RCTPromiseRejectBlock
+    ) {
+        DispatchQueue.main.async {
+            let userInfo: [String: Any]? = initDurationMs.map { ["init_duration_ms": $0.intValue] }
+            Task { await self.analyticsLoggingBridge?.logInfo(message: message, event: event, userInfo: userInfo) }
+            resolver(nil)
+        }
+    }
+
+    @objc
+    // resolver + rejecter are framework-mandated on RN promise bridges.
+    // swiftlint:disable:next function_parameter_count
+    public func sendErrorLog(
+        _ message: String,
+        event: String?,
+        errorMessage: String?,
+        stack: String?,
+        resolver: @escaping RCTPromiseResolveBlock,
+        rejecter: @escaping RCTPromiseRejectBlock
+    ) {
+        DispatchQueue.main.async {
+            Task {
+                await self.analyticsLoggingBridge?.logError(
+                    message: message,
+                    event: event,
+                    errorMessage: errorMessage,
+                    stack: stack
+                )
+            }
+            resolver(nil)
+        }
+    }
+
+    @objc
+    public func setupAnalyticsLoggingBridge(
+        _ clientToken: String,
+        resolver: @escaping RCTPromiseResolveBlock,
+        rejecter: @escaping RCTPromiseRejectBlock
+    ) {
+        DispatchQueue.main.async {
+            let bridge = ComponentsAnalyticsLoggingBridge()
+            self.analyticsLoggingBridge = bridge
+            Task {
+                await bridge.setup(clientToken: clientToken)
+                resolver(nil)
+            }
+        }
+    }
+
     private func handleRNBridgeError(_ error: Error, checkoutData: PrimerCheckoutData?, stopOnDebug: Bool) {
         DispatchQueue.main.async {
             if stopOnDebug {
@@ -367,7 +446,10 @@ extension RNTPrimer: PrimerDelegate {
                 do {
                     let checkoutData = try JSONEncoder().encode(data)
                     let checkoutJson = try JSONSerialization.jsonObject(with: checkoutData, options: .allowFragments)
-                    self.eventDelegate.sendEvent(withName: PrimerEvents.onCheckoutComplete.stringValue, body: checkoutJson)
+                    self.eventDelegate.sendEvent(
+                        withName: PrimerEvents.onCheckoutComplete.stringValue,
+                        body: checkoutJson
+                    )
                 } catch {
                     self.handleRNBridgeError(error, checkoutData: data, stopOnDebug: true)
                 }
@@ -522,7 +604,10 @@ extension RNTPrimer: PrimerDelegate {
             }
 
             DispatchQueue.main.async {
-              self.eventDelegate.sendEvent(withName: PrimerEvents.onResumeSuccess.stringValue, body: ["resumeToken": resumeToken])
+              self.eventDelegate.sendEvent(
+                  withName: PrimerEvents.onResumeSuccess.stringValue,
+                  body: ["resumeToken": resumeToken]
+              )
             }
         } else {
             // RN dev hasn't opted in on listening the tokenization callback.

package/ios/Sources/version.swift

@@ -1,2 +1,2 @@
 // swiftlint:disable:next identifier_name
-public let PrimerReactNativeSDKVersion = "2.45.0"
+public let PrimerReactNativeSDKVersion = "3.0.0-beta.0"

package/lib/module/Components/PrimerAcceptedCardNetworks.js

@@ -0,0 +1,73 @@
+"use strict";
+
+import { Image, ScrollView, StyleSheet, Text, View } from 'react-native';
+import { usePrimerTheme } from "./internal/theme/index.js";
+import { usePrimerCheckout } from "./hooks/usePrimerCheckout.js";
+import { useCardNetworkIcons } from "./hooks/useCardNetworkIcons.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const CHIP_WIDTH = 28;
+const CHIP_HEIGHT = 20;
+export function PrimerAcceptedCardNetworks({
+  networks: propNetworks,
+  style,
+  testID = 'primer-accepted-card-networks'
+}) {
+  const tokens = usePrimerTheme();
+  const {
+    acceptedCardNetworks
+  } = usePrimerCheckout();
+  const resolved = propNetworks ?? acceptedCardNetworks ?? [];
+  const chips = useCardNetworkIcons(resolved);
+  if (chips.length === 0) return null;
+  return /*#__PURE__*/_jsx(ScrollView, {
+    horizontal: true,
+    showsHorizontalScrollIndicator: false,
+    style: style,
+    contentContainerStyle: [styles.row, {
+      gap: tokens.spacing.xsmall
+    }],
+    testID: testID,
+    accessibilityElementsHidden: true,
+    children: chips.map(chip => /*#__PURE__*/_jsx(View, {
+      style: [styles.chip, {
+        backgroundColor: tokens.colors.surface,
+        borderRadius: tokens.radii.xsmall
+      }],
+      testID: `${testID}-chip-${chip.network}`,
+      children: chip.iconUri ? /*#__PURE__*/_jsx(Image, {
+        source: {
+          uri: chip.iconUri
+        },
+        style: styles.icon,
+        resizeMode: "contain"
+      }) : /*#__PURE__*/_jsx(Text, {
+        style: [styles.abbreviation, {
+          color: tokens.colors.textPrimary,
+          fontFamily: tokens.typography.fontFamily
+        }],
+        children: chip.abbreviation
+      })
+    }, chip.network))
+  });
+}
+const styles = StyleSheet.create({
+  abbreviation: {
+    fontSize: 9,
+    fontWeight: '600'
+  },
+  chip: {
+    alignItems: 'center',
+    height: CHIP_HEIGHT,
+    justifyContent: 'center',
+    overflow: 'hidden',
+    width: CHIP_WIDTH
+  },
+  icon: {
+    height: CHIP_HEIGHT,
+    width: CHIP_WIDTH
+  },
+  row: {
+    flexDirection: 'row'
+  }
+});
+//# sourceMappingURL=PrimerAcceptedCardNetworks.js.map

package/lib/module/Components/PrimerAcceptedCardNetworks.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Image","ScrollView","StyleSheet","Text","View","usePrimerTheme","usePrimerCheckout","useCardNetworkIcons","jsx","_jsx","CHIP_WIDTH","CHIP_HEIGHT","PrimerAcceptedCardNetworks","networks","propNetworks","style","testID","tokens","acceptedCardNetworks","resolved","chips","length","horizontal","showsHorizontalScrollIndicator","contentContainerStyle","styles","row","gap","spacing","xsmall","accessibilityElementsHidden","children","map","chip","backgroundColor","colors","surface","borderRadius","radii","network","iconUri","source","uri","icon","resizeMode","abbreviation","color","textPrimary","fontFamily","typography","create","fontSize","fontWeight","alignItems","height","justifyContent","overflow","width","flexDirection"],"sourceRoot":"../../../src","sources":["Components/PrimerAcceptedCardNetworks.tsx"],"mappings":";;AAAA,SAASA,KAAK,EAAEC,UAAU,EAAEC,UAAU,EAAEC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AAExE,SAASC,cAAc,QAAQ,2BAAkB;AACjD,SAASC,iBAAiB,QAAQ,8BAA2B;AAC7D,SAASC,mBAAmB,QAAQ,gCAA6B;AAAC,SAAAC,GAAA,IAAAC,IAAA;AASlE,MAAMC,UAAU,GAAG,EAAE;AACrB,MAAMC,WAAW,GAAG,EAAE;AAEtB,OAAO,SAASC,0BAA0BA,CAAC;EACzCC,QAAQ,EAAEC,YAAY;EACtBC,KAAK;EACLC,MAAM,GAAG;AACsB,CAAC,EAAE;EAClC,MAAMC,MAAM,GAAGZ,cAAc,CAAC,CAAC;EAC/B,MAAM;IAAEa;EAAqB,CAAC,GAAGZ,iBAAiB,CAAC,CAAC;EACpD,MAAMa,QAAQ,GAAGL,YAAY,IAAII,oBAAoB,IAAI,EAAE;EAC3D,MAAME,KAAK,GAAGb,mBAAmB,CAACY,QAAQ,CAAC;EAE3C,IAAIC,KAAK,CAACC,MAAM,KAAK,CAAC,EAAE,OAAO,IAAI;EAEnC,oBACEZ,IAAA,CAACR,UAAU;IACTqB,UAAU;IACVC,8BAA8B,EAAE,KAAM;IACtCR,KAAK,EAAEA,KAAM;IACbS,qBAAqB,EAAE,CAACC,MAAM,CAACC,GAAG,EAAE;MAAEC,GAAG,EAAEV,MAAM,CAACW,OAAO,CAACC;IAAO,CAAC,CAAE;IACpEb,MAAM,EAAEA,MAAO;IACfc,2BAA2B;IAAAC,QAAA,EAE1BX,KAAK,CAACY,GAAG,CAAEC,IAAI,iBACdxB,IAAA,CAACL,IAAI;MAEHW,KAAK,EAAE,CAACU,MAAM,CAACQ,IAAI,EAAE;QAAEC,eAAe,EAAEjB,MAAM,CAACkB,MAAM,CAACC,OAAO;QAAEC,YAAY,EAAEpB,MAAM,CAACqB,KAAK,CAACT;MAAO,CAAC,CAAE;MACpGb,MAAM,EAAE,GAAGA,MAAM,SAASiB,IAAI,CAACM,OAAO,EAAG;MAAAR,QAAA,EAExCE,IAAI,CAACO,OAAO,gBACX/B,IAAA,CAACT,KAAK;QAACyC,MAAM,EAAE;UAAEC,GAAG,EAAET,IAAI,CAACO;QAAQ,CAAE;QAACzB,KAAK,EAAEU,MAAM,CAACkB,IAAK;QAACC,UAAU,EAAC;MAAS,CAAE,CAAC,gBAEjFnC,IAAA,CAACN,IAAI;QACHY,KAAK,EAAE,CACLU,MAAM,CAACoB,YAAY,EACnB;UAAEC,KAAK,EAAE7B,MAAM,CAACkB,MAAM,CAACY,WAAW;UAAEC,UAAU,EAAE/B,MAAM,CAACgC,UAAU,CAACD;QAAW,CAAC,CAC9E;QAAAjB,QAAA,EAEDE,IAAI,CAACY;MAAY,CACd;IACP,GAfIZ,IAAI,CAACM,OAgBN,CACP;EAAC,CACQ,CAAC;AAEjB;AAEA,MAAMd,MAAM,GAAGvB,UAAU,CAACgD,MAAM,CAAC;EAC/BL,YAAY,EAAE;IAAEM,QAAQ,EAAE,CAAC;IAAEC,UAAU,EAAE;EAAM,CAAC;EAChDnB,IAAI,EAAE;IACJoB,UAAU,EAAE,QAAQ;IACpBC,MAAM,EAAE3C,WAAW;IACnB4C,cAAc,EAAE,QAAQ;IACxBC,QAAQ,EAAE,QAAQ;IAClBC,KAAK,EAAE/C;EACT,CAAC;EACDiC,IAAI,EAAE;IAAEW,MAAM,EAAE3C,WAAW;IAAE8C,KAAK,EAAE/C;EAAW,CAAC;EAChDgB,GAAG,EAAE;IAAEgC,aAAa,EAAE;EAAM;AAC9B,CAAC,CAAC","ignoreList":[]}

package/lib/module/Components/PrimerBillingAddressForm.js

@@ -0,0 +1,167 @@
+"use strict";
+
+import { useCallback, useMemo } from 'react';
+import { StyleSheet, View } from 'react-native';
+import { usePrimerTheme } from "./internal/theme/index.js";
+import { usePrimerLocalization } from "./internal/localization/index.js";
+import { useNavigation } from "./internal/navigation/useNavigation.js";
+import { CheckoutRoute } from "./internal/navigation/types.js";
+import { PrimerTextInput } from "./inputs/PrimerTextInput.js";
+import { CountrySelectorRow } from "./inputs/CountrySelectorRow.js";
+import { getLocalizedCountryName } from "./internal/countries.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// Render order of text inputs in the form; first match (reversed) is the last visible field.
+const FIELD_ORDER = ['firstName', 'lastName', 'addressLine1', 'addressLine2', 'postalCode', 'city', 'state'];
+export function PrimerBillingAddressForm({
+  billingForm,
+  style,
+  testID = 'primer-billing-address-form'
+}) {
+  const tokens = usePrimerTheme();
+  const {
+    t,
+    locale
+  } = usePrimerLocalization();
+  const {
+    push
+  } = useNavigation();
+  const styles = useMemo(() => createStyles(tokens), [tokens]);
+  const handleCountryPress = useCallback(() => {
+    push(CheckoutRoute.countrySelector, {
+      selectedCountryCode: billingForm.countryCode || undefined
+    });
+  }, [push, billingForm.countryCode]);
+  if (!billingForm.sectionVisible) return null;
+  const {
+    visibleFields
+  } = billingForm;
+  const showNameRow = visibleFields.firstName || visibleFields.lastName;
+  const showPostalCityRow = visibleFields.postalCode || visibleFields.city;
+  const lastVisibleField = [...FIELD_ORDER].reverse().find(f => visibleFields[f]);
+  const returnKey = field => field === lastVisibleField ? 'done' : 'next';
+  return /*#__PURE__*/_jsxs(View, {
+    style: [styles.container, style],
+    testID: testID,
+    children: [visibleFields.countryCode && /*#__PURE__*/_jsx(CountrySelectorRow, {
+      value: billingForm.countryCode,
+      displayName: getLocalizedCountryName(billingForm.countryCode, locale),
+      label: t('primer_card_form_label_country'),
+      placeholder: t('primer_card_form_placeholder_country_code'),
+      onPress: handleCountryPress,
+      testID: `${testID}-country`
+    }), showNameRow && /*#__PURE__*/_jsxs(View, {
+      style: styles.row,
+      children: [visibleFields.firstName && /*#__PURE__*/_jsx(View, {
+        style: styles.halfField,
+        children: /*#__PURE__*/_jsx(PrimerTextInput, {
+          value: billingForm.firstName,
+          onChangeText: billingForm.updateFirstName,
+          onBlur: () => billingForm.markFieldTouched('firstName'),
+          autoComplete: "name-given",
+          autoCapitalize: "words",
+          label: t('primer_card_form_label_first_name'),
+          placeholder: t('primer_card_form_placeholder_first_name'),
+          error: billingForm.errors.firstName,
+          returnKeyType: returnKey('firstName'),
+          testID: `${testID}-first-name`
+        })
+      }), visibleFields.lastName && /*#__PURE__*/_jsx(View, {
+        style: styles.halfField,
+        children: /*#__PURE__*/_jsx(PrimerTextInput, {
+          value: billingForm.lastName,
+          onChangeText: billingForm.updateLastName,
+          onBlur: () => billingForm.markFieldTouched('lastName'),
+          autoComplete: "name-family",
+          autoCapitalize: "words",
+          label: t('primer_card_form_label_last_name'),
+          placeholder: t('primer_card_form_placeholder_last_name'),
+          error: billingForm.errors.lastName,
+          returnKeyType: returnKey('lastName'),
+          testID: `${testID}-last-name`
+        })
+      })]
+    }), visibleFields.addressLine1 && /*#__PURE__*/_jsx(PrimerTextInput, {
+      value: billingForm.addressLine1,
+      onChangeText: billingForm.updateAddressLine1,
+      onBlur: () => billingForm.markFieldTouched('addressLine1'),
+      autoComplete: "street-address",
+      autoCapitalize: "words",
+      label: t('primer_card_form_label_address1'),
+      placeholder: t('primer_card_form_placeholder_address1'),
+      error: billingForm.errors.addressLine1,
+      returnKeyType: returnKey('addressLine1'),
+      testID: `${testID}-address-line-1`
+    }), visibleFields.addressLine2 && /*#__PURE__*/_jsx(PrimerTextInput, {
+      value: billingForm.addressLine2,
+      onChangeText: billingForm.updateAddressLine2,
+      onBlur: () => billingForm.markFieldTouched('addressLine2'),
+      autoCapitalize: "words",
+      label: t('primer_card_form_label_address2'),
+      placeholder: t('primer_card_form_placeholder_address2'),
+      error: billingForm.errors.addressLine2,
+      returnKeyType: returnKey('addressLine2'),
+      testID: `${testID}-address-line-2`
+    }), showPostalCityRow && /*#__PURE__*/_jsxs(View, {
+      style: styles.row,
+      children: [visibleFields.postalCode && /*#__PURE__*/_jsx(View, {
+        style: styles.halfField,
+        children: /*#__PURE__*/_jsx(PrimerTextInput, {
+          value: billingForm.postalCode,
+          onChangeText: billingForm.updatePostalCode,
+          onBlur: () => billingForm.markFieldTouched('postalCode'),
+          autoComplete: "postal-code",
+          autoCapitalize: "characters",
+          label: t('primer_card_form_label_postal'),
+          placeholder: t('primer_card_form_placeholder_postal'),
+          error: billingForm.errors.postalCode,
+          returnKeyType: returnKey('postalCode'),
+          testID: `${testID}-postal-code`
+        })
+      }), visibleFields.city && /*#__PURE__*/_jsx(View, {
+        style: styles.halfField,
+        children: /*#__PURE__*/_jsx(PrimerTextInput, {
+          value: billingForm.city,
+          onChangeText: billingForm.updateCity,
+          onBlur: () => billingForm.markFieldTouched('city'),
+          autoCapitalize: "words",
+          label: t('primer_card_form_label_city'),
+          placeholder: t('primer_card_form_placeholder_city'),
+          error: billingForm.errors.city,
+          returnKeyType: returnKey('city'),
+          testID: `${testID}-city`
+        })
+      })]
+    }), visibleFields.state && /*#__PURE__*/_jsx(PrimerTextInput, {
+      value: billingForm.state,
+      onChangeText: billingForm.updateState,
+      onBlur: () => billingForm.markFieldTouched('state'),
+      autoCapitalize: "words",
+      label: t('primer_card_form_label_state'),
+      placeholder: t('primer_card_form_placeholder_state'),
+      error: billingForm.errors.state,
+      returnKeyType: returnKey('state'),
+      testID: `${testID}-state`
+    })]
+  });
+}
+function createStyles(tokens) {
+  const {
+    spacing
+  } = tokens;
+  /* eslint-disable react-native/no-unused-styles */
+  return StyleSheet.create({
+    container: {
+      gap: spacing.medium,
+      width: '100%'
+    },
+    halfField: {
+      flex: 1
+    },
+    row: {
+      flexDirection: 'row',
+      gap: spacing.medium
+    }
+  });
+  /* eslint-enable react-native/no-unused-styles */
+}
+//# sourceMappingURL=PrimerBillingAddressForm.js.map