react-native-payengine 1.0.5 → 2.0.2

package/lib/module/utils/index.js

@@ -1,16 +1,28 @@
-import axios from "axios";
-export const createHttpClient = config => {
-  let baseUrl = config.publicKey.includes('_prod_') ? "https://console.payengine.co" : "https://console.payengine.dev";
+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=""`
+  };
+};
+export const getBaseURL = config => {
+  let baseUrl = config.publicKey.includes('_prod_') ? 'https://console.payengine.co' : 'https://console.payengine.dev';
 
   if (config.scriptURL) {
     baseUrl = config.scriptURL.replace(/^((\w+:)?\/\/[^\/]+\/?).*$/, '$1');
   }
 
+  return baseUrl;
+};
+export const createHttpClient = config => {
   return axios.create({
-    baseURL: baseUrl,
-    headers: {
-      Authorization: `Signature key="${config.publicKey}",algorithm="hmac-sha256",identifier="secure-fields",signature=""`
-    }
+    baseURL: getBaseURL(config),
+    headers: getHttpHeaders(config)
   });
 };
 export function getScriptURL(config) {
@@ -24,50 +36,13 @@ export function getScriptURL(config) {
   if (config.scriptURL) {
     scriptURL = `${config.scriptURL}?key=${config.publicKey}${logLevelStr}`;
   } else {
-    const baseURL = config.publicKey.includes('_prod_') ? "https://console.payengine.co" : "https://console.payengine.dev";
+    const baseURL = config.publicKey.includes('_prod_') ? 'https://console.payengine.co' : 'https://console.payengine.dev';
     const version = config.version ?? '1.0.0';
     scriptURL = `${baseURL}/js/${version}/embed.js?key=${config.publicKey}${logLevelStr}`;
   }
 
   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","createHttpClient","config","baseUrl","publicKey","includes","scriptURL","replace","create","baseURL","headers","Authorization","getScriptURL","Error","logLevelStr","logLevel","version","debuggingScript"],"sources":["index.ts"],"sourcesContent":["import axios from \"axios\"\n\nexport interface IPayEngineConfig {\n  publicKey: string\n  version?: string\n  scriptURL?: string\n  logLevel?: number\n}\n\nexport const createHttpClient = (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 axios.create({\n    baseURL: baseUrl,\n    headers: {\n      Authorization: `Signature key=\"${config.publicKey}\",algorithm=\"hmac-sha256\",identifier=\"secure-fields\",signature=\"\"`\n    }\n  })\n}\n\nexport function getScriptURL(config: IPayEngineConfig) {\n\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;AASA,OAAO,MAAMC,gBAAgB,GAAIC,MAAD,IAA8B;EAC5D,IAAIC,OAAO,GAAGD,MAAM,CAACE,SAAP,CAAiBC,QAAjB,CAA0B,QAA1B,IACR,8BADQ,GAEV,+BAFJ;;EAIA,IAAIH,MAAM,CAACI,SAAX,EAAsB;IACpBH,OAAO,GAAGD,MAAM,CAACI,SAAP,CAAiBC,OAAjB,CAAyB,4BAAzB,EAAsD,IAAtD,CAAV;EACD;;EACD,OAAOP,KAAK,CAACQ,MAAN,CAAa;IAClBC,OAAO,EAAEN,OADS;IAElBO,OAAO,EAAE;MACPC,aAAa,EAAG,kBAAiBT,MAAM,CAACE,SAAU;IAD3C;EAFS,CAAb,CAAP;AAMD,CAdM;AAgBP,OAAO,SAASQ,YAAT,CAAsBV,MAAtB,EAAgD;EAErD,IAAI,CAACA,MAAM,CAACE,SAAZ,EAAuB;IACrB,MAAM,IAAIS,KAAJ,CAAU,iCAAV,CAAN;EACD;;EACD,IAAIP,SAAS,GAAG,EAAhB;EACA,MAAMQ,WAAW,GAAGZ,MAAM,CAACa,QAAP,GAAmB,aAAYb,MAAM,CAACa,QAAS,EAA/C,GAAmD,EAAvE;;EACA,IAAIb,MAAM,CAACI,SAAX,EAAsB;IACpBA,SAAS,GAAI,GAAEJ,MAAM,CAACI,SAAU,QAAOJ,MAAM,CAACE,SAAU,GAAEU,WAAY,EAAtE;EACD,CAFD,MAEO;IACL,MAAML,OAAO,GAAGP,MAAM,CAACE,SAAP,CAAiBC,QAAjB,CAA0B,QAA1B,IACZ,8BADY,GAEZ,+BAFJ;IAGA,MAAMW,OAAO,GAAGd,MAAM,CAACc,OAAP,IAAkB,OAAlC;IACAV,SAAS,GAAI,GAAEG,OAAQ,OAAMO,OAAQ,iBAAgBd,MAAM,CAACE,SAAU,GAAEU,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 { IPayEngineConfig } from '../utils';
-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,5 +1,15 @@
 import PayEngine from './components/PayEngine';
-import { SecureFields } from './components/SecureFields/index';
-import type { IPayEngineConfig } from './utils';
+import type { IPayEngineConfig } from './interfaces/index';
+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, IPayEngineConfig };
+export { PayEngineStatic, PayEngine, IPayEngineConfig, PayEngineUtils, PayEngineProvider, PayEngineNative, PEKeyboardType, IPEField, PECreditCardView, PECreditCardViewMethods, PECard, PEBankAccountView, PEBankAccountViewMethods, PEBankAccount, PEApplePayButton, PEPaymentRequest, };

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

