react-native-payengine 1.0.5 → 2.0.2

package/ios/Sources/Classes/SecureFields/RNPECreditCardView.swift

@@ -0,0 +1,129 @@
+//
+//  CreditCardView.swift
+//  react-native-payengine
+//
+//  Created by Tri Nguyen on 6/9/2024.
+//
+
+import Foundation
+import PayEngineSDK
+
+class RNPECreditCardView: UIView {
+    var view: ICardNumberView?
+    
+    override init(frame: CGRect) {
+        super.init(frame: frame)
+    }
+    
+    required init?(coder: NSCoder) {
+        super.init(coder: coder)
+    }
+    
+    @objc var additionalFields: String = "" {
+        didSet {
+            setupView()
+        }
+    }
+    
+    private func setupView() {
+        //        debugPrint("PayEngine instance \(String(describing: PayEngineNative.instance))")
+        //        let zipField = PEField(name: "address_zip", type: "text", placeholder: "Zip code", isRequired: true, keyboardType: .alphabet, pattern: #"^(?:\d{5}(?:-\d{4})?|[ABCEGHJKLMNPRSTVXY]\d[A-Z] ?\d[A-Z]\d)$"#)
+        
+        var customFields: [PEField] = []
+        if let fields: [RNPEField] = try? JSONDecoder().decode([RNPEField].self, from: additionalFields.data(using: .utf8)!) {
+            if (fields.count > 0) {
+                for i in 0...fields.count - 1 {
+                    let f = fields[i]
+                    let field = PEField(name: f.name, type: f.type, placeholder: f.placeholder, isRequired: f.isRequired, keyboardType: RNPEUtils.mapKeyboardType(keyboardType: f.keyboardType), pattern: f.pattern)
+                    customFields.append(field)
+                }
+            }
+        } else {
+            debugPrint("Could not parse additional fields \(additionalFields)")
+        }
+        RNPayEngineNative.instance?.createSecureView(additionalFields: customFields) { [unowned self] result in
+            switch result {
+            case .success(let view):
+                self.view = view
+                self.view!.detectSizeChanges { size in
+                    //                    self.frame.size = size
+                    RNPEEventEmitter.emitter.sendEvent(withName: RNPEEvents.EVENT_SIZE_CHANGES, body: ["width": size.width, "height": size.height])
+                    debugPrint("Could not parse additional fields \(self.additionalFields)")
+                }
+                self.addSubview(self.view!)
+            case .failure(let error):
+                debugPrint("Error: \(error)")
+            }
+        }
+    }
+
+    func submit(_ merchantId: String, additionalData: NSDictionary) {
+        guard let view = self.view else {
+            RNPEEventEmitter.emitter.sendEvent(withName: RNPEEvents.EVENT_CARD_RESPOND, body: ["error": "View is not ready"])
+            return
+        }
+        DispatchQueue.main.async {
+            view.createCard(merchantId: merchantId, additionalData: additionalData as! [String : Any]) { result in
+                switch result {
+                case .success(let card):
+                    debugPrint("Card created \(card)")
+                    if let json = try? JSONEncoder().encode(card) {
+                        RNPEEventEmitter.emitter.sendEvent(withName: RNPEEvents.EVENT_CARD_RESPOND, body: ["card": String(decoding: json, as: UTF8.self)])
+                    } else {
+                        RNPEEventEmitter.emitter.sendEvent(withName: RNPEEvents.EVENT_CARD_RESPOND, body: ["error": "Unable to encode card object"])
+                    }
+                case .failure(let error):
+                    RNPEEventEmitter.emitter.sendEvent(withName: RNPEEvents.EVENT_CARD_RESPOND, body: ["error": error.localizedDescription])
+                }
+            }
+        }
+    }
+    
+    func hideKeyboard() {
+        view?.hideKeyboard()
+    }
+    
+    func showKeyboard() {
+        view?.showKeyboard()
+    }
+}
+
+@objc(RNPECreditCardView)
+class RNPECreditCardViewManager: RCTViewManager {
+    
+    @objc override static func requiresMainQueueSetup() -> Bool {
+        return true
+    }
+    
+    override func view() -> UIView! {
+        return RNPECreditCardView()
+    }
+    
+    override func constantsToExport() -> [AnyHashable : Any]! {
+        return [:]
+    }
+    
+    @objc(submit:merchantId:additionalData:)
+    func submit(_ node: NSNumber, merchantId: String, additionalData: NSDictionary) {
+        DispatchQueue.main.async {
+            let component = self.bridge.uiManager.view(forReactTag: node) as! RNPECreditCardView
+            component.submit(merchantId, additionalData: additionalData)
+        }
+    }
+    
+    @objc
+    func hideKeyboard(_ node: NSNumber) {
+        DispatchQueue.main.async {
+            let component = self.bridge.uiManager.view(forReactTag: node) as! RNPECreditCardView
+            component.hideKeyboard()
+        }
+    }
+    
+    @objc
+    func showKeyboard(_ node: NSNumber) {
+        DispatchQueue.main.async {
+            let component = self.bridge.uiManager.view(forReactTag: node) as! RNPECreditCardView
+            component.showKeyboard()
+        }
+    }
+}

