npm - react-native-payengine - Versions diffs - 1.0.6 → 2.0.2 - Mend

react-native-payengine 1.0.6 → 2.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (300) hide show

package/ios/Sources/Payengine.swift ADDED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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, debuggingScript } from '../utils';\nimport LoadingIndicator from './LoadingIndicator';\nimport type { IPayEngineConfig } from '../interfaces/index';\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":";;;;;;;AAAA;;AACA~~;;AACA;;AACA;;AACA~~;;;;~~AAeA~~,MAAMA,~~UAAU~~,GAAIC,KAAD,IAAmB;EACpC,MAAMC,YAAY,GAAGC,MAAM,CAACC,IAAP,CAAYH,KAAZ,EAAmBI,MAAnB,CAA0BC,CAAC,IAAI,CAAC,CAAC,QAAD,EAAW,QAAX,EAAqB,OAArB,EAA8BC,QAA9B,CAAuCD,CAAvC,CAAhC,CAArB;EACA,OAAQ;AACV;AACA,MAAMJ,YAAY,CAACM,GAAb,CAAkBC,QAAD,IAAuB,GAAEA,QAAS,KAAIR,KAAK,CAACQ,QAAD,CAAW,GAAvE,EAA2EC,IAA3E,CAAgF,GAAhF,CAAqF;AAC3F,iBAHE;AAID,CAND;;AAQA,MAAMC,YAAY,GAAG,CAACC,SAAD,EAAoBX,KAApB,KAAsC;EACzD,OAAQ;AACV;AACA;AACA;AACA;AACA,qBAAqBW,SAAU;AAC/B;AACA;AACA,QAAQZ,UAAU,CAACC,KAAD,CAAQ;AAC1B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,YAlBE;AAmBD,CApBD;;AAsBA,MAAMY,SAAS,GAAIZ,KAAD,IAAmB;EAEnC,MAAM,CAACW,SAAD,IAAcE,cAAA,CAAMC,QAAN,CAAe,IAAAC,mBAAA,EAAaf,KAAK,CAACgB,MAAnB,CAAf,CAApB;;EACA,MAAM,CAACC,MAAD,EAASC,SAAT,IAAsBL,cAAA,CAAMC,QAAN,CAAe,EAAf,CAA5B;;EAEA,MAAMK,IAAI,GAAGT,YAAY,CAACC,SAAD,EAAYX,KAAZ,CAAzB;;EAEA,MAAMoB,SAAS,GAAIC,OAAD,IAAkB;~~IAAA;;IAClC~~,MAAMC,OAAO,GAAGtB,KAAK,CAACgB,MAAN,CAAaO,QAAb,GAAyB,CAAzC;IACA,IAAIC,WAAJ;;IACA,IAAI;MACFA,WAAW,GAAGC,IAAI,CAACC,KAAL,CAAWL,OAAO,CAACM,WAAR,CAAoBC,IAA/B,CAAd;IACD,CAFD,CAEE,OAAOC,CAAP,EAAU,CAAG;;IAEf,IAAIL,WAAJ,EAAiB;MACf,QAAQA,WAAW,CAACM,IAApB;QACE,KAAK,SAAL;UACE,IAAIR,OAAJ,EAAa;YACXS,OAAO,CAACC,IAAR,CAAc,aAAYP,IAAI,CAACQ,SAAL,CAAeT,WAAW,CAACI,IAA3B,CAAiC,EAA3D;UACD;;UACD;;QACF,KAAK,WAAL;UACE,MAAM;YAAEE,IAAF;YAAQI;UAAR,IAAmBV,WAAW,CAACW,KAArC;;UACA,qBAAInC,KAAK,CAACoC,MAAV,0CAAI,cAAeN,IAAf,CAAJ,EAA0B;YAAA;;YACxB,kBAAA9B,KAAK,CAACoC,MAAN,yFAAeN,IAAf,kGAAuBI,MAAvB;UACD;;UACD;;QACF,KAAK,kBAAL;UACEhB,SAAS,CAACM,WAAW,CAACP,MAAb,CAAT;UACA;;QACF;UACE,IAAIK,OAAJ,EAAa;YACXS,OAAO,CAACM,GAAR,CAAYb,WAAZ;UACD;;UACD;MAnBJ;IAqBD;EACF,CA9BD;;EAgCA,oBAAO,6BAAC,iBAAD~~;IAAM~~,~~KAAK,EAAE,CAAC~~;~~MAAEc~~,IAAI,EAAE,CAAR;MAAWrB,MAAM,EAAEA;IAAnB,CAAD,EAA8BjB,KAAK,CAACuC,KAApC;EAAb,gBACL,6BAAC,iBAAD;IAAM,KAAK,EAAEC,MAAM,CAACC;EAApB,gBACE,6BAAC,iBAAD,wBAAmB9B,SAAnB,CADF,CADK,eAIL,6BAAC,iBAAD;IAAM,KAAK,EAAE6B,MAAM,CAACC;EAApB,gBACE,6BAAC,iBAAD,QAAO1C,UAAU,CAACC,KAAD,CAAjB,CADF,CAJK,eAOL,6BAAC,2BAAD;IACE,eAAe,EAAE,CAAC,GAAD,CADnB;IAEE,MAAM,EAAE;MAAEmB,IAAI,EAAEA,IAAR;MAAcuB,OAAO,EAAE;IAAvB,CAFV,CAGE;IAHF;IAIE,2BAA2B,EAAG,gBAAeC,qBAAA,CAASC,EAAG,EAJ3D;IAKE,kBAAkB,EAAEC,sBALtB;IAME,aAAa,EAAEC,yBANjB;IAOE,mBAAmB,EAAE,IAPvB;IAQE,SAAS,EAAE1B;EARb,EAPK,CAAP;AAkBD,CAzDD;;~~AA2DA~~,MAAMoB,MAAM,GAAGO,uBAAA,CAAWC,MAAX,CAAkB;EAC/BP,SAAS,EAAE;IACTQ,cAAc,EAAE,CADP;IAETC,gBAAgB,EAAE,EAFT;IAGTC,OAAO,EAAE,EAHA;IAITC,eAAe,EAAE,QAJR;IAKTC,WAAW,EAAE,CALJ;IAMTC,WAAW,EAAE;EANJ;AADoB,CAAlB,CAAf;;eAYe1C,S"}
1	+ {"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/ExpDateField.js → v2/ApplePay/PEApplePayButton.js} RENAMED Viewed

@@ -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 ExpDateField extends _react.PureComponent {
-  render() {
-    return /*#__PURE__*/_react.default.createElement(RTCExpDateField, this.props);
-  }
-}
-const RTCExpDateField = (0, _reactNative.requireNativeComponent)('VGSExpDateField');
-var _default = ExpDateField;
-exports.default = _default;
-//# sourceMappingURL=ExpDateField.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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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} RENAMED Viewed

@@ -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 ADDED Viewed

@@ -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"}

package/lib/commonjs/components/v2/SecureFields/BankAccountView.js ADDED Viewed

@@ -0,0 +1,89 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PEBankAccountView = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+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; }
+const {
+  RNPEEventEmitter
+} = _reactNative.NativeModules;
+const COMPONENT_NAME = 'RNPEBankAccountView';
+const RNPEBankAccountView = (0, _reactNative.requireNativeComponent)(COMPONENT_NAME); // @ts-ignore
+const RNPEBankAccountViewManager = _reactNative.UIManager[COMPONENT_NAME];
+const peEventEmitter = new _reactNative.NativeEventEmitter(RNPEEventEmitter);
+const PEBankAccountView = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const formRef = React.useRef();
+  const [height, setHeight] = React.useState(0);
+  React.useImperativeHandle(ref, () => ({
+    submit: async function (merchantId) {
+      let additionalData = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+      return new Promise((resolve, reject) => {
+        if (height === 0) {
+          return reject(new Error('Form is not ready'));
+        }
+        const listener = peEventEmitter.addListener('onBankAccountRespond', args => {
+          listener.remove();
+          const {
+            error,
+            bankAccount: json
+          } = args;
+          if (error) {
+            reject(new Error(error));
+          } else {
+            const bankAccount = JSON.parse(json);
+            resolve(bankAccount);
+          }
+        });
+        callNativeMethod("submit", [merchantId, additionalData]);
+      });
+    },
+    showKeyboard: () => {
+      callNativeMethod("showKeyboard");
+    },
+    hideKeyboard: () => {
+      callNativeMethod("hideKeyboard");
+    }
+  }));
+  const callNativeMethod = React.useCallback(function (methodName) {
+    let params = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+    const viewId = (0, _reactNative.findNodeHandle)(formRef.current);
+    let commandId = RNPEBankAccountViewManager.Commands[methodName].toString();
+    if (_reactNative.Platform.OS === 'ios') {
+      commandId = Number(commandId);
+    }
+    _reactNative.UIManager.dispatchViewManagerCommand(viewId, commandId, params);
+  }, [formRef.current]);
+  React.useEffect(() => {
+    const eventListener = peEventEmitter.addListener('onSizeChanges', args => {
+      const {
+        width: _,
+        height: frameHeight
+      } = args;
+      setHeight(frameHeight);
+    });
+    return () => eventListener.remove();
+  }, []);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, height === 0 && /*#__PURE__*/React.createElement(_reactNative.ActivityIndicator, null), /*#__PURE__*/React.createElement(RNPEBankAccountView, {
+    ref: formRef,
+    additionalFields: JSON.stringify(props.additionalFields ?? []),
+    style: {
+      height: height
+    }
+  }));
+});
+exports.PEBankAccountView = PEBankAccountView;
+//# sourceMappingURL=BankAccountView.js.map

