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

react-native-payengine 1.0.5 → 1.0.6

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

Files changed (113) hide show

package/lib/module/components/PayEngine.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","Platform","StyleSheet","Text","View","WebView","getScriptURL","debuggingScript","LoadingIndicator","getHtmlTag","props","allowedProps","Object","keys","filter","x","includes","map","propName","join","generateHTML","scriptURL","PayEngine","useState","config","height","setHeight","html","onMessage","payload","isDebug","logLevel","dataPayload","JSON","parse","nativeEvent","data","e","type","console","info","stringify","detail","event","events","log","flex","style","styles","yellowBox","baseUrl","OS","create","marginVertical","marginHorizontal","padding","backgroundColor","borderWidth","borderColor"],"sources":["PayEngine.tsx"],"sourcesContent":["import React from 'react';\nimport { Platform, StyleProp, StyleSheet, Text, View, ViewStyle } from 'react-native';\nimport { WebView } from 'react-native-webview';\nimport { getScriptURL, ~~IPayEngineConfig,~~ debuggingScript } from '../utils';\nimport LoadingIndicator from './LoadingIndicator';\n\ninterface IProps {\n config: IPayEngineConfig\n type: string\n merchantId?: string\n hash?: string\n events: {\n [key: string]: (eventData: any) => void\n }\n style?: StyleProp<ViewStyle>\n [key: string]: any\n}\n\nconst getHtmlTag = (props: IProps) => {\n const allowedProps = Object.keys(props).filter(x => !['config', 'events', 'style'].includes(x))\n return `<pay-engine id=\"component\"\n style=\"z-index: 100\"\n ${allowedProps.map((propName: string) => `${propName}=\"${props[propName]}\"`).join(' ')}\n ></pay-engine>`\n}\n\nconst generateHTML = (scriptURL: string, props: IProps) => {\n return `<!DOCTYPE html>\n <html>\n <head>\n <title>PayEngine Elements</title>\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <script src=\"${scriptURL}\" async defer type=\"text/javascript\"></script>\n </head>\n <body>\n ${getHtmlTag(props)}\n <script>\n setInterval(function() {\n window.ReactNativeWebView.postMessage(JSON.stringify({\n type: 'PayEngine-height',\n height: document.body.scrollHeight\n }))\n }, 500);\n </script>\n </body>\n </html>`\n}\n\nconst PayEngine = (props: IProps) => {\n\n const [scriptURL] = React.useState(getScriptURL(props.config))\n const [height, setHeight] = React.useState(30)\n\n const html = generateHTML(scriptURL, props)\n\n const onMessage = (payload: any) => {\n const isDebug = props.config.logLevel! > 0\n let dataPayload;\n try {\n dataPayload = JSON.parse(payload.nativeEvent.data);\n } catch (e) { }\n\n if (dataPayload) {\n switch (dataPayload.type) {\n case 'Console':\n if (isDebug) {\n console.info(`[Console] ${JSON.stringify(dataPayload.data)}`);\n }\n break;\n case 'PayEngine':\n const { type, detail } = dataPayload.event\n if (props.events?.[type]) {\n props.events?.[type]?.(detail)\n }\n break;\n case 'PayEngine-height':\n setHeight(dataPayload.height)\n break;\n default:\n if (isDebug) {\n console.log(dataPayload)\n }\n break;\n }\n }\n };\n\n return <View style={[{ flex: 1, height: height }, props.style]}>\n <View style={styles.yellowBox}>\n <Text>Script URL: {scriptURL}</Text>\n </View>\n <View style={styles.yellowBox}>\n <Text>{getHtmlTag(props)}</Text>\n </View>\n <WebView\n originWhitelist={['*']}\n source={{ html: html, baseUrl: '' }}\n // source={{ uri: 'https://google.com' }}\n applicationNameForUserAgent={`PayEngine-RN/${Platform.OS}`}\n injectedJavaScript={debuggingScript}\n renderLoading={LoadingIndicator}\n startInLoadingState={true}\n onMessage={onMessage}\n />\n </View>\n}\n\nconst styles = StyleSheet.create({\n yellowBox: {\n marginVertical: 5,\n marginHorizontal: 10,\n padding: 10,\n backgroundColor: 'yellow',\n borderWidth: 1,\n borderColor: 'yellow'\n }\n})\n\n\nexport default PayEngine\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,QAAT,EAA8BC,UAA9B,EAA0CC,IAA1C,EAAgDC,IAAhD,QAAuE,cAAvE;AACA,SAASC,OAAT,QAAwB,sBAAxB;AACA,SAASC,YAAT,~~EAAyCC~~,~~eAAzC~~,~~QAAgE~~,~~UAAhE~~;AACA,OAAOC,gBAAP,MAA6B,oBAA7B;;~~AAcA~~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"}
1	+ {"version":3,"names":["React","Platform","StyleSheet","Text","View","WebView","getScriptURL","debuggingScript","LoadingIndicator","getHtmlTag","props","allowedProps","Object","keys","filter","x","includes","map","propName","join","generateHTML","scriptURL","PayEngine","useState","config","height","setHeight","html","onMessage","payload","isDebug","logLevel","dataPayload","JSON","parse","nativeEvent","data","e","type","console","info","stringify","detail","event","events","log","flex","style","styles","yellowBox","baseUrl","OS","create","marginVertical","marginHorizontal","padding","backgroundColor","borderWidth","borderColor"],"sources":["PayEngine.tsx"],"sourcesContent":["import React from 'react';\nimport { Platform, StyleProp, StyleSheet, Text, View, ViewStyle } from 'react-native';\nimport { WebView } from 'react-native-webview';\nimport { getScriptURL, debuggingScript } from '../utils';\nimport LoadingIndicator from './LoadingIndicator';\nimport type { IPayEngineConfig } from '../interfaces/index';\n\ninterface IProps {\n config: IPayEngineConfig\n type: string\n merchantId?: string\n hash?: string\n events: {\n [key: string]: (eventData: any) => void\n }\n style?: StyleProp<ViewStyle>\n [key: string]: any\n}\n\nconst getHtmlTag = (props: IProps) => {\n const allowedProps = Object.keys(props).filter(x => !['config', 'events', 'style'].includes(x))\n return `<pay-engine id=\"component\"\n style=\"z-index: 100\"\n ${allowedProps.map((propName: string) => `${propName}=\"${props[propName]}\"`).join(' ')}\n ></pay-engine>`\n}\n\nconst generateHTML = (scriptURL: string, props: IProps) => {\n return `<!DOCTYPE html>\n <html>\n <head>\n <title>PayEngine Elements</title>\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <script src=\"${scriptURL}\" async defer type=\"text/javascript\"></script>\n </head>\n <body>\n ${getHtmlTag(props)}\n <script>\n setInterval(function() {\n window.ReactNativeWebView.postMessage(JSON.stringify({\n type: 'PayEngine-height',\n height: document.body.scrollHeight\n }))\n }, 500);\n </script>\n </body>\n </html>`\n}\n\nconst PayEngine = (props: IProps) => {\n\n const [scriptURL] = React.useState(getScriptURL(props.config))\n const [height, setHeight] = React.useState(30)\n\n const html = generateHTML(scriptURL, props)\n\n const onMessage = (payload: any) => {\n const isDebug = props.config.logLevel! > 0\n let dataPayload;\n try {\n dataPayload = JSON.parse(payload.nativeEvent.data);\n } catch (e) { }\n\n if (dataPayload) {\n switch (dataPayload.type) {\n case 'Console':\n if (isDebug) {\n console.info(`[Console] ${JSON.stringify(dataPayload.data)}`);\n }\n break;\n case 'PayEngine':\n const { type, detail } = dataPayload.event\n if (props.events?.[type]) {\n props.events?.[type]?.(detail)\n }\n break;\n case 'PayEngine-height':\n setHeight(dataPayload.height)\n break;\n default:\n if (isDebug) {\n console.log(dataPayload)\n }\n break;\n }\n }\n };\n\n return <View style={[{ flex: 1, height: height }, props.style]}>\n <View style={styles.yellowBox}>\n <Text>Script URL: {scriptURL}</Text>\n </View>\n <View style={styles.yellowBox}>\n <Text>{getHtmlTag(props)}</Text>\n </View>\n <WebView\n originWhitelist={['*']}\n source={{ html: html, baseUrl: '' }}\n // source={{ uri: 'https://google.com' }}\n applicationNameForUserAgent={`PayEngine-RN/${Platform.OS}`}\n injectedJavaScript={debuggingScript}\n renderLoading={LoadingIndicator}\n startInLoadingState={true}\n onMessage={onMessage}\n />\n </View>\n}\n\nconst styles = StyleSheet.create({\n yellowBox: {\n marginVertical: 5,\n marginHorizontal: 10,\n padding: 10,\n backgroundColor: 'yellow',\n borderWidth: 1,\n borderColor: 'yellow'\n }\n})\n\n\nexport default PayEngine\n"],"mappings":"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"}

