react-native-payengine 1.0.6 → 2.0.4

package/lib/module/components/v2/GooglePay/PEGooglePayButton.js

@@ -0,0 +1,56 @@
+import * as React from 'react';
+import { NativeEventEmitter, NativeModules, Platform, requireNativeComponent, Text } from 'react-native';
+const {
+  RNPEEventEmitter
+} = NativeModules;
+const RNPEGooglePayButton = requireNativeComponent('RNPEGooglePayButton');
+const peEventEmitter = new NativeEventEmitter(RNPEEventEmitter);
+export const PEGooglePayButton = /*#__PURE__*/React.forwardRef((props, ref) => {
+  React.useImperativeHandle(ref, () => ({}));
+  React.useEffect(() => {
+    const listener1 = peEventEmitter.addListener('onGooglePayRespond', args => {
+      var _props$onTokenDidRetu;
+
+      const {
+        token
+      } = args;
+      console.log('ON token', token);
+      (_props$onTokenDidRetu = props.onTokenDidReturn) === null || _props$onTokenDidRetu === void 0 ? void 0 : _props$onTokenDidRetu.call(props, token);
+    });
+    const listener2 = peEventEmitter.addListener('onGooglePayError', args => {
+      var _props$onPaymentFaile;
+
+      const {
+        error
+      } = args;
+      console.log('ON error', error);
+      (_props$onPaymentFaile = props.onPaymentFailed) === null || _props$onPaymentFaile === void 0 ? void 0 : _props$onPaymentFaile.call(props, new Error(error));
+    });
+    const listener3 = peEventEmitter.addListener('onGooglePayDismiss', () => {
+      var _props$onPaymentSheet;
+
+      console.log('ON dismiss');
+      (_props$onPaymentSheet = props.onPaymentSheetDismissed) === null || _props$onPaymentSheet === void 0 ? void 0 : _props$onPaymentSheet.call(props);
+    });
+    return () => {
+      listener1.remove();
+      listener2.remove();
+      listener3.remove();
+    };
+  }, []);
+
+  if (Platform.OS !== 'android') {
+    return /*#__PURE__*/React.createElement(Text, null, "Google Pay is not supported on this platform");
+  }
+
+  return /*#__PURE__*/React.createElement(RNPEGooglePayButton, {
+    style: {
+      height: 32,
+      width: '100%',
+      ...props.style
+    },
+    amount: props.paymentRequest.paymentAmount,
+    merchantId: props.paymentRequest.merchantId
+  });
+});
+//# sourceMappingURL=PEGooglePayButton.js.map

package/lib/module/components/v2/GooglePay/PEGooglePayButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","NativeEventEmitter","NativeModules","Platform","requireNativeComponent","Text","RNPEEventEmitter","RNPEGooglePayButton","peEventEmitter","PEGooglePayButton","forwardRef","props","ref","useImperativeHandle","useEffect","listener1","addListener","args","token","console","log","onTokenDidReturn","listener2","error","onPaymentFailed","Error","listener3","onPaymentSheetDismissed","remove","OS","height","width","style","paymentRequest","paymentAmount","merchantId"],"sources":["PEGooglePayButton.tsx"],"sourcesContent":["\nimport * as React from 'react';\nimport { NativeEventEmitter, NativeModules, Platform, requireNativeComponent, Text, ViewProps } from 'react-native';\nimport type { PEPaymentRequest } from '../PEPaymentRequest';\n\nconst { RNPEEventEmitter } = NativeModules;\n\nconst RNPEGooglePayButton = requireNativeComponent<NativePEGooglePayViewProps>('RNPEGooglePayButton');\n\ninterface NativePEGooglePayViewProps extends ViewProps {\n  amount: number;\n  merchantId: string;\n}\n\nconst peEventEmitter = new NativeEventEmitter(RNPEEventEmitter);\n\nexport interface PEGooglePayButtonProps extends ViewProps {\n  paymentRequest: PEPaymentRequest;\n  onTokenDidReturn?: (token: string) => void;\n  onPaymentSheetDismissed?: () => void;\n  onPaymentFailed?: (error: Error) => void;\n}\n\nexport interface PEGooglePayButtonMethods {\n  \n}\n\n\nexport const PEGooglePayButton = React.forwardRef<\n  PEGooglePayButtonMethods,\n  PEGooglePayButtonProps\n>((props, ref) => {\n\n  React.useImperativeHandle(ref, () => ({\n  }));\n\n  React.useEffect(() => {\n    const listener1 = peEventEmitter.addListener('onGooglePayRespond', args => {\n      const { token } = args;\n      console.log('ON token', token)\n      props.onTokenDidReturn?.(token)\n    });\n\n    const listener2 = peEventEmitter.addListener('onGooglePayError', args => {\n      const { error } = args;\n      console.log('ON error', error)\n      props.onPaymentFailed?.(new Error(error))\n    });\n\n    const listener3 = peEventEmitter.addListener('onGooglePayDismiss', () => {\n      console.log('ON dismiss')\n      props.onPaymentSheetDismissed?.()\n    });\n\n    return () => {\n      listener1.remove();\n      listener2.remove();\n      listener3.remove();\n    }\n  }, []);\n\n  if (Platform.OS !== 'android') {\n    return <Text>Google Pay is not supported on this platform</Text>\n  }\n  \n  return (\n    <RNPEGooglePayButton \n      style={{ height: 32, width: '100%', ...(props.style as object) }} \n      amount={props.paymentRequest.paymentAmount}\n      merchantId={props.paymentRequest.merchantId} \n    />\n  );\n});\n"],"mappings":"AACA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,kBAAT,EAA6BC,aAA7B,EAA4CC,QAA5C,EAAsDC,sBAAtD,EAA8EC,IAA9E,QAAqG,cAArG;AAGA,MAAM;EAAEC;AAAF,IAAuBJ,aAA7B;AAEA,MAAMK,mBAAmB,GAAGH,sBAAsB,CAA6B,qBAA7B,CAAlD;AAOA,MAAMI,cAAc,GAAG,IAAIP,kBAAJ,CAAuBK,gBAAvB,CAAvB;AAcA,OAAO,MAAMG,iBAAiB,gBAAGT,KAAK,CAACU,UAAN,CAG/B,CAACC,KAAD,EAAQC,GAAR,KAAgB;EAEhBZ,KAAK,CAACa,mBAAN,CAA0BD,GAA1B,EAA+B,OAAO,EAAP,CAA/B;EAGAZ,KAAK,CAACc,SAAN,CAAgB,MAAM;IACpB,MAAMC,SAAS,GAAGP,cAAc,CAACQ,WAAf,CAA2B,oBAA3B,EAAiDC,IAAI,IAAI;MAAA;;MACzE,MAAM;QAAEC;MAAF,IAAYD,IAAlB;MACAE,OAAO,CAACC,GAAR,CAAY,UAAZ,EAAwBF,KAAxB;MACA,yBAAAP,KAAK,CAACU,gBAAN,qFAAAV,KAAK,EAAoBO,KAApB,CAAL;IACD,CAJiB,CAAlB;IAMA,MAAMI,SAAS,GAAGd,cAAc,CAACQ,WAAf,CAA2B,kBAA3B,EAA+CC,IAAI,IAAI;MAAA;;MACvE,MAAM;QAAEM;MAAF,IAAYN,IAAlB;MACAE,OAAO,CAACC,GAAR,CAAY,UAAZ,EAAwBG,KAAxB;MACA,yBAAAZ,KAAK,CAACa,eAAN,qFAAAb,KAAK,EAAmB,IAAIc,KAAJ,CAAUF,KAAV,CAAnB,CAAL;IACD,CAJiB,CAAlB;IAMA,MAAMG,SAAS,GAAGlB,cAAc,CAACQ,WAAf,CAA2B,oBAA3B,EAAiD,MAAM;MAAA;;MACvEG,OAAO,CAACC,GAAR,CAAY,YAAZ;MACA,yBAAAT,KAAK,CAACgB,uBAAN,qFAAAhB,KAAK;IACN,CAHiB,CAAlB;IAKA,OAAO,MAAM;MACXI,SAAS,CAACa,MAAV;MACAN,SAAS,CAACM,MAAV;MACAF,SAAS,CAACE,MAAV;IACD,CAJD;EAKD,CAvBD,EAuBG,EAvBH;;EAyBA,IAAIzB,QAAQ,CAAC0B,EAAT,KAAgB,SAApB,EAA+B;IAC7B,oBAAO,oBAAC,IAAD,uDAAP;EACD;;EAED,oBACE,oBAAC,mBAAD;IACE,KAAK,EAAE;MAAEC,MAAM,EAAE,EAAV;MAAcC,KAAK,EAAE,MAArB;MAA6B,GAAIpB,KAAK,CAACqB;IAAvC,CADT;IAEE,MAAM,EAAErB,KAAK,CAACsB,cAAN,CAAqBC,aAF/B;IAGE,UAAU,EAAEvB,KAAK,CAACsB,cAAN,CAAqBE;EAHnC,EADF;AAOD,CA5CgC,CAA1B"}

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

