react-native-payengine 1.0.5 → 1.0.6

package/lib/commonjs/components/Legacy/CreditCardFormLegacy.js

@@ -0,0 +1,323 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var React = _interopRequireWildcard(require("react"));
+
+var _reactNative = require("react-native");
+
+var _events = _interopRequireDefault(require("events"));
+
+var _reactNativeWebview = require("react-native-webview");
+
+var _index = require("../../utils/index");
+
+var _LoadingIndicator = _interopRequireDefault(require("../LoadingIndicator"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+const emitter = new _events.default();
+
+class CardError extends Error {
+  constructor(data) {
+    super('Failed to create card');
+
+    _defineProperty(this, "data", null);
+
+    this.data = data;
+  }
+
+}
+
+const CreditCardFormLegacy = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const webviewRef = /*#__PURE__*/React.createRef();
+  const [loading, setLoading] = React.useState(true);
+  const [error, setError] = React.useState("");
+  const [html, setHtml] = React.useState("");
+  const [webviewResponse, setWebviewResponse] = React.useState();
+  React.useImperativeHandle(ref, () => ({
+    createCard: async merchantId => {
+      setWebviewResponse(null);
+      const headers = (0, _index.getHttpHeaders)(props.config);
+      const script = `
+        submit(${merchantId ? '"' + merchantId + '"' : 'null'}, '${headers.Authorization}');
+      `;
+      return new Promise((resolve, reject) => {
+        var _webviewRef$current;
+
+        console.log({
+          emitter
+        });
+        emitter.once('pe.card_response', (data, isError) => {
+          if (isError) {
+            reject(new CardError(data));
+          } else {
+            resolve(data);
+          }
+        });
+        (_webviewRef$current = webviewRef.current) === null || _webviewRef$current === void 0 ? void 0 : _webviewRef$current.injectJavaScript(script);
+      });
+    }
+  }), [props.config, webviewRef, webviewResponse]);
+  React.useEffect(() => {
+    const configure = async () => {
+      setLoading(true);
+
+      try {
+        const http = (0, _index.createHttpClient)(props.config);
+        const resp = await http.get('/api/setting/secure-fields');
+        const {
+          vault,
+          environment,
+          cname,
+          vgs_satellite_port
+        } = resp.data.data;
+        setHtml(createVGSCollectFormHTML(Boolean(props.showZipCode), vault, environment, cname, vgs_satellite_port));
+      } catch (e) {
+        console.log({
+          error: e
+        });
+        setError(e.message);
+      } finally {
+        setLoading(false);
+      }
+    };
+
+    configure();
+  }, []);
+
+  const onMessage = payload => {
+    let dataPayload;
+
+    try {
+      dataPayload = JSON.parse(payload.nativeEvent.data);
+    } catch (e) {}
+
+    if (dataPayload) {
+      console.log({
+        dataPayload
+      });
+
+      switch (dataPayload.type) {
+        case 'PayEngineCardResponse':
+          emitter.emit('pe.card_response', dataPayload.data, dataPayload.isError);
+          break;
+
+        default:
+          break;
+      }
+    }
+  };
+
+  if (loading || !html) {
+    return /*#__PURE__*/React.createElement(_reactNative.ActivityIndicator, null);
+  }
+
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: [styles.container, {
+      height: props.showZipCode ? 270 : 215
+    }]
+  }, /*#__PURE__*/React.createElement(_reactNativeWebview.WebView, {
+    ref: webviewRef,
+    originWhitelist: ['*'],
+    source: {
+      html: html
+    },
+    scalesPageToFit: false,
+    style: {
+      backgroundColor: 'transparent'
+    },
+    bounces: false,
+    scrollEnabled: false,
+    renderLoading: _LoadingIndicator.default,
+    startInLoadingState: true,
+    onMessage: onMessage
+  })), error.length ? /*#__PURE__*/React.createElement(_reactNative.Text, null, error) : /*#__PURE__*/React.createElement(React.Fragment, null));
+});
+var _default = CreditCardFormLegacy;
+exports.default = _default;
+
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    width: '100%',
+    padding: 20
+  }
+});
+
+const createVGSCollectFormHTML = (showZipCode, vault, environment, cname, vgs_satellite_port) => `
+  <!DOCTYPE html>
+  <html lang="en">
+  <head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
+    <title>Credit Card Form</title>
+    <script type="text/javascript" src="https://js.verygoodvault.com/vgs-collect/2.16.0/vgs-collect.js"></script>
+
+    <style>
+      html, body {
+        margin: 0;
+        padding: 0;
+        background: transparent;
+      }
+      .row {
+        display: flex;
+        gap: 10px;
+      }
+      .col {
+        flex: 1;
+      }
+      .form-group {
+        margin-bottom: 10px;
+      }
+      .form-field {
+        display: block;
+        width: 100%;
+        height: 50px;
+      }
+
+      .form-field iframe {
+        border: 0 none transparent;
+        height: 100%;
+        vertical-align: middle;
+        width: 100%;
+      }
+    </style>
+  </head>
+  <body>
+    <form id="cc-form">
+      <div class="form-group">
+        <span id="card_holder" class="form-field">
+        </span>
+      </div>
+      <div class="form-group">
+        <span id="card_number" class="form-field"></span>
+      </div>
+      <div class="row">
+        <div class="form-group">
+          <span id="card_exp" class="form-field"></span>
+        </div>
+        <div class="form-group">
+          <span id="card_cvc" class="form-field"></span>
+        </div>
+      </div>
+      ${showZipCode ? `<div class="form-group">
+          <span id="address_zip" class="form-field"></span>
+        </div>` : ''}
+    </form>
+
+    <script>
+      const css = {
+        color: '#000',
+        border: '#CCC 1px solid',
+        'border-radius': '5px',
+        'text-transform': 'uppercase',
+        padding: '5px 10px',
+        'box-sizing': 'border-box',
+        'font-size': '1em',
+        'caret-color': 'transparent',
+        '&:focus': {
+          'border-color': '#999',
+        },
+        '&.invalid.touched': {
+          'border-color': 'red',
+        },
+        '&.valid': {
+          'border-color': '#CCC',
+        },
+      }
+      const form = VGSCollect.create('${vault}', '${environment}', function(state) {});
+      alert('${cname}')
+      form.useCname('${cname}')
+      // form.connectSatellite(parseInt(${vgs_satellite_port}) ?? 9098)
+      form.field('#card_holder', {
+        type: 'text',
+        name: 'card_holder',
+        placeholder: 'Card holder name',
+        validations: ['required'],
+        css
+      });
+
+      const cardElement = form.field('#card_number', {
+        type: 'card-number',
+        name: 'card_number',
+        placeholder: 'Card number',
+        validations: ['required', 'validCardNumber'],
+        showCardIcon: true,
+        css
+      });
+
+      const cvcElement = form.field('#card_cvc', {
+        type: 'card-security-code',
+        name: 'card_cvc',
+        placeholder: 'CVC',
+        validations: ['required', 'validCardSecurityCode'],
+        showCardIcon: true,
+        css
+      });
+
+      cardElement.setCVCDependency(cvcElement);
+
+      form.field('#card_exp', {
+        type: 'card-expiration-date',
+        name: 'card_exp',
+        placeholder: 'Exp date',
+        validations: ['required', 'validCardExpirationDate'],
+        css
+      });
+
+      ${showZipCode ? `
+        form.field('#address_zip', {
+          type: 'text',
+          name: 'address_zip',
+          placeholder: 'Zip code',
+          maxLength: 7,
+          validations: ['required', 'postal_code/us,ca'],
+          css
+        });
+      ` : ''}
+
+      const sendNative = (data, isError) => {
+        window.ReactNativeWebView.postMessage(JSON.stringify({
+          type: 'PayEngineCardResponse',
+          data: data,
+          isError: isError
+        }))
+      }
+
+      function submit(merchantId, authHeader) {
+        form.submit('/api/cards', {
+          method: 'POST',
+          data: {
+            brand: form.state.card_number.cardType,
+            last_4: form.state.card_number.last4,
+            bin: form.state.card_number.bin,
+            pci_vault_provider: 'vgs',
+            merchant_id: merchantId,
+          },
+          headers: {
+            Authorization: authHeader
+          }
+        }, (status, data) => {
+          if (status === 200) {
+            sendNative(data, false)
+          } else {
+            sendNative({ data, status }, true)
+          }
+        }, error => {
+          sendNative(error, true)
+        })
+        return true
+      }
+    </script>
+  </body>
+  </html>`;
+//# sourceMappingURL=CreditCardFormLegacy.js.map