package/lib/commonjs/components/v2/SecureFields/BankAccountView.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["RNPEEventEmitter","NativeModules","COMPONENT_NAME","RNPEBankAccountView","requireNativeComponent","RNPEBankAccountViewManager","UIManager","peEventEmitter","NativeEventEmitter","PEBankAccountView","React","forwardRef","props","ref","formRef","useRef","height","setHeight","useState","useImperativeHandle","submit","merchantId","additionalData","Promise","resolve","reject","Error","listener","addListener","args","remove","error","bankAccount","json","JSON","parse","callNativeMethod","showKeyboard","hideKeyboard","useCallback","methodName","params","viewId","findNodeHandle","current","commandId","Commands","toString","Platform","OS","Number","dispatchViewManagerCommand","useEffect","eventListener","width","_","frameHeight","stringify","additionalFields"],"sources":["BankAccountView.tsx"],"sourcesContent":["\nimport * as React from 'react';\nimport { requireNativeComponent, NativeModules, NativeEventEmitter, ViewProps, findNodeHandle, UIManager, ActivityIndicator, Platform } from 'react-native';\nimport type IPEField from './IPEField';\nimport type PEBankAccount from './PEBankAccount';\n\nconst { RNPEEventEmitter } = NativeModules;\n\ninterface NativePEBankAccountViewProps extends ViewProps {\n additionalFields: string;\n}\n\nconst COMPONENT_NAME = 'RNPEBankAccountView'\nconst RNPEBankAccountView = requireNativeComponent<NativePEBankAccountViewProps>(COMPONENT_NAME);\n// @ts-ignore\nconst RNPEBankAccountViewManager = UIManager[COMPONENT_NAME]\n\nconst peEventEmitter = new NativeEventEmitter(RNPEEventEmitter);\n\nexport interface PEBankAccountViewProps {\n additionalFields?: IPEField[];\n}\n\nexport interface PEBankAccountViewMethods {\n submit: (merchantId: string, additionalData: { [key: string]: string }) => Promise<PEBankAccount>;\n showKeyboard: () => void;\n hideKeyboard: () => void;\n}\n\nexport const PEBankAccountView = React.forwardRef<\n PEBankAccountViewMethods,\n PEBankAccountViewProps\n>((props, ref) => {\n const formRef = React.useRef<any>();\n const [height, setHeight] = React.useState(0);\n\n React.useImperativeHandle(ref, () => ({\n submit: async (merchantId: string, additionalData: any = {}) => {\n return new Promise((resolve, reject) => {\n if (height === 0) {\n return reject(new Error('Form is not ready'))\n }\n \n const listener = peEventEmitter.addListener('onBankAccountRespond', args => {\n listener.remove()\n\n const { error, bankAccount: json } = args;\n if (error) {\n reject(new Error(error))\n } else {\n const bankAccount = JSON.parse(json) as PEBankAccount;\n resolve(bankAccount)\n }\n });\n\n callNativeMethod(\"submit\", [merchantId, additionalData],)\n });\n },\n showKeyboard: () => {\n callNativeMethod(\"showKeyboard\")\n },\n hideKeyboard: () => {\n callNativeMethod(\"hideKeyboard\")\n }\n }));\n\n const callNativeMethod = React.useCallback((methodName: string, params: any[] = []) => {\n const viewId = findNodeHandle(formRef.current);\n let commandId = RNPEBankAccountViewManager.Commands[methodName].toString()\n if (Platform.OS === 'ios') {\n commandId = Number(commandId)\n }\n UIManager.dispatchViewManagerCommand(\n viewId,\n commandId,\n params,\n );\n }, [formRef.current])\n\n\n React.useEffect(() => {\n const eventListener = peEventEmitter.addListener('onSizeChanges', args => {\n const { width: _, height: frameHeight } = args;\n setHeight(frameHeight);\n });\n return () => eventListener.remove();\n }, []);\n\n return (\n <>\n {height === 0 && <ActivityIndicator />}\n <RNPEBankAccountView ref={formRef} additionalFields={JSON.stringify(props.additionalFields ?? [])} style={{ height: height }} />\n </>\n );\n});\n"],"mappings":"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"}