@@ -0,0 +1,23 @@
+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; }
+
+export class PEPaymentRequest {
+  constructor(merchantId, paymentAmount) {
+    let currencyCode = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'USD';
+    let paymentItems = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : [];
+
+    _defineProperty(this, "merchantId", void 0);
+
+    _defineProperty(this, "paymentAmount", void 0);
+
+    _defineProperty(this, "currencyCode", 'USD');
+
+    _defineProperty(this, "paymentItems", []);
+
+    this.merchantId = merchantId;
+    this.paymentAmount = paymentAmount;
+    this.currencyCode = currencyCode;
+    this.paymentItems = paymentItems;
+  }
+
+}
+//# sourceMappingURL=PEPaymentRequest.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["PEPaymentRequest","constructor","merchantId","paymentAmount","currencyCode","paymentItems"],"sources":["PEPaymentRequest.ts"],"sourcesContent":["\nexport class PEPaymentRequest {\n  merchantId: string;\n  paymentAmount: number;\n  currencyCode?: 'USD' | 'CAD' = 'USD';\n  paymentItems?: {\n    amount: number;\n    label: string;\n  }[] = []\n\n  constructor(merchantId: string, paymentAmount: number, currencyCode: 'USD' | 'CAD' = 'USD', paymentItems: {\n    amount: number;\n    label: string;\n  }[] = []) {\n    this.merchantId = merchantId;\n    this.paymentAmount = paymentAmount;\n    this.currencyCode = currencyCode;\n    this.paymentItems = paymentItems;\n  }\n}"],"mappings":";;AACA,OAAO,MAAMA,gBAAN,CAAuB;EAS5BC,WAAW,CAACC,UAAD,EAAqBC,aAArB,EAGD;IAAA,IAH6CC,YAG7C,uEAH2E,KAG3E;IAAA,IAHkFC,YAGlF,uEAAJ,EAAI;;IAAA;;IAAA;;IAAA,sCATqB,KASrB;;IAAA,sCALJ,EAKI;;IACR,KAAKH,UAAL,GAAkBA,UAAlB;IACA,KAAKC,aAAL,GAAqBA,aAArB;IACA,KAAKC,YAAL,GAAoBA,YAApB;IACA,KAAKC,YAAL,GAAoBA,YAApB;EACD;;AAjB2B"}

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

