react-native-payengine 1.0.5 → 1.0.6

package/lib/module/components/ApplePay/PayEngineApplePay.js

@@ -0,0 +1,58 @@
+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; }
+
+import ApplePay from '.';
+import { createHttpClient } from '../../utils';
+export class PayEngineApplePay {
+  constructor(payEngineConfig) {
+    _defineProperty(this, "applePay", void 0);
+
+    _defineProperty(this, "payEngineConfig", void 0);
+
+    _defineProperty(this, "config", void 0);
+
+    _defineProperty(this, "method", void 0);
+
+    _defineProperty(this, "details", void 0);
+
+    this.payEngineConfig = payEngineConfig;
+    this.applePay = new ApplePay();
+  }
+
+  async canMakePayments(merchantId, paymentConfig) {
+    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);
+  }
+
+  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;
+    }
+  }
+
+}
+//# sourceMappingURL=PayEngineApplePay.js.map

package/lib/module/components/ApplePay/PayEngineApplePay.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ApplePay","createHttpClient","PayEngineApplePay","constructor","payEngineConfig","applePay","canMakePayments","merchantId","paymentConfig","client","data","get","config","console","log","method","countryCode","country","currencyCode","currency","merchantIdentifier","supportedNetworks","details","total","label","apple_pay","merchantName","amount","start","Error","result","JSON","parse"],"sources":["PayEngineApplePay.ts"],"sourcesContent":["import ApplePay from '.';\nimport type {\n  IPayEngineConfig,\n  MobilePaymentConfig,\n  PaymentRequest,\n} from '../../interfaces';\nimport { createHttpClient } from '../../utils';\nimport type {\n  ApplePayDetailsData,\n  ApplePayMethodData,\n  IApplePay,\n} from './interfaces';\n\nexport class PayEngineApplePay implements IApplePay {\n  private applePay: ApplePay;\n  private payEngineConfig: IPayEngineConfig;\n  private config?: MobilePaymentConfig;\n  private method?: ApplePayMethodData;\n  private details?: ApplePayDetailsData;\n\n  constructor(payEngineConfig: IPayEngineConfig) {\n    this.payEngineConfig = payEngineConfig;\n    this.applePay = new ApplePay();\n  }\n\n  public async canMakePayments(merchantId: string, paymentConfig: PaymentRequest) {\n    const client = createHttpClient(this.payEngineConfig);\n    const { data } = await client.get(\n      `/api/mobile-payment/config?merchant_id=${merchantId}`\n    );\n    this.config = data.data;\n    console.log('config', this.config);\n    this.method = {\n      countryCode: paymentConfig.countryCode ?? this.config!.country,\n      currencyCode: paymentConfig.currencyCode ?? this.config!.currency,\n      merchantIdentifier: 'merchant.payengine.tunnel3000cc',\n      supportedNetworks: ['Visa', 'MasterCard', 'AmEx'],\n    };\n\n    this.details = {\n      total: {\n        label: this.config!.apple_pay.merchantName,\n        amount: 1.00,\n      },\n    };\n    return await this.applePay.canMakePayments(this.method, this.details);\n  }\n\n  public async start() {\n    if (!this.config) {\n      throw new Error('You must call `canMakePayments` first');\n    }\n\n    const result = await this.applePay.start();\n    try {\n      return JSON.parse(result);\n    } catch {\n      return result;\n    }\n  }\n}\n"],"mappings":";;AAAA,OAAOA,QAAP,MAAqB,GAArB;AAMA,SAASC,gBAAT,QAAiC,aAAjC;AAOA,OAAO,MAAMC,iBAAN,CAA6C;EAOlDC,WAAW,CAACC,eAAD,EAAoC;IAAA;;IAAA;;IAAA;;IAAA;;IAAA;;IAC7C,KAAKA,eAAL,GAAuBA,eAAvB;IACA,KAAKC,QAAL,GAAgB,IAAIL,QAAJ,EAAhB;EACD;;EAE2B,MAAfM,eAAe,CAACC,UAAD,EAAqBC,aAArB,EAAoD;IAC9E,MAAMC,MAAM,GAAGR,gBAAgB,CAAC,KAAKG,eAAN,CAA/B;IACA,MAAM;MAAEM;IAAF,IAAW,MAAMD,MAAM,CAACE,GAAP,CACpB,0CAAyCJ,UAAW,EADhC,CAAvB;IAGA,KAAKK,MAAL,GAAcF,IAAI,CAACA,IAAnB;IACAG,OAAO,CAACC,GAAR,CAAY,QAAZ,EAAsB,KAAKF,MAA3B;IACA,KAAKG,MAAL,GAAc;MACZC,WAAW,EAAER,aAAa,CAACQ,WAAd,IAA6B,KAAKJ,MAAL,CAAaK,OAD3C;MAEZC,YAAY,EAAEV,aAAa,CAACU,YAAd,IAA8B,KAAKN,MAAL,CAAaO,QAF7C;MAGZC,kBAAkB,EAAE,iCAHR;MAIZC,iBAAiB,EAAE,CAAC,MAAD,EAAS,YAAT,EAAuB,MAAvB;IAJP,CAAd;IAOA,KAAKC,OAAL,GAAe;MACbC,KAAK,EAAE;QACLC,KAAK,EAAE,KAAKZ,MAAL,CAAaa,SAAb,CAAuBC,YADzB;QAELC,MAAM,EAAE;MAFH;IADM,CAAf;IAMA,OAAO,MAAM,KAAKtB,QAAL,CAAcC,eAAd,CAA8B,KAAKS,MAAnC,EAA2C,KAAKO,OAAhD,CAAb;EACD;;EAEiB,MAALM,KAAK,GAAG;IACnB,IAAI,CAAC,KAAKhB,MAAV,EAAkB;MAChB,MAAM,IAAIiB,KAAJ,CAAU,uCAAV,CAAN;IACD;;IAED,MAAMC,MAAM,GAAG,MAAM,KAAKzB,QAAL,CAAcuB,KAAd,EAArB;;IACA,IAAI;MACF,OAAOG,IAAI,CAACC,KAAL,CAAWF,MAAX,CAAP;IACD,CAFD,CAEE,MAAM;MACN,OAAOA,MAAP;IACD;EACF;;AA9CiD"}