@@ -0,0 +1,6 @@
+export interface IPayEngineConfig {
+    publicKey: string;
+    version?: string;
+    scriptURL?: string;
+    logLevel?: number;
+}

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

@@ -1,45 +1,11 @@
-export interface IPayEngineConfig {
-    publicKey: string;
-    version?: string;
-    scriptURL?: string;
-    logLevel?: number;
+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,20 +1,20 @@
 {
   "name": "react-native-payengine",
-  "version": "1.0.5",
+  "version": "2.0.2",
   "description": "PayEngine SDK for React Native",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",
   "types": "lib/typescript/index.d.ts",
-  "react-native": "lib/commonjs/index",
-  "source": "lib/commonjs/index",
+  "react-native": "src",
+  "source": "src",
   "files": [
+    "src",
     "lib",
     "android",
     "ios",
     "cpp",
     "android/src",
     "react-native-payengine.podspec",
-    "!./src",
     "!lib/typescript/example",
     "!android/build",
     "!ios/build",
@@ -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": {
@@ -149,6 +153,8 @@
     ]
   },
   "dependencies": {
-    "axios": "^0.27.2"
+    "axios": "^0.27.2",
+    "caniuse-lite": "^1.0.30001658",
+    "events": "^3.3.0"
   }
-}
+}

package/react-native-payengine.podspec

@@ -11,15 +11,15 @@ Pod::Spec.new do |s|
   s.license      = package["license"]
   s.authors      = package["author"]
 
-  s.platforms    = { :ios => "10.0" }
+  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'
+  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

package/src/components/LoadingIndicator.tsx

@@ -0,0 +1,28 @@
+import * as React from 'react';
+import { StyleSheet, ActivityIndicator, View } from 'react-native';
+
+const LoadingIndicator = () => {
+  return (
+    <View style={styles.container}>
+      <ActivityIndicator size="small" color="#0000ff" />
+    </View>
+  );
+};
+
+export default LoadingIndicator;
+
+const styles = StyleSheet.create({
+  container: {
+    alignItems: 'center',
+    justifyContent: 'center',
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    height: '100%',
+    width: '100%'
+  },
+  activityIndicatorStyle: {
+    // flex: 1,
+    // justifyContent: "center",
+  },
+});

package/src/components/PayEngine.tsx

@@ -0,0 +1,8 @@
+import React from 'react';
+import { Text } from 'react-native';
+
+const PayEngine = () => {
+  return <Text>Obsolete. Please check out the package readme</Text>;
+};
+
+export default PayEngine;

package/src/components/v2/ApplePay/PEApplePayButton.tsx