@@ -0,0 +1,25 @@
+import { NativeModules, Platform } from "react-native";
+const {
+  RNPayEngineNative
+} = NativeModules;
+export default class PayEngineNative {
+  static async createFraudMonitorSession(merchantId) {
+    return RNPayEngineNative.createFraudMonitorSession(merchantId);
+  }
+
+  static async getBrowserInfo() {
+    return RNPayEngineNative.getBrowserInfo();
+  }
+
+  static async isPlatformPaySupported(merchantId) {
+    if (Platform.OS === 'ios') {
+      return await RNPayEngineNative.isApplePaySupported(merchantId);
+    } else if (Platform.OS === 'android') {
+      return true;
+    }
+
+    return false;
+  }
+
+}
+//# sourceMappingURL=PayEngineNative.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["NativeModules","Platform","RNPayEngineNative","PayEngineNative","createFraudMonitorSession","merchantId","getBrowserInfo","isPlatformPaySupported","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    } else if (Platform.OS === 'android') {\n      return true\n    }\n    return false;\n  }\n}"],"mappings":"AAAA,SAASA,aAAT,EAAwBC,QAAxB,QAAwC,cAAxC;AAEA,MAAM;EAAEC;AAAF,IAAwBF,aAA9B;AAEA,eAAe,MAAMG,eAAN,CAAsB;EACG,aAAzBC,yBAAyB,CAACC,UAAD,EAAqB;IACzD,OAAOH,iBAAiB,CAACE,yBAAlB,CAA4CC,UAA5C,CAAP;EACD;;EAE0B,aAAdC,cAAc,GAAG;IAC5B,OAAOJ,iBAAiB,CAACI,cAAlB,EAAP;EACD;;EAEkC,aAAtBC,sBAAsB,CAACF,UAAD,EAAqB;IACtD,IAAIJ,QAAQ,CAACO,EAAT,KAAgB,KAApB,EAA2B;MACzB,OAAO,MAAMN,iBAAiB,CAACO,mBAAlB,CAAsCJ,UAAtC,CAAb;IACD,CAFD,MAEO,IAAIJ,QAAQ,CAACO,EAAT,KAAgB,SAApB,EAA+B;MACpC,OAAO,IAAP;IACD;;IACD,OAAO,KAAP;EACD;;AAhBkC"}

package/lib/module/components/v2/PayEngineProvider.js

@@ -0,0 +1,30 @@
+import React, { createContext } from "react";
+import { ActivityIndicator, NativeModules } from "react-native";
+const {
+  RNPayEngineNative
+} = NativeModules;
+const PayEngineContext = /*#__PURE__*/createContext(undefined);
+
+const PayEngineProvider = _ref => {
+  let {
+    config,
+    children
+  } = _ref;
+  const [loading, setLoading] = React.useState(true);
+  React.useEffect(() => {
+    setLoading(true);
+    RNPayEngineNative.setConfig(config.publicKey, config.scriptURL);
+    setLoading(false);
+  }, [config]);
+
+  if (!config) {
+    throw new Error('PayEngineProvider: config is required');
+  }
+
+  return /*#__PURE__*/React.createElement(PayEngineContext.Provider, {
+    value: config
+  }, loading ? /*#__PURE__*/React.createElement(ActivityIndicator, null) : children);
+};
+
+export { PayEngineContext, PayEngineProvider };
+//# sourceMappingURL=PayEngineProvider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","createContext","ActivityIndicator","NativeModules","RNPayEngineNative","PayEngineContext","undefined","PayEngineProvider","config","children","loading","setLoading","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,OAAOA,KAAP,IAAgBC,aAAhB,QAAqC,OAArC;AAEA,SAASC,iBAAT,EAA4BC,aAA5B,QAAiD,cAAjD;AAEA,MAAM;EAAEC;AAAF,IAAwBD,aAA9B;AAEA,MAAME,gBAAgB,gBAAGJ,aAAa,CAA+BK,SAA/B,CAAtC;;AAEA,MAAMC,iBAAiB,GAAG,QAAmF;EAAA,IAAlF;IAAEC,MAAF;IAAUC;EAAV,CAAkF;EAC3G,MAAM,CAACC,OAAD,EAAUC,UAAV,IAAwBX,KAAK,CAACY,QAAN,CAAe,IAAf,CAA9B;EAEAZ,KAAK,CAACa,SAAN,CAAgB,MAAM;IACpBF,UAAU,CAAC,IAAD,CAAV;IACAP,iBAAiB,CAACU,SAAlB,CAA4BN,MAAM,CAACO,SAAnC,EAA8CP,MAAM,CAACQ,SAArD;IACAL,UAAU,CAAC,KAAD,CAAV;EACD,CAJD,EAIG,CAACH,MAAD,CAJH;;EAMA,IAAI,CAACA,MAAL,EAAa;IACX,MAAM,IAAIS,KAAJ,CAAU,uCAAV,CAAN;EACD;;EAED,oBAAO,oBAAC,gBAAD,CAAkB,QAAlB;IAA2B,KAAK,EAAET;EAAlC,GACJE,OAAO,gBAAG,oBAAC,iBAAD,OAAH,GAA2BD,QAD9B,CAAP;AAGD,CAhBD;;AAkBA,SACEJ,gBADF,EAEEE,iBAFF"}

package/lib/module/components/v2/SecureFields/BankAccountView.js

@@ -0,0 +1,75 @@
+import * as React from 'react';
+import { requireNativeComponent, NativeModules, NativeEventEmitter, findNodeHandle, UIManager, ActivityIndicator, Platform } from 'react-native';
+const {
+  RNPEEventEmitter
+} = NativeModules;
+const COMPONENT_NAME = 'RNPEBankAccountView';
+const RNPEBankAccountView = requireNativeComponent(COMPONENT_NAME); // @ts-ignore
+
+const RNPEBankAccountViewManager = UIManager[COMPONENT_NAME];
+const peEventEmitter = new NativeEventEmitter(RNPEEventEmitter);
+export 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 = findNodeHandle(formRef.current);
+    let commandId = RNPEBankAccountViewManager.Commands[methodName].toString();
+
+    if (Platform.OS === 'ios') {
+      commandId = Number(commandId);
+    }
+
+    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(ActivityIndicator, null), /*#__PURE__*/React.createElement(RNPEBankAccountView, {
+    ref: formRef,
+    additionalFields: JSON.stringify(props.additionalFields ?? []),
+    style: {
+      height: height
+    }
+  }));
+});
+//# sourceMappingURL=BankAccountView.js.map

package/lib/module/components/v2/SecureFields/BankAccountView.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","requireNativeComponent","NativeModules","NativeEventEmitter","findNodeHandle","UIManager","ActivityIndicator","Platform","RNPEEventEmitter","COMPONENT_NAME","RNPEBankAccountView","RNPEBankAccountViewManager","peEventEmitter","PEBankAccountView","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","current","commandId","Commands","toString","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/module/components/v2/SecureFields/CreditCardView.js