package/lib/commonjs/components/v2/SecureFields/CreditCardView.js ADDED Viewed

@@ -0,0 +1,90 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PECreditCardView = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+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; }
+const {
+  RNPEEventEmitter
+} = _reactNative.NativeModules;
+const COMPONENT_NAME = 'RNPECreditCardView';
+const RNPECreditCardView = (0, _reactNative.requireNativeComponent)(COMPONENT_NAME); // @ts-ignore
+const RNPECreditCardViewManager = _reactNative.UIManager[COMPONENT_NAME];
+const peEventEmitter = new _reactNative.NativeEventEmitter(RNPEEventEmitter);
+const PECreditCardView = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const formRef = React.useRef();
+  const [height, setHeight] = React.useState(0);
+  React.useImperativeHandle(ref, () => ({
+    submit: async function (merchantId) {
+      let additionalData = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+      return new Promise((resolve, reject) => {
+        if (height === 0) {
+          return reject(new Error('Form is not ready'));
+        }
+        const listener = peEventEmitter.addListener('onCardRespond', args => {
+          listener.remove();
+          const {
+            error,
+            card: json
+          } = args;
+          if (error) {
+            reject(new Error(error));
+          } else {
+            const card = JSON.parse(json);
+            resolve(card);
+          }
+        });
+        callNativeMethod("submit", [merchantId, additionalData]);
+      });
+    },
+    showKeyboard: () => {
+      callNativeMethod("showKeyboard");
+    },
+    hideKeyboard: () => {
+      callNativeMethod("hideKeyboard");
+    }
+  }));
+  const callNativeMethod = React.useCallback(function (methodName) {
+    let params = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+    console.log("callNativeMethod", methodName, params);
+    const viewId = (0, _reactNative.findNodeHandle)(formRef.current);
+    let commandId = RNPECreditCardViewManager.Commands[methodName].toString();
+    if (_reactNative.Platform.OS === 'ios') {
+      commandId = Number(commandId);
+    }
+    _reactNative.UIManager.dispatchViewManagerCommand(viewId, commandId, params);
+  }, [formRef.current]);
+  React.useEffect(() => {
+    const eventListener = peEventEmitter.addListener('onSizeChanges', args => {
+      const {
+        width: _,
+        height: frameHeight
+      } = args;
+      setHeight(frameHeight);
+    });
+    return () => eventListener.remove();
+  }, []);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, height === 0 && /*#__PURE__*/React.createElement(_reactNative.ActivityIndicator, null), /*#__PURE__*/React.createElement(RNPECreditCardView, {
+    ref: formRef,
+    additionalFields: JSON.stringify(props.additionalFields ?? []),
+    style: {
+      height: height
+    }
+  }));
+});
+exports.PECreditCardView = PECreditCardView;
+//# sourceMappingURL=CreditCardView.js.map

