react-native-payengine 1.0.6 → 2.0.2

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,13 @@
 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/ApplePay/PEPaymentRequest';
+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 +18,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 };
 //# 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","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/ApplePay/PEPaymentRequest';\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};\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,2CAAjC;AACA,OAAO,KAAKC,cAAZ,MAAgC,eAAhC;AACA,OAAOC,cAAP,MAA2B,6CAA3B;AAEA,MAAMC,aAAa,GAChB,iFAAD,GACAX,QAAQ,CAACY,MAAT,CAAgB;EAAEC,GAAG,EAAE,gCAAP;EAAyCC,OAAO,EAAE;AAAlD,CAAhB,CADA,GAEA,sDAFA,GAGA,6CAJF;AAMA,MAAMC,eAAe,GAAGhB,aAAa,CAACiB,SAAd,GACpBjB,aAAa,CAACiB,SADM,GAEpB,IAAIC,KAAJ,CACE,EADF,EAEE;EACEC,GAAG,GAAG;IACJ,MAAM,IAAIC,KAAJ,CAAUR,aAAV,CAAN;EACD;;AAHH,CAFF,CAFJ;AAWA,SACEI,eADF,EAEEjB,SAFF,EAKE;AACAW,cANF,EAOEJ,iBAPF,EAQEC,eARF,EASE;AACAI,cAVF,EAYE;AACAT,gBAbF,EAcEC,uBAdF,EAgBE;AACAC,iBAjBF,EAkBEC,wBAlBF,EAoBE;AACAG,gBArBF,EAsBEC,gBAtBF"}

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/ApplePay/PEPaymentRequest.d.ts

@@ -0,0 +1,12 @@
+export declare class PEPaymentRequest {
+    paymentAmount: number;
+    currencyCode: 'USD' | 'CAD';
+    paymentItems: {
+        amount: number;
+        label: string;
+    }[];
+    constructor(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 };

package/lib/typescript/components/v2/SecureFields/BankAccountView.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import type IPEField from './IPEField';
+import type PEBankAccount from './PEBankAccount';
+export interface PEBankAccountViewProps {
+    additionalFields?: IPEField[];
+}
+export interface PEBankAccountViewMethods {
+    submit: (merchantId: string, additionalData: {
+        [key: string]: string;
+    }) => Promise<PEBankAccount>;
+    showKeyboard: () => void;
+    hideKeyboard: () => void;
+}
+export declare const PEBankAccountView: React.ForwardRefExoticComponent<PEBankAccountViewProps & React.RefAttributes<PEBankAccountViewMethods>>;

package/lib/typescript/components/v2/SecureFields/CreditCardView.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import type IPEField from './IPEField';
+import type PECard from './PECard';
+export interface PECreditCardViewProps {
+    additionalFields?: IPEField[];
+}
+export interface PECreditCardViewMethods {
+    submit: (merchantId: string, additionalData: {
+        [key: string]: string;
+    }) => Promise<PECard>;
+    showKeyboard: () => void;
+    hideKeyboard: () => void;
+}
+export declare const PECreditCardView: React.ForwardRefExoticComponent<PECreditCardViewProps & React.RefAttributes<PECreditCardViewMethods>>;

package/lib/typescript/components/v2/SecureFields/IPEField.d.ts

@@ -0,0 +1,10 @@
+import type PEKeyboardType from "./PEKeyboardType";
+interface IPEField {
+    name: string;
+    type: string;
+    placeholder: string;
+    keyboardType: PEKeyboardType;
+    isRequired: boolean;
+    pattern?: string;
+}
+export default IPEField;

package/lib/typescript/components/v2/SecureFields/PEBankAccount.d.ts

@@ -0,0 +1,11 @@
+interface PEBankAccount {
+    id: string;
+    token: string;
+    account_data: {
+        first_name: string;
+        last_name: string;
+        routing_number: string;
+        last_4: string;
+    };
+}
+export default PEBankAccount;

package/lib/typescript/components/v2/SecureFields/PECard.d.ts

@@ -0,0 +1,13 @@
+interface PECard {
+    token: string;
+    card_data: {
+        id: string;
+        brand: string;
+        last_4: string;
+        exp_year: string;
+        exp_month: string;
+        name: string;
+        address_zip?: string;
+    };
+}
+export default PECard;

package/lib/typescript/components/v2/SecureFields/PEKeyboardType.d.ts

@@ -0,0 +1,7 @@
+declare enum PEKeyboardType {
+    alphabet = "alphabet",
+    number = "number",
+    phone = "phone",
+    normal = "normal"
+}
+export default PEKeyboardType;

package/lib/typescript/index.d.ts

@@ -1,9 +1,15 @@
 import PayEngine from './components/PayEngine';
-import { SecureFields } from './components/SecureFields/index';
-import { CreditCardForm } from './components/CreditCardForm/index';
-import CreditCardFormLegacy from './components/Legacy/CreditCardFormLegacy';
 import type { IPayEngineConfig } from './interfaces/index';
-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 type IPEField from './components/v2/SecureFields/IPEField';
+import type PECard from './components/v2/SecureFields/PECard';
+import type PEBankAccount from './components/v2/SecureFields/PEBankAccount';
+import { PayEngineProvider } from './components/v2/PayEngineProvider';
+import PayEngineNative from './components/v2/PayEngineNative';
+import { PEApplePayButton } from './components/v2/ApplePay/PEApplePayButton';
+import { PEPaymentRequest } from './components/v2/ApplePay/PEPaymentRequest';
+import * as PayEngineUtils from './utils/index';
+import PEKeyboardType from './components/v2/SecureFields/PEKeyboardType';
 declare const PayEngineStatic: any;
-export { PayEngineStatic, PayEngine, SecureFields, CreditCardForm, CreditCardFormLegacy, IPayEngineConfig, PayEngineGooglePay, PayEngineApplePay };
+export { PayEngineStatic, PayEngine, IPayEngineConfig, PayEngineUtils, PayEngineProvider, PayEngineNative, PEKeyboardType, IPEField, PECreditCardView, PECreditCardViewMethods, PECard, PEBankAccountView, PEBankAccountViewMethods, PEBankAccount, PEApplePayButton, PEPaymentRequest, };

package/lib/typescript/interfaces/index.d.ts

@@ -1,33 +1,6 @@
-import type { StyleProp, ViewStyle } from 'react-native';
-import type { GooglePayRequestData } from '../components/GooglePay/interfaces';
 export interface IPayEngineConfig {
     publicKey: string;
     version?: string;
     scriptURL?: string;
     logLevel?: number;
 }
-export interface CreditCardFormProps {
-    style?: StyleProp<ViewStyle>;
-    merchantId?: string;
-    showZipCode?: boolean;
-    config: IPayEngineConfig;
-}
-export interface CreditCardFormMethods {
-    createCard: (merchantId?: string) => Promise<any>;
-}
-export interface MobilePaymentConfig {
-    base_url: string;
-    country: string;
-    currency: string;
-    gateway: string;
-    google_pay: GooglePayRequestData;
-    apple_pay: {
-        merchantName: string;
-        supportedCardNetworks: string[];
-    };
-}
-export interface PaymentRequest {
-    amount: number;
-    currencyCode?: string;
-    countryCode?: string;
-}

package/lib/typescript/utils/index.d.ts

@@ -1,44 +1,11 @@
 import type { IPayEngineConfig } from '../interfaces/index';
+export declare class PEDeprecationError extends Error {
+    constructor();
+}
 export declare const getHttpHeaders: (config: IPayEngineConfig) => {
     Authorization: string;
 };
 export declare const getBaseURL: (config: IPayEngineConfig) => string;
 export declare const createHttpClient: (config: IPayEngineConfig) => import("axios").AxiosInstance;
 export declare function getScriptURL(config: IPayEngineConfig): string;
-/**
- * <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 declare 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";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-payengine",
-  "version": "1.0.6",
+  "version": "2.0.2",
   "description": "PayEngine SDK for React Native",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",
@@ -29,6 +29,8 @@
     "lint": "eslint \"**/*.{js,ts,tsx}\"",
     "prepare": "bob build",
     "release": "release-it",
+    "update-release": "release-it --no-increment",
+    "beta": "release-it major --preRelease=beta",
     "example": "yarn --cwd example",
     "bootstrap": "yarn example && yarn && yarn example pods"
   },