@@ -0,0 +1,76 @@
+import * as React from 'react';
+import { requireNativeComponent, NativeModules, NativeEventEmitter, Platform, findNodeHandle, UIManager, ActivityIndicator } from 'react-native';
+const {
+  RNPEEventEmitter
+} = NativeModules;
+const COMPONENT_NAME = 'RNPECreditCardView';
+const RNPECreditCardView = requireNativeComponent(COMPONENT_NAME); // @ts-ignore
+
+const RNPECreditCardViewManager = UIManager[COMPONENT_NAME];
+const peEventEmitter = new NativeEventEmitter(RNPEEventEmitter);
+export 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 = findNodeHandle(formRef.current);
+    let commandId = RNPECreditCardViewManager.Commands[methodName].toString();
+
+    if (Platform.OS === 'ios') {
+      commandId = Number(commandId);
+    }
+
+    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(ActivityIndicator, null), /*#__PURE__*/React.createElement(RNPECreditCardView, {
+    ref: formRef,
+    additionalFields: JSON.stringify(props.additionalFields ?? []),
+    style: {
+      height: height
+    }
+  }));
+});
+//# sourceMappingURL=CreditCardView.js.map

package/lib/module/components/v2/SecureFields/CreditCardView.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","requireNativeComponent","NativeModules","NativeEventEmitter","Platform","findNodeHandle","UIManager","ActivityIndicator","RNPEEventEmitter","COMPONENT_NAME","RNPECreditCardView","RNPECreditCardViewManager","peEventEmitter","PECreditCardView","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","current","commandId","Commands","toString","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/module/components/v2/SecureFields/IPEField.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=IPEField.js.map

package/lib/module/components/v2/SecureFields/IPEField.js.map

@@ -0,0 +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/module/components/v2/SecureFields/PEBankAccount.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=PEBankAccount.js.map

package/lib/module/components/v2/SecureFields/PEBankAccount.js.map

@@ -0,0 +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/module/components/v2/SecureFields/PECard.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=PECard.js.map

package/lib/module/components/v2/SecureFields/PECard.js.map

@@ -0,0 +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":""}

package/lib/module/components/v2/SecureFields/PEKeyboardType.js

@@ -0,0 +1,11 @@
+var PEKeyboardType;
+
+(function (PEKeyboardType) {
+  PEKeyboardType["alphabet"] = "alphabet";
+  PEKeyboardType["number"] = "number";
+  PEKeyboardType["phone"] = "phone";
+  PEKeyboardType["normal"] = "normal";
+})(PEKeyboardType || (PEKeyboardType = {}));
+
+export default PEKeyboardType;
+//# sourceMappingURL=PEKeyboardType.js.map

package/lib/module/components/v2/SecureFields/PEKeyboardType.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["PEKeyboardType"],"sources":["PEKeyboardType.ts"],"sourcesContent":["enum PEKeyboardType {\n  alphabet = 'alphabet',\n  number = 'number',\n  phone = 'phone',\n  normal = 'normal',\n}\n\nexport default PEKeyboardType;\n"],"mappings":"IAAKA,c;;WAAAA,c;EAAAA,c;EAAAA,c;EAAAA,c;EAAAA,c;GAAAA,c,KAAAA,c;;AAOL,eAAeA,cAAf"}

package/lib/module/index.js

@@ -1,10 +1,14 @@
 import PayEngine from './components/PayEngine';
 import { NativeModules, Platform } from 'react-native';
-import { SecureFields } from './components/SecureFields/index';
-import { CreditCardForm } from './components/CreditCardForm/index';
-import CreditCardFormLegacy from './components/Legacy/CreditCardFormLegacy';
-import { PayEngineGooglePay } from './components/GooglePay/PayEngineGooglePay';
-import { PayEngineApplePay } from './components/ApplePay/PayEngineApplePay';
+import { PECreditCardView, PECreditCardViewMethods } from './components/v2/SecureFields/CreditCardView';
+import { PEBankAccountView, PEBankAccountViewMethods } from './components/v2/SecureFields/BankAccountView';
+import { PayEngineProvider } from './components/v2/PayEngineProvider';
+import PayEngineNative from './components/v2/PayEngineNative';
+import { PEApplePayButton } from './components/v2/ApplePay/PEApplePayButton';
+import { PEPaymentRequest } from './components/v2/PEPaymentRequest';
+import { PEGooglePayButton } from './components/v2/GooglePay/PEGooglePayButton';
+import * as PayEngineUtils from './utils/index';
+import PEKeyboardType from './components/v2/SecureFields/PEKeyboardType';
 const LINKING_ERROR = `The package 'react-native-payengine' doesn't seem to be linked. Make sure: \n\n` + Platform.select({
   ios: "- You have run 'pod install'\n",
   default: ''
@@ -15,5 +19,10 @@ const PayEngineStatic = NativeModules.Payengine ? NativeModules.Payengine : new
   }
 
 });
-export { PayEngineStatic, PayEngine, SecureFields, CreditCardForm, CreditCardFormLegacy, PayEngineGooglePay, PayEngineApplePay };
+export { PayEngineStatic, PayEngine, // v2 starting here
+PayEngineUtils, PayEngineProvider, PayEngineNative, // securefields
+PEKeyboardType, // credit card
+PECreditCardView, PECreditCardViewMethods, // bank account
+PEBankAccountView, PEBankAccountViewMethods, // Apple Pay
+PEApplePayButton, PEPaymentRequest, PEGooglePayButton };
 //# sourceMappingURL=index.js.map