package/ios/Sources/Classes/SecureFields/RNPEEvents.swift

@@ -0,0 +1,15 @@
+//
+//  Events.swift
+//  react-native-payengine
+//
+//  Created by Tri Nguyen on 11/9/2024.
+//
+
+import Foundation
+
+class RNPEEvents {
+    static let EVENT_SIZE_CHANGES = "onSizeChanges"
+    static let EVENT_BANK_ACCOUNT_RESPOND = "onBankAccountRespond"
+    static let EVENT_CARD_RESPOND = "onCardRespond"
+    static let EVENT_READY = "onReady"
+}

package/ios/Sources/Classes/SecureFields/RNPEField.swift

@@ -0,0 +1,26 @@
+//
+//  PayEngineField.swift
+//  react-native-payengine
+//
+//  Created by Tri Nguyen on 5/9/2024.
+//
+
+import Foundation
+
+public struct RNPEField: Codable {
+    var name: String
+    var type: String
+    var placeholder: String
+    var keyboardType: String
+    var isRequired: Bool
+    var pattern: String?
+    
+    init(name: String, type: String, placeholder: String, keyboardType: String, isRequired: Bool, pattern: String?) {
+        self.name = name
+        self.type = type
+        self.placeholder = placeholder
+        self.keyboardType = keyboardType
+        self.isRequired = isRequired
+        self.pattern = pattern
+    }
+}

package/ios/Sources/Payengine.m

@@ -0,0 +1,73 @@
+#import <React/RCTBridgeModule.h>
+#import <Foundation/Foundation.h>
+#import <React/RCTViewManager.h>
+#import <React/RCTEventEmitter.h>
+#import <React/RCTUIManager.h>
+
+@interface RCT_EXTERN_MODULE(RNPayEngineNative, NSObject)
+
+RCT_EXTERN_METHOD(setConfig: (NSString *)publicKey baseURL:(NSString *)baseURL)
+
+RCT_EXTERN_METHOD(createFraudMonitorSession:(NSString *)merchantId resolver:(RCTPromiseResolveBlock)resolve rejecter:(RCTPromiseRejectBlock)reject)
+
+RCT_EXTERN_METHOD(getBrowserInfo:(RCTPromiseResolveBlock)resolve rejecter:(RCTPromiseRejectBlock)reject)
+
+RCT_EXTERN_METHOD(isApplePaySupported:(NSString *)merchantId resolver:(RCTPromiseResolveBlock)resolve rejecter:(RCTPromiseRejectBlock)reject)
+
++ (BOOL)requiresMainQueueSetup
+{
+  return NO;
+}
+@end
+
+@interface RCT_EXTERN_MODULE(RNPECreditCardView, RCTViewManager)
+
+RCT_EXTERN_METHOD(submit:(nonnull NSNumber*)reactTag merchantId:(NSString *)merchantId additionalData:(NSDictionary *)additionalData)
+
+RCT_EXTERN_METHOD(showKeyboard:(nonnull NSNumber*)reactTag)
+RCT_EXTERN_METHOD(hideKeyboard:(nonnull NSNumber*)reactTag)
+
+RCT_EXPORT_VIEW_PROPERTY(additionalFields, NSString)
+
+
+@end
+
+@interface RCT_EXTERN_MODULE(RNPEBankAccountView, RCTViewManager)
+
+RCT_EXTERN_METHOD(submit:(nonnull NSNumber*)reactTag merchantId:(NSString *)merchantId additionalData:(NSDictionary *)additionalData)
+
+RCT_EXTERN_METHOD(showKeyboard:(nonnull NSNumber*)reactTag)
+RCT_EXTERN_METHOD(hideKeyboard:(nonnull NSNumber*)reactTag)
+
+RCT_EXPORT_VIEW_PROPERTY(additionalFields, NSString)
+
+@end
+
+@interface RCT_EXTERN_MODULE(RNPEApplePayButtonManager, RCTViewManager)
+
+RCT_EXPORT_VIEW_PROPERTY(paymentRequest, NSString)
+RCT_EXPORT_VIEW_PROPERTY(onPmSheetDidDismiss, RCTBubblingEventBlock)
+RCT_EXPORT_VIEW_PROPERTY(onPmTokenDidReturn, RCTBubblingEventBlock)
+RCT_EXPORT_VIEW_PROPERTY(onPmTokenNotAvailable, RCTBubblingEventBlock)
+RCT_EXPORT_VIEW_PROPERTY(onPmError, RCTBubblingEventBlock)
+
+@end
+
+@interface RCT_EXTERN_MODULE(RNPEEventEmitter, RCTEventEmitter)
+
+RCT_EXTERN_METHOD(supportedEvents)
+
+@end
+
+
+/// old stuffs
+@interface RCT_EXTERN_MODULE(Payengine, NSObject)
+RCT_EXTERN_METHOD(multiply:(float)a withB:(float)b
+                 withResolver:(RCTPromiseResolveBlock)resolve
+                 withRejecter:(RCTPromiseRejectBlock)reject)
+
++ (BOOL)requiresMainQueueSetup
+{
+  return NO;
+}
+@end