@@ -62,7 +64,6 @@
     "react": "17.0.2",
     "react-native": "0.68.2",
     "react-native-builder-bob": "^0.18.3",
-    "react-native-webview": "^11.23.0",
     "release-it": "^15.0.0",
     "typescript": "^4.5.2"
   },
@@ -71,8 +72,7 @@
   },
   "peerDependencies": {
     "react": "*",
-    "react-native": "*",
-    "react-native-webview": "^11.23.0"
+    "react-native": "*"
   },
   "jest": {
     "preset": "react-native",
@@ -89,13 +89,17 @@
   "release-it": {
     "git": {
       "commitMessage": "chore: release ${version}",
-      "tagName": "v${version}"
+      "tagName": "v${version}",
+      "commit": true,
+      "tag": true,
+      "push": true,
+      "requireCleanWorkingDir": false
     },
     "npm": {
       "publish": true
     },
     "github": {
-      "release": true
+      "release": false
     },
     "plugins": {
       "@release-it/conventional-changelog": {
@@ -150,6 +154,7 @@
   },
   "dependencies": {
     "axios": "^0.27.2",
+    "caniuse-lite": "^1.0.30001658",
     "events": "^3.3.0"
   }
-}
+}

package/react-native-payengine.podspec

@@ -14,12 +14,12 @@ Pod::Spec.new do |s|
   s.platforms    = { :ios => "12.0" }
   s.source       = { :git => "https://bitbucket.org/payfac0/pf-react-native-payengine", :tag => "#{s.version}" }
 
-  s.source_files = "ios/**/*.{h,m,mm,swift}"
+  s.source_files = "ios/Sources/**/*.{h,m,mm,swift}"
 
   s.dependency "React-Core"
 
   # VGS collect
-  s.dependency 'VGSCollectSDK', "~> 1.9.8"
+  s.vendored_frameworks = 'ios/PayEngineSDK.xcframework'
 
   # Don't install the dependencies when we run `pod install` in the old architecture.
   if ENV['RCT_NEW_ARCH_ENABLED'] == '1' then