package/lib/module/components/ApplePay/index.js

@@ -0,0 +1,35 @@
+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; }
+
+import { NativeModules, Platform } from 'react-native';
+const {
+  ApplePay: RNApplePay
+} = NativeModules;
+export default class ApplePay {
+  constructor() {
+    _defineProperty(this, "isReady", false);
+
+    if (Platform.OS === 'ios') {
+      if (!RNApplePay) {
+        throw new Error('ApplePay is not defined');
+      }
+    } else {
+      throw new Error('Apple Pay is supported (iOS only)');
+    }
+  }
+
+  async start() {
+    if (!this.isReady) {
+      throw new Error('Apple Pay is not ready');
+    }
+
+    return await RNApplePay.initApplePay();
+  }
+
+  async canMakePayments(method, details) {
+    RNApplePay.invokeApplePay(method, details);
+    this.isReady = await RNApplePay.canMakePayments();
+    return this.isReady;
+  }
+
+}
+//# sourceMappingURL=index.js.map

package/lib/module/components/ApplePay/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["NativeModules","Platform","ApplePay","RNApplePay","constructor","OS","Error","start","isReady","initApplePay","canMakePayments","method","details","invokeApplePay"],"sources":["index.ts"],"sourcesContent":["import { NativeModules, Platform } from 'react-native';\nimport type { ApplePayDetailsData, ApplePayMethodData, IApplePay } from './interfaces';\n\nconst { ApplePay: RNApplePay } = NativeModules;\n\nexport default class ApplePay implements IApplePay {\n  private isReady = false;\n\n  constructor() {\n    if (Platform.OS === 'ios') {\n      if (!RNApplePay) {\n        throw new Error('ApplePay is not defined');\n      }\n    } else {\n      throw new Error('Apple Pay is supported (iOS only)');\n    }\n  }\n\n  public async start() {\n    if (!this.isReady) {\n      throw new Error('Apple Pay is not ready')\n    }\n\n    return await RNApplePay.initApplePay();\n  }\n\n  public async canMakePayments(method: ApplePayMethodData, details: ApplePayDetailsData) {\n    RNApplePay.invokeApplePay(method, details);\n    this.isReady = await RNApplePay.canMakePayments();\n    return this.isReady\n  }\n}\n"],"mappings":";;AAAA,SAASA,aAAT,EAAwBC,QAAxB,QAAwC,cAAxC;AAGA,MAAM;EAAEC,QAAQ,EAAEC;AAAZ,IAA2BH,aAAjC;AAEA,eAAe,MAAME,QAAN,CAAoC;EAGjDE,WAAW,GAAG;IAAA,iCAFI,KAEJ;;IACZ,IAAIH,QAAQ,CAACI,EAAT,KAAgB,KAApB,EAA2B;MACzB,IAAI,CAACF,UAAL,EAAiB;QACf,MAAM,IAAIG,KAAJ,CAAU,yBAAV,CAAN;MACD;IACF,CAJD,MAIO;MACL,MAAM,IAAIA,KAAJ,CAAU,mCAAV,CAAN;IACD;EACF;;EAEiB,MAALC,KAAK,GAAG;IACnB,IAAI,CAAC,KAAKC,OAAV,EAAmB;MACjB,MAAM,IAAIF,KAAJ,CAAU,wBAAV,CAAN;IACD;;IAED,OAAO,MAAMH,UAAU,CAACM,YAAX,EAAb;EACD;;EAE2B,MAAfC,eAAe,CAACC,MAAD,EAA6BC,OAA7B,EAA2D;IACrFT,UAAU,CAACU,cAAX,CAA0BF,MAA1B,EAAkCC,OAAlC;IACA,KAAKJ,OAAL,GAAe,MAAML,UAAU,CAACO,eAAX,EAArB;IACA,OAAO,KAAKF,OAAZ;EACD;;AAzBgD"}