package/lib/commonjs/components/Legacy/CreditCardFormLegacy.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["emitter","eventEmitter","CardError","Error","constructor","data","CreditCardFormLegacy","React","forwardRef","props","ref","webviewRef","createRef","loading","setLoading","useState","error","setError","html","setHtml","webviewResponse","setWebviewResponse","useImperativeHandle","createCard","merchantId","headers","getHttpHeaders","config","script","Authorization","Promise","resolve","reject","console","log","once","isError","current","injectJavaScript","useEffect","configure","http","createHttpClient","resp","get","vault","environment","cname","vgs_satellite_port","createVGSCollectFormHTML","Boolean","showZipCode","e","message","onMessage","payload","dataPayload","JSON","parse","nativeEvent","type","emit","styles","container","height","backgroundColor","LoadingIndicator","length","StyleSheet","create","width","padding"],"sources":["CreditCardFormLegacy.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Text, View, StyleSheet, ActivityIndicator } from 'react-native';\nimport eventEmitter from 'events';\nimport { WebView } from 'react-native-webview';\nimport { createHttpClient, getHttpHeaders } from '../../utils/index';\nimport type { CreditCardFormMethods, CreditCardFormProps } from '../../interfaces/index';\nimport LoadingIndicator from '../LoadingIndicator';\n\nconst emitter = new eventEmitter();\n\nclass CardError extends Error {\n  public data: any = null;\n\n  constructor(data: any) {\n    super('Failed to create card')\n    this.data = data\n  }\n}\n\nconst CreditCardFormLegacy = React.forwardRef<CreditCardFormMethods, CreditCardFormProps>((props, ref) => {\n  const webviewRef = React.createRef<WebView>()\n\n  const [loading, setLoading] = React.useState(true)\n  const [error, setError] = React.useState(\"\")\n  const [html, setHtml] = React.useState(\"\")\n  const [webviewResponse, setWebviewResponse] = React.useState<any>()\n\n  React.useImperativeHandle(ref, () => ({\n    createCard: async (merchantId?: string) => {\n      setWebviewResponse(null)\n      const headers = getHttpHeaders(props.config)\n      const script = `\n        submit(${merchantId ? '\"' + merchantId + '\"' : 'null'}, '${headers.Authorization}');\n      `\n      return new Promise((resolve, reject) => {\n        console.log({ emitter })\n        emitter.once('pe.card_response', (data, isError) => {\n          if (isError) {\n            reject(new CardError(data))\n          } else {\n            resolve(data)\n          }\n        })\n        webviewRef.current?.injectJavaScript(script)\n      })\n\n    },\n  }), [props.config, webviewRef, webviewResponse]);\n\n\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 } = resp.data.data\n\n        setHtml(createVGSCollectFormHTML(Boolean(props.showZipCode), vault, environment, cname, vgs_satellite_port))\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  const onMessage = (payload: any) => {\n    let dataPayload;\n    try {\n      dataPayload = JSON.parse(payload.nativeEvent.data);\n    } catch (e) { }\n\n    if (dataPayload) {\n      console.log({ dataPayload })\n      switch (dataPayload.type) {\n        case 'PayEngineCardResponse':\n          emitter.emit('pe.card_response', dataPayload.data, dataPayload.isError)\n          break\n        default:\n          break\n      }\n    }\n  };\n\n  if (loading || !html) {\n    return <ActivityIndicator />\n  }\n\n  return (\n    <>\n      <View style={[styles.container, { height: props.showZipCode ? 270 : 215 }]}>\n        <WebView\n          ref={webviewRef}\n          originWhitelist={['*']}\n          source={{\n            html: html,\n          }}\n          scalesPageToFit={false}\n          style={{ backgroundColor: 'transparent' }}\n          bounces={false}\n          scrollEnabled={false}\n          renderLoading={LoadingIndicator}\n          startInLoadingState={true}\n          onMessage={onMessage}\n        />\n      </View>\n      {error.length ? <Text>{error}</Text> : <></>}\n    </>\n  );\n});\n\nexport default CreditCardFormLegacy;\n\nconst styles = StyleSheet.create({\n  container: {\n    width: '100%',\n    padding: 20,\n  }\n});\n\nconst createVGSCollectFormHTML = (showZipCode: boolean, vault: string, environment: string, cname: string, vgs_satellite_port: string) => `\n  <!DOCTYPE html>\n  <html lang=\"en\">\n  <head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no\">\n    <title>Credit Card Form</title>\n    <script type=\"text/javascript\" src=\"https://js.verygoodvault.com/vgs-collect/2.16.0/vgs-collect.js\"></script>\n\n    <style>\n      html, body {\n        margin: 0;\n        padding: 0;\n        background: transparent;\n      }\n      .row {\n        display: flex;\n        gap: 10px;\n      }\n      .col {\n        flex: 1;\n      }\n      .form-group {\n        margin-bottom: 10px;\n      }\n      .form-field {\n        display: block;\n        width: 100%;\n        height: 50px;\n      }\n\n      .form-field iframe {\n        border: 0 none transparent;\n        height: 100%;\n        vertical-align: middle;\n        width: 100%;\n      }\n    </style>\n  </head>\n  <body>\n    <form id=\"cc-form\">\n      <div class=\"form-group\">\n        <span id=\"card_holder\" class=\"form-field\">\n        </span>\n      </div>\n      <div class=\"form-group\">\n        <span id=\"card_number\" class=\"form-field\"></span>\n      </div>\n      <div class=\"row\">\n        <div class=\"form-group\">\n          <span id=\"card_exp\" class=\"form-field\"></span>\n        </div>\n        <div class=\"form-group\">\n          <span id=\"card_cvc\" class=\"form-field\"></span>\n        </div>\n      </div>\n      ${showZipCode ? `<div class=\"form-group\">\n          <span id=\"address_zip\" class=\"form-field\"></span>\n        </div>` : ''}\n    </form>\n\n    <script>\n      const css = {\n        color: '#000',\n        border: '#CCC 1px solid',\n        'border-radius': '5px',\n        'text-transform': 'uppercase',\n        padding: '5px 10px',\n        'box-sizing': 'border-box',\n        'font-size': '1em',\n        'caret-color': 'transparent',\n        '&:focus': {\n          'border-color': '#999',\n        },\n        '&.invalid.touched': {\n          'border-color': 'red',\n        },\n        '&.valid': {\n          'border-color': '#CCC',\n        },\n      }\n      const form = VGSCollect.create('${vault}', '${environment}', function(state) {});\n      alert('${cname}')\n      form.useCname('${cname}')\n      // form.connectSatellite(parseInt(${vgs_satellite_port}) ?? 9098)\n      form.field('#card_holder', {\n        type: 'text',\n        name: 'card_holder',\n        placeholder: 'Card holder name',\n        validations: ['required'],\n        css\n      });\n\n      const cardElement = form.field('#card_number', {\n        type: 'card-number',\n        name: 'card_number',\n        placeholder: 'Card number',\n        validations: ['required', 'validCardNumber'],\n        showCardIcon: true,\n        css\n      });\n\n      const cvcElement = form.field('#card_cvc', {\n        type: 'card-security-code',\n        name: 'card_cvc',\n        placeholder: 'CVC',\n        validations: ['required', 'validCardSecurityCode'],\n        showCardIcon: true,\n        css\n      });\n\n      cardElement.setCVCDependency(cvcElement);\n\n      form.field('#card_exp', {\n        type: 'card-expiration-date',\n        name: 'card_exp',\n        placeholder: 'Exp date',\n        validations: ['required', 'validCardExpirationDate'],\n        css\n      });\n\n      ${showZipCode ? `\n        form.field('#address_zip', {\n          type: 'text',\n          name: 'address_zip',\n          placeholder: 'Zip code',\n          maxLength: 7,\n          validations: ['required', 'postal_code/us,ca'],\n          css\n        });\n      ` : ''}\n\n      const sendNative = (data, isError) => {\n        window.ReactNativeWebView.postMessage(JSON.stringify({\n          type: 'PayEngineCardResponse',\n          data: data,\n          isError: isError\n        }))\n      }\n\n      function submit(merchantId, authHeader) {\n        form.submit('/api/cards', {\n          method: 'POST',\n          data: {\n            brand: form.state.card_number.cardType,\n            last_4: form.state.card_number.last4,\n            bin: form.state.card_number.bin,\n            pci_vault_provider: 'vgs',\n            merchant_id: merchantId,\n          },\n          headers: {\n            Authorization: authHeader\n          }\n        }, (status, data) => {\n          if (status === 200) {\n            sendNative(data, false)\n          } else {\n            sendNative({ data, status }, true)\n          }\n        }, error => {\n          sendNative(error, true)\n        })\n        return true\n      }\n    </script>\n  </body>\n  </html>`;\n"],"mappings":"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ACvB;AACA,eAFmB,GAED,EAAG;AACrB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,wCAAwCN,KAAM,OAAMC,WAAY;AAChE,eAAeC,KAAM;AACrB,uBAAuBA,KAAM;AAC7B,0CAA0CC,kBAAmB;AAC7D;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,QAAQG,WAAW,GAAI;AACvB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OATmB,GAST,EAAG;AACb;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,UAtKA"}

