react-native-payengine 2.0.11 → 2.0.13

package/ios/Sources/Classes/ApplePay/RNPEApplePayPaymentRequest.swift

@@ -10,73 +10,95 @@ import PassKit
 import PayEngineSDK
 
 public struct RNPEApplePayPaymentRequest: Codable {
-    var paymentAmount: Double
-    var currencyCode: String?
-    var paymentItems: [RNPEApplePayPaymentSummaryItem]
-    var requiredBillingContactFields: Set<RNPEContactField>? = []
-    var requiredShippingContactFields: Set<RNPEContactField>? = []
-    
-    init(
-        paymentAmount: Double,
-        currencyCode: String? = "USD",
-        paymentItems: [RNPEApplePayPaymentSummaryItem],
-        requiredBillingContactFields: Set<RNPEContactField> = [],
-        requiredShippingContactFields: Set<RNPEContactField> = []
-    ) {
-        self.paymentAmount = paymentAmount
-        self.currencyCode = currencyCode ?? "USD"
-        self.paymentItems = paymentItems
-        self.requiredBillingContactFields = requiredBillingContactFields
-        self.requiredShippingContactFields = requiredShippingContactFields
-    }
-    
-    func toNative() -> ApplePayPaymentRequest {
-        let request = ApplePayPaymentRequest()
-        request.build(
-            paymentItems: self.paymentItems.map { $0.toNative() },
-            paymentAmount: self.paymentAmount,
-            currencyCode: self.currencyCode ?? "USD",
-            requiredBillingContactFields: Set(self.requiredBillingContactFields?.map { $0.toNative() } ?? []),
-            requiredShippingContactFields: Set(self.requiredShippingContactFields?.map { $0.toNative() } ?? [])
-        )
-        return request
-    }
+  var paymentAmount: Double
+  var currencyCode: String?
+  var paymentItems: [RNPEApplePayPaymentSummaryItem]
+  var requiredBillingContactFields: Set<RNPEContactField>? = []
+  var requiredShippingContactFields: Set<RNPEContactField>? = []
+  var shippingMethods: [RNPEApplePayShippingMethod]? = []
+  
+  init(
+    paymentAmount: Double,
+    currencyCode: String? = "USD",
+    paymentItems: [RNPEApplePayPaymentSummaryItem],
+    requiredBillingContactFields: Set<RNPEContactField> = [],
+    requiredShippingContactFields: Set<RNPEContactField> = [],
+    shippingMethods: [RNPEApplePayShippingMethod] = []
+  ) {
+    self.paymentAmount = paymentAmount
+    self.currencyCode = currencyCode ?? "USD"
+    self.paymentItems = paymentItems
+    self.requiredBillingContactFields = requiredBillingContactFields
+    self.requiredShippingContactFields = requiredShippingContactFields
+    self.shippingMethods = shippingMethods
+  }
+  
+  func toNative() -> ApplePayPaymentRequest {
+    let request = ApplePayPaymentRequest()
+    request.build(
+      paymentItems: self.paymentItems.map { $0.toNative() },
+      paymentAmount: self.paymentAmount,
+      currencyCode: self.currencyCode ?? "USD",
+      requiredBillingContactFields: Set(self.requiredBillingContactFields?.map { $0.toNative() } ?? []),
+      requiredShippingContactFields: Set(self.requiredShippingContactFields?.map { $0.toNative() } ?? []),
+      shippingMethods: self.shippingMethods?.map { $0.toNative() } ?? []
+    )
+    return request
+  }
 }
 
 public enum RNPEContactField: String, Codable {
-    case postalAddress = "postalAddress"
-    case emailAddress = "emailAddress"
-    case phoneNumber = "phoneNumber"
-    case name = "name"
-    case phoneticName = "phoneticName"
-    
-    func toNative() -> PKContactField {
-        switch (self) {
-        case .postalAddress:
-            return PKContactField.postalAddress;
-        case .emailAddress:
-            return PKContactField.emailAddress;
-        case .phoneNumber:
-            return PKContactField.phoneNumber;
-        case .name:
-            return PKContactField.name;
-        case .phoneticName:
-            return PKContactField.phoneticName;
-        }
+  case postalAddress = "postalAddress"
+  case emailAddress = "emailAddress"
+  case phoneNumber = "phoneNumber"
+  case name = "name"
+  case phoneticName = "phoneticName"
+  
+  func toNative() -> PKContactField {
+    switch (self) {
+    case .postalAddress:
+      return PKContactField.postalAddress;
+    case .emailAddress:
+      return PKContactField.emailAddress;
+    case .phoneNumber:
+      return PKContactField.phoneNumber;
+    case .name:
+      return PKContactField.name;
+    case .phoneticName:
+      return PKContactField.phoneticName;
     }
+  }
 }
 
 public struct RNPEApplePayPaymentSummaryItem: Codable {
-    var amount: Double
-    var label: String
-    
-    init(amount: Double, label: String) {
-        self.amount = amount
-        self.label = label
-    }
-    
-    func toNative() -> PKPaymentSummaryItem {
-        return PKPaymentSummaryItem(label: self.label, amount: NSDecimalNumber(value: self.amount))
-    }
+  var amount: Double
+  var label: String
+  
+  init(amount: Double, label: String) {
+    self.amount = amount
+    self.label = label
+  }
+  
+  func toNative() -> PKPaymentSummaryItem {
+    return PKPaymentSummaryItem(label: self.label, amount: NSDecimalNumber(value: self.amount))
+  }
+}
+
+public struct RNPEApplePayShippingMethod: Codable {
+  var identifier: String
+  var amount: Double
+  var label: String
+  
+  init(identifier: String, amount: Double, label: String) {
+    self.identifier = identifier
+    self.amount = amount
+    self.label = label
+  }
+  
+  func toNative() -> PKShippingMethod {
+    let shippingMethod = PKShippingMethod(label: self.label, amount: NSDecimalNumber(value: self.amount))
+    shippingMethod.identifier = self.identifier
+    return shippingMethod
+  }
 }
 

package/ios/Sources/Classes/RNPEEventEmitter.swift

@@ -20,7 +20,7 @@ open class RNPEEventEmitter:RCTEventEmitter{
     }
     
     open override func supportedEvents() -> [String] {
-        ["onReady", "onSizeChanges", "onCardRespond", "onBankAccountRespond"]
+        ["onReady", "onSizeChanges", "onCardRespond", "onBankAccountRespond", "onUpdatePaymentSheetResult"]
     }
     
     @objc public override static func requiresMainQueueSetup() -> Bool {

package/ios/Sources/Payengine.m

@@ -50,7 +50,14 @@ RCT_EXPORT_VIEW_PROPERTY(onPmSheetDidDismiss, RCTBubblingEventBlock)
 RCT_EXPORT_VIEW_PROPERTY(onPmTokenDidReturn, RCTBubblingEventBlock)
 RCT_EXPORT_VIEW_PROPERTY(onPmTokenNotAvailable, RCTBubblingEventBlock)
 RCT_EXPORT_VIEW_PROPERTY(onPmError, RCTBubblingEventBlock)
-
+RCT_EXPORT_VIEW_PROPERTY(onPaymentMethodSelected, RCTBubblingEventBlock)
+RCT_EXPORT_VIEW_PROPERTY(onShippingContactSelected, RCTBubblingEventBlock)
+RCT_EXPORT_VIEW_PROPERTY(onShippingMethodSelected, RCTBubblingEventBlock)
+
+RCT_EXTERN_METHOD(updatePaymentSheet:(nonnull NSNumber *)node
+                  summaryItems:(NSArray *)summaryItems
+                  shippingMethods:(NSArray *)shippingMethods
+                  errors:(NSArray *)errors)
 @end
 
 @interface RCT_EXTERN_MODULE(RNPEEventEmitter, RCTEventEmitter)

package/lib/commonjs/components/v2/ApplePay/PEApplePayButton.js

@@ -13,9 +13,54 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-const RNPEApplePayButton = (0, _reactNative.requireNativeComponent)('RNPEApplePayButton');
+const {
+  RNPEEventEmitter
+} = _reactNative.NativeModules;
+const peEventEmitter = new _reactNative.NativeEventEmitter(RNPEEventEmitter);
+const COMPONENT_NAME = 'RNPEApplePayButton';
+const RNPEApplePayButton = (0, _reactNative.requireNativeComponent)(COMPONENT_NAME); // @ts-ignore
+
+const RNPEApplePayButtonManager = _reactNative.UIManager[COMPONENT_NAME];
 const PEApplePayButton = /*#__PURE__*/React.forwardRef((props, ref) => {
-  React.useImperativeHandle(ref, () => ({}));
+  const buttonRef = React.useRef();
+  React.useImperativeHandle(ref, () => ({
+    updatePaymentSheet: async (summaryItems, shippingMethods, errors) => {
+      return new Promise((resolve, reject) => {
+        const listener = peEventEmitter.addListener('onUpdatePaymentSheetResult', args => {
+          listener.remove();
+          const {
+            error
+          } = args;
+
+          if (error) {
+            reject(new Error(error));
+          } else {
+            resolve(true);
+          }
+        });
+        callNativeMethod('updatePaymentSheet', [summaryItems, shippingMethods, errors]);
+      });
+    }
+  }));
+  React.useEffect(() => {
+    const listener = peEventEmitter.addListener('onUpdatePaymentSheetResult', args => {
+      console.log('Received event onUpdatePaymentSheetResult', args);
+    });
+    return () => {
+      listener.remove();
+    };
+  }, []);
+  const callNativeMethod = React.useCallback(function (methodName) {
+    let params = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+    const viewId = (0, _reactNative.findNodeHandle)(buttonRef.current);
+    let commandId = RNPEApplePayButtonManager.Commands[methodName].toString();
+
+    if (_reactNative.Platform.OS === 'ios') {
+      commandId = Number(commandId);
+    }
+
+    _reactNative.UIManager.dispatchViewManagerCommand(viewId, commandId, params);
+  }, [buttonRef.current]);
 
   const pmError = event => {
     if (props.onPaymentFailed) {
@@ -50,6 +95,7 @@ const PEApplePayButton = /*#__PURE__*/React.forwardRef((props, ref) => {
   }
 
   return /*#__PURE__*/React.createElement(RNPEApplePayButton, {
+    ref: buttonRef,
     style: {
       height: 32,
       width: '100%',
@@ -60,7 +106,10 @@ const PEApplePayButton = /*#__PURE__*/React.forwardRef((props, ref) => {
     }),
     onPmError: pmError,
     onPmTokenDidReturn: pmTokenDidReturn,
-    onPmSheetDidDismiss: pmSheetDidDismiss
+    onPmSheetDidDismiss: pmSheetDidDismiss,
+    onPaymentMethodSelected: props.onPaymentMethodSelected,
+    onShippingContactSelected: props.onShippingContactSelected,
+    onShippingMethodSelected: props.onShippingMethodSelected
   });
 });
 exports.PEApplePayButton = PEApplePayButton;

package/lib/commonjs/components/v2/ApplePay/PEApplePayButton.js.map

@@ -1 +1 @@
-{"version":3,"names":["RNPEApplePayButton","requireNativeComponent","PEApplePayButton","React","forwardRef","props","ref","useImperativeHandle","pmError","event","onPaymentFailed","Error","nativeEvent","error","pmTokenDidReturn","onTokenDidReturn","token","metadata","metadataString","billingContact","billingContactString","shippingContact","shippingContactString","console","log","JSON","parse","undefined","pmSheetDidDismiss","onPaymentSheetDismissed","Platform","OS","height","width","style","stringify","paymentRequest","platformOptions"],"sources":["PEApplePayButton.tsx"],"sourcesContent":["\nimport * as React from 'react';\nimport { Platform, requireNativeComponent, Text, ViewProps } from 'react-native';\nimport type { PEPaymentRequest } from '../PEPaymentRequest';\nimport type { PEApplePayContact } from './PEApplePayContact';\n\n\nconst RNPEApplePayButton = requireNativeComponent<NativePEApplePayViewProps>('RNPEApplePayButton');\n\ntype NativePEApplePayEvent = {\n  nativeEvent: {\n    error?: string;\n    token?: string;\n    metadata?: any;\n    billingContact?: string;\n    shippingContact?: string;\n  };\n};\n\ninterface NativePEApplePayViewProps extends ViewProps {\n  paymentRequest: string;\n  onPmSheetDidDismiss: (event: NativePEApplePayEvent) => void;\n  onPmTokenDidReturn: (event: NativePEApplePayEvent) => void;\n  onPmError: (event: NativePEApplePayEvent) => void;\n}\n\nexport interface PEApplePayButtonProps extends ViewProps {\n  paymentRequest: PEPaymentRequest;\n  onTokenDidReturn?: (token: string, metadata?: any, billingContact?: PEApplePayContact, shippingContact?: PEApplePayContact) => void;\n  onPaymentSheetDismissed?: () => void;\n  onPaymentFailed?: (error: Error) => void;\n}\n\nexport interface PEApplePayButtonMethods {\n  \n}\n\n\nexport const PEApplePayButton = React.forwardRef<\nPEApplePayButtonMethods,\n  PEApplePayButtonProps\n>((props, ref) => {\n\n  React.useImperativeHandle(ref, () => ({\n  }));\n\n  const pmError = (event: NativePEApplePayEvent) => {\n    if (props.onPaymentFailed) {\n      props.onPaymentFailed(new Error(event.nativeEvent.error));\n    }\n  };\n\n  const pmTokenDidReturn = (event: NativePEApplePayEvent) => {\n    if (props.onTokenDidReturn) {\n      const { token, metadata: metadataString, billingContact: billingContactString, shippingContact: shippingContactString } = event.nativeEvent;\n      console.log('ON token', token, metadataString, billingContactString, shippingContactString)\n      const metadata = metadataString ? JSON.parse(metadataString) : null;\n      const billingContact = billingContactString ? JSON.parse(billingContactString) as PEApplePayContact : null;\n      const shippingContact = shippingContactString ? JSON.parse(shippingContactString) as PEApplePayContact : null;\n\n      props.onTokenDidReturn(token!, metadata, billingContact ?? undefined, shippingContact ?? undefined);\n    }\n  };\n\n  const pmSheetDidDismiss = () => {\n    if (props.onPaymentSheetDismissed) {\n      props.onPaymentSheetDismissed();\n    }\n  }\n\n  if (Platform.OS !== 'ios') {\n    return <Text>Apple Pay is not supported on this platform</Text>\n  }\n  \n  return (\n    <RNPEApplePayButton \n      style={{ height: 32, width: '100%', ...(props.style as object) }} \n      paymentRequest={JSON.stringify({\n        ...props.paymentRequest,\n        ...props.paymentRequest.platformOptions\n      })} \n      onPmError={pmError} \n      onPmTokenDidReturn={pmTokenDidReturn} \n      onPmSheetDidDismiss={pmSheetDidDismiss} \n    />\n  );\n});\n"],"mappings":";;;;;;;AACA;;AACA;;;;;;AAKA,MAAMA,kBAAkB,GAAG,IAAAC,mCAAA,EAAkD,oBAAlD,CAA3B;AA+BO,MAAMC,gBAAgB,gBAAGC,KAAK,CAACC,UAAN,CAG9B,CAACC,KAAD,EAAQC,GAAR,KAAgB;EAEhBH,KAAK,CAACI,mBAAN,CAA0BD,GAA1B,EAA+B,OAAO,EAAP,CAA/B;;EAGA,MAAME,OAAO,GAAIC,KAAD,IAAkC;IAChD,IAAIJ,KAAK,CAACK,eAAV,EAA2B;MACzBL,KAAK,CAACK,eAAN,CAAsB,IAAIC,KAAJ,CAAUF,KAAK,CAACG,WAAN,CAAkBC,KAA5B,CAAtB;IACD;EACF,CAJD;;EAMA,MAAMC,gBAAgB,GAAIL,KAAD,IAAkC;IACzD,IAAIJ,KAAK,CAACU,gBAAV,EAA4B;MAC1B,MAAM;QAAEC,KAAF;QAASC,QAAQ,EAAEC,cAAnB;QAAmCC,cAAc,EAAEC,oBAAnD;QAAyEC,eAAe,EAAEC;MAA1F,IAAoHb,KAAK,CAACG,WAAhI;MACAW,OAAO,CAACC,GAAR,CAAY,UAAZ,EAAwBR,KAAxB,EAA+BE,cAA/B,EAA+CE,oBAA/C,EAAqEE,qBAArE;MACA,MAAML,QAAQ,GAAGC,cAAc,GAAGO,IAAI,CAACC,KAAL,CAAWR,cAAX,CAAH,GAAgC,IAA/D;MACA,MAAMC,cAAc,GAAGC,oBAAoB,GAAGK,IAAI,CAACC,KAAL,CAAWN,oBAAX,CAAH,GAA2D,IAAtG;MACA,MAAMC,eAAe,GAAGC,qBAAqB,GAAGG,IAAI,CAACC,KAAL,CAAWJ,qBAAX,CAAH,GAA4D,IAAzG;MAEAjB,KAAK,CAACU,gBAAN,CAAuBC,KAAvB,EAA+BC,QAA/B,EAAyCE,cAAc,IAAIQ,SAA3D,EAAsEN,eAAe,IAAIM,SAAzF;IACD;EACF,CAVD;;EAYA,MAAMC,iBAAiB,GAAG,MAAM;IAC9B,IAAIvB,KAAK,CAACwB,uBAAV,EAAmC;MACjCxB,KAAK,CAACwB,uBAAN;IACD;EACF,CAJD;;EAMA,IAAIC,qBAAA,CAASC,EAAT,KAAgB,KAApB,EAA2B;IACzB,oBAAO,oBAAC,iBAAD,sDAAP;EACD;;EAED,oBACE,oBAAC,kBAAD;IACE,KAAK,EAAE;MAAEC,MAAM,EAAE,EAAV;MAAcC,KAAK,EAAE,MAArB;MAA6B,GAAI5B,KAAK,CAAC6B;IAAvC,CADT;IAEE,cAAc,EAAET,IAAI,CAACU,SAAL,CAAe,EAC7B,GAAG9B,KAAK,CAAC+B,cADoB;MAE7B,GAAG/B,KAAK,CAAC+B,cAAN,CAAqBC;IAFK,CAAf,CAFlB;IAME,SAAS,EAAE7B,OANb;IAOE,kBAAkB,EAAEM,gBAPtB;IAQE,mBAAmB,EAAEc;EARvB,EADF;AAYD,CAhD+B,CAAzB"}
+{"version":3,"names":["RNPEEventEmitter","NativeModules","peEventEmitter","NativeEventEmitter","COMPONENT_NAME","RNPEApplePayButton","requireNativeComponent","RNPEApplePayButtonManager","UIManager","PEApplePayButton","React","forwardRef","props","ref","buttonRef","useRef","useImperativeHandle","updatePaymentSheet","summaryItems","shippingMethods","errors","Promise","resolve","reject","listener","addListener","args","remove","error","Error","callNativeMethod","useEffect","console","log","useCallback","methodName","params","viewId","findNodeHandle","current","commandId","Commands","toString","Platform","OS","Number","dispatchViewManagerCommand","pmError","event","onPaymentFailed","nativeEvent","pmTokenDidReturn","onTokenDidReturn","token","metadata","metadataString","billingContact","billingContactString","shippingContact","shippingContactString","JSON","parse","undefined","pmSheetDidDismiss","onPaymentSheetDismissed","height","width","style","stringify","paymentRequest","platformOptions","onPaymentMethodSelected","onShippingContactSelected","onShippingMethodSelected"],"sources":["PEApplePayButton.tsx"],"sourcesContent":["import * as React from 'react';\nimport {\n  findNodeHandle,\n  NativeEventEmitter,\n  NativeModules,\n  Platform,\n  requireNativeComponent,\n  Text,\n  UIManager,\n  ViewProps,\n} from 'react-native';\nimport type { PEPaymentRequest, PESummaryItem } from '../PEPaymentRequest';\nimport type {\n  PEApplePayContact,\n  PEApplePayPaymentMethod,\n  PEApplePaySheetError,\n  PEApplePayShippingMethod,\n} from './PEApplePayInterfaces';\n\nconst { RNPEEventEmitter } = NativeModules;\n\nconst peEventEmitter = new NativeEventEmitter(RNPEEventEmitter);\n\nconst COMPONENT_NAME = 'RNPEApplePayButton';\nconst RNPEApplePayButton =\n  requireNativeComponent<NativePEApplePayViewProps>(COMPONENT_NAME);\n\n// @ts-ignore\nconst RNPEApplePayButtonManager = UIManager[COMPONENT_NAME];\n\ntype NativePEApplePayEvent = {\n  nativeEvent: {\n    error?: string;\n    token?: string;\n    metadata?: any;\n    billingContact?: string;\n    shippingContact?: string;\n    paymentMethod?: string;\n    contact?: string;\n    shippingMethod?: string;\n  };\n};\n\ninterface NativePEApplePayViewProps extends ViewProps {\n  paymentRequest: string;\n  onPmSheetDidDismiss: (event: NativePEApplePayEvent) => void;\n  onPmTokenDidReturn: (event: NativePEApplePayEvent) => void;\n  onPmError: (event: NativePEApplePayEvent) => void;\n  onPaymentMethodSelected?: (event: {\n    nativeEvent: {\n      paymentMethod: PEApplePayPaymentMethod;\n    };\n  }) => void;\n  onShippingContactSelected?: (event: {\n    nativeEvent: {\n      contact: PEApplePayContact;\n    };\n  }) => void;\n  onShippingMethodSelected?: (event: {\n    nativeEvent: {\n      shippingMethod: PEApplePayShippingMethod;\n    };\n  }) => void;\n}\n\nexport interface PEApplePayButtonProps extends ViewProps {\n  paymentRequest: PEPaymentRequest;\n  onTokenDidReturn?: (\n    token: string,\n    metadata?: any,\n    billingContact?: PEApplePayContact,\n    shippingContact?: PEApplePayContact\n  ) => void;\n  onPaymentSheetDismissed?: () => void;\n  onPaymentFailed?: (error: Error) => void;\n  /**\n   * This callback is triggered whenever the payment method changes in the Apple Pay sheet.\n   * You MUST update the Apple Pay sheet in your callback using the updatePaymentSheet function,\n   * otherwise the Apple Pay sheet will hang and the payment flow will automatically cancel.\n   */\n  onPaymentMethodSelected?: (event: {\n    nativeEvent: {\n      paymentMethod: PEApplePayPaymentMethod;\n    };\n  }) => void;\n  /**\n   * This callback is triggered whenever the user selects a shipping method in the Apple Pay sheet.\n   * You MUST update the Apple Pay sheet in your callback using the updatePaymentSheet function,\n   * otherwise the Apple Pay sheet will hang and the payment flow will automatically cancel.\n   */\n  onShippingContactSelected?: (event: {\n    nativeEvent: {\n      contact: PEApplePayContact;\n    };\n  }) => void;\n  /**\n   * This callback is triggered whenever the user selects a shipping contact in the Apple Pay sheet.\n   * You MUST update the Apple Pay sheet in your callback using the updatePaymentSheet function,\n   * otherwise the Apple Pay sheet will hang and the payment flow will automatically cancel.\n   */\n  onShippingMethodSelected?: (event: {\n    nativeEvent: {\n      shippingMethod: PEApplePayShippingMethod;\n    };\n  }) => void;\n}\n\nexport interface PEApplePayButtonMethods {\n  /**\n   * This method must be called after either onPaymentMethodSelected, onShippingContactSelected or\n   * onShippingMethodSelected callbacks are triggered.\n   * `shippingMethods` and `errors` are only applicable for onShippingContactSelected callback\n   */\n  updatePaymentSheet: (\n    summaryItems: PESummaryItem[],\n    shippingMethods: PEApplePayShippingMethod[],\n    errors: PEApplePaySheetError[]\n  ) => Promise<boolean>;\n}\n\nexport const PEApplePayButton = React.forwardRef<\n  PEApplePayButtonMethods,\n  PEApplePayButtonProps\n>((props, ref) => {\n  const buttonRef = React.useRef<any>();\n\n  React.useImperativeHandle(ref, () => ({\n    updatePaymentSheet: async (\n      summaryItems: PESummaryItem[],\n      shippingMethods: PEApplePayShippingMethod[],\n      errors: PEApplePaySheetError[]\n    ): Promise<boolean> => {\n      return new Promise((resolve, reject) => {\n        const listener = peEventEmitter.addListener(\n          'onUpdatePaymentSheetResult',\n          (args) => {\n            listener.remove();\n\n            const { error } = args;\n            if (error) {\n              reject(new Error(error));\n            } else {\n              resolve(true);\n            }\n          }\n        );\n        callNativeMethod('updatePaymentSheet', [\n          summaryItems,\n          shippingMethods,\n          errors,\n        ]);\n      });\n    },\n  }));\n\n  React.useEffect(() => {\n    const listener = peEventEmitter.addListener(\n      'onUpdatePaymentSheetResult',\n      (args) => {\n        console.log('Received event onUpdatePaymentSheetResult', args);\n      }\n    );\n    return () => {\n      listener.remove();\n    };\n  }, []);\n\n  const callNativeMethod = React.useCallback(\n    (methodName: string, params: any[] = []) => {\n      const viewId = findNodeHandle(buttonRef.current);\n      let commandId = RNPEApplePayButtonManager.Commands[methodName].toString();\n      if (Platform.OS === 'ios') {\n        commandId = Number(commandId);\n      }\n      UIManager.dispatchViewManagerCommand(viewId, commandId, params);\n    },\n    [buttonRef.current]\n  );\n\n  const pmError = (event: NativePEApplePayEvent) => {\n    if (props.onPaymentFailed) {\n      props.onPaymentFailed(new Error(event.nativeEvent.error));\n    }\n  };\n\n  const pmTokenDidReturn = (event: NativePEApplePayEvent) => {\n    if (props.onTokenDidReturn) {\n      const {\n        token,\n        metadata: metadataString,\n        billingContact: billingContactString,\n        shippingContact: shippingContactString,\n      } = event.nativeEvent;\n      console.log(\n        'ON token',\n        token,\n        metadataString,\n        billingContactString,\n        shippingContactString\n      );\n      const metadata = metadataString ? JSON.parse(metadataString) : null;\n      const billingContact = billingContactString\n        ? (JSON.parse(billingContactString) as PEApplePayContact)\n        : null;\n      const shippingContact = shippingContactString\n        ? (JSON.parse(shippingContactString) as PEApplePayContact)\n        : null;\n\n      props.onTokenDidReturn(\n        token!,\n        metadata,\n        billingContact ?? undefined,\n        shippingContact ?? undefined\n      );\n    }\n  };\n\n  const pmSheetDidDismiss = () => {\n    if (props.onPaymentSheetDismissed) {\n      props.onPaymentSheetDismissed();\n    }\n  };\n\n  if (Platform.OS !== 'ios') {\n    return <Text>Apple Pay is not supported on this platform</Text>;\n  }\n\n  return (\n    <RNPEApplePayButton\n      ref={buttonRef}\n      style={{ height: 32, width: '100%', ...(props.style as object) }}\n      paymentRequest={JSON.stringify({\n        ...props.paymentRequest,\n        ...props.paymentRequest.platformOptions,\n      })}\n      onPmError={pmError}\n      onPmTokenDidReturn={pmTokenDidReturn}\n      onPmSheetDidDismiss={pmSheetDidDismiss}\n      onPaymentMethodSelected={props.onPaymentMethodSelected}\n      onShippingContactSelected={props.onShippingContactSelected}\n      onShippingMethodSelected={props.onShippingMethodSelected}\n    />\n  );\n});\n"],"mappings":"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"}

package/lib/commonjs/components/v2/ApplePay/PEApplePayInterfaces.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PEApplePaySheetErrorType = exports.PEApplePayPaymentMethodType = exports.PEApplePayInvalidShippingField = void 0;
+let PEApplePayPaymentMethodType;
+exports.PEApplePayPaymentMethodType = PEApplePayPaymentMethodType;
+
+(function (PEApplePayPaymentMethodType) {
+  PEApplePayPaymentMethodType[PEApplePayPaymentMethodType["unknown"] = 0] = "unknown";
+  PEApplePayPaymentMethodType[PEApplePayPaymentMethodType["debit"] = 1] = "debit";
+  PEApplePayPaymentMethodType[PEApplePayPaymentMethodType["credit"] = 2] = "credit";
+  PEApplePayPaymentMethodType[PEApplePayPaymentMethodType["prepaid"] = 3] = "prepaid";
+  PEApplePayPaymentMethodType[PEApplePayPaymentMethodType["store"] = 4] = "store";
+  PEApplePayPaymentMethodType[PEApplePayPaymentMethodType["eMoney"] = 5] = "eMoney";
+})(PEApplePayPaymentMethodType || (exports.PEApplePayPaymentMethodType = PEApplePayPaymentMethodType = {}));
+
+let PEApplePaySheetErrorType;
+exports.PEApplePaySheetErrorType = PEApplePaySheetErrorType;
+
+(function (PEApplePaySheetErrorType) {
+  PEApplePaySheetErrorType["InvalidShippingAddress"] = "InvalidShippingAddress";
+  PEApplePaySheetErrorType["UnserviceableShippingAddress"] = "UnserviceableShippingAddress";
+})(PEApplePaySheetErrorType || (exports.PEApplePaySheetErrorType = PEApplePaySheetErrorType = {}));
+
+let PEApplePayInvalidShippingField;
+exports.PEApplePayInvalidShippingField = PEApplePayInvalidShippingField;
+
+(function (PEApplePayInvalidShippingField) {
+  PEApplePayInvalidShippingField["Street"] = "street";
+  PEApplePayInvalidShippingField["City"] = "city";
+  PEApplePayInvalidShippingField["SubAdministrativeArea"] = "subAdministrativeArea";
+  PEApplePayInvalidShippingField["State"] = "state";
+  PEApplePayInvalidShippingField["PostalCode"] = "postalCode";
+  PEApplePayInvalidShippingField["Country"] = "country";
+  PEApplePayInvalidShippingField["CountryCode"] = "countryCode";
+  PEApplePayInvalidShippingField["SubLocality"] = "subLocality";
+})(PEApplePayInvalidShippingField || (exports.PEApplePayInvalidShippingField = PEApplePayInvalidShippingField = {}));
+//# sourceMappingURL=PEApplePayInterfaces.js.map

package/lib/commonjs/components/v2/ApplePay/PEApplePayInterfaces.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["PEApplePayPaymentMethodType","PEApplePaySheetErrorType","PEApplePayInvalidShippingField"],"sources":["PEApplePayInterfaces.ts"],"sourcesContent":["export interface PEApplePayContact {\n  givenName?: string;\n  familyName?: string;\n  addressLines?: string[];\n  locality?: string;\n  administrativeArea?: string;\n  postalCode?: string;\n  country?: string;\n  countryCode?: string;\n  subAdministrativeArea?: string;\n  subLocality?: string;\n  emailAddress?: string;\n  phoneNumber?: string;\n}\n\nexport interface PEApplePayPaymentMethod {\n  displayName?: string;\n  network?: string;\n  type: PEApplePayPaymentMethodType;\n}\n\nexport enum PEApplePayPaymentMethodType {\n  unknown = 0,\n  debit = 1,\n  credit = 2,\n  prepaid = 3,\n  store = 4,\n  eMoney = 5\n}\n\nexport interface PEApplePayShippingMethod {\n  identifier: string;\n  amount: number;\n  label: string;\n}\n\nexport type PEApplePaySheetError =\n  | {\n      errorType: PEApplePaySheetErrorType.InvalidShippingAddress;\n      field: PEApplePayInvalidShippingField;\n      message?: string;\n    }\n  | {\n      errorType:\n        | PEApplePaySheetErrorType.UnserviceableShippingAddress\n      message?: string;\n    };\n\nexport enum PEApplePaySheetErrorType {\n  InvalidShippingAddress = 'InvalidShippingAddress',\n  UnserviceableShippingAddress = 'UnserviceableShippingAddress',\n}\n\nexport enum PEApplePayInvalidShippingField {\n  Street = 'street',\n  City = 'city',\n  SubAdministrativeArea = 'subAdministrativeArea',\n  State = 'state',\n  PostalCode = 'postalCode',\n  Country = 'country',\n  CountryCode = 'countryCode',\n  SubLocality = 'subLocality',\n}\n"],"mappings":";;;;;;IAqBYA,2B;;;WAAAA,2B;EAAAA,2B,CAAAA,2B;EAAAA,2B,CAAAA,2B;EAAAA,2B,CAAAA,2B;EAAAA,2B,CAAAA,2B;EAAAA,2B,CAAAA,2B;EAAAA,2B,CAAAA,2B;GAAAA,2B,2CAAAA,2B;;IA2BAC,wB;;;WAAAA,wB;EAAAA,wB;EAAAA,wB;GAAAA,wB,wCAAAA,wB;;IAKAC,8B;;;WAAAA,8B;EAAAA,8B;EAAAA,8B;EAAAA,8B;EAAAA,8B;EAAAA,8B;EAAAA,8B;EAAAA,8B;EAAAA,8B;GAAAA,8B,8CAAAA,8B"}

package/lib/commonjs/components/v2/PEPaymentRequest.js

@@ -50,8 +50,11 @@ class RNPEApplePayOptions {
 
     _defineProperty(this, "requiredShippingContactFields", []);
 
+    _defineProperty(this, "shippingMethods", []);
+
     this.requiredBillingContactFields = params.requiredBillingContactFields;
     this.requiredShippingContactFields = params.requiredShippingContactFields;
+    this.shippingMethods = params.shippingMethods;
   }
 
 }

package/lib/commonjs/components/v2/PEPaymentRequest.js.map

@@ -1 +1 @@
-{"version":3,"names":["PEPaymentRequest","constructor","merchantId","paymentAmount","currencyCode","paymentItems","platformOptions","RNPEContactField","RNPEApplePayOptions","params","requiredBillingContactFields","requiredShippingContactFields","RNPEGooglePayBillingAddressParameters","RNPEGooglePayShippingAddressParameters","undefined","RNPEGooglePayOptions","billingAddressRequired","billingAddressParameters","shippingAddressRequired","shippingAddressParameters"],"sources":["PEPaymentRequest.ts"],"sourcesContent":["type RNPEPaymentOptions = RNPEGooglePayOptions | RNPEApplePayOptions;\n\nexport class PEPaymentRequest {\n  merchantId: string;\n  paymentAmount: number;\n  currencyCode?: 'USD' | 'CAD' = 'USD';\n  paymentItems?: {\n    amount: number;\n    label: string;\n  }[] = [];\n  platformOptions?: RNPEPaymentOptions;\n\n  constructor(\n    merchantId: string,\n    paymentAmount: number,\n    currencyCode: 'USD' | 'CAD' = 'USD',\n    paymentItems: {\n      amount: number;\n      label: string;\n    }[] = [],\n    platformOptions?: RNPEPaymentOptions\n  ) {\n    this.merchantId = merchantId;\n    this.paymentAmount = paymentAmount;\n    this.currencyCode = currencyCode;\n    this.paymentItems = paymentItems;\n    this.platformOptions = platformOptions;\n  }\n}\n\nexport enum RNPEContactField {\n  name = 'name',\n  postalAddress = 'postalAddress',\n  emailAddress = 'emailAddress',\n  phoneNumber = 'phoneNumber',\n  phoneticName = 'phoneticName',\n}\n\nexport class RNPEApplePayOptions {\n  requiredBillingContactFields?: RNPEContactField[] = [];\n  requiredShippingContactFields?: RNPEContactField[] = [];\n\n  constructor(params: {\n    requiredBillingContactFields: RNPEContactField[];\n    requiredShippingContactFields: RNPEContactField[];\n  }) {\n    this.requiredBillingContactFields = params.requiredBillingContactFields;\n    this.requiredShippingContactFields = params.requiredShippingContactFields;\n  }\n}\n\nexport class RNPEGooglePayBillingAddressParameters {\n  format: 'FULL' | 'MIN' = 'FULL'\n  phoneNumberRequired: boolean = false\n}\n\nexport class RNPEGooglePayShippingAddressParameters {\n  allowedCountryCodes?: string[] = undefined\n  phoneNumberRequired: boolean = false\n}\n\nexport class RNPEGooglePayOptions {\n  billingAddressRequired: boolean;\n  billingAddressParameters?: any;\n  shippingAddressRequired: boolean;\n  shippingAddressParameters?: any;\n\n  constructor(params: {\n    billingAddressRequired: boolean;\n    shippingAddressRequired: boolean;\n    billingAddressParameters?: RNPEGooglePayBillingAddressParameters;\n    shippingAddressParameters?: RNPEGooglePayShippingAddressParameters;\n  }) {\n    this.billingAddressRequired = params.billingAddressRequired;\n    this.billingAddressParameters = params.billingAddressParameters;\n    this.shippingAddressRequired = params.shippingAddressRequired;\n    this.shippingAddressParameters = params.shippingAddressParameters;\n  }\n}\n"],"mappings":";;;;;;;;;AAEO,MAAMA,gBAAN,CAAuB;EAU5BC,WAAW,CACTC,UADS,EAETC,aAFS,EAST;IAAA,IANAC,YAMA,uEAN8B,KAM9B;IAAA,IALAC,YAKA,uEAFM,EAEN;IAAA,IADAC,eACA;;IAAA;;IAAA;;IAAA,sCAhB6B,KAgB7B;;IAAA,sCAZI,EAYJ;;IAAA;;IACA,KAAKJ,UAAL,GAAkBA,UAAlB;IACA,KAAKC,aAAL,GAAqBA,aAArB;IACA,KAAKC,YAAL,GAAoBA,YAApB;IACA,KAAKC,YAAL,GAAoBA,YAApB;IACA,KAAKC,eAAL,GAAuBA,eAAvB;EACD;;AAzB2B;;;IA4BlBC,gB;;;WAAAA,gB;EAAAA,gB;EAAAA,gB;EAAAA,gB;EAAAA,gB;EAAAA,gB;GAAAA,gB,gCAAAA,gB;;AAQL,MAAMC,mBAAN,CAA0B;EAI/BP,WAAW,CAACQ,MAAD,EAGR;IAAA,sDANiD,EAMjD;;IAAA,uDALkD,EAKlD;;IACD,KAAKC,4BAAL,GAAoCD,MAAM,CAACC,4BAA3C;IACA,KAAKC,6BAAL,GAAqCF,MAAM,CAACE,6BAA5C;EACD;;AAV8B;;;;AAa1B,MAAMC,qCAAN,CAA4C;EAAA;IAAA,gCACxB,MADwB;;IAAA,6CAElB,KAFkB;EAAA;;AAAA;;;;AAK5C,MAAMC,sCAAN,CAA6C;EAAA;IAAA,6CACjBC,SADiB;;IAAA,6CAEnB,KAFmB;EAAA;;AAAA;;;;AAK7C,MAAMC,oBAAN,CAA2B;EAMhCd,WAAW,CAACQ,MAAD,EAKR;IAAA;;IAAA;;IAAA;;IAAA;;IACD,KAAKO,sBAAL,GAA8BP,MAAM,CAACO,sBAArC;IACA,KAAKC,wBAAL,GAAgCR,MAAM,CAACQ,wBAAvC;IACA,KAAKC,uBAAL,GAA+BT,MAAM,CAACS,uBAAtC;IACA,KAAKC,yBAAL,GAAiCV,MAAM,CAACU,yBAAxC;EACD;;AAhB+B"}
+{"version":3,"names":["PEPaymentRequest","constructor","merchantId","paymentAmount","currencyCode","paymentItems","platformOptions","RNPEContactField","RNPEApplePayOptions","params","requiredBillingContactFields","requiredShippingContactFields","shippingMethods","RNPEGooglePayBillingAddressParameters","RNPEGooglePayShippingAddressParameters","undefined","RNPEGooglePayOptions","billingAddressRequired","billingAddressParameters","shippingAddressRequired","shippingAddressParameters"],"sources":["PEPaymentRequest.ts"],"sourcesContent":["import type { PEApplePayShippingMethod } from \"./ApplePay/PEApplePayInterfaces\";\n\ntype RNPEPaymentOptions = RNPEGooglePayOptions | RNPEApplePayOptions;\n\nexport class PEPaymentRequest {\n  merchantId: string;\n  paymentAmount: number;\n  currencyCode?: 'USD' | 'CAD' = 'USD';\n  paymentItems?: PESummaryItem[] = [];\n  platformOptions?: RNPEPaymentOptions;\n\n  constructor(\n    merchantId: string,\n    paymentAmount: number,\n    currencyCode: 'USD' | 'CAD' = 'USD',\n    paymentItems: {\n      amount: number;\n      label: string;\n    }[] = [],\n    platformOptions?: RNPEPaymentOptions\n  ) {\n    this.merchantId = merchantId;\n    this.paymentAmount = paymentAmount;\n    this.currencyCode = currencyCode;\n    this.paymentItems = paymentItems;\n    this.platformOptions = platformOptions;\n  }\n}\n\nexport interface PESummaryItem {\n  amount: number;\n  label: string;\n}\n\nexport enum RNPEContactField {\n  name = 'name',\n  postalAddress = 'postalAddress',\n  emailAddress = 'emailAddress',\n  phoneNumber = 'phoneNumber',\n  phoneticName = 'phoneticName',\n}\n\n\nexport class RNPEApplePayOptions {\n  requiredBillingContactFields?: RNPEContactField[] = [];\n  requiredShippingContactFields?: RNPEContactField[] = [];\n  shippingMethods?: PEApplePayShippingMethod[] = [];\n\n  constructor(params: {\n    requiredBillingContactFields: RNPEContactField[];\n    requiredShippingContactFields: RNPEContactField[];\n    shippingMethods: PEApplePayShippingMethod[];\n  }) {\n    this.requiredBillingContactFields = params.requiredBillingContactFields;\n    this.requiredShippingContactFields = params.requiredShippingContactFields;\n    this.shippingMethods = params.shippingMethods\n  }\n}\n\nexport class RNPEGooglePayBillingAddressParameters {\n  format: 'FULL' | 'MIN' = 'FULL'\n  phoneNumberRequired: boolean = false\n}\n\nexport class RNPEGooglePayShippingAddressParameters {\n  allowedCountryCodes?: string[] = undefined\n  phoneNumberRequired: boolean = false\n}\n\nexport class RNPEGooglePayOptions {\n  billingAddressRequired: boolean;\n  billingAddressParameters?: any;\n  shippingAddressRequired: boolean;\n  shippingAddressParameters?: any;\n\n  constructor(params: {\n    billingAddressRequired: boolean;\n    shippingAddressRequired: boolean;\n    billingAddressParameters?: RNPEGooglePayBillingAddressParameters;\n    shippingAddressParameters?: RNPEGooglePayShippingAddressParameters;\n  }) {\n    this.billingAddressRequired = params.billingAddressRequired;\n    this.billingAddressParameters = params.billingAddressParameters;\n    this.shippingAddressRequired = params.shippingAddressRequired;\n    this.shippingAddressParameters = params.shippingAddressParameters;\n  }\n}\n"],"mappings":";;;;;;;;;AAIO,MAAMA,gBAAN,CAAuB;EAO5BC,WAAW,CACTC,UADS,EAETC,aAFS,EAST;IAAA,IANAC,YAMA,uEAN8B,KAM9B;IAAA,IALAC,YAKA,uEAFM,EAEN;IAAA,IADAC,eACA;;IAAA;;IAAA;;IAAA,sCAb6B,KAa7B;;IAAA,sCAZ+B,EAY/B;;IAAA;;IACA,KAAKJ,UAAL,GAAkBA,UAAlB;IACA,KAAKC,aAAL,GAAqBA,aAArB;IACA,KAAKC,YAAL,GAAoBA,YAApB;IACA,KAAKC,YAAL,GAAoBA,YAApB;IACA,KAAKC,eAAL,GAAuBA,eAAvB;EACD;;AAtB2B;;;IA8BlBC,gB;;;WAAAA,gB;EAAAA,gB;EAAAA,gB;EAAAA,gB;EAAAA,gB;EAAAA,gB;GAAAA,gB,gCAAAA,gB;;AASL,MAAMC,mBAAN,CAA0B;EAK/BP,WAAW,CAACQ,MAAD,EAIR;IAAA,sDARiD,EAQjD;;IAAA,uDAPkD,EAOlD;;IAAA,yCAN4C,EAM5C;;IACD,KAAKC,4BAAL,GAAoCD,MAAM,CAACC,4BAA3C;IACA,KAAKC,6BAAL,GAAqCF,MAAM,CAACE,6BAA5C;IACA,KAAKC,eAAL,GAAuBH,MAAM,CAACG,eAA9B;EACD;;AAb8B;;;;AAgB1B,MAAMC,qCAAN,CAA4C;EAAA;IAAA,gCACxB,MADwB;;IAAA,6CAElB,KAFkB;EAAA;;AAAA;;;;AAK5C,MAAMC,sCAAN,CAA6C;EAAA;IAAA,6CACjBC,SADiB;;IAAA,6CAEnB,KAFmB;EAAA;;AAAA;;;;AAK7C,MAAMC,oBAAN,CAA2B;EAMhCf,WAAW,CAACQ,MAAD,EAKR;IAAA;;IAAA;;IAAA;;IAAA;;IACD,KAAKQ,sBAAL,GAA8BR,MAAM,CAACQ,sBAArC;IACA,KAAKC,wBAAL,GAAgCT,MAAM,CAACS,wBAAvC;IACA,KAAKC,uBAAL,GAA+BV,MAAM,CAACU,uBAAtC;IACA,KAAKC,yBAAL,GAAiCX,MAAM,CAACW,yBAAxC;EACD;;AAhB+B"}

package/lib/commonjs/index.js

@@ -3,6 +3,21 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+var _exportNames = {
+  PayEngineStatic: true,
+  PayEngine: true,
+  PayProvider: true,
+  PECreditCardView: true,
+  PECreditCardViewMethods: true,
+  PEBankAccountView: true,
+  PEBankAccountViewMethods: true,
+  PayEngineProvider: true,
+  PayEngineNative: true,
+  PEApplePayButton: true,
+  PEGooglePayButton: true,
+  PayEngineUtils: true,
+  PEKeyboardType: true
+};
 Object.defineProperty(exports, "PEApplePayButton", {
   enumerable: true,
   get: function () {
@@ -45,12 +60,6 @@ Object.defineProperty(exports, "PEKeyboardType", {
     return _PEKeyboardType.default;
   }
 });
-Object.defineProperty(exports, "PEPaymentRequest", {
-  enumerable: true,
-  get: function () {
-    return _PEPaymentRequest.PEPaymentRequest;
-  }
-});
 Object.defineProperty(exports, "PayEngine", {
   enumerable: true,
   get: function () {
@@ -76,30 +85,6 @@ Object.defineProperty(exports, "PayProvider", {
     return _index.PayProvider;
   }
 });
-Object.defineProperty(exports, "RNPEApplePayOptions", {
-  enumerable: true,
-  get: function () {
-    return _PEPaymentRequest.RNPEApplePayOptions;
-  }
-});
-Object.defineProperty(exports, "RNPEContactField", {
-  enumerable: true,
-  get: function () {
-    return _PEPaymentRequest.RNPEContactField;
-  }
-});
-Object.defineProperty(exports, "RNPEGooglePayBillingAddressParameters", {
-  enumerable: true,
-  get: function () {
-    return _PEPaymentRequest.RNPEGooglePayBillingAddressParameters;
-  }
-});
-Object.defineProperty(exports, "RNPEGooglePayShippingAddressParameters", {
-  enumerable: true,
-  get: function () {
-    return _PEPaymentRequest.RNPEGooglePayShippingAddressParameters;
-  }
-});
 
 var _PayEngine = _interopRequireDefault(require("./components/PayEngine"));
 
@@ -117,8 +102,6 @@ var _PayEngineNative = _interopRequireDefault(require("./components/v2/PayEngine
 
 var _PEApplePayButton = require("./components/v2/ApplePay/PEApplePayButton");
 
-var _PEPaymentRequest = require("./components/v2/PEPaymentRequest");
-
 var _PEGooglePayButton = require("./components/v2/GooglePay/PEGooglePayButton");
 
 var PayEngineUtils = _interopRequireWildcard(require("./utils/index"));
@@ -127,6 +110,34 @@ exports.PayEngineUtils = PayEngineUtils;
 
 var _PEKeyboardType = _interopRequireDefault(require("./components/v2/SecureFields/PEKeyboardType"));
 
+var _PEPaymentRequest = require("./components/v2/PEPaymentRequest");
+
+Object.keys(_PEPaymentRequest).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _PEPaymentRequest[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _PEPaymentRequest[key];
+    }
+  });
+});
+
+var _PEApplePayInterfaces = require("./components/v2/ApplePay/PEApplePayInterfaces");
+
+Object.keys(_PEApplePayInterfaces).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _PEApplePayInterfaces[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _PEApplePayInterfaces[key];
+    }
+  });
+});
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }

package/lib/commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["LINKING_ERROR","Platform","select","ios","default","PayEngineStatic","NativeModules","Payengine","Proxy","get","Error"],"sources":["index.tsx"],"sourcesContent":["import PayEngine from './components/PayEngine';\nimport { NativeModules, Platform } from 'react-native';\nimport type { IPayEngineConfig } from './interfaces/index';\nimport { PayProvider } from './interfaces/index';\nimport {\n  PECreditCardView,\n  PECreditCardViewMethods,\n} from './components/v2/SecureFields/CreditCardView';\nimport {\n  PEBankAccountView,\n  PEBankAccountViewMethods,\n} from './components/v2/SecureFields/BankAccountView';\nimport type IPEField from './components/v2/SecureFields/IPEField';\nimport type PECard from './components/v2/SecureFields/PECard';\nimport type PEBankAccount from './components/v2/SecureFields/PEBankAccount';\nimport { PayEngineProvider } from './components/v2/PayEngineProvider';\nimport PayEngineNative from './components/v2/PayEngineNative';\nimport { PEApplePayButton } from './components/v2/ApplePay/PEApplePayButton';\nimport { PEPaymentRequest, RNPEApplePayOptions, RNPEContactField, RNPEGooglePayBillingAddressParameters, RNPEGooglePayShippingAddressParameters } from './components/v2/PEPaymentRequest';\nimport { PEGooglePayButton } from './components/v2/GooglePay/PEGooglePayButton';\nimport * as PayEngineUtils from './utils/index';\nimport PEKeyboardType from './components/v2/SecureFields/PEKeyboardType';\nimport type { PEGooglePayAddress } from './components/v2/GooglePay/PEGooglePayAddress';\nimport type { PEApplePayContact } from './components/v2/ApplePay/PEApplePayContact';\n\nconst LINKING_ERROR =\n  `The package 'react-native-payengine' doesn't seem to be linked. Make sure: \\n\\n` +\n  Platform.select({ ios: \"- You have run 'pod install'\\n\", default: '' }) +\n  '- You rebuilt the app after installing the package\\n' +\n  '- You are not using Expo managed workflow\\n';\n\nconst PayEngineStatic = NativeModules.Payengine\n  ? NativeModules.Payengine\n  : new Proxy(\n      {},\n      {\n        get() {\n          throw new Error(LINKING_ERROR);\n        },\n      }\n    );\n\nexport {\n  PayEngineStatic,\n  PayEngine,\n  IPayEngineConfig,\n  PayProvider,\n  // v2 starting here\n  PayEngineUtils,\n  PayEngineProvider,\n  PayEngineNative,\n  // securefields\n  PEKeyboardType,\n  IPEField,\n  // credit card\n  PECreditCardView,\n  PECreditCardViewMethods,\n  PECard,\n  // bank account\n  PEBankAccountView,\n  PEBankAccountViewMethods,\n  PEBankAccount,\n  // Apple Pay\n  PEApplePayButton,\n  RNPEApplePayOptions, \n  RNPEContactField,\n  PEApplePayContact,\n  RNPEGooglePayBillingAddressParameters, \n  RNPEGooglePayShippingAddressParameters,\n  PEPaymentRequest,\n  PEGooglePayButton,\n  PEGooglePayAddress\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;AAIA;;AAOA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AACA;;;;;;;;AAIA,MAAMA,aAAa,GAChB,iFAAD,GACAC,qBAAA,CAASC,MAAT,CAAgB;EAAEC,GAAG,EAAE,gCAAP;EAAyCC,OAAO,EAAE;AAAlD,CAAhB,CADA,GAEA,sDAFA,GAGA,6CAJF;AAMA,MAAMC,eAAe,GAAGC,0BAAA,CAAcC,SAAd,GACpBD,0BAAA,CAAcC,SADM,GAEpB,IAAIC,KAAJ,CACE,EADF,EAEE;EACEC,GAAG,GAAG;IACJ,MAAM,IAAIC,KAAJ,CAAUV,aAAV,CAAN;EACD;;AAHH,CAFF,CAFJ"}
+{"version":3,"names":["LINKING_ERROR","Platform","select","ios","default","PayEngineStatic","NativeModules","Payengine","Proxy","get","Error"],"sources":["index.tsx"],"sourcesContent":["import PayEngine from './components/PayEngine';\nimport { NativeModules, Platform } from 'react-native';\nimport type { IPayEngineConfig } from './interfaces/index';\nimport { PayProvider } from './interfaces/index';\nimport {\n  PECreditCardView,\n  PECreditCardViewMethods,\n} from './components/v2/SecureFields/CreditCardView';\nimport {\n  PEBankAccountView,\n  PEBankAccountViewMethods,\n} from './components/v2/SecureFields/BankAccountView';\nimport type IPEField from './components/v2/SecureFields/IPEField';\nimport type PECard from './components/v2/SecureFields/PECard';\nimport type PEBankAccount from './components/v2/SecureFields/PEBankAccount';\nimport { PayEngineProvider } from './components/v2/PayEngineProvider';\nimport PayEngineNative from './components/v2/PayEngineNative';\nimport { PEApplePayButton } from './components/v2/ApplePay/PEApplePayButton';\n\nimport { PEGooglePayButton } from './components/v2/GooglePay/PEGooglePayButton';\nimport * as PayEngineUtils from './utils/index';\nimport PEKeyboardType from './components/v2/SecureFields/PEKeyboardType';\nimport type { PEGooglePayAddress } from './components/v2/GooglePay/PEGooglePayAddress';\nimport type { PEApplePayContact } from './components/v2/ApplePay/PEApplePayInterfaces';\n\nexport * from './components/v2/PEPaymentRequest';\nexport * from './components/v2/ApplePay/PEApplePayInterfaces';\n\n\nconst LINKING_ERROR =\n  `The package 'react-native-payengine' doesn't seem to be linked. Make sure: \\n\\n` +\n  Platform.select({ ios: \"- You have run 'pod install'\\n\", default: '' }) +\n  '- You rebuilt the app after installing the package\\n' +\n  '- You are not using Expo managed workflow\\n';\n\nconst PayEngineStatic = NativeModules.Payengine\n  ? NativeModules.Payengine\n  : new Proxy(\n      {},\n      {\n        get() {\n          throw new Error(LINKING_ERROR);\n        },\n      }\n    );\n\nexport {\n  PayEngineStatic,\n  PayEngine,\n  IPayEngineConfig,\n  PayProvider,\n  // v2 starting here\n  PayEngineUtils,\n  PayEngineProvider,\n  PayEngineNative,\n  // securefields\n  PEKeyboardType,\n  IPEField,\n  // credit card\n  PECreditCardView,\n  PECreditCardViewMethods,\n  PECard,\n  // bank account\n  PEBankAccountView,\n  PEBankAccountViewMethods,\n  PEBankAccount,\n  // Apple Pay\n  PEApplePayButton,\n  // RNPEApplePayOptions,\n  // RNPEContactField,\n  PEApplePayContact,\n  // RNPEGooglePayBillingAddressParameters,\n  // RNPEGooglePayShippingAddressParameters,\n  // PEPaymentRequest,\n  PEGooglePayButton,\n  PEGooglePayAddress\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;AAIA;;AAOA;;AACA;;AACA;;AAEA;;AACA;;;;AACA;;AAIA;;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;;;;;;;AAGA,MAAMA,aAAa,GAChB,iFAAD,GACAC,qBAAA,CAASC,MAAT,CAAgB;EAAEC,GAAG,EAAE,gCAAP;EAAyCC,OAAO,EAAE;AAAlD,CAAhB,CADA,GAEA,sDAFA,GAGA,6CAJF;AAMA,MAAMC,eAAe,GAAGC,0BAAA,CAAcC,SAAd,GACpBD,0BAAA,CAAcC,SADM,GAEpB,IAAIC,KAAJ,CACE,EADF,EAEE;EACEC,GAAG,GAAG;IACJ,MAAM,IAAIC,KAAJ,CAAUV,aAAV,CAAN;EACD;;AAHH,CAFF,CAFJ"}

package/lib/module/components/v2/ApplePay/PEApplePayButton.js

@@ -1,8 +1,53 @@
 import * as React from 'react';
-import { Platform, requireNativeComponent, Text } from 'react-native';
-const RNPEApplePayButton = requireNativeComponent('RNPEApplePayButton');
+import { findNodeHandle, NativeEventEmitter, NativeModules, Platform, requireNativeComponent, Text, UIManager } from 'react-native';
+const {
+  RNPEEventEmitter
+} = NativeModules;
+const peEventEmitter = new NativeEventEmitter(RNPEEventEmitter);
+const COMPONENT_NAME = 'RNPEApplePayButton';
+const RNPEApplePayButton = requireNativeComponent(COMPONENT_NAME); // @ts-ignore
+
+const RNPEApplePayButtonManager = UIManager[COMPONENT_NAME];
 export const PEApplePayButton = /*#__PURE__*/React.forwardRef((props, ref) => {
-  React.useImperativeHandle(ref, () => ({}));
+  const buttonRef = React.useRef();
+  React.useImperativeHandle(ref, () => ({
+    updatePaymentSheet: async (summaryItems, shippingMethods, errors) => {
+      return new Promise((resolve, reject) => {
+        const listener = peEventEmitter.addListener('onUpdatePaymentSheetResult', args => {
+          listener.remove();
+          const {
+            error
+          } = args;
+
+          if (error) {
+            reject(new Error(error));
+          } else {
+            resolve(true);
+          }
+        });
+        callNativeMethod('updatePaymentSheet', [summaryItems, shippingMethods, errors]);
+      });
+    }
+  }));
+  React.useEffect(() => {
+    const listener = peEventEmitter.addListener('onUpdatePaymentSheetResult', args => {
+      console.log('Received event onUpdatePaymentSheetResult', args);
+    });
+    return () => {
+      listener.remove();
+    };
+  }, []);
+  const callNativeMethod = React.useCallback(function (methodName) {
+    let params = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+    const viewId = findNodeHandle(buttonRef.current);
+    let commandId = RNPEApplePayButtonManager.Commands[methodName].toString();
+
+    if (Platform.OS === 'ios') {
+      commandId = Number(commandId);
+    }
+
+    UIManager.dispatchViewManagerCommand(viewId, commandId, params);
+  }, [buttonRef.current]);
 
   const pmError = event => {
     if (props.onPaymentFailed) {
@@ -37,6 +82,7 @@ export const PEApplePayButton = /*#__PURE__*/React.forwardRef((props, ref) => {
   }
 
   return /*#__PURE__*/React.createElement(RNPEApplePayButton, {
+    ref: buttonRef,
     style: {
       height: 32,
       width: '100%',
@@ -47,7 +93,10 @@ export const PEApplePayButton = /*#__PURE__*/React.forwardRef((props, ref) => {
     }),
     onPmError: pmError,
     onPmTokenDidReturn: pmTokenDidReturn,
-    onPmSheetDidDismiss: pmSheetDidDismiss
+    onPmSheetDidDismiss: pmSheetDidDismiss,
+    onPaymentMethodSelected: props.onPaymentMethodSelected,
+    onShippingContactSelected: props.onShippingContactSelected,
+    onShippingMethodSelected: props.onShippingMethodSelected
   });
 });
 //# sourceMappingURL=PEApplePayButton.js.map