fix: assign gateway and test flag to created card

.eslintrc.json

@@ -9,7 +9,7 @@
   "parserOptions": {
     "requireConfigFile": false,
     "sourceType": "module",
-    "ecmaVersion": 2021
+    "ecmaVersion": 2022
   },
   "settings": {
     "react": {
@@ -24,7 +24,7 @@
   },
   "env": {
     "browser": true,
-    "es2021": true
+    "es2022": true
   },
   "rules": {
     "no-unused-vars": ["error", { "argsIgnorePattern": "^_" }]

src/payment/card/quickpay.js

@@ -1,13 +1,15 @@
-import Payment from '../payment';
+import { isLiveMode } from '../../utils';
 import { UnableAuthenticatePaymentMethodError } from '../../utils/errors';
 
+import Payment from '../payment';
+
 export default class QuickpayCardPayment extends Payment {
   constructor(api, options, params, methods) {
     super(api, options, params, methods.card);
   }
 
   get orderId() {
-    return Math.random().toString(36).substr(2, 9);
+    return Math.random().toString(36).slice(2, 11);
   }
 
   async tokenize() {
@@ -69,6 +71,12 @@ export default class QuickpayCardPayment extends Payment {
       throw new Error(card.error.message);
     }
 
+    card.gateway = 'quickpay';
+
+    if (!isLiveMode(this.method.mode)) {
+      card.test = true;
+    }
+
     await this.updateCart({
       billing: {
         method: 'card',

src/payment/card/stripe.js

@@ -1,11 +1,14 @@
-import Payment from '../payment';
+import { isLiveMode } from '../../utils';
+import { LibraryNotLoadedError } from '../../utils/errors';
+
 import {
   createElement,
   createPaymentMethod,
   isStripeChargeableAmount,
   stripeAmountByCurrency,
 } from '../../utils/stripe';
-import { LibraryNotLoadedError } from '../../utils/errors';
+
+import Payment from '../payment';
 
 /** @typedef {import('@stripe/stripe-js').Stripe} Stripe */
 /** @typedef {import('@stripe/stripe-js').StripeCardElement} StripeCardElement */
@@ -82,6 +85,10 @@ export default class StripeCardPayment extends Payment {
       throw new Error(paymentMethod.error.message);
     }
 
+    if (!isLiveMode(this.method.mode)) {
+      paymentMethod.test = true;
+    }
+
     // should save payment method data when payment amount is not chargeable
     if (!isStripeChargeableAmount(cart.capture_total, cart.currency)) {
       await this.updateCart({

src/utils/stripe.js

@@ -122,6 +122,7 @@ export async function createPaymentMethod(stripe, cardElement, cart) {
   return error
     ? { error }
     : {
+        gateway: 'stripe',
         token: paymentMethod.id,
         last4: paymentMethod.card.last4,
         exp_month: paymentMethod.card.exp_month,

src/utils/stripe.test.js

@@ -19,6 +19,7 @@ describe('utils/stripe', () => {
       address_check: 'address_line1_check',
       cvc_check: 'cvc_check',
       zip_check: 'address_postal_code_check',
+      gateway: 'stripe',
     };
 
     const stripe = {

tsconfig.json

@@ -6,10 +6,11 @@
     "esModuleInterop": false,
     "target": "esnext",
     "module": "esnext",
-    "moduleResolution": "node",
+    "moduleResolution": "bundler",
     "verbatimModuleSyntax": true,
     "baseUrl": "./",
-    "lib": ["es2022", "dom"]
+    "lib": ["es2022", "dom"],
+    "allowJs": true
   },
   "exclude": [
     "node_modules",