package/lib/commonjs/components/PayEngine.js.map

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

package/lib/commonjs/components/SecureFields/VGS/CollectManager.js

@@ -26,7 +26,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);
@@ -40,17 +40,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/commonjs/components/SecureFields/VGS/CollectManager.js.map

@@ -1 +1 @@
-{"version":3,"names":["NativeVGSCollectManager","NativeModules","VGSCollectManager","CollectManager","React","forwardRef","props","ref","useImperativeHandle","createCard","merchantId","cardBankAccount","createBankAccount","loading","setLoading","useState","error","setError","useEffect","configure","http","createHttpClient","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;;AACA;;AACA;;;;;;AAEA,MAAMA,uBAAuB,GAAGC,0BAAA,CAAcC,iBAA9C;AAYA,MAAMC,cAAc,gBAAGC,KAAK,CAACC,UAAN,CAAgE,CAACC,KAAD,EAAQC,GAAR,KAAgB;EAErGH,KAAK,CAACI,mBAAN,CAA0BD,GAA1B,EAA+B,OAAO;IACpCE,UAAU,EAAGC,UAAD,IAAyB;MACnC,OAAOV,uBAAuB,CAACS,UAAxB,CAAmCC,UAAnC,CAAP;IACD,CAHmC;IAIpCC,eAAe,EAAGD,UAAD,IAAyB;MACxC,OAAOV,uBAAuB,CAACY,iBAAxB,CAA0CF,UAA1C,CAAP;IACD;EANmC,CAAP,CAA/B;EASA,MAAM,CAACG,OAAD,EAAUC,UAAV,IAAwBV,KAAK,CAACW,QAAN,CAAe,IAAf,CAA9B;EACA,MAAM,CAACC,KAAD,EAAQC,QAAR,IAAoBb,KAAK,CAACW,QAAN,CAAe,EAAf,CAA1B;EAEAX,KAAK,CAACc,SAAN,CAAgB,MAAM;IACpB,MAAMC,SAAS,GAAG,YAAY;MAC5BL,UAAU,CAAC,IAAD,CAAV;;MACA,IAAI;QACF,MAAMM,IAAI,GAAG,IAAAC,uBAAA,EAAiBf,KAAK,CAACgB,MAAvB,CAAb;QACA,MAAMC,IAAI,GAAG,MAAMH,IAAI,CAACI,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;QAEA/B,uBAAuB,CAACgC,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;UAAEf,KAAK,EAAEmB;QAAT,CAAZ;QACAlB,QAAQ,CAAC,uBAAuBkB,CAAC,CAACC,OAA1B,CAAR;MACD,CAbD,SAaU;QACRtB,UAAU,CAAC,KAAD,CAAV;MACD;IACF,CAlBD;;IAoBAK,SAAS;EACV,CAtBD,EAsBG,EAtBH;EAwBA,oBACE,oBAAC,KAAD,CAAO,QAAP,QACGN,OAAO,gBAAG,oBAAC,iBAAD,kBAAH,GAA2BG,KAAK,CAACqB,MAAN,gBAAe,oBAAC,iBAAD,QAAOrB,KAAP,CAAf,GAAsCV,KAAK,CAACgC,QADjF,CADF;AAKD,CA3CsB,CAAvB;eA6CenC,c"}
+{"version":3,"names":["NativeVGSCollectManager","NativeModules","VGSCollectManager","CollectManager","React","forwardRef","props","ref","useImperativeHandle","createCard","merchantId","cardBankAccount","createBankAccount","loading","setLoading","useState","error","setError","useEffect","configure","http","createHttpClient","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;;AACA;;AACA;;;;;;AAGA,MAAMA,uBAAuB,GAAGC,0BAAA,CAAcC,iBAA9C;AAYA,MAAMC,cAAc,gBAAGC,KAAK,CAACC,UAAN,CAGrB,CAACC,KAAD,EAAQC,GAAR,KAAgB;EAChBH,KAAK,CAACI,mBAAN,CAA0BD,GAA1B,EAA+B,OAAO;IACpCE,UAAU,EAAGC,UAAD,IAAyB;MACnC,OAAOV,uBAAuB,CAACS,UAAxB,CAAmCC,UAAnC,CAAP;IACD,CAHmC;IAIpCC,eAAe,EAAGD,UAAD,IAAyB;MACxC,OAAOV,uBAAuB,CAACY,iBAAxB,CAA0CF,UAA1C,CAAP;IACD;EANmC,CAAP,CAA/B;EASA,MAAM,CAACG,OAAD,EAAUC,UAAV,IAAwBV,KAAK,CAACW,QAAN,CAAe,IAAf,CAA9B;EACA,MAAM,CAACC,KAAD,EAAQC,QAAR,IAAoBb,KAAK,CAACW,QAAN,CAAe,EAAf,CAA1B;EAEAX,KAAK,CAACc,SAAN,CAAgB,MAAM;IACpB,MAAMC,SAAS,GAAG,YAAY;MAC5BL,UAAU,CAAC,IAAD,CAAV;;MACA,IAAI;QACF,MAAMM,IAAI,GAAG,IAAAC,uBAAA,EAAiBf,KAAK,CAACgB,MAAvB,CAAb;QACA,MAAMC,IAAI,GAAG,MAAMH,IAAI,CAACI,GAAL,CAAS,4BAAT,CAAnB;QACA,MAAM;UAAEC,KAAF;UAASC,WAAT;UAAsBC,KAAtB;UAA6BC;QAA7B,IACJL,IAAI,CAACM,IAAL,CAAUA,IADZ;QAGA7B,uBAAuB,CAAC8B,gBAAxB,CACExB,KAAK,CAACgB,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;UAAEpB,KAAK,EAAEkB;QAAT,CAAZ;QACAjB,QAAQ,CAACiB,CAAC,CAACG,OAAH,CAAR;MACD,CAhBD,SAgBU;QACRvB,UAAU,CAAC,KAAD,CAAV;MACD;IACF,CArBD;;IAuBAK,SAAS;EACV,CAzBD,EAyBG,EAzBH;EA2BA,oBACE,oBAAC,KAAD,CAAO,QAAP,QACGN,OAAO,gBACN,oBAAC,iBAAD,kBADM,GAEJG,KAAK,CAACsB,MAAN,gBACF,oBAAC,iBAAD,QAAOtB,KAAP,CADE,GAGFV,KAAK,CAACiC,QANV,CADF;AAWD,CAtDsB,CAAvB;eAwDepC,c"}

package/lib/commonjs/index.js

@@ -3,12 +3,36 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+Object.defineProperty(exports, "CreditCardForm", {
+  enumerable: true,
+  get: function () {
+    return _index2.CreditCardForm;
+  }
+});
+Object.defineProperty(exports, "CreditCardFormLegacy", {
+  enumerable: true,
+  get: function () {
+    return _CreditCardFormLegacy.default;
+  }
+});
 Object.defineProperty(exports, "PayEngine", {
   enumerable: true,
   get: function () {
     return _PayEngine.default;
   }
 });
+Object.defineProperty(exports, "PayEngineApplePay", {
+  enumerable: true,
+  get: function () {
+    return _PayEngineApplePay.PayEngineApplePay;
+  }
+});
+Object.defineProperty(exports, "PayEngineGooglePay", {
+  enumerable: true,
+  get: function () {
+    return _PayEngineGooglePay.PayEngineGooglePay;
+  }
+});
 exports.PayEngineStatic = void 0;
 Object.defineProperty(exports, "SecureFields", {
   enumerable: true,
@@ -23,6 +47,14 @@ var _reactNative = require("react-native");
 
 var _index = require("./components/SecureFields/index");
 
+var _index2 = require("./components/CreditCardForm/index");
+
+var _CreditCardFormLegacy = _interopRequireDefault(require("./components/Legacy/CreditCardFormLegacy"));
+
+var _PayEngineGooglePay = require("./components/GooglePay/PayEngineGooglePay");
+
+var _PayEngineApplePay = require("./components/ApplePay/PayEngineApplePay");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 const LINKING_ERROR = `The package 'react-native-payengine' doesn't seem to be linked. Make sure: \n\n` + _reactNative.Platform.select({
@@ -34,9 +66,6 @@ const PayEngineStatic = _reactNative.NativeModules.Payengine ? _reactNative.Nati
     throw new Error(LINKING_ERROR);
   }
 
-}); // function multiply(a: number, b: number): Promise<number> {
-//   return PayEngineStatic.multiply(a, b);
-// }
-
+});
 exports.PayEngineStatic = PayEngineStatic;
 //# sourceMappingURL=index.js.map

package/lib/commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["LINKING_ERROR","Platform","select","ios","default","PayEngineStatic","NativeModules","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;;AACA;;AACA;;;;AAGA,MAAMA,aAAa,GAChB,iFAAD,GACAC,qBAAA,CAASC,MAAT,CAAgB;EAAEC,GAAG,EAAE,gCAAP;EAAyCC,OAAO,EAAE;AAAlD,CAAhB,CADA,GAEA,sDAFA,GAGA,6CAJF;AAMA,MAAMC,eAAe,GAAGC,0BAAA,CAAcC,SAAd,GAA0BD,0BAAA,CAAcC,SAAxC,GAAoD,IAAIC,KAAJ,CAC1E,EAD0E,EAE1E;EACEC,GAAG,GAAG;IACJ,MAAM,IAAIC,KAAJ,CAAUV,aAAV,CAAN;EACD;;AAHH,CAF0E,CAA5E,C,CASA;AACA;AACA"}
+{"version":3,"names":["LINKING_ERROR","Platform","select","ios","default","PayEngineStatic","NativeModules","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;;AACA;;AACA;;AACA;;AACA;;AAEA;;AACA;;;;AAEA,MAAMA,aAAa,GAChB,iFAAD,GACAC,qBAAA,CAASC,MAAT,CAAgB;EAAEC,GAAG,EAAE,gCAAP;EAAyCC,OAAO,EAAE;AAAlD,CAAhB,CADA,GAEA,sDAFA,GAGA,6CAJF;AAMA,MAAMC,eAAe,GAAGC,0BAAA,CAAcC,SAAd,GAA0BD,0BAAA,CAAcC,SAAxC,GAAoD,IAAIC,KAAJ,CAC1E,EAD0E,EAE1E;EACEC,GAAG,GAAG;IACJ,MAAM,IAAIC,KAAJ,CAAUV,aAAV,CAAN;EACD;;AAHH,CAF0E,CAA5E"}

package/lib/commonjs/interfaces/index.js

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

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

@@ -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/commonjs/utils/index.js

@@ -3,25 +3,37 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.debuggingScript = exports.createHttpClient = void 0;
+exports.getHttpHeaders = exports.getBaseURL = exports.debuggingScript = exports.createHttpClient = void 0;
 exports.getScriptURL = getScriptURL;
 
 var _axios = _interopRequireDefault(require("axios"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const createHttpClient = config => {
-  let baseUrl = config.publicKey.includes('_prod_') ? "https://console.payengine.co" : "https://console.payengine.dev";
+const getHttpHeaders = config => {
+  return {
+    Authorization: `Signature key="${config.publicKey}",algorithm="hmac-sha256",identifier="secure-fields",signature=""`
+  };
+};
+
+exports.getHttpHeaders = getHttpHeaders;
+
+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;
+};
+
+exports.getBaseURL = getBaseURL;
+
+const createHttpClient = config => {
   return _axios.default.create({
-    baseURL: baseUrl,
-    headers: {
-      Authorization: `Signature key="${config.publicKey}",algorithm="hmac-sha256",identifier="secure-fields",signature=""`
-    }
+    baseURL: getBaseURL(config),
+    headers: getHttpHeaders(config)
   });
 };
 
@@ -38,7 +50,7 @@ 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/commonjs/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["createHttpClient","config","baseUrl","publicKey","includes","scriptURL","replace","axios","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;;;;AASO,MAAMA,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,OAAOC,cAAA,CAAMC,MAAN,CAAa;IAClBC,OAAO,EAAEP,OADS;IAElBQ,OAAO,EAAE;MACPC,aAAa,EAAG,kBAAiBV,MAAM,CAACE,SAAU;IAD3C;EAFS,CAAb,CAAP;AAMD,CAdM;;;;AAgBA,SAASS,YAAT,CAAsBX,MAAtB,EAAgD;EAErD,IAAI,CAACA,MAAM,CAACE,SAAZ,EAAuB;IACrB,MAAM,IAAIU,KAAJ,CAAU,iCAAV,CAAN;EACD;;EACD,IAAIR,SAAS,GAAG,EAAhB;EACA,MAAMS,WAAW,GAAGb,MAAM,CAACc,QAAP,GAAmB,aAAYd,MAAM,CAACc,QAAS,EAA/C,GAAmD,EAAvE;;EACA,IAAId,MAAM,CAACI,SAAX,EAAsB;IACpBA,SAAS,GAAI,GAAEJ,MAAM,CAACI,SAAU,QAAOJ,MAAM,CAACE,SAAU,GAAEW,WAAY,EAAtE;EACD,CAFD,MAEO;IACL,MAAML,OAAO,GAAGR,MAAM,CAACE,SAAP,CAAiBC,QAAjB,CAA0B,QAA1B,IACZ,8BADY,GAEZ,+BAFJ;IAGA,MAAMY,OAAO,GAAGf,MAAM,CAACe,OAAP,IAAkB,OAAlC;IACAX,SAAS,GAAI,GAAEI,OAAQ,OAAMO,OAAQ,iBAAgBf,MAAM,CAACE,SAAU,GAAEW,WAAY,EAApF;EACD;;EAED,OAAOT,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;;;AACO,MAAMY,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":["getHttpHeaders","config","Authorization","publicKey","getBaseURL","baseUrl","includes","scriptURL","replace","createHttpClient","axios","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;;;;AAGO,MAAMA,cAAc,GAAIC,MAAD,IAA8B;EAC1D,OAAO;IACLC,aAAa,EAAG,kBAAiBD,MAAM,CAACE,SAAU;EAD7C,CAAP;AAGD,CAJM;;;;AAMA,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;;;;AAWA,MAAMI,gBAAgB,GAAIR,MAAD,IAA8B;EAC5D,OAAOS,cAAA,CAAMC,MAAN,CAAa;IAClBC,OAAO,EAAER,UAAU,CAACH,MAAD,CADD;IAElBY,OAAO,EAAEb,cAAc,CAACC,MAAD;EAFL,CAAb,CAAP;AAID,CALM;;;;AAOA,SAASa,YAAT,CAAsBb,MAAtB,EAAgD;EACrD,IAAI,CAACA,MAAM,CAACE,SAAZ,EAAuB;IACrB,MAAM,IAAIY,KAAJ,CAAU,iCAAV,CAAN;EACD;;EACD,IAAIR,SAAS,GAAG,EAAhB;EACA,MAAMS,WAAW,GAAGf,MAAM,CAACgB,QAAP,GAAmB,aAAYhB,MAAM,CAACgB,QAAS,EAA/C,GAAmD,EAAvE;;EACA,IAAIhB,MAAM,CAACM,SAAX,EAAsB;IACpBA,SAAS,GAAI,GAAEN,MAAM,CAACM,SAAU,QAAON,MAAM,CAACE,SAAU,GAAEa,WAAY,EAAtE;EACD,CAFD,MAEO;IACL,MAAMJ,OAAO,GAAGX,MAAM,CAACE,SAAP,CAAiBG,QAAjB,CAA0B,QAA1B,IACZ,8BADY,GAEZ,+BAFJ;IAGA,MAAMY,OAAO,GAAGjB,MAAM,CAACiB,OAAP,IAAkB,OAAlC;IACAX,SAAS,GAAI,GAAEK,OAAQ,OAAMM,OAAQ,iBAAgBjB,MAAM,CAACE,SAAU,GAAEa,WAAY,EAApF;EACD;;EAED,OAAOT,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;;;AACO,MAAMY,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"}