react-native-payengine 1.0.6 → 2.0.4

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

@@ -1,58 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,35 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

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

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

@@ -1 +0,0 @@
-{"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

@@ -1,60 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,52 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,29 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

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

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

@@ -1 +0,0 @@
-{"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

@@ -1,302 +0,0 @@
-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

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

package/lib/module/components/SecureFields/VGS/CVCField.js

@@ -1,14 +0,0 @@
-import React from 'react';
-import { PureComponent } from 'react';
-import { requireNativeComponent } from 'react-native';
-
-class CVCField extends PureComponent {
-  render() {
-    return /*#__PURE__*/React.createElement(RTCCVCField, this.props);
-  }
-
-}
-
-const RTCCVCField = requireNativeComponent('VGSCVCField');
-export default CVCField;
-//# sourceMappingURL=CVCField.js.map

package/lib/module/components/SecureFields/VGS/CVCField.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","PureComponent","requireNativeComponent","CVCField","render","props","RTCCVCField"],"sources":["CVCField.tsx"],"sourcesContent":["import React from 'react'\nimport { PureComponent } from 'react';\nimport { requireNativeComponent, StyleProp, ViewStyle } from 'react-native';\n\n\n\ninterface CVCFieldProps {\n  placeholder?: string\n  style?: StyleProp<ViewStyle>\n}\n\nclass CVCField extends PureComponent<CVCFieldProps> {\n\n  render() {\n    return <RTCCVCField {...this.props} />\n  }\n}\n\nconst RTCCVCField = requireNativeComponent('VGSCVCField');\n\nexport default CVCField;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,aAAT,QAA8B,OAA9B;AACA,SAASC,sBAAT,QAA6D,cAA7D;;AASA,MAAMC,QAAN,SAAuBF,aAAvB,CAAoD;EAElDG,MAAM,GAAG;IACP,oBAAO,oBAAC,WAAD,EAAiB,KAAKC,KAAtB,CAAP;EACD;;AAJiD;;AAOpD,MAAMC,WAAW,GAAGJ,sBAAsB,CAAC,aAAD,CAA1C;AAEA,eAAeC,QAAf"}