package/lib/module/components/ApplePay/interfaces.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=interfaces.js.map

package/lib/module/components/ApplePay/interfaces.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["interfaces.ts"],"sourcesContent":["export interface IApplePay {\n  canMakePayments: (...args: any) => Promise<boolean>\n  start: (...args: any) => Promise<any>\n}\n\n\ntype Network = 'Visa' | 'MasterCard' | 'AmEx';\n\nexport interface ApplePayMethodData {\n  countryCode: string;\n  currencyCode: string;\n  supportedNetworks: Network[];\n  merchantIdentifier: string;\n}\n\nexport interface ApplePayDetail {\n  label: string;\n  amount: number;\n}\n\nexport interface ApplePayDetailsData {\n  total: ApplePayDetail;\n}\n\nexport type ApplePayTransactionIdentifier = string;\n"],"mappings":""}

package/lib/module/components/CreditCardForm/index.js

@@ -0,0 +1,60 @@
+import * as React from 'react';
+import { View, StyleSheet } from 'react-native';
+import { SecureFields } from '../SecureFields';
+export const CreditCardForm = /*#__PURE__*/React.forwardRef((props, ref) => {
+  React.useImperativeHandle(ref, () => ({
+    createCard: async merchantId => {
+      var _secureFieldRef$curre;
+
+      return await ((_secureFieldRef$curre = secureFieldRef.current) === null || _secureFieldRef$curre === void 0 ? void 0 : _secureFieldRef$curre.createCard(props.merchantId ?? merchantId));
+    }
+  }));
+  const secureFieldRef = /*#__PURE__*/React.createRef();
+  return /*#__PURE__*/React.createElement(View, {
+    style: [styles.container, props.style]
+  }, /*#__PURE__*/React.createElement(SecureFields.CollectManager, {
+    ref: secureFieldRef,
+    config: props.config
+  }, /*#__PURE__*/React.createElement(SecureFields.CardHolderNameField, {
+    placeholder: "Card holder name",
+    style: styles.field
+  }), /*#__PURE__*/React.createElement(SecureFields.CardNumberField, {
+    placeholder: "Card number",
+    style: styles.field
+  }), /*#__PURE__*/React.createElement(View, {
+    style: {
+      display: 'flex',
+      flexDirection: "row",
+      width: '100%',
+      height: 50,
+      margin: 8
+    }
+  }, /*#__PURE__*/React.createElement(SecureFields.ExpDateTextField, {
+    style: [styles.field, {
+      flex: 1,
+      margin: 0,
+      marginRight: 10
+    }]
+  }), /*#__PURE__*/React.createElement(SecureFields.CVCField, {
+    style: [styles.field, {
+      flex: 1,
+      margin: 0
+    }]
+  })), props.showZipCode ? /*#__PURE__*/React.createElement(SecureFields.ZipCodeField, {
+    placeholder: "Zip code",
+    style: styles.field
+  }) : /*#__PURE__*/React.createElement(React.Fragment, null)));
+});
+const styles = StyleSheet.create({
+  container: {
+    width: '100%',
+    padding: 20
+  },
+  field: {
+    width: '100%',
+    height: 50,
+    margin: 8,
+    padding: 5
+  }
+});
+//# sourceMappingURL=index.js.map