package/lib/commonjs/components/v2/SecureFields/CreditCardView.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["RNPEEventEmitter","NativeModules","COMPONENT_NAME","RNPECreditCardView","requireNativeComponent","RNPECreditCardViewManager","UIManager","peEventEmitter","NativeEventEmitter","PECreditCardView","React","forwardRef","props","ref","formRef","useRef","height","setHeight","useState","useImperativeHandle","submit","merchantId","additionalData","Promise","resolve","reject","Error","listener","addListener","args","remove","error","card","json","JSON","parse","callNativeMethod","showKeyboard","hideKeyboard","useCallback","methodName","params","console","log","viewId","findNodeHandle","current","commandId","Commands","toString","Platform","OS","Number","dispatchViewManagerCommand","useEffect","eventListener","width","_","frameHeight","stringify","additionalFields"],"sources":["CreditCardView.tsx"],"sourcesContent":["\nimport * as React from 'react';\nimport { requireNativeComponent, NativeModules, NativeEventEmitter, ViewProps, Platform, findNodeHandle, UIManager, ActivityIndicator } from 'react-native';\nimport type IPEField from './IPEField';\nimport type PECard from './PECard';\n\nconst { RNPEEventEmitter } = NativeModules;\n\ninterface NativePECreditCardViewProps extends ViewProps {\n additionalFields: string;\n}\n\nconst COMPONENT_NAME = 'RNPECreditCardView'\nconst RNPECreditCardView = requireNativeComponent<NativePECreditCardViewProps>(COMPONENT_NAME);\n// @ts-ignore\nconst RNPECreditCardViewManager = UIManager[COMPONENT_NAME]\nconst peEventEmitter = new NativeEventEmitter(RNPEEventEmitter);\n\nexport interface PECreditCardViewProps {\n additionalFields?: IPEField[];\n}\n\nexport interface PECreditCardViewMethods {\n submit: (merchantId: string, additionalData: { [key: string]: string }) => Promise<PECard>;\n showKeyboard: () => void;\n hideKeyboard: () => void;\n}\n\nexport const PECreditCardView = React.forwardRef<\n PECreditCardViewMethods,\n PECreditCardViewProps\n>((props, ref) => {\n const formRef = React.useRef<any>();\n const [height, setHeight] = React.useState(0);\n\n React.useImperativeHandle(ref, () => ({\n submit: async (merchantId: string, additionalData: any = {}) => {\n return new Promise((resolve, reject) => {\n if (height === 0) {\n return reject(new Error('Form is not ready'))\n }\n\n const listener = peEventEmitter.addListener('onCardRespond', args => {\n listener.remove()\n\n const { error, card: json } = args;\n if (error) {\n reject(new Error(error))\n } else {\n const card = JSON.parse(json) as PECard;\n resolve(card)\n }\n });\n\n callNativeMethod(\"submit\", [merchantId, additionalData])\n });\n },\n showKeyboard: () => {\n callNativeMethod(\"showKeyboard\")\n },\n hideKeyboard: () => {\n callNativeMethod(\"hideKeyboard\")\n }\n }));\n\n const callNativeMethod = React.useCallback((methodName: string, params: any[] = []) => {\n console.log(\"callNativeMethod\", methodName, params)\n const viewId = findNodeHandle(formRef.current);\n let commandId = RNPECreditCardViewManager.Commands[methodName].toString()\n if (Platform.OS === 'ios') {\n commandId = Number(commandId)\n }\n UIManager.dispatchViewManagerCommand(\n viewId,\n commandId,\n params,\n );\n }, [formRef.current])\n\n React.useEffect(() => {\n const eventListener = peEventEmitter.addListener('onSizeChanges', args => {\n const { width: _, height: frameHeight } = args;\n setHeight(frameHeight);\n });\n\n return () => eventListener.remove();\n }, []);\n\n\n return (\n <>\n {height === 0 && <ActivityIndicator />}\n <RNPECreditCardView ref={formRef} additionalFields={JSON.stringify(props.additionalFields ?? [])} style={{ height: height }} />\n </>\n );\n});\n"],"mappings":"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"}