package/lib/module/components/SecureFields/VGS/CollectManager.js CHANGED Viewed

@@ -12,7 +12,7 @@ const CollectManager = /*#__PURE__*/React.forwardRef((props, ref) => {
     }
   }));
   const [loading, setLoading] = React.useState(true);
-  const [error, setError] = React.useState("");
+  const [error, setError] = React.useState('');
   React.useEffect(() => {
     const configure = async () => {
       setLoading(true);
@@ -26,17 +26,12 @@ const CollectManager = /*#__PURE__*/React.forwardRef((props, ref) => {
           cname,
           vgs_satellite_port
         } = resp.data.data;
-        console.log({
-          resp
-        });
-        console.log('Starting collect');
-        NativeVGSCollectManager.setConfiguration(vault, environment, cname.replace(/[^a-zA-Z\.]/g, ''), Number(vgs_satellite_port));
-        console.log('Set configuration successfully');
+        NativeVGSCollectManager.setConfiguration(props.config.publicKey, vault, environment, cname.replace(/[^a-zA-Z\.]/g, ''), Number(vgs_satellite_port));
       } catch (e) {
         console.log({
           error: e
         });
-        setError("Unexpected error: " + e.message);
+        setError(e.message);
       } finally {
         setLoading(false);
       }

package/lib/module/components/SecureFields/VGS/CollectManager.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","Text","NativeModules","createHttpClient","NativeVGSCollectManager","VGSCollectManager","CollectManager","forwardRef","props","ref","useImperativeHandle","createCard","merchantId","cardBankAccount","createBankAccount","loading","setLoading","useState","error","setError","useEffect","configure","http","config","resp","get","vault","environment","cname","vgs_satellite_port","data","~~console~~","~~log~~","~~setConfiguration","~~replace","Number","e","message","length","children"],"sources":["CollectManager.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Text, NativeModules } from 'react-native';\nimport { createHttpClient, IPayEngineConfig } from '../../../~~utils~~';\n\nconst NativeVGSCollectManager = NativeModules.VGSCollectManager;\n\nexport interface CollectManagerProps {\n config: IPayEngineConfig\n children: JSX.Element \| JSX.Element[]\n}\n\nexport interface VGSCollectManagerMethods {\n createCard: (merchantId?: string) => void\n cardBankAccount: (merchantId?: string) => void\n}\n\nconst CollectManager = React.forwardRef<VGSCollectManagerMethods, CollectManagerProps>((props, ref) => {\n\n React.useImperativeHandle(ref, () => ({\n createCard: (merchantId?: string) => {\n return NativeVGSCollectManager.createCard(merchantId);\n },\n cardBankAccount: (merchantId?: string) => {\n return NativeVGSCollectManager.createBankAccount(merchantId);\n }\n }));\n\n const [loading, setLoading] = React.useState(true)\n const [error, setError] = React.useState(~~\"\"~~)\n\n React.useEffect(() => {\n const configure = async () => {\n setLoading(true)\n try {\n const http = createHttpClient(props.config)\n const resp = await http.get('/api/setting/secure-fields')\n\n const { vault, environment, cname, vgs_satellite_port } = resp.data.data\n ~~console~~.~~log~~(~~{ resp })~~\n ~~console~~.~~log('Starting collect')\~~n\n ~~NativeVGSCollectManager.setConfiguration(vault,~~ environment, cname.replace(/[^a-zA-Z\\.]/g, ''), Number(vgs_satellite_port))\n ~~console.log('Set configuration successfully'~~)\n } catch (e: any) {\n console.log({ error: e })\n setError(~~\"Unexpected error: \" +~~ e.message)\n } finally {\n setLoading(false)\n }\n }\n\n configure()\n }, [])\n\n return (\n <React.Fragment>\n {loading ? <Text>Loading</Text> : (error.length ? <Text>{error}</Text> : props.children)}\n </React.Fragment>\n );\n});\n\nexport default CollectManager;\n\n"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,IAAT,EAAeC,aAAf,QAAoC,cAApC;AACA,SAASC,gBAAT,~~QAAmD~~,~~gBAAnD~~;~~AAEA~~,MAAMC,uBAAuB,GAAGF,aAAa,CAACG,iBAA9C;AAYA,MAAMC,cAAc,gBAAGN,KAAK,CAACO,UAAN,~~CAAgE~~,CAACC,KAAD,EAAQC,GAAR,KAAgB;~~EAErGT~~,KAAK,CAACU,mBAAN,CAA0BD,GAA1B,EAA+B,OAAO;IACpCE,UAAU,EAAGC,UAAD,IAAyB;MACnC,OAAOR,uBAAuB,CAACO,UAAxB,CAAmCC,UAAnC,CAAP;IACD,CAHmC;IAIpCC,eAAe,EAAGD,UAAD,IAAyB;MACxC,OAAOR,uBAAuB,CAACU,iBAAxB,CAA0CF,UAA1C,CAAP;IACD;EANmC,CAAP,CAA/B;EASA,MAAM,CAACG,OAAD,EAAUC,UAAV,IAAwBhB,KAAK,CAACiB,QAAN,CAAe,IAAf,CAA9B;EACA,MAAM,CAACC,KAAD,EAAQC,QAAR,IAAoBnB,KAAK,CAACiB,QAAN,CAAe,EAAf,CAA1B;EAEAjB,KAAK,CAACoB,SAAN,CAAgB,MAAM;IACpB,MAAMC,SAAS,GAAG,YAAY;MAC5BL,UAAU,CAAC,IAAD,CAAV;;MACA,IAAI;QACF,MAAMM,IAAI,GAAGnB,gBAAgB,CAACK,KAAK,CAACe,MAAP,CAA7B;QACA,MAAMC,IAAI,GAAG,MAAMF,IAAI,CAACG,GAAL,CAAS,4BAAT,CAAnB;~~QAEA~~,MAAM;UAAEC,KAAF;UAASC,WAAT;UAAsBC,KAAtB;UAA6BC;QAA7B,~~IAAoDL~~,IAAI,CAACM,IAAL,CAAUA,~~IAApE~~;~~QACAC~~,~~OAAO~~,~~CAACC~~,~~GAAR~~,~~CAAY;UAAER;QAAF~~,~~CAAZ;QACAO~~,~~OAAO~~,~~CAACC~~,~~GAAR~~,~~CAAY~~,~~kBAAZ;QAEA5B~~,~~uBAAuB~~,~~CAAC6B~~,~~gBAAxB~~,~~CAAyCP~~,~~KAAzC,EAAgDC,WAAhD,EAA6DC,~~KAAK,~~CAACM~~,OAAN,CAAc,cAAd,EAA8B,EAA9B,~~CAA7D~~,~~EAAgGC~~,MAAM,~~CAACN~~,kBAAD,~~CAAtG~~;~~QACAE~~,~~OAAO~~,~~CAACC~~,~~GAAR~~,~~CAAY,gCAAZ;MACD,CAVD,CAUE,OAAOI,~~CAAP,EAAe;~~QACfL~~,OAAO,CAACC,GAAR,CAAY;~~UAAEd~~,KAAK,~~EAAEkB~~;QAAT,CAAZ;~~QACAjB~~,QAAQ,~~CAAC~~,~~uBAAuBiB,~~CAAC,~~CAACC~~,~~OAA1B~~,CAAR;MACD,~~CAbD~~,~~SAaU~~;~~QACRrB~~,UAAU,CAAC,KAAD,CAAV;MACD;IACF,~~CAlBD~~;;~~IAoBAK~~,SAAS;EACV,~~CAtBD~~,~~EAsBG~~,~~EAtBH~~;~~EAwBA~~,oBACE,oBAAC,KAAD,CAAO,QAAP,QACGN,OAAO,~~gBAAG~~,oBAAC,IAAD,~~kBAAH~~,~~GAA2BG~~,KAAK,~~CAACoB~~,MAAN,~~gBAAe~~,oBAAC,IAAD,~~QAAOpB~~,KAAP,~~CAAf~~,~~GAAsCV~~,KAAK,~~CAAC+B~~,~~QADjF~~,CADF;~~AAKD~~,~~CA3CsB~~,CAAvB;~~AA6CA~~,~~eAAejC~~,cAAf"}
1	+ {"version":3,"names":["React","Text","NativeModules","createHttpClient","NativeVGSCollectManager","VGSCollectManager","CollectManager","forwardRef","props","ref","useImperativeHandle","createCard","merchantId","cardBankAccount","createBankAccount","loading","setLoading","useState","error","setError","useEffect","configure","http","config","resp","get","vault","environment","cname","vgs_satellite_port","data","setConfiguration","publicKey","replace","Number","e","console","log","message","length","children"],"sources":["CollectManager.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Text, NativeModules } from 'react-native';\nimport { createHttpClient } from '../../../utils';\nimport type { IPayEngineConfig } from '../../../interfaces/index';\n\nconst NativeVGSCollectManager = NativeModules.VGSCollectManager;\n\nexport interface CollectManagerProps {\n config: IPayEngineConfig;\n children: JSX.Element \| JSX.Element[];\n}\n\nexport interface VGSCollectManagerMethods {\n createCard: (merchantId?: string) => void;\n cardBankAccount: (merchantId?: string) => void;\n}\n\nconst CollectManager = React.forwardRef<\n VGSCollectManagerMethods,\n CollectManagerProps\n>((props, ref) => {\n React.useImperativeHandle(ref, () => ({\n createCard: (merchantId?: string) => {\n return NativeVGSCollectManager.createCard(merchantId);\n },\n cardBankAccount: (merchantId?: string) => {\n return NativeVGSCollectManager.createBankAccount(merchantId);\n },\n }));\n\n const [loading, setLoading] = React.useState(true);\n const [error, setError] = React.useState('');\n\n React.useEffect(() => {\n const configure = async () => {\n setLoading(true);\n try {\n const http = createHttpClient(props.config);\n const resp = await http.get('/api/setting/secure-fields');\n const { vault, environment, cname, vgs_satellite_port } =\n resp.data.data;\n\n NativeVGSCollectManager.setConfiguration(\n props.config.publicKey,\n vault,\n environment,\n cname.replace(/[^a-zA-Z\\.]/g, ''),\n Number(vgs_satellite_port)\n );\n } catch (e: any) {\n console.log({ error: e });\n setError(e.message);\n } finally {\n setLoading(false);\n }\n };\n\n configure();\n }, []);\n\n return (\n <React.Fragment>\n {loading ? (\n <Text>Loading</Text>\n ) : error.length ? (\n <Text>{error}</Text>\n ) : (\n props.children\n )}\n </React.Fragment>\n );\n});\n\nexport default CollectManager;\n"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,IAAT,EAAeC,aAAf,QAAoC,cAApC;AACA,SAASC,gBAAT,QAAiC,gBAAjC;AAGA,MAAMC,uBAAuB,GAAGF,aAAa,CAACG,iBAA9C;AAYA,MAAMC,cAAc,gBAAGN,KAAK,CAACO,UAAN,CAGrB,CAACC,KAAD,EAAQC,GAAR,KAAgB;EAChBT,KAAK,CAACU,mBAAN,CAA0BD,GAA1B,EAA+B,OAAO;IACpCE,UAAU,EAAGC,UAAD,IAAyB;MACnC,OAAOR,uBAAuB,CAACO,UAAxB,CAAmCC,UAAnC,CAAP;IACD,CAHmC;IAIpCC,eAAe,EAAGD,UAAD,IAAyB;MACxC,OAAOR,uBAAuB,CAACU,iBAAxB,CAA0CF,UAA1C,CAAP;IACD;EANmC,CAAP,CAA/B;EASA,MAAM,CAACG,OAAD,EAAUC,UAAV,IAAwBhB,KAAK,CAACiB,QAAN,CAAe,IAAf,CAA9B;EACA,MAAM,CAACC,KAAD,EAAQC,QAAR,IAAoBnB,KAAK,CAACiB,QAAN,CAAe,EAAf,CAA1B;EAEAjB,KAAK,CAACoB,SAAN,CAAgB,MAAM;IACpB,MAAMC,SAAS,GAAG,YAAY;MAC5BL,UAAU,CAAC,IAAD,CAAV;;MACA,IAAI;QACF,MAAMM,IAAI,GAAGnB,gBAAgB,CAACK,KAAK,CAACe,MAAP,CAA7B;QACA,MAAMC,IAAI,GAAG,MAAMF,IAAI,CAACG,GAAL,CAAS,4BAAT,CAAnB;QACA,MAAM;UAAEC,KAAF;UAASC,WAAT;UAAsBC,KAAtB;UAA6BC;QAA7B,IACJL,IAAI,CAACM,IAAL,CAAUA,IADZ;QAGA1B,uBAAuB,CAAC2B,gBAAxB,CACEvB,KAAK,CAACe,MAAN,CAAaS,SADf,EAEEN,KAFF,EAGEC,WAHF,EAIEC,KAAK,CAACK,OAAN,CAAc,cAAd,EAA8B,EAA9B,CAJF,EAKEC,MAAM,CAACL,kBAAD,CALR;MAOD,CAbD,CAaE,OAAOM,CAAP,EAAe;QACfC,OAAO,CAACC,GAAR,CAAY;UAAEnB,KAAK,EAAEiB;QAAT,CAAZ;QACAhB,QAAQ,CAACgB,CAAC,CAACG,OAAH,CAAR;MACD,CAhBD,SAgBU;QACRtB,UAAU,CAAC,KAAD,CAAV;MACD;IACF,CArBD;;IAuBAK,SAAS;EACV,CAzBD,EAyBG,EAzBH;EA2BA,oBACE,oBAAC,KAAD,CAAO,QAAP,QACGN,OAAO,gBACN,oBAAC,IAAD,kBADM,GAEJG,KAAK,CAACqB,MAAN,gBACF,oBAAC,IAAD,QAAOrB,KAAP,CADE,GAGFV,KAAK,CAACgC,QANV,CADF;AAWD,CAtDsB,CAAvB;AAwDA,eAAelC,cAAf"}

package/lib/module/index.js CHANGED Viewed

@@ -1,6 +1,10 @@
 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';
 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: ''
@@ -10,9 +14,6 @@ const PayEngineStatic = NativeModules.Payengine ? NativeModules.Payengine : new
     throw new Error(LINKING_ERROR);
   }
-}); // function multiply(a: number, b: number): Promise<number> {
-//   return PayEngineStatic.multiply(a, b);
-// }
-export { PayEngineStatic, PayEngine, SecureFields };
+});
+export { PayEngineStatic, PayEngine, SecureFields, CreditCardForm, CreditCardFormLegacy, PayEngineGooglePay, PayEngineApplePay };
 //# sourceMappingURL=index.js.map

package/lib/module/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["PayEngine","NativeModules","Platform","SecureFields","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 type { IPayEngineConfig } from './~~utils~~';\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~~// function multiply(a: number, b: number): Promise<number> {~~\~~n// return PayEngineStatic.multiply(a, b);\n// }\n\~~nexport {\n PayEngineStatic,\n PayEngine,\n SecureFields,\n IPayEngineConfig\n}\n\n\n"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,wBAAtB;AACA,SAASC,aAAT,EAAwBC,QAAxB,QAAwC,cAAxC;AACA,SAASC,YAAT,QAA6B,iCAA7B;~~AAGA~~,MAAMC,aAAa,GAChB,iFAAD,~~GACAF~~,QAAQ,~~CAACG~~,MAAT,CAAgB;EAAEC,GAAG,EAAE,gCAAP;EAAyCC,OAAO,EAAE;AAAlD,CAAhB,CADA,GAEA,sDAFA,GAGA,6CAJF;AAMA,MAAMC,eAAe,~~GAAGP~~,aAAa,~~CAACQ~~,SAAd,~~GAA0BR~~,aAAa,~~CAACQ~~,SAAxC,GAAoD,IAAIC,KAAJ,CAC1E,EAD0E,EAE1E;EACEC,GAAG,GAAG;IACJ,MAAM,IAAIC,KAAJ,CAAUR,aAAV,CAAN;EACD;;AAHH,CAF0E,CAA5E~~,C,CASA~~;~~AACA;AACA;;AAEA~~,SACEI,eADF,~~EAEER~~,SAFF,EAGEG,YAHF"}
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"}

package/lib/module/interfaces/index.js ADDED Viewed

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

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

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

package/lib/module/utils/index.js CHANGED Viewed

@@ -1,16 +1,22 @@
-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 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,7 +30,7 @@ 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}`;
   }

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

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

package/lib/typescript/components/ApplePay/PayEngineApplePay.d.ts ADDED Viewed

@@ -0,0 +1,12 @@
+import type { IPayEngineConfig, PaymentRequest } from '../../interfaces';
+import type { IApplePay } from './interfaces';
+export declare class PayEngineApplePay implements IApplePay {
+    private applePay;
+    private payEngineConfig;
+    private config?;
+    private method?;
+    private details?;
+    constructor(payEngineConfig: IPayEngineConfig);
+    canMakePayments(merchantId: string, paymentConfig: PaymentRequest): Promise<boolean>;
+    start(): Promise<any>;
+}

package/lib/typescript/components/ApplePay/index.d.ts ADDED Viewed

@@ -0,0 +1,7 @@
+import type { ApplePayDetailsData, ApplePayMethodData, IApplePay } from './interfaces';
+export default class ApplePay implements IApplePay {
+    private isReady;
+    constructor();
+    start(): Promise<any>;
+    canMakePayments(method: ApplePayMethodData, details: ApplePayDetailsData): Promise<boolean>;
+}

package/lib/typescript/components/ApplePay/interfaces.d.ts ADDED Viewed

@@ -0,0 +1,20 @@
+export interface IApplePay {
+    canMakePayments: (...args: any) => Promise<boolean>;
+    start: (...args: any) => Promise<any>;
+}
+declare type Network = 'Visa' | 'MasterCard' | 'AmEx';
+export interface ApplePayMethodData {
+    countryCode: string;
+    currencyCode: string;
+    supportedNetworks: Network[];
+    merchantIdentifier: string;
+}
+export interface ApplePayDetail {
+    label: string;
+    amount: number;
+}
+export interface ApplePayDetailsData {
+    total: ApplePayDetail;
+}
+export declare type ApplePayTransactionIdentifier = string;
+export {};

package/lib/typescript/components/CreditCardForm/index.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import type { CreditCardFormMethods, CreditCardFormProps } from '../../interfaces/index';
+export declare const CreditCardForm: React.ForwardRefExoticComponent<CreditCardFormProps & React.RefAttributes<CreditCardFormMethods>>;

package/lib/typescript/components/GooglePay/PayEngineGooglePay.d.ts ADDED Viewed

@@ -0,0 +1,10 @@
+import type { IPayEngineConfig, PaymentRequest } from '../../interfaces';
+import type { IGooglePay } from './interfaces';
+export declare class PayEngineGooglePay implements IGooglePay {
+    private googlePay;
+    private payEngineConfig;
+    private config?;
+    constructor(payEngineConfig: IPayEngineConfig);
+    canMakePayments(merchantId: string): Promise<any>;
+    start(paymentConfig: PaymentRequest): Promise<any>;
+}

package/lib/typescript/components/GooglePay/index.d.ts ADDED Viewed

@@ -0,0 +1,7 @@
+import type { GooglePayAllowedCardAuthMethods, GooglePayAllowedCardNetworks, GooglePayRequestData, IGooglePay } from './interfaces';
+export default class GooglePay implements IGooglePay {
+    constructor();
+    setProduction(isProduction: boolean): Promise<any>;
+    canMakePayments(allowedCardNetworks: GooglePayAllowedCardNetworks, allowedCardAuthMethods: GooglePayAllowedCardAuthMethods): Promise<any>;
+    start(requestData: GooglePayRequestData): Promise<any>;
+}

package/lib/typescript/components/GooglePay/interfaces.d.ts ADDED Viewed

@@ -0,0 +1,38 @@
+export interface IGooglePay {
+    canMakePayments: (...args: any) => Promise<boolean>;
+    start: (...args: any) => Promise<any>;
+}
+declare type NetworkType = 'AMEX' | 'DISCOVER' | 'JCB' | 'MASTERCARD' | 'VISA';
+declare type MethodType = 'PAN_ONLY' | 'CRYPTOGRAM_3DS';
+export declare type GooglePayAllowedCardNetworks = NetworkType[];
+export declare type GooglePayAllowedCardAuthMethods = MethodType[];
+export declare type TokenizationSpecificationType = 'PAYMENT_GATEWAY' | 'DIRECT';
+export interface GooglePayRequestData {
+    production?: boolean;
+    cardPaymentMethod: {
+        tokenizationSpecification: {
+            type: TokenizationSpecificationType;
+            /** only with type: PAYMENT_GATEWAY */
+            gateway?: string;
+            /** only with type: PAYMENT_GATEWAY */
+            gatewayMerchantId?: string;
+            /** only with gateway: stripe */
+            stripe?: {
+                publishableKey: string;
+                version: string;
+            };
+            /** only with type: DIRECT */
+            publicKey?: string;
+        };
+        allowedCardNetworks: GooglePayAllowedCardNetworks;
+        allowedCardAuthMethods: GooglePayAllowedCardAuthMethods;
+    };
+    transaction: {
+        totalPrice: string;
+        totalPriceStatus: string;
+        currencyCode: string;
+        countryCode: string;
+    };
+    merchantName: string;
+}
+export {};

package/lib/typescript/components/Legacy/CreditCardFormLegacy.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import type { CreditCardFormMethods, CreditCardFormProps } from '../../interfaces/index';
+declare const CreditCardFormLegacy: React.ForwardRefExoticComponent<CreditCardFormProps & React.RefAttributes<CreditCardFormMethods>>;
+export default CreditCardFormLegacy;

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

@@ -1,5 +1,5 @@
 import { StyleProp, ViewStyle } from 'react-native';
-import { IPayEngineConfig } from '../utils';
+import type { IPayEngineConfig } from '../interfaces/index';
 interface IProps {
     config: IPayEngineConfig;
     type: string;

package/lib/typescript/components/SecureFields/VGS/CollectManager.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { IPayEngineConfig } from '../../../utils';
+import type { IPayEngineConfig } from '../../../interfaces/index';
 export interface CollectManagerProps {
     config: IPayEngineConfig;
     children: JSX.Element | JSX.Element[];

package/lib/typescript/index.d.ts CHANGED Viewed

@@ -1,5 +1,9 @@
 import PayEngine from './components/PayEngine';
 import { SecureFields } from './components/SecureFields/index';
-import type { IPayEngineConfig } from './utils';
+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';
 declare const PayEngineStatic: any;
-export { PayEngineStatic, PayEngine, SecureFields, IPayEngineConfig };
+export { PayEngineStatic, PayEngine, SecureFields, CreditCardForm, CreditCardFormLegacy, IPayEngineConfig, PayEngineGooglePay, PayEngineApplePay };

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

@@ -0,0 +1,33 @@
+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 CHANGED Viewed

@@ -1,9 +1,8 @@
-export interface IPayEngineConfig {
-    publicKey: string;
-    version?: string;
-    scriptURL?: string;
-    logLevel?: number;
-}
+import type { IPayEngineConfig } from '../interfaces/index';
+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;
 /**

package/package.json CHANGED Viewed

@@ -1,20 +1,20 @@
 {
   "name": "react-native-payengine",
-  "version": "1.0.5",
+  "version": "1.0.6",
   "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",
@@ -149,6 +149,7 @@
     ]
   },
   "dependencies": {
-    "axios": "^0.27.2"
+    "axios": "^0.27.2",
+    "events": "^3.3.0"
   }
 }

package/react-native-payengine.podspec CHANGED Viewed

@@ -11,7 +11,7 @@ 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}"
@@ -19,7 +19,7 @@ Pod::Spec.new do |s|
   s.dependency "React-Core"
   # VGS collect
-  s.dependency 'VGSCollectSDK'
+  s.dependency 'VGSCollectSDK', "~> 1.9.8"
   # 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/ApplePay/PayEngineApplePay.ts ADDED Viewed

@@ -0,0 +1,61 @@
+import ApplePay from '.';
+import type {
+  IPayEngineConfig,
+  MobilePaymentConfig,
+  PaymentRequest,
+} from '../../interfaces';
+import { createHttpClient } from '../../utils';
+import type {
+  ApplePayDetailsData,
+  ApplePayMethodData,
+  IApplePay,
+} from './interfaces';
+export class PayEngineApplePay implements IApplePay {
+  private applePay: ApplePay;
+  private payEngineConfig: IPayEngineConfig;
+  private config?: MobilePaymentConfig;
+  private method?: ApplePayMethodData;
+  private details?: ApplePayDetailsData;
+  constructor(payEngineConfig: IPayEngineConfig) {
+    this.payEngineConfig = payEngineConfig;
+    this.applePay = new ApplePay();
+  }
+  public async canMakePayments(merchantId: string, paymentConfig: PaymentRequest) {
+    const client = createHttpClient(this.payEngineConfig);
+    const { data } = await client.get(
+      `/api/mobile-payment/config?merchant_id=${merchantId}`
+    );
+    this.config = data.data;
+    console.log('config', this.config);
+    this.method = {
+      countryCode: paymentConfig.countryCode ?? this.config!.country,
+      currencyCode: paymentConfig.currencyCode ?? this.config!.currency,
+      merchantIdentifier: 'merchant.payengine.tunnel3000cc',
+      supportedNetworks: ['Visa', 'MasterCard', 'AmEx'],
+    };
+    this.details = {
+      total: {
+        label: this.config!.apple_pay.merchantName,
+        amount: 1.00,
+      },
+    };
+    return await this.applePay.canMakePayments(this.method, this.details);
+  }
+  public async start() {
+    if (!this.config) {
+      throw new Error('You must call `canMakePayments` first');
+    }
+    const result = await this.applePay.start();
+    try {
+      return JSON.parse(result);
+    } catch {
+      return result;
+    }
+  }
+}

package/src/components/ApplePay/index.ts ADDED Viewed

@@ -0,0 +1,32 @@
+import { NativeModules, Platform } from 'react-native';
+import type { ApplePayDetailsData, ApplePayMethodData, IApplePay } from './interfaces';
+const { ApplePay: RNApplePay } = NativeModules;
+export default class ApplePay implements IApplePay {
+  private isReady = false;
+  constructor() {
+    if (Platform.OS === 'ios') {
+      if (!RNApplePay) {
+        throw new Error('ApplePay is not defined');
+      }
+    } else {
+      throw new Error('Apple Pay is supported (iOS only)');
+    }
+  }
+  public async start() {
+    if (!this.isReady) {
+      throw new Error('Apple Pay is not ready')
+    }
+    return await RNApplePay.initApplePay();
+  }
+  public async canMakePayments(method: ApplePayMethodData, details: ApplePayDetailsData) {
+    RNApplePay.invokeApplePay(method, details);
+    this.isReady = await RNApplePay.canMakePayments();
+    return this.isReady
+  }
+}

package/src/components/ApplePay/interfaces.ts ADDED Viewed

@@ -0,0 +1,25 @@
+export interface IApplePay {
+  canMakePayments: (...args: any) => Promise<boolean>
+  start: (...args: any) => Promise<any>
+}
+type Network = 'Visa' | 'MasterCard' | 'AmEx';
+export interface ApplePayMethodData {
+  countryCode: string;
+  currencyCode: string;
+  supportedNetworks: Network[];
+  merchantIdentifier: string;
+}
+export interface ApplePayDetail {
+  label: string;
+  amount: number;
+}
+export interface ApplePayDetailsData {
+  total: ApplePayDetail;
+}
+export type ApplePayTransactionIdentifier = string;

package/src/components/CreditCardForm/index.tsx ADDED Viewed

@@ -0,0 +1,43 @@
+import * as React from 'react';
+import { View, StyleSheet } from 'react-native';
+import { SecureFields } from '../SecureFields';
+import type { CreditCardFormMethods, CreditCardFormProps } from '../../interfaces/index';
+export const CreditCardForm = React.forwardRef<CreditCardFormMethods, CreditCardFormProps>((props, ref) => {
+  React.useImperativeHandle(ref, () => ({
+    createCard: async (merchantId?: string) => {
+      return await secureFieldRef.current?.createCard(props.merchantId ?? merchantId)
+    },
+  }));
+  const secureFieldRef = React.createRef<any>()
+  return (
+    <View style={[styles.container, props.style]}>
+      <SecureFields.CollectManager ref={secureFieldRef} config={props.config}>
+        <SecureFields.CardHolderNameField placeholder="Card holder name" style={styles.field} />
+        <SecureFields.CardNumberField placeholder="Card number" style={styles.field} />
+        <View style={{ display: 'flex', flexDirection: "row", width: '100%', height: 50, margin: 8 }}>
+          <SecureFields.ExpDateTextField style={[styles.field, { flex: 1, margin: 0, marginRight: 10 }]} />
+          <SecureFields.CVCField style={[styles.field, { flex: 1, margin: 0 }]} />
+        </View>
+        {props.showZipCode ? <SecureFields.ZipCodeField placeholder="Zip code" style={styles.field} /> : <></>}
+      </SecureFields.CollectManager>
+    </View>
+  );
+});
+const styles = StyleSheet.create({
+  container: {
+    width: '100%',
+    padding: 20,
+  },
+  field: {
+    width: '100%',
+    height: 50,
+    margin: 8,
+    padding: 5
+  }
+});