package/lib/module/components/CreditCardForm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","StyleSheet","SecureFields","CreditCardForm","forwardRef","props","ref","useImperativeHandle","createCard","merchantId","secureFieldRef","current","createRef","styles","container","style","config","field","display","flexDirection","width","height","margin","flex","marginRight","showZipCode","create","padding"],"sources":["index.tsx"],"sourcesContent":["import * as React from 'react';\nimport { View, StyleSheet } from 'react-native';\nimport { SecureFields } from '../SecureFields';\nimport type { CreditCardFormMethods, CreditCardFormProps } from '../../interfaces/index';\n\nexport const CreditCardForm = React.forwardRef<CreditCardFormMethods, CreditCardFormProps>((props, ref) => {\n\n  React.useImperativeHandle(ref, () => ({\n    createCard: async (merchantId?: string) => {\n      return await secureFieldRef.current?.createCard(props.merchantId ?? merchantId)\n    },\n  }));\n\n  const secureFieldRef = React.createRef<any>()\n\n  return (\n    <View style={[styles.container, props.style]}>\n      <SecureFields.CollectManager ref={secureFieldRef} config={props.config}>\n        <SecureFields.CardHolderNameField placeholder=\"Card holder name\" style={styles.field} />\n        <SecureFields.CardNumberField placeholder=\"Card number\" style={styles.field} />\n        <View style={{ display: 'flex', flexDirection: \"row\", width: '100%', height: 50, margin: 8 }}>\n          <SecureFields.ExpDateTextField style={[styles.field, { flex: 1, margin: 0, marginRight: 10 }]} />\n          <SecureFields.CVCField style={[styles.field, { flex: 1, margin: 0 }]} />\n        </View>\n        {props.showZipCode ? <SecureFields.ZipCodeField placeholder=\"Zip code\" style={styles.field} /> : <></>}\n      </SecureFields.CollectManager>\n    </View>\n  );\n});\n\nconst styles = StyleSheet.create({\n  container: {\n    width: '100%',\n    padding: 20,\n  },\n  field: {\n    width: '100%',\n    height: 50,\n    margin: 8,\n    padding: 5\n  }\n});\n\n"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,IAAT,EAAeC,UAAf,QAAiC,cAAjC;AACA,SAASC,YAAT,QAA6B,iBAA7B;AAGA,OAAO,MAAMC,cAAc,gBAAGJ,KAAK,CAACK,UAAN,CAA6D,CAACC,KAAD,EAAQC,GAAR,KAAgB;EAEzGP,KAAK,CAACQ,mBAAN,CAA0BD,GAA1B,EAA+B,OAAO;IACpCE,UAAU,EAAE,MAAOC,UAAP,IAA+B;MAAA;;MACzC,OAAO,gCAAMC,cAAc,CAACC,OAArB,0DAAM,sBAAwBH,UAAxB,CAAmCH,KAAK,CAACI,UAAN,IAAoBA,UAAvD,CAAN,CAAP;IACD;EAHmC,CAAP,CAA/B;EAMA,MAAMC,cAAc,gBAAGX,KAAK,CAACa,SAAN,EAAvB;EAEA,oBACE,oBAAC,IAAD;IAAM,KAAK,EAAE,CAACC,MAAM,CAACC,SAAR,EAAmBT,KAAK,CAACU,KAAzB;EAAb,gBACE,oBAAC,YAAD,CAAc,cAAd;IAA6B,GAAG,EAAEL,cAAlC;IAAkD,MAAM,EAAEL,KAAK,CAACW;EAAhE,gBACE,oBAAC,YAAD,CAAc,mBAAd;IAAkC,WAAW,EAAC,kBAA9C;IAAiE,KAAK,EAAEH,MAAM,CAACI;EAA/E,EADF,eAEE,oBAAC,YAAD,CAAc,eAAd;IAA8B,WAAW,EAAC,aAA1C;IAAwD,KAAK,EAAEJ,MAAM,CAACI;EAAtE,EAFF,eAGE,oBAAC,IAAD;IAAM,KAAK,EAAE;MAAEC,OAAO,EAAE,MAAX;MAAmBC,aAAa,EAAE,KAAlC;MAAyCC,KAAK,EAAE,MAAhD;MAAwDC,MAAM,EAAE,EAAhE;MAAoEC,MAAM,EAAE;IAA5E;EAAb,gBACE,oBAAC,YAAD,CAAc,gBAAd;IAA+B,KAAK,EAAE,CAACT,MAAM,CAACI,KAAR,EAAe;MAAEM,IAAI,EAAE,CAAR;MAAWD,MAAM,EAAE,CAAnB;MAAsBE,WAAW,EAAE;IAAnC,CAAf;EAAtC,EADF,eAEE,oBAAC,YAAD,CAAc,QAAd;IAAuB,KAAK,EAAE,CAACX,MAAM,CAACI,KAAR,EAAe;MAAEM,IAAI,EAAE,CAAR;MAAWD,MAAM,EAAE;IAAnB,CAAf;EAA9B,EAFF,CAHF,EAOGjB,KAAK,CAACoB,WAAN,gBAAoB,oBAAC,YAAD,CAAc,YAAd;IAA2B,WAAW,EAAC,UAAvC;IAAkD,KAAK,EAAEZ,MAAM,CAACI;EAAhE,EAApB,gBAAgG,yCAPnG,CADF,CADF;AAaD,CAvB6B,CAAvB;AAyBP,MAAMJ,MAAM,GAAGZ,UAAU,CAACyB,MAAX,CAAkB;EAC/BZ,SAAS,EAAE;IACTM,KAAK,EAAE,MADE;IAETO,OAAO,EAAE;EAFA,CADoB;EAK/BV,KAAK,EAAE;IACLG,KAAK,EAAE,MADF;IAELC,MAAM,EAAE,EAFH;IAGLC,MAAM,EAAE,CAHH;IAILK,OAAO,EAAE;EAJJ;AALwB,CAAlB,CAAf"}

package/lib/module/components/GooglePay/PayEngineGooglePay.js

@@ -0,0 +1,52 @@
+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; }
+
+import GooglePay from '.';
+import { createHttpClient } from '../../utils';
+export class PayEngineGooglePay {
+  constructor(payEngineConfig) {
+    _defineProperty(this, "googlePay", void 0);
+
+    _defineProperty(this, "payEngineConfig", void 0);
+
+    _defineProperty(this, "config", void 0);
+
+    this.payEngineConfig = payEngineConfig;
+    this.googlePay = new GooglePay();
+  }
+
+  async canMakePayments(merchantId) {
+    const client = createHttpClient(this.payEngineConfig);
+    const {
+      data
+    } = await client.get(`/api/mobile-payment/config?merchant_id=${merchantId}`);
+    this.config = data.data;
+    await this.googlePay.setProduction(Boolean(this.config.google_pay.production));
+    return await this.googlePay.canMakePayments(this.config.google_pay.cardPaymentMethod.allowedCardNetworks, this.config.google_pay.cardPaymentMethod.allowedCardAuthMethods);
+  }
+
+  async start(paymentConfig) {
+    if (!this.config) {
+      throw new Error('You must call `canMakePayments` first');
+    }
+
+    const payload = {
+      cardPaymentMethod: this.config.google_pay.cardPaymentMethod,
+      transaction: {
+        totalPrice: String(paymentConfig.amount),
+        totalPriceStatus: 'FINAL',
+        currencyCode: paymentConfig.currencyCode ?? this.config.currency,
+        countryCode: paymentConfig.countryCode ?? this.config.country
+      },
+      merchantName: this.config.google_pay.merchantName
+    };
+    const result = await this.googlePay.start(payload);
+
+    try {
+      return JSON.parse(result);
+    } catch {
+      return result;
+    }
+  }
+
+}
+//# sourceMappingURL=PayEngineGooglePay.js.map

package/lib/module/components/GooglePay/PayEngineGooglePay.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["GooglePay","createHttpClient","PayEngineGooglePay","constructor","payEngineConfig","googlePay","canMakePayments","merchantId","client","data","get","config","setProduction","Boolean","google_pay","production","cardPaymentMethod","allowedCardNetworks","allowedCardAuthMethods","start","paymentConfig","Error","payload","transaction","totalPrice","String","amount","totalPriceStatus","currencyCode","currency","countryCode","country","merchantName","result","JSON","parse"],"sources":["PayEngineGooglePay.ts"],"sourcesContent":["import GooglePay from '.';\nimport type { IPayEngineConfig, MobilePaymentConfig, PaymentRequest } from '../../interfaces';\nimport { createHttpClient } from '../../utils';\nimport type { GooglePayRequestData, IGooglePay } from './interfaces';\n\nexport class PayEngineGooglePay implements IGooglePay {\n\n  private googlePay: GooglePay;\n  private payEngineConfig: IPayEngineConfig;\n  private config?: MobilePaymentConfig;\n\n  constructor(payEngineConfig: IPayEngineConfig) {\n    this.payEngineConfig = payEngineConfig;\n    this.googlePay = new GooglePay()\n  }\n\n  public async canMakePayments(merchantId: string) {\n    const client = createHttpClient(this.payEngineConfig);\n    const { data } = await client.get(`/api/mobile-payment/config?merchant_id=${merchantId}`)\n    this.config = data.data\n    await this.googlePay.setProduction(Boolean(this.config!.google_pay.production))\n    return await this.googlePay.canMakePayments(this.config!.google_pay.cardPaymentMethod.allowedCardNetworks, this.config!.google_pay.cardPaymentMethod.allowedCardAuthMethods)\n  }\n\n  public async start(paymentConfig: PaymentRequest) {\n    if (!this.config) {\n      throw new Error('You must call `canMakePayments` first')\n    }\n\n    const payload: GooglePayRequestData = {\n      cardPaymentMethod: this.config!.google_pay.cardPaymentMethod,\n      transaction: {\n        totalPrice: String(paymentConfig.amount),\n        totalPriceStatus: 'FINAL',\n        currencyCode: paymentConfig.currencyCode ?? this.config!.currency,\n        countryCode: paymentConfig.countryCode ?? this.config!.country\n      },\n      merchantName: this.config!.google_pay.merchantName\n    }\n\n    const result = await this.googlePay.start(payload);\n    try {\n      return JSON.parse(result)\n    } catch {\n      return result;\n    }\n  }\n}\n"],"mappings":";;AAAA,OAAOA,SAAP,MAAsB,GAAtB;AAEA,SAASC,gBAAT,QAAiC,aAAjC;AAGA,OAAO,MAAMC,kBAAN,CAA+C;EAMpDC,WAAW,CAACC,eAAD,EAAoC;IAAA;;IAAA;;IAAA;;IAC7C,KAAKA,eAAL,GAAuBA,eAAvB;IACA,KAAKC,SAAL,GAAiB,IAAIL,SAAJ,EAAjB;EACD;;EAE2B,MAAfM,eAAe,CAACC,UAAD,EAAqB;IAC/C,MAAMC,MAAM,GAAGP,gBAAgB,CAAC,KAAKG,eAAN,CAA/B;IACA,MAAM;MAAEK;IAAF,IAAW,MAAMD,MAAM,CAACE,GAAP,CAAY,0CAAyCH,UAAW,EAAhE,CAAvB;IACA,KAAKI,MAAL,GAAcF,IAAI,CAACA,IAAnB;IACA,MAAM,KAAKJ,SAAL,CAAeO,aAAf,CAA6BC,OAAO,CAAC,KAAKF,MAAL,CAAaG,UAAb,CAAwBC,UAAzB,CAApC,CAAN;IACA,OAAO,MAAM,KAAKV,SAAL,CAAeC,eAAf,CAA+B,KAAKK,MAAL,CAAaG,UAAb,CAAwBE,iBAAxB,CAA0CC,mBAAzE,EAA8F,KAAKN,MAAL,CAAaG,UAAb,CAAwBE,iBAAxB,CAA0CE,sBAAxI,CAAb;EACD;;EAEiB,MAALC,KAAK,CAACC,aAAD,EAAgC;IAChD,IAAI,CAAC,KAAKT,MAAV,EAAkB;MAChB,MAAM,IAAIU,KAAJ,CAAU,uCAAV,CAAN;IACD;;IAED,MAAMC,OAA6B,GAAG;MACpCN,iBAAiB,EAAE,KAAKL,MAAL,CAAaG,UAAb,CAAwBE,iBADP;MAEpCO,WAAW,EAAE;QACXC,UAAU,EAAEC,MAAM,CAACL,aAAa,CAACM,MAAf,CADP;QAEXC,gBAAgB,EAAE,OAFP;QAGXC,YAAY,EAAER,aAAa,CAACQ,YAAd,IAA8B,KAAKjB,MAAL,CAAakB,QAH9C;QAIXC,WAAW,EAAEV,aAAa,CAACU,WAAd,IAA6B,KAAKnB,MAAL,CAAaoB;MAJ5C,CAFuB;MAQpCC,YAAY,EAAE,KAAKrB,MAAL,CAAaG,UAAb,CAAwBkB;IARF,CAAtC;IAWA,MAAMC,MAAM,GAAG,MAAM,KAAK5B,SAAL,CAAec,KAAf,CAAqBG,OAArB,CAArB;;IACA,IAAI;MACF,OAAOY,IAAI,CAACC,KAAL,CAAWF,MAAX,CAAP;IACD,CAFD,CAEE,MAAM;MACN,OAAOA,MAAP;IACD;EACF;;AAzCmD"}

package/lib/module/components/GooglePay/index.js

@@ -0,0 +1,29 @@
+import { NativeModules, Platform } from 'react-native';
+const {
+  GooglePay: RNGooglePay
+} = NativeModules;
+export default class GooglePay {
+  constructor() {
+    if (Platform.OS === 'android') {
+      if (!RNGooglePay) {
+        throw new Error('GooglePay is not defined');
+      }
+    } else {
+      throw new Error('Google Pay is not supported (Android only)');
+    }
+  }
+
+  async setProduction(isProduction) {
+    return RNGooglePay.setEnvironment(isProduction ? 1 : 3);
+  }
+
+  async canMakePayments(allowedCardNetworks, allowedCardAuthMethods) {
+    return await RNGooglePay.isReadyToPay(allowedCardNetworks, allowedCardAuthMethods);
+  }
+
+  async start(requestData) {
+    return await RNGooglePay.requestPayment(requestData);
+  }
+
+}
+//# sourceMappingURL=index.js.map

package/lib/module/components/GooglePay/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["NativeModules","Platform","GooglePay","RNGooglePay","constructor","OS","Error","setProduction","isProduction","setEnvironment","canMakePayments","allowedCardNetworks","allowedCardAuthMethods","isReadyToPay","start","requestData","requestPayment"],"sources":["index.ts"],"sourcesContent":["import { NativeModules, Platform } from 'react-native';\nimport type {\n  GooglePayAllowedCardAuthMethods,\n  GooglePayAllowedCardNetworks,\n  GooglePayRequestData,\n  IGooglePay,\n} from './interfaces';\n\nconst { GooglePay: RNGooglePay } = NativeModules;\n\nexport default class GooglePay implements IGooglePay {\n  constructor() {\n    if (Platform.OS === 'android') {\n      if (!RNGooglePay) {\n        throw new Error('GooglePay is not defined');\n      }\n    } else {\n      throw new Error('Google Pay is not supported (Android only)');\n    }\n  }\n\n  public async setProduction(isProduction: boolean) {\n    return RNGooglePay.setEnvironment(isProduction ? 1 : 3);\n  }\n\n  public async canMakePayments(\n    allowedCardNetworks: GooglePayAllowedCardNetworks,\n    allowedCardAuthMethods: GooglePayAllowedCardAuthMethods\n  ) {\n    return await RNGooglePay.isReadyToPay(\n      allowedCardNetworks,\n      allowedCardAuthMethods\n    );\n  }\n\n  public async start(requestData: GooglePayRequestData) {\n    return await RNGooglePay.requestPayment(requestData);\n  }\n}\n"],"mappings":"AAAA,SAASA,aAAT,EAAwBC,QAAxB,QAAwC,cAAxC;AAQA,MAAM;EAAEC,SAAS,EAAEC;AAAb,IAA6BH,aAAnC;AAEA,eAAe,MAAME,SAAN,CAAsC;EACnDE,WAAW,GAAG;IACZ,IAAIH,QAAQ,CAACI,EAAT,KAAgB,SAApB,EAA+B;MAC7B,IAAI,CAACF,WAAL,EAAkB;QAChB,MAAM,IAAIG,KAAJ,CAAU,0BAAV,CAAN;MACD;IACF,CAJD,MAIO;MACL,MAAM,IAAIA,KAAJ,CAAU,4CAAV,CAAN;IACD;EACF;;EAEyB,MAAbC,aAAa,CAACC,YAAD,EAAwB;IAChD,OAAOL,WAAW,CAACM,cAAZ,CAA2BD,YAAY,GAAG,CAAH,GAAO,CAA9C,CAAP;EACD;;EAE2B,MAAfE,eAAe,CAC1BC,mBAD0B,EAE1BC,sBAF0B,EAG1B;IACA,OAAO,MAAMT,WAAW,CAACU,YAAZ,CACXF,mBADW,EAEXC,sBAFW,CAAb;EAID;;EAEiB,MAALE,KAAK,CAACC,WAAD,EAAoC;IACpD,OAAO,MAAMZ,WAAW,CAACa,cAAZ,CAA2BD,WAA3B,CAAb;EACD;;AA3BkD"}