package/lib/commonjs/components/v2/SecureFields/IPEField.js ADDED Viewed

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=IPEField.js.map

package/lib/commonjs/components/v2/SecureFields/IPEField.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"names":[],"sources":["IPEField.ts"],"sourcesContent":["import type PEKeyboardType from \"./PEKeyboardType\";\n\ninterface IPEField {\n name: string;\n type: string;\n placeholder: string;\n keyboardType: PEKeyboardType;\n isRequired: boolean;\n pattern?: string;\n}\n\nexport default IPEField;\n"],"mappings":""}

package/lib/commonjs/components/v2/SecureFields/PEBankAccount.js ADDED Viewed

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=PEBankAccount.js.map

package/lib/commonjs/components/v2/SecureFields/PEBankAccount.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"names":[],"sources":["PEBankAccount.ts"],"sourcesContent":["interface PEBankAccount {\n id: string;\n token: string;\n account_data: {\n first_name: string;\n last_name: string;\n routing_number: string;\n last_4: string;\n };\n}\n\nexport default PEBankAccount;"],"mappings":""}

package/lib/commonjs/components/v2/SecureFields/PECard.js ADDED Viewed

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=PECard.js.map

package/lib/commonjs/components/v2/SecureFields/PECard.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"names":[],"sources":["PECard.ts"],"sourcesContent":["interface PECard {\n token: string;\n card_data: {\n id: string;\n brand: string;\n last_4: string;\n exp_year: string;\n exp_month: string;\n name: string;\n address_zip?: string;\n };\n}\n\nexport default PECard;"],"mappings":""}