package/ios/Sources/Payengine.swift

@@ -0,0 +1,13 @@
+import UIKit
+import PassKit
+
+let borderColor = UIColor.gray
+let errorBorderColor = UIColor.red
+
+@objc(Payengine)
+class Payengine: NSObject {
+    @objc(multiply:withB:withResolver:withRejecter:)
+    func multiply(a: Float, b: Float, resolve:RCTPromiseResolveBlock,reject:RCTPromiseRejectBlock) -> Void {
+        resolve(a*b)
+    }
+}

package/lib/commonjs/components/PayEngine.js

@@ -9,133 +9,12 @@ var _react = _interopRequireDefault(require("react"));
 
 var _reactNative = require("react-native");
 
-var _reactNativeWebview = require("react-native-webview");
-
-var _utils = require("../utils");
-
-var _LoadingIndicator = _interopRequireDefault(require("./LoadingIndicator"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const getHtmlTag = props => {
-  const allowedProps = Object.keys(props).filter(x => !['config', 'events', 'style'].includes(x));
-  return `<pay-engine id="component"
-    style="z-index: 100"
-    ${allowedProps.map(propName => `${propName}="${props[propName]}"`).join(' ')}
-  ></pay-engine>`;
-};
-
-const generateHTML = (scriptURL, props) => {
-  return `<!DOCTYPE html>
-    <html>
-    <head>
-      <title>PayEngine Elements</title>
-      <meta name="viewport" content="width=device-width, initial-scale=1.0">
-      <script src="${scriptURL}" async defer type="text/javascript"></script>
-    </head>
-    <body>
-      ${getHtmlTag(props)}
-      <script>
-        setInterval(function() {
-          window.ReactNativeWebView.postMessage(JSON.stringify({
-            type: 'PayEngine-height',
-            height: document.body.scrollHeight
-          }))
-        }, 500);
-      </script>
-    </body>
-    </html>`;
-};
-
-const PayEngine = props => {
-  const [scriptURL] = _react.default.useState((0, _utils.getScriptURL)(props.config));
-
-  const [height, setHeight] = _react.default.useState(30);
-
-  const html = generateHTML(scriptURL, props);
-
-  const onMessage = payload => {
-    var _props$events;
-
-    const isDebug = props.config.logLevel > 0;
-    let dataPayload;
-
-    try {
-      dataPayload = JSON.parse(payload.nativeEvent.data);
-    } catch (e) {}
-
-    if (dataPayload) {
-      switch (dataPayload.type) {
-        case 'Console':
-          if (isDebug) {
-            console.info(`[Console] ${JSON.stringify(dataPayload.data)}`);
-          }
-
-          break;
-
-        case 'PayEngine':
-          const {
-            type,
-            detail
-          } = dataPayload.event;
-
-          if ((_props$events = props.events) !== null && _props$events !== void 0 && _props$events[type]) {
-            var _props$events2, _props$events2$type;
-
-            (_props$events2 = props.events) === null || _props$events2 === void 0 ? void 0 : (_props$events2$type = _props$events2[type]) === null || _props$events2$type === void 0 ? void 0 : _props$events2$type.call(_props$events2, detail);
-          }
-
-          break;
-
-        case 'PayEngine-height':
-          setHeight(dataPayload.height);
-          break;
-
-        default:
-          if (isDebug) {
-            console.log(dataPayload);
-          }
-
-          break;
-      }
-    }
-  };
-
-  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: [{
-      flex: 1,
-      height: height
-    }, props.style]
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: styles.yellowBox
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, null, "Script URL: ", scriptURL)), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: styles.yellowBox
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, null, getHtmlTag(props))), /*#__PURE__*/_react.default.createElement(_reactNativeWebview.WebView, {
-    originWhitelist: ['*'],
-    source: {
-      html: html,
-      baseUrl: ''
-    } // source={{ uri: 'https://google.com' }}
-    ,
-    applicationNameForUserAgent: `PayEngine-RN/${_reactNative.Platform.OS}`,
-    injectedJavaScript: _utils.debuggingScript,
-    renderLoading: _LoadingIndicator.default,
-    startInLoadingState: true,
-    onMessage: onMessage
-  }));
+const PayEngine = () => {
+  return /*#__PURE__*/_react.default.createElement(_reactNative.Text, null, "Obsolete. Please check out the package readme");
 };
 