package/lib/module/components/GooglePay/interfaces.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=interfaces.js.map

package/lib/module/components/GooglePay/interfaces.js.map

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

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

@@ -0,0 +1,302 @@
+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; }
+
+import * as React from 'react';
+import { Text, View, StyleSheet, ActivityIndicator } from 'react-native';
+import eventEmitter from 'events';
+import { WebView } from 'react-native-webview';
+import { createHttpClient, getHttpHeaders } from '../../utils/index';
+import LoadingIndicator from '../LoadingIndicator';
+const emitter = new eventEmitter();
+
+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 = 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 = 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(ActivityIndicator, null);
+  }
+
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(View, {
+    style: [styles.container, {
+      height: props.showZipCode ? 270 : 215
+    }]
+  }, /*#__PURE__*/React.createElement(WebView, {
+    ref: webviewRef,
+    originWhitelist: ['*'],
+    source: {
+      html: html
+    },
+    scalesPageToFit: false,
+    style: {
+      backgroundColor: 'transparent'
+    },
+    bounces: false,
+    scrollEnabled: false,
+    renderLoading: LoadingIndicator,
+    startInLoadingState: true,
+    onMessage: onMessage
+  })), error.length ? /*#__PURE__*/React.createElement(Text, null, error) : /*#__PURE__*/React.createElement(React.Fragment, null));
+});
+export default CreditCardFormLegacy;
+const styles = 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/module/components/Legacy/CreditCardFormLegacy.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Text","View","StyleSheet","ActivityIndicator","eventEmitter","WebView","createHttpClient","getHttpHeaders","LoadingIndicator","emitter","CardError","Error","constructor","data","CreditCardFormLegacy","forwardRef","props","ref","webviewRef","createRef","loading","setLoading","useState","error","setError","html","setHtml","webviewResponse","setWebviewResponse","useImperativeHandle","createCard","merchantId","headers","config","script","Authorization","Promise","resolve","reject","console","log","once","isError","current","injectJavaScript","useEffect","configure","http","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","length","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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ACA;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,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"}