@@ -0,0 +1,70 @@
+
+import * as React from 'react';
+import { requireNativeComponent, ViewProps } from 'react-native';
+import type { PEPaymentRequest } from './PEPaymentRequest';
+
+
+const RNPEApplePayButton = requireNativeComponent<NativePECreditCardViewProps>('RNPEApplePayButton');
+
+type NativePEApplePayEvent = {
+  nativeEvent: {
+    error?: string;
+    token?: string
+  };
+};
+
+interface NativePECreditCardViewProps extends ViewProps {
+  paymentRequest: string;
+  onPmSheetDidDismiss: (event: NativePEApplePayEvent) => void;
+  onPmTokenDidReturn: (event: NativePEApplePayEvent) => void;
+  onPmError: (event: NativePEApplePayEvent) => void;
+}
+
+export interface PEApplePayButtonProps extends ViewProps {
+  paymentRequest: PEPaymentRequest;
+  onTokenDidReturn?: (token: string) => void;
+  onPaymentSheetDismissed?: () => void;
+  onPaymentFailed?: (error: Error) => void;
+}
+
+export interface PEApplePayButtonMethods {
+  
+}
+
+
+export const PEApplePayButton = React.forwardRef<
+PEApplePayButtonMethods,
+  PEApplePayButtonProps
+>((props, ref) => {
+
+  React.useImperativeHandle(ref, () => ({
+  }));
+
+  const pmError = (event: NativePEApplePayEvent) => {
+    if (props.onPaymentFailed) {
+      props.onPaymentFailed(new Error(event.nativeEvent.error));
+    }
+  };
+
+  const pmTokenDidReturn = (event: NativePEApplePayEvent) => {
+    if (props.onTokenDidReturn) {
+      props.onTokenDidReturn(event.nativeEvent.token!);
+    }
+  };
+
+  const pmSheetDidDismiss = () => {
+    if (props.onPaymentSheetDismissed) {
+      props.onPaymentSheetDismissed();
+    }
+  }
+  
+  return (
+    <RNPEApplePayButton 
+      style={{ height: 32, width: '100%', ...(props.style as object) }} 
+      paymentRequest={JSON.stringify(props.paymentRequest)} 
+      onPmError={pmError} 
+      onPmTokenDidReturn={pmTokenDidReturn} 
+      onPmSheetDidDismiss={pmSheetDidDismiss} 
+    />
+  );
+});

package/src/components/v2/ApplePay/PEPaymentRequest.ts

@@ -0,0 +1,18 @@
+
+export class PEPaymentRequest {
+  paymentAmount: number;
+  currencyCode: 'USD' | 'CAD';
+  paymentItems: {
+    amount: number;
+    label: string;
+  }[]
+
+  constructor(paymentAmount: number, currencyCode: 'USD' | 'CAD' = 'USD', paymentItems: {
+    amount: number;
+    label: string;
+  }[] = []) {
+    this.paymentAmount = paymentAmount;
+    this.currencyCode = currencyCode;
+    this.paymentItems = paymentItems;
+  }
+}

package/src/components/v2/PayEngineNative.tsx

@@ -0,0 +1,20 @@
+import { NativeModules, Platform } from "react-native";
+
+const { RNPayEngineNative } = NativeModules;
+
+export default class PayEngineNative {
+  static async createFraudMonitorSession(merchantId: string) {
+    return RNPayEngineNative.createFraudMonitorSession(merchantId);
+  }
+
+  static async getBrowserInfo() {
+    return RNPayEngineNative.getBrowserInfo();
+  }
+
+  static async isPlatformPaySupported(merchantId: string) {
+    if (Platform.OS === 'ios') {
+      return await RNPayEngineNative.isApplePaySupported(merchantId);
+    }
+    return false;
+  }
+}

package/src/components/v2/PayEngineProvider.tsx

@@ -0,0 +1,30 @@
+import React, { createContext } from "react";
+import type { IPayEngineConfig } from "../../interfaces";
+import { ActivityIndicator, NativeModules } from "react-native";
+
+const { RNPayEngineNative } = NativeModules;
+
+const PayEngineContext = createContext<IPayEngineConfig | undefined>(undefined);
+
+const PayEngineProvider = ({ config, children }: { config: IPayEngineConfig, children: React.ReactNode }) => {
+  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 <PayEngineContext.Provider value={config}>
+    {loading ? <ActivityIndicator /> : children}
+  </PayEngineContext.Provider>
+}
+
+export {
+  PayEngineContext,
+  PayEngineProvider
+};