-const styles = _reactNative.StyleSheet.create({
-  yellowBox: {
-    marginVertical: 5,
-    marginHorizontal: 10,
-    padding: 10,
-    backgroundColor: 'yellow',
-    borderWidth: 1,
-    borderColor: 'yellow'
-  }
-});
-
 var _default = PayEngine;
 exports.default = _default;
 //# sourceMappingURL=PayEngine.js.map

package/lib/commonjs/components/PayEngine.js.map

@@ -1 +1 @@
-{"version":3,"names":["getHtmlTag","props","allowedProps","Object","keys","filter","x","includes","map","propName","join","generateHTML","scriptURL","PayEngine","React","useState","getScriptURL","config","height","setHeight","html","onMessage","payload","isDebug","logLevel","dataPayload","JSON","parse","nativeEvent","data","e","type","console","info","stringify","detail","event","events","log","flex","style","styles","yellowBox","baseUrl","Platform","OS","debuggingScript","LoadingIndicator","StyleSheet","create","marginVertical","marginHorizontal","padding","backgroundColor","borderWidth","borderColor"],"sources":["PayEngine.tsx"],"sourcesContent":["import React from 'react';\nimport { Platform, StyleProp, StyleSheet, Text, View, ViewStyle } from 'react-native';\nimport { WebView } from 'react-native-webview';\nimport { getScriptURL, IPayEngineConfig, debuggingScript } from '../utils';\nimport LoadingIndicator from './LoadingIndicator';\n\ninterface IProps {\n  config: IPayEngineConfig\n  type: string\n  merchantId?: string\n  hash?: string\n  events: {\n    [key: string]: (eventData: any) => void\n  }\n  style?: StyleProp<ViewStyle>\n  [key: string]: any\n}\n\nconst getHtmlTag = (props: IProps) => {\n  const allowedProps = Object.keys(props).filter(x => !['config', 'events', 'style'].includes(x))\n  return `<pay-engine id=\"component\"\n    style=\"z-index: 100\"\n    ${allowedProps.map((propName: string) => `${propName}=\"${props[propName]}\"`).join(' ')}\n  ></pay-engine>`\n}\n\nconst generateHTML = (scriptURL: string, props: IProps) => {\n  return `<!DOCTYPE html>\n    <html>\n    <head>\n      <title>PayEngine Elements</title>\n      <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n      <script src=\"${scriptURL}\" async defer type=\"text/javascript\"></script>\n    </head>\n    <body>\n      ${getHtmlTag(props)}\n      <script>\n        setInterval(function() {\n          window.ReactNativeWebView.postMessage(JSON.stringify({\n            type: 'PayEngine-height',\n            height: document.body.scrollHeight\n          }))\n        }, 500);\n      </script>\n    </body>\n    </html>`\n}\n\nconst PayEngine = (props: IProps) => {\n\n  const [scriptURL] = React.useState(getScriptURL(props.config))\n  const [height, setHeight] = React.useState(30)\n\n  const html = generateHTML(scriptURL, props)\n\n  const onMessage = (payload: any) => {\n    const isDebug = props.config.logLevel! > 0\n    let dataPayload;\n    try {\n      dataPayload = JSON.parse(payload.nativeEvent.data);\n    } catch (e) { }\n\n    if (dataPayload) {\n      switch (dataPayload.type) {\n        case 'Console':\n          if (isDebug) {\n            console.info(`[Console] ${JSON.stringify(dataPayload.data)}`);\n          }\n          break;\n        case 'PayEngine':\n          const { type, detail } = dataPayload.event\n          if (props.events?.[type]) {\n            props.events?.[type]?.(detail)\n          }\n          break;\n        case 'PayEngine-height':\n          setHeight(dataPayload.height)\n          break;\n        default:\n          if (isDebug) {\n            console.log(dataPayload)\n          }\n          break;\n      }\n    }\n  };\n\n  return <View style={[{ flex: 1, height: height }, props.style]}>\n    <View style={styles.yellowBox}>\n      <Text>Script URL: {scriptURL}</Text>\n    </View>\n    <View style={styles.yellowBox}>\n      <Text>{getHtmlTag(props)}</Text>\n    </View>\n    <WebView\n      originWhitelist={['*']}\n      source={{ html: html, baseUrl: '' }}\n      // source={{ uri: 'https://google.com' }}\n      applicationNameForUserAgent={`PayEngine-RN/${Platform.OS}`}\n      injectedJavaScript={debuggingScript}\n      renderLoading={LoadingIndicator}\n      startInLoadingState={true}\n      onMessage={onMessage}\n    />\n  </View>\n}\n\nconst styles = StyleSheet.create({\n  yellowBox: {\n    marginVertical: 5,\n    marginHorizontal: 10,\n    padding: 10,\n    backgroundColor: 'yellow',\n    borderWidth: 1,\n    borderColor: 'yellow'\n  }\n})\n\n\nexport default PayEngine\n"],"mappings":"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"}
+{"version":3,"names":["PayEngine"],"sources":["PayEngine.tsx"],"sourcesContent":["import React from 'react';\nimport { Text } from 'react-native';\n\nconst PayEngine = () => {\n  return <Text>Obsolete. Please check out the package readme</Text>;\n};\n\nexport default PayEngine;\n"],"mappings":";;;;;;;AAAA;;AACA;;;;AAEA,MAAMA,SAAS,GAAG,MAAM;EACtB,oBAAO,6BAAC,iBAAD,wDAAP;AACD,CAFD;;eAIeA,S"}