package/lib/module/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["PayEngine","NativeModules","Platform","SecureFields","CreditCardForm","CreditCardFormLegacy","PayEngineGooglePay","PayEngineApplePay","LINKING_ERROR","select","ios","default","PayEngineStatic","Payengine","Proxy","get","Error"],"sources":["index.tsx"],"sourcesContent":["import PayEngine from './components/PayEngine'\nimport { NativeModules, Platform } from 'react-native';\nimport { SecureFields } from './components/SecureFields/index';\nimport { CreditCardForm } from './components/CreditCardForm/index';\nimport CreditCardFormLegacy from './components/Legacy/CreditCardFormLegacy';\nimport type { IPayEngineConfig } from './interfaces/index';\nimport { PayEngineGooglePay } from './components/GooglePay/PayEngineGooglePay';\nimport { PayEngineApplePay } from './components/ApplePay/PayEngineApplePay';\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 ? NativeModules.Payengine : new Proxy(\n  {},\n  {\n    get() {\n      throw new Error(LINKING_ERROR);\n    },\n  }\n);\n\n\nexport {\n  PayEngineStatic,\n  PayEngine,\n  SecureFields,\n  CreditCardForm,\n  CreditCardFormLegacy,\n  IPayEngineConfig,\n  PayEngineGooglePay,\n  PayEngineApplePay\n}\n\n\n"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,wBAAtB;AACA,SAASC,aAAT,EAAwBC,QAAxB,QAAwC,cAAxC;AACA,SAASC,YAAT,QAA6B,iCAA7B;AACA,SAASC,cAAT,QAA+B,mCAA/B;AACA,OAAOC,oBAAP,MAAiC,0CAAjC;AAEA,SAASC,kBAAT,QAAmC,2CAAnC;AACA,SAASC,iBAAT,QAAkC,yCAAlC;AAEA,MAAMC,aAAa,GAChB,iFAAD,GACAN,QAAQ,CAACO,MAAT,CAAgB;EAAEC,GAAG,EAAE,gCAAP;EAAyCC,OAAO,EAAE;AAAlD,CAAhB,CADA,GAEA,sDAFA,GAGA,6CAJF;AAMA,MAAMC,eAAe,GAAGX,aAAa,CAACY,SAAd,GAA0BZ,aAAa,CAACY,SAAxC,GAAoD,IAAIC,KAAJ,CAC1E,EAD0E,EAE1E;EACEC,GAAG,GAAG;IACJ,MAAM,IAAIC,KAAJ,CAAUR,aAAV,CAAN;EACD;;AAHH,CAF0E,CAA5E;AAUA,SACEI,eADF,EAEEZ,SAFF,EAGEG,YAHF,EAIEC,cAJF,EAKEC,oBALF,EAOEC,kBAPF,EAQEC,iBARF"}
+{"version":3,"names":["PayEngine","NativeModules","Platform","PECreditCardView","PECreditCardViewMethods","PEBankAccountView","PEBankAccountViewMethods","PayEngineProvider","PayEngineNative","PEApplePayButton","PEPaymentRequest","PEGooglePayButton","PayEngineUtils","PEKeyboardType","LINKING_ERROR","select","ios","default","PayEngineStatic","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 {\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 } from './components/v2/PEPaymentRequest';\nimport { PEGooglePayButton } from './components/v2/GooglePay/PEGooglePayButton';\nimport * as PayEngineUtils from './utils/index';\nimport PEKeyboardType from './components/v2/SecureFields/PEKeyboardType';\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\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  PEPaymentRequest,\n  PEGooglePayButton,\n};\n"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,wBAAtB;AACA,SAASC,aAAT,EAAwBC,QAAxB,QAAwC,cAAxC;AAEA,SACEC,gBADF,EAEEC,uBAFF,QAGO,6CAHP;AAIA,SACEC,iBADF,EAEEC,wBAFF,QAGO,8CAHP;AAOA,SAASC,iBAAT,QAAkC,mCAAlC;AACA,OAAOC,eAAP,MAA4B,iCAA5B;AACA,SAASC,gBAAT,QAAiC,2CAAjC;AACA,SAASC,gBAAT,QAAiC,kCAAjC;AACA,SAASC,iBAAT,QAAkC,6CAAlC;AACA,OAAO,KAAKC,cAAZ,MAAgC,eAAhC;AACA,OAAOC,cAAP,MAA2B,6CAA3B;AAEA,MAAMC,aAAa,GAChB,iFAAD,GACAZ,QAAQ,CAACa,MAAT,CAAgB;EAAEC,GAAG,EAAE,gCAAP;EAAyCC,OAAO,EAAE;AAAlD,CAAhB,CADA,GAEA,sDAFA,GAGA,6CAJF;AAMA,MAAMC,eAAe,GAAGjB,aAAa,CAACkB,SAAd,GACpBlB,aAAa,CAACkB,SADM,GAEpB,IAAIC,KAAJ,CACE,EADF,EAEE;EACEC,GAAG,GAAG;IACJ,MAAM,IAAIC,KAAJ,CAAUR,aAAV,CAAN;EACD;;AAHH,CAFF,CAFJ;AAWA,SACEI,eADF,EAEElB,SAFF,EAKE;AACAY,cANF,EAOEL,iBAPF,EAQEC,eARF,EASE;AACAK,cAVF,EAYE;AACAV,gBAbF,EAcEC,uBAdF,EAgBE;AACAC,iBAjBF,EAkBEC,wBAlBF,EAoBE;AACAG,gBArBF,EAsBEC,gBAtBF,EAuBEC,iBAvBF"}

package/lib/module/interfaces/index.js

@@ -1,2 +1,2 @@
-export {};
+
 //# sourceMappingURL=index.js.map

package/lib/module/interfaces/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["import type { StyleProp, ViewStyle } from 'react-native';\nimport type { GooglePayRequestData } from '../components/GooglePay/interfaces';\n\nexport interface IPayEngineConfig {\n  publicKey: string;\n  version?: string;\n  scriptURL?: string;\n  logLevel?: number;\n}\n\nexport interface CreditCardFormProps {\n  style?: StyleProp<ViewStyle>;\n  merchantId?: string;\n  showZipCode?: boolean;\n  config: IPayEngineConfig;\n}\n\nexport interface CreditCardFormMethods {\n  createCard: (merchantId?: string) => Promise<any>;\n}\n\nexport interface MobilePaymentConfig {\n  base_url: string;\n  country: string;\n  currency: string;\n  gateway: string; // nmi | converge\n  google_pay: GooglePayRequestData;\n  apple_pay: {\n    merchantName: string;\n    supportedCardNetworks: string[];\n  };\n}\n\nexport interface PaymentRequest {\n  amount: number;\n  currencyCode?: string;\n  countryCode?: string;\n}\n"],"mappings":""}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export interface IPayEngineConfig {\n  publicKey: string;\n  version?: string;\n  scriptURL?: string;\n  logLevel?: number;\n}\n"],"mappings":""}

package/lib/module/utils/index.js

@@ -1,4 +1,10 @@
 import axios from 'axios';
+export class PEDeprecationError extends Error {
+  constructor() {
+    super('This method is obsolete and can not be used anymore. Please check out the package README');
+  }
+
+}
 export const getHttpHeaders = config => {
   return {
     Authorization: `Signature key="${config.publicKey}",algorithm="hmac-sha256",identifier="secure-fields",signature=""`
@@ -37,43 +43,6 @@ export function getScriptURL(config) {
 
   return scriptURL;
 }
-/**
- * <script>
-      console.log("AAAAAAAA")
-        var component = document.getElementById("component");
-        var onEvent = function(event) {
-          console.log({ event })
-        }
-        console.log('component')
-        component.addEventListener('stepChange', function(e) {
-          console.log('step change')
-        })
-        function addEventListenerAll(target, listener, ...otherArguments) {
-
-          // install listeners for all natively triggered events
-          for (const key in target) {
-              if (/^on/.test(key)) {
-                  const eventType = key.substr(2);
-                  target.addEventListener(eventType, listener, ...otherArguments);
-              }
-          }
-
-          // dynamically install listeners for all manually triggered events, just-in-time before they're dispatched ;D
-          const dispatchEvent_original = EventTarget.prototype.dispatchEvent;
-          function dispatchEvent(event) {
-            console.log('event test', event.type)
-              target.addEventListener(event.type, listener, ...otherArguments);  // multiple identical listeners are automatically discarded
-              dispatchEvent_original.apply(this, arguments);
-          }
-          EventTarget.prototype.dispatchEvent = dispatchEvent;
-          if (EventTarget.prototype.dispatchEvent !== dispatchEvent) throw new Error('Browser is smarter than you think');
-
-        }
-
-        // addEventListenerAll(component, onEvent);
-      </script>
- */
-
 export const debuggingScript = `
 const consoleLog = (type, ...log) => window.ReactNativeWebView.postMessage(JSON.stringify({'type': 'Console', 'data': {'type': type, 'log': log}}));
 console = {

package/lib/module/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["axios","getHttpHeaders","config","Authorization","publicKey","getBaseURL","baseUrl","includes","scriptURL","replace","createHttpClient","create","baseURL","headers","getScriptURL","Error","logLevelStr","logLevel","version","debuggingScript"],"sources":["index.ts"],"sourcesContent":["import axios from 'axios';\nimport type { IPayEngineConfig } from '../interfaces/index';\n\nexport const getHttpHeaders = (config: IPayEngineConfig) => {\n  return {\n    Authorization: `Signature key=\"${config.publicKey}\",algorithm=\"hmac-sha256\",identifier=\"secure-fields\",signature=\"\"`,\n  };\n};\n\nexport const getBaseURL = (config: IPayEngineConfig) => {\n  let baseUrl = config.publicKey.includes('_prod_')\n    ? 'https://console.payengine.co'\n    : 'https://console.payengine.dev';\n\n  if (config.scriptURL) {\n    baseUrl = config.scriptURL.replace(/^((\\w+:)?\\/\\/[^\\/]+\\/?).*$/, '$1');\n  }\n  return baseUrl;\n};\n\nexport const createHttpClient = (config: IPayEngineConfig) => {\n  return axios.create({\n    baseURL: getBaseURL(config),\n    headers: getHttpHeaders(config),\n  });\n};\n\nexport function getScriptURL(config: IPayEngineConfig) {\n  if (!config.publicKey) {\n    throw new Error('PayEngine Public Key is missing');\n  }\n  let scriptURL = '';\n  const logLevelStr = config.logLevel ? `&loglevel=${config.logLevel}` : '';\n  if (config.scriptURL) {\n    scriptURL = `${config.scriptURL}?key=${config.publicKey}${logLevelStr}`;\n  } else {\n    const baseURL = config.publicKey.includes('_prod_')\n      ? 'https://console.payengine.co'\n      : 'https://console.payengine.dev';\n    const version = config.version ?? '1.0.0';\n    scriptURL = `${baseURL}/js/${version}/embed.js?key=${config.publicKey}${logLevelStr}`;\n  }\n\n  return scriptURL;\n}\n\n/**\n * <script>\n      console.log(\"AAAAAAAA\")\n        var component = document.getElementById(\"component\");\n        var onEvent = function(event) {\n          console.log({ event })\n        }\n        console.log('component')\n        component.addEventListener('stepChange', function(e) {\n          console.log('step change')\n        })\n        function addEventListenerAll(target, listener, ...otherArguments) {\n\n          // install listeners for all natively triggered events\n          for (const key in target) {\n              if (/^on/.test(key)) {\n                  const eventType = key.substr(2);\n                  target.addEventListener(eventType, listener, ...otherArguments);\n              }\n          }\n\n          // dynamically install listeners for all manually triggered events, just-in-time before they're dispatched ;D\n          const dispatchEvent_original = EventTarget.prototype.dispatchEvent;\n          function dispatchEvent(event) {\n            console.log('event test', event.type)\n              target.addEventListener(event.type, listener, ...otherArguments);  // multiple identical listeners are automatically discarded\n              dispatchEvent_original.apply(this, arguments);\n          }\n          EventTarget.prototype.dispatchEvent = dispatchEvent;\n          if (EventTarget.prototype.dispatchEvent !== dispatchEvent) throw new Error('Browser is smarter than you think');\n\n        }\n\n        // addEventListenerAll(component, onEvent);\n      </script>\n */\nexport const debuggingScript = `\nconst consoleLog = (type, ...log) => window.ReactNativeWebView.postMessage(JSON.stringify({'type': 'Console', 'data': {'type': type, 'log': log}}));\nconsole = {\n    log: (...log) => consoleLog('log', ...log),\n    debug: (...log) => consoleLog('debug', ...log),\n    info: (...log) => consoleLog('info', ...log),\n    warn: (...log) => consoleLog('warn', ...log),\n    error: (...log) => consoleLog('error', ...log),\n    verbose: (...log) => consoleLog('verbose', ...log),\n};\n\nconst dispatchEvent_original = EventTarget.prototype.dispatchEvent;\nfunction dispatchEvent(event) {\n    if (event.type && !event.type.startsWith('react')) {\n      ReactNativeWebView.postMessage(JSON.stringify({\n        type: 'PayEngine',\n        event: {\n          type: event.type,\n          detail: event.detail\n        }\n      }))\n    }\n}\nEventTarget.prototype.dispatchEvent = dispatchEvent;\n`;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAGA,OAAO,MAAMC,cAAc,GAAIC,MAAD,IAA8B;EAC1D,OAAO;IACLC,aAAa,EAAG,kBAAiBD,MAAM,CAACE,SAAU;EAD7C,CAAP;AAGD,CAJM;AAMP,OAAO,MAAMC,UAAU,GAAIH,MAAD,IAA8B;EACtD,IAAII,OAAO,GAAGJ,MAAM,CAACE,SAAP,CAAiBG,QAAjB,CAA0B,QAA1B,IACV,8BADU,GAEV,+BAFJ;;EAIA,IAAIL,MAAM,CAACM,SAAX,EAAsB;IACpBF,OAAO,GAAGJ,MAAM,CAACM,SAAP,CAAiBC,OAAjB,CAAyB,4BAAzB,EAAuD,IAAvD,CAAV;EACD;;EACD,OAAOH,OAAP;AACD,CATM;AAWP,OAAO,MAAMI,gBAAgB,GAAIR,MAAD,IAA8B;EAC5D,OAAOF,KAAK,CAACW,MAAN,CAAa;IAClBC,OAAO,EAAEP,UAAU,CAACH,MAAD,CADD;IAElBW,OAAO,EAAEZ,cAAc,CAACC,MAAD;EAFL,CAAb,CAAP;AAID,CALM;AAOP,OAAO,SAASY,YAAT,CAAsBZ,MAAtB,EAAgD;EACrD,IAAI,CAACA,MAAM,CAACE,SAAZ,EAAuB;IACrB,MAAM,IAAIW,KAAJ,CAAU,iCAAV,CAAN;EACD;;EACD,IAAIP,SAAS,GAAG,EAAhB;EACA,MAAMQ,WAAW,GAAGd,MAAM,CAACe,QAAP,GAAmB,aAAYf,MAAM,CAACe,QAAS,EAA/C,GAAmD,EAAvE;;EACA,IAAIf,MAAM,CAACM,SAAX,EAAsB;IACpBA,SAAS,GAAI,GAAEN,MAAM,CAACM,SAAU,QAAON,MAAM,CAACE,SAAU,GAAEY,WAAY,EAAtE;EACD,CAFD,MAEO;IACL,MAAMJ,OAAO,GAAGV,MAAM,CAACE,SAAP,CAAiBG,QAAjB,CAA0B,QAA1B,IACZ,8BADY,GAEZ,+BAFJ;IAGA,MAAMW,OAAO,GAAGhB,MAAM,CAACgB,OAAP,IAAkB,OAAlC;IACAV,SAAS,GAAI,GAAEI,OAAQ,OAAMM,OAAQ,iBAAgBhB,MAAM,CAACE,SAAU,GAAEY,WAAY,EAApF;EACD;;EAED,OAAOR,SAAP;AACD;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,OAAO,MAAMW,eAAe,GAAI;AAChC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAxBO"}
+{"version":3,"names":["axios","PEDeprecationError","Error","constructor","getHttpHeaders","config","Authorization","publicKey","getBaseURL","baseUrl","includes","scriptURL","replace","createHttpClient","create","baseURL","headers","getScriptURL","logLevelStr","logLevel","version","debuggingScript"],"sources":["index.ts"],"sourcesContent":["import axios from 'axios';\nimport type { IPayEngineConfig } from '../interfaces/index';\n\nexport class PEDeprecationError extends Error {\n  constructor() {\n    super(\n      'This method is obsolete and can not be used anymore. Please check out the package README'\n    );\n  }\n}\n\nexport const getHttpHeaders = (config: IPayEngineConfig) => {\n  return {\n    Authorization: `Signature key=\"${config.publicKey}\",algorithm=\"hmac-sha256\",identifier=\"secure-fields\",signature=\"\"`,\n  };\n};\n\nexport const getBaseURL = (config: IPayEngineConfig) => {\n  let baseUrl = config.publicKey.includes('_prod_')\n    ? 'https://console.payengine.co'\n    : 'https://console.payengine.dev';\n\n  if (config.scriptURL) {\n    baseUrl = config.scriptURL.replace(/^((\\w+:)?\\/\\/[^\\/]+\\/?).*$/, '$1');\n  }\n  return baseUrl;\n};\n\nexport const createHttpClient = (config: IPayEngineConfig) => {\n  return axios.create({\n    baseURL: getBaseURL(config),\n    headers: getHttpHeaders(config),\n  });\n};\n\nexport function getScriptURL(config: IPayEngineConfig) {\n  if (!config.publicKey) {\n    throw new Error('PayEngine Public Key is missing');\n  }\n  let scriptURL = '';\n  const logLevelStr = config.logLevel ? `&loglevel=${config.logLevel}` : '';\n  if (config.scriptURL) {\n    scriptURL = `${config.scriptURL}?key=${config.publicKey}${logLevelStr}`;\n  } else {\n    const baseURL = config.publicKey.includes('_prod_')\n      ? 'https://console.payengine.co'\n      : 'https://console.payengine.dev';\n    const version = config.version ?? '1.0.0';\n    scriptURL = `${baseURL}/js/${version}/embed.js?key=${config.publicKey}${logLevelStr}`;\n  }\n\n  return scriptURL;\n}\n\nexport const debuggingScript = `\nconst consoleLog = (type, ...log) => window.ReactNativeWebView.postMessage(JSON.stringify({'type': 'Console', 'data': {'type': type, 'log': log}}));\nconsole = {\n    log: (...log) => consoleLog('log', ...log),\n    debug: (...log) => consoleLog('debug', ...log),\n    info: (...log) => consoleLog('info', ...log),\n    warn: (...log) => consoleLog('warn', ...log),\n    error: (...log) => consoleLog('error', ...log),\n    verbose: (...log) => consoleLog('verbose', ...log),\n};\n\nconst dispatchEvent_original = EventTarget.prototype.dispatchEvent;\nfunction dispatchEvent(event) {\n    if (event.type && !event.type.startsWith('react')) {\n      ReactNativeWebView.postMessage(JSON.stringify({\n        type: 'PayEngine',\n        event: {\n          type: event.type,\n          detail: event.detail\n        }\n      }))\n    }\n}\nEventTarget.prototype.dispatchEvent = dispatchEvent;\n`;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAGA,OAAO,MAAMC,kBAAN,SAAiCC,KAAjC,CAAuC;EAC5CC,WAAW,GAAG;IACZ,MACE,0FADF;EAGD;;AAL2C;AAQ9C,OAAO,MAAMC,cAAc,GAAIC,MAAD,IAA8B;EAC1D,OAAO;IACLC,aAAa,EAAG,kBAAiBD,MAAM,CAACE,SAAU;EAD7C,CAAP;AAGD,CAJM;AAMP,OAAO,MAAMC,UAAU,GAAIH,MAAD,IAA8B;EACtD,IAAII,OAAO,GAAGJ,MAAM,CAACE,SAAP,CAAiBG,QAAjB,CAA0B,QAA1B,IACV,8BADU,GAEV,+BAFJ;;EAIA,IAAIL,MAAM,CAACM,SAAX,EAAsB;IACpBF,OAAO,GAAGJ,MAAM,CAACM,SAAP,CAAiBC,OAAjB,CAAyB,4BAAzB,EAAuD,IAAvD,CAAV;EACD;;EACD,OAAOH,OAAP;AACD,CATM;AAWP,OAAO,MAAMI,gBAAgB,GAAIR,MAAD,IAA8B;EAC5D,OAAOL,KAAK,CAACc,MAAN,CAAa;IAClBC,OAAO,EAAEP,UAAU,CAACH,MAAD,CADD;IAElBW,OAAO,EAAEZ,cAAc,CAACC,MAAD;EAFL,CAAb,CAAP;AAID,CALM;AAOP,OAAO,SAASY,YAAT,CAAsBZ,MAAtB,EAAgD;EACrD,IAAI,CAACA,MAAM,CAACE,SAAZ,EAAuB;IACrB,MAAM,IAAIL,KAAJ,CAAU,iCAAV,CAAN;EACD;;EACD,IAAIS,SAAS,GAAG,EAAhB;EACA,MAAMO,WAAW,GAAGb,MAAM,CAACc,QAAP,GAAmB,aAAYd,MAAM,CAACc,QAAS,EAA/C,GAAmD,EAAvE;;EACA,IAAId,MAAM,CAACM,SAAX,EAAsB;IACpBA,SAAS,GAAI,GAAEN,MAAM,CAACM,SAAU,QAAON,MAAM,CAACE,SAAU,GAAEW,WAAY,EAAtE;EACD,CAFD,MAEO;IACL,MAAMH,OAAO,GAAGV,MAAM,CAACE,SAAP,CAAiBG,QAAjB,CAA0B,QAA1B,IACZ,8BADY,GAEZ,+BAFJ;IAGA,MAAMU,OAAO,GAAGf,MAAM,CAACe,OAAP,IAAkB,OAAlC;IACAT,SAAS,GAAI,GAAEI,OAAQ,OAAMK,OAAQ,iBAAgBf,MAAM,CAACE,SAAU,GAAEW,WAAY,EAApF;EACD;;EAED,OAAOP,SAAP;AACD;AAED,OAAO,MAAMU,eAAe,GAAI;AAChC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAxBO"}

package/lib/typescript/components/PayEngine.d.ts

@@ -1,15 +1,2 @@
-import { StyleProp, ViewStyle } from 'react-native';
-import type { IPayEngineConfig } from '../interfaces/index';
-interface IProps {
-    config: IPayEngineConfig;
-    type: string;
-    merchantId?: string;
-    hash?: string;
-    events: {
-        [key: string]: (eventData: any) => void;
-    };
-    style?: StyleProp<ViewStyle>;
-    [key: string]: any;
-}
-declare const PayEngine: (props: IProps) => JSX.Element;
+declare const PayEngine: () => JSX.Element;
 export default PayEngine;

package/lib/typescript/components/v2/ApplePay/PEApplePayButton.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import { ViewProps } from 'react-native';
+import type { PEPaymentRequest } from '../PEPaymentRequest';
+export interface PEApplePayButtonProps extends ViewProps {
+    paymentRequest: PEPaymentRequest;
+    onTokenDidReturn?: (token: string) => void;
+    onPaymentSheetDismissed?: () => void;
+    onPaymentFailed?: (error: Error) => void;
+}
+export interface PEApplePayButtonMethods {
+}
+export declare const PEApplePayButton: React.ForwardRefExoticComponent<PEApplePayButtonProps & React.RefAttributes<PEApplePayButtonMethods>>;

package/lib/typescript/components/v2/GooglePay/PEGooglePayButton.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import { ViewProps } from 'react-native';
+import type { PEPaymentRequest } from '../PEPaymentRequest';
+export interface PEGooglePayButtonProps extends ViewProps {
+    paymentRequest: PEPaymentRequest;
+    onTokenDidReturn?: (token: string) => void;
+    onPaymentSheetDismissed?: () => void;
+    onPaymentFailed?: (error: Error) => void;
+}
+export interface PEGooglePayButtonMethods {
+}
+export declare const PEGooglePayButton: React.ForwardRefExoticComponent<PEGooglePayButtonProps & React.RefAttributes<PEGooglePayButtonMethods>>;

package/lib/typescript/components/v2/PEPaymentRequest.d.ts

@@ -0,0 +1,13 @@
+export declare class PEPaymentRequest {
+    merchantId: string;
+    paymentAmount: number;
+    currencyCode?: 'USD' | 'CAD';
+    paymentItems?: {
+        amount: number;
+        label: string;
+    }[];
+    constructor(merchantId: string, paymentAmount: number, currencyCode?: 'USD' | 'CAD', paymentItems?: {
+        amount: number;
+        label: string;
+    }[]);
+}

package/lib/typescript/components/v2/PayEngineNative.d.ts

@@ -0,0 +1,5 @@
+export default class PayEngineNative {
+    static createFraudMonitorSession(merchantId: string): Promise<any>;
+    static getBrowserInfo(): Promise<any>;
+    static isPlatformPaySupported(merchantId: string): Promise<any>;
+}

package/lib/typescript/components/v2/PayEngineProvider.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import type { IPayEngineConfig } from "../../interfaces";
+declare const PayEngineContext: React.Context<IPayEngineConfig | undefined>;
+declare const PayEngineProvider: ({ config, children }: {
+    config: IPayEngineConfig;
+    children: React.ReactNode;
+}) => JSX.Element;
+export { PayEngineContext, PayEngineProvider };