package/lib/commonjs/components/{SecureFields/VGS/CardHolderNameField.js → v2/ApplePay/PEApplePayButton.js}

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.PEApplePayButton = void 0;
 
-var _react = _interopRequireWildcard(require("react"));
+var React = _interopRequireWildcard(require("react"));
 
 var _reactNative = require("react-native");
 
@@ -13,14 +13,39 @@ 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; }
 
-class CardHolderNameField extends _react.PureComponent {
-  render() {
-    return /*#__PURE__*/_react.default.createElement(RTCCardHolderNameField, this.props);
-  }
-
-}
-
-const RTCCardHolderNameField = (0, _reactNative.requireNativeComponent)('VGSCardHolderNameField');
-var _default = CardHolderNameField;
-exports.default = _default;
-//# sourceMappingURL=CardHolderNameField.js.map
+const RNPEApplePayButton = (0, _reactNative.requireNativeComponent)('RNPEApplePayButton');
+const PEApplePayButton = /*#__PURE__*/React.forwardRef((props, ref) => {
+  React.useImperativeHandle(ref, () => ({}));
+
+  const pmError = event => {
+    if (props.onPaymentFailed) {
+      props.onPaymentFailed(new Error(event.nativeEvent.error));
+    }
+  };
+
+  const pmTokenDidReturn = event => {
+    if (props.onTokenDidReturn) {
+      props.onTokenDidReturn(event.nativeEvent.token);
+    }
+  };
+
+  const pmSheetDidDismiss = () => {
+    if (props.onPaymentSheetDismissed) {
+      props.onPaymentSheetDismissed();
+    }
+  };
+
+  return /*#__PURE__*/React.createElement(RNPEApplePayButton, {
+    style: {
+      height: 32,
+      width: '100%',
+      ...props.style
+    },
+    paymentRequest: JSON.stringify(props.paymentRequest),
+    onPmError: pmError,
+    onPmTokenDidReturn: pmTokenDidReturn,
+    onPmSheetDidDismiss: pmSheetDidDismiss
+  });
+});
+exports.PEApplePayButton = PEApplePayButton;
+//# sourceMappingURL=PEApplePayButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["RNPEApplePayButton","requireNativeComponent","PEApplePayButton","React","forwardRef","props","ref","useImperativeHandle","pmError","event","onPaymentFailed","Error","nativeEvent","error","pmTokenDidReturn","onTokenDidReturn","token","pmSheetDidDismiss","onPaymentSheetDismissed","height","width","style","JSON","stringify","paymentRequest"],"sources":["PEApplePayButton.tsx"],"sourcesContent":["\nimport * as React from 'react';\nimport { requireNativeComponent, ViewProps } from 'react-native';\nimport type { PEPaymentRequest } from './PEPaymentRequest';\n\n\nconst RNPEApplePayButton = requireNativeComponent<NativePECreditCardViewProps>('RNPEApplePayButton');\n\ntype NativePEApplePayEvent = {\n  nativeEvent: {\n    error?: string;\n    token?: string\n  };\n};\n\ninterface NativePECreditCardViewProps 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) => 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      props.onTokenDidReturn(event.nativeEvent.token!);\n    }\n  };\n\n  const pmSheetDidDismiss = () => {\n    if (props.onPaymentSheetDismissed) {\n      props.onPaymentSheetDismissed();\n    }\n  }\n  \n  return (\n    <RNPEApplePayButton \n      style={{ height: 32, width: '100%', ...(props.style as object) }} \n      paymentRequest={JSON.stringify(props.paymentRequest)} \n      onPmError={pmError} \n      onPmTokenDidReturn={pmTokenDidReturn} \n      onPmSheetDidDismiss={pmSheetDidDismiss} \n    />\n  );\n});\n"],"mappings":";;;;;;;AACA;;AACA;;;;;;AAIA,MAAMA,kBAAkB,GAAG,IAAAC,mCAAA,EAAoD,oBAApD,CAA3B;AA4BO,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;MAC1BV,KAAK,CAACU,gBAAN,CAAuBN,KAAK,CAACG,WAAN,CAAkBI,KAAzC;IACD;EACF,CAJD;;EAMA,MAAMC,iBAAiB,GAAG,MAAM;IAC9B,IAAIZ,KAAK,CAACa,uBAAV,EAAmC;MACjCb,KAAK,CAACa,uBAAN;IACD;EACF,CAJD;;EAMA,oBACE,oBAAC,kBAAD;IACE,KAAK,EAAE;MAAEC,MAAM,EAAE,EAAV;MAAcC,KAAK,EAAE,MAArB;MAA6B,GAAIf,KAAK,CAACgB;IAAvC,CADT;IAEE,cAAc,EAAEC,IAAI,CAACC,SAAL,CAAelB,KAAK,CAACmB,cAArB,CAFlB;IAGE,SAAS,EAAEhB,OAHb;IAIE,kBAAkB,EAAEM,gBAJtB;IAKE,mBAAmB,EAAEG;EALvB,EADF;AASD,CAnC+B,CAAzB"}

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

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PEPaymentRequest = void 0;
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+class PEPaymentRequest {
+  constructor(paymentAmount) {
+    let currencyCode = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'USD';
+    let paymentItems = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
+
+    _defineProperty(this, "paymentAmount", void 0);
+
+    _defineProperty(this, "currencyCode", void 0);
+
+    _defineProperty(this, "paymentItems", void 0);
+
+    this.paymentAmount = paymentAmount;
+    this.currencyCode = currencyCode;
+    this.paymentItems = paymentItems;
+  }
+
+}
+
+exports.PEPaymentRequest = PEPaymentRequest;
+//# sourceMappingURL=PEPaymentRequest.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["PEPaymentRequest","constructor","paymentAmount","currencyCode","paymentItems"],"sources":["PEPaymentRequest.ts"],"sourcesContent":["\nexport class PEPaymentRequest {\n  paymentAmount: number;\n  currencyCode: 'USD' | 'CAD';\n  paymentItems: {\n    amount: number;\n    label: string;\n  }[]\n\n  constructor(paymentAmount: number, currencyCode: 'USD' | 'CAD' = 'USD', paymentItems: {\n    amount: number;\n    label: string;\n  }[] = []) {\n    this.paymentAmount = paymentAmount;\n    this.currencyCode = currencyCode;\n    this.paymentItems = paymentItems;\n  }\n}"],"mappings":";;;;;;;;;AACO,MAAMA,gBAAN,CAAuB;EAQ5BC,WAAW,CAACC,aAAD,EAGD;IAAA,IAHyBC,YAGzB,uEAHuD,KAGvD;IAAA,IAH8DC,YAG9D,uEAAJ,EAAI;;IAAA;;IAAA;;IAAA;;IACR,KAAKF,aAAL,GAAqBA,aAArB;IACA,KAAKC,YAAL,GAAoBA,YAApB;IACA,KAAKC,YAAL,GAAoBA,YAApB;EACD;;AAf2B"}

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

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _reactNative = require("react-native");
+
+const {
+  RNPayEngineNative
+} = _reactNative.NativeModules;
+
+class PayEngineNative {
+  static async createFraudMonitorSession(merchantId) {
+    return RNPayEngineNative.createFraudMonitorSession(merchantId);
+  }
+
+  static async getBrowserInfo() {
+    return RNPayEngineNative.getBrowserInfo();
+  }
+
+  static async isPlatformPaySupported(merchantId) {
+    if (_reactNative.Platform.OS === 'ios') {
+      return await RNPayEngineNative.isApplePaySupported(merchantId);
+    }
+
+    return false;
+  }
+
+}
+
+exports.default = PayEngineNative;
+//# sourceMappingURL=PayEngineNative.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["RNPayEngineNative","NativeModules","PayEngineNative","createFraudMonitorSession","merchantId","getBrowserInfo","isPlatformPaySupported","Platform","OS","isApplePaySupported"],"sources":["PayEngineNative.tsx"],"sourcesContent":["import { NativeModules, Platform } from \"react-native\";\n\nconst { RNPayEngineNative } = NativeModules;\n\nexport default class PayEngineNative {\n  static async createFraudMonitorSession(merchantId: string) {\n    return RNPayEngineNative.createFraudMonitorSession(merchantId);\n  }\n\n  static async getBrowserInfo() {\n    return RNPayEngineNative.getBrowserInfo();\n  }\n\n  static async isPlatformPaySupported(merchantId: string) {\n    if (Platform.OS === 'ios') {\n      return await RNPayEngineNative.isApplePaySupported(merchantId);\n    }\n    return false;\n  }\n}"],"mappings":";;;;;;;AAAA;;AAEA,MAAM;EAAEA;AAAF,IAAwBC,0BAA9B;;AAEe,MAAMC,eAAN,CAAsB;EACG,aAAzBC,yBAAyB,CAACC,UAAD,EAAqB;IACzD,OAAOJ,iBAAiB,CAACG,yBAAlB,CAA4CC,UAA5C,CAAP;EACD;;EAE0B,aAAdC,cAAc,GAAG;IAC5B,OAAOL,iBAAiB,CAACK,cAAlB,EAAP;EACD;;EAEkC,aAAtBC,sBAAsB,CAACF,UAAD,EAAqB;IACtD,IAAIG,qBAAA,CAASC,EAAT,KAAgB,KAApB,EAA2B;MACzB,OAAO,MAAMR,iBAAiB,CAACS,mBAAlB,CAAsCL,UAAtC,CAAb;IACD;;IACD,OAAO,KAAP;EACD;;AAdkC"}

package/lib/commonjs/components/{SecureFields/VGS/TextField.js → v2/PayEngineProvider.js}

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.PayEngineProvider = exports.PayEngineContext = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
@@ -13,18 +13,34 @@ 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; }
 
-class TextField extends _react.PureComponent {
-  constructor(props) {
-    super(props);
-  }
+const {
+  RNPayEngineNative
+} = _reactNative.NativeModules;
+const PayEngineContext = /*#__PURE__*/(0, _react.createContext)(undefined);
+exports.PayEngineContext = PayEngineContext;
+
+const PayEngineProvider = _ref => {
+  let {
+    config,
+    children
+  } = _ref;
+
+  const [loading, setLoading] = _react.default.useState(true);
+
+  _react.default.useEffect(() => {
+    setLoading(true);
+    RNPayEngineNative.setConfig(config.publicKey, config.scriptURL);
+    setLoading(false);
+  }, [config]);
 
-  render() {
-    return /*#__PURE__*/_react.default.createElement(RTCTextField, this.props);
+  if (!config) {
+    throw new Error('PayEngineProvider: config is required');
   }
 
-}
+  return /*#__PURE__*/_react.default.createElement(PayEngineContext.Provider, {
+    value: config
+  }, loading ? /*#__PURE__*/_react.default.createElement(_reactNative.ActivityIndicator, null) : children);
+};
 
-const RTCTextField = (0, _reactNative.requireNativeComponent)('VGSTextField');
-var _default = TextField;
-exports.default = _default;
-//# sourceMappingURL=TextField.js.map
+exports.PayEngineProvider = PayEngineProvider;
+//# sourceMappingURL=PayEngineProvider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["RNPayEngineNative","NativeModules","PayEngineContext","createContext","undefined","PayEngineProvider","config","children","loading","setLoading","React","useState","useEffect","setConfig","publicKey","scriptURL","Error"],"sources":["PayEngineProvider.tsx"],"sourcesContent":["import React, { createContext } from \"react\";\nimport type { IPayEngineConfig } from \"../../interfaces\";\nimport { ActivityIndicator, NativeModules } from \"react-native\";\n\nconst { RNPayEngineNative } = NativeModules;\n\nconst PayEngineContext = createContext<IPayEngineConfig | undefined>(undefined);\n\nconst PayEngineProvider = ({ config, children }: { config: IPayEngineConfig, children: React.ReactNode }) => {\n  const [loading, setLoading] = React.useState(true);\n\n  React.useEffect(() => {\n    setLoading(true);\n    RNPayEngineNative.setConfig(config.publicKey, config.scriptURL)\n    setLoading(false);\n  }, [config]);\n\n  if (!config) {\n    throw new Error('PayEngineProvider: config is required');\n  }\n\n  return <PayEngineContext.Provider value={config}>\n    {loading ? <ActivityIndicator /> : children}\n  </PayEngineContext.Provider>\n}\n\nexport {\n  PayEngineContext,\n  PayEngineProvider\n};"],"mappings":";;;;;;;AAAA;;AAEA;;;;;;AAEA,MAAM;EAAEA;AAAF,IAAwBC,0BAA9B;AAEA,MAAMC,gBAAgB,gBAAG,IAAAC,oBAAA,EAA4CC,SAA5C,CAAzB;;;AAEA,MAAMC,iBAAiB,GAAG,QAAmF;EAAA,IAAlF;IAAEC,MAAF;IAAUC;EAAV,CAAkF;;EAC3G,MAAM,CAACC,OAAD,EAAUC,UAAV,IAAwBC,cAAA,CAAMC,QAAN,CAAe,IAAf,CAA9B;;EAEAD,cAAA,CAAME,SAAN,CAAgB,MAAM;IACpBH,UAAU,CAAC,IAAD,CAAV;IACAT,iBAAiB,CAACa,SAAlB,CAA4BP,MAAM,CAACQ,SAAnC,EAA8CR,MAAM,CAACS,SAArD;IACAN,UAAU,CAAC,KAAD,CAAV;EACD,CAJD,EAIG,CAACH,MAAD,CAJH;;EAMA,IAAI,CAACA,MAAL,EAAa;IACX,MAAM,IAAIU,KAAJ,CAAU,uCAAV,CAAN;EACD;;EAED,oBAAO,6BAAC,gBAAD,CAAkB,QAAlB;IAA2B,KAAK,EAAEV;EAAlC,GACJE,OAAO,gBAAG,6BAAC,8BAAD,OAAH,GAA2BD,QAD9B,CAAP;AAGD,CAhBD"}