tonder-web-sdk 1.12.0-beta.1 → 1.12.0-beta.10

package/src/data/checkoutApi.js

@@ -52,10 +52,19 @@ export async function createPayment(baseUrl, apiKey, paymentItems) {
 
 /**
  * Initiates the checkout process.
- * @param {string} baseUrl - The base URL of the  API.
+ *
+ * This function sends a POST request to the checkout router API with the provided
+ * checkout details. If the request is successful, it returns the response data.
+ * If the request fails, it throws an error that includes the status and details of the failure.
+ *
+ * @param {string} baseUrl - The base URL of the API.
  * @param {string} apiKey - The API key for authentication.
- * @param {Object} routerItems - The checkout details.
- * @returns {Promise<Object>} The checkout process result.
+ * @param {import("../../types").IStartCheckoutRequest | import("../../types").IStartCheckoutIdRequest} routerItems - The checkout details to be sent in the request body.
+ * @returns {Promise<import("../../types").IStartCheckoutResponse>} The checkout process result.
+ *
+ * @throws {Error} Throws an error if the checkout process fails. The error object contains
+ * additional `details` property with the response from the server if available.
+ * @property {import("../../types").IStartCheckoutErrorResponse} error.details - The response body from the server when an error occurs.
  */
 export async function startCheckoutRouter(baseUrl, apiKey, routerItems) {
     try {
@@ -70,10 +79,12 @@ export async function startCheckoutRouter(baseUrl, apiKey, routerItems) {
             body: JSON.stringify(data),
         });
         if (response.status >= 200 && response.status <= 299) {
-            const jsonResponse = await response.json();
-            return jsonResponse;
+            return await response.json();
         } else {
-            throw new Error("Failed to start checkout router")
+            const errorResponse = await response.json();
+            const error = new Error("Failed to start checkout router");
+            error.details = errorResponse;
+            throw error;
         }
     } catch (error) {
         throw error

package/src/data/customerApi.js

@@ -10,7 +10,7 @@ export async function registerOrFetchCustomer(
   baseUrl,
   apiKey,
   customer,
-  signal,
+  signal = null,
 ) {
   const url = `${baseUrl}/api/v1/customer/`;
   const data = {

package/src/helpers/template.js

@@ -1,4 +1,5 @@
-import { getAPMType, getCardType } from "./utils";
+import { getCardType } from "./utils";
+import {getPaymentMethodDetails} from "../shared/catalog/paymentMethodsCatalog";
 
 export const cardTemplate = (data) => `
 <div class="container-tonder">
@@ -162,8 +163,8 @@ export const cardTemplate = (data) => `
 
 .checkbox label {
   margin-left: 10px;
-  font-size: '12px';
-  font-weight: '500';
+  font-size: 12px;
+  font-weight: 500;
   color: #1D1D1D;
 }
 
@@ -488,7 +489,7 @@ export const cardItemsTemplate = (cards) => {
 export const apmItemsTemplate = (apms) => {
 
   const apmItemsHTML = apms.reduce((total, apm) => {
-    const apm_data = getAPMType(apm.payment_method);
+    const apm_data = getPaymentMethodDetails(apm.payment_method);
     return `${total}
     <div class="apm-item" id="card_container-${apm.pk}">
         <input id="${apm.pk}" class="card_selected" name="card_selected" type="radio"/>

package/src/helpers/utils.js

@@ -1,5 +1,3 @@
-import { PAYMENT_METHOD_APM } from "../shared/constants/paymentMethodAPM";
-
 export async function addScripts() {
   try {
     const skyflowScript = document.createElement("script");
@@ -102,252 +100,27 @@ export const getCardType = (scheme) => {
 export const clearSpace = (text) => {
   return text.trim().replace(/\s+/g, '');
 }
-export const getAPMType = (scheme_data) => {
-  const scheme = clearSpace(scheme_data.toUpperCase())
-  
-  const PAYMENT_METHODS_CATALOG = {
-    [PAYMENT_METHOD_APM.SORIANA]: {
-      label: "Soriana",
-      icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/soriana.png",
-    },
-    [PAYMENT_METHOD_APM.OXXO]: {
-      label: "Oxxo",
-      icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/oxxo.png",
-    },
-    [PAYMENT_METHOD_APM.CODI]: {
-      label: "CoDi",
-      icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/codi.png",
-    },
-    [PAYMENT_METHOD_APM.SPEI]: {
-      label: "SPEI",
-      icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/spei.png",
-    },
-    [PAYMENT_METHOD_APM.PAYPAL]: {
-      label: "Paypal",
-      icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/paypal.png",
-    },
-    [PAYMENT_METHOD_APM.COMERCIALMEXICANA]: {
-      label: "Comercial Mexicana",
-      icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/comercial_exicana.png",
-    },
-    [PAYMENT_METHOD_APM.BANCOMER]: {
-      label: "Bancomer",
-      icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/bancomer.png",
-    },
-    [PAYMENT_METHOD_APM.WALMART]: {
-      label: "Walmart",
-      icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/walmart.png",
-    },
-    [PAYMENT_METHOD_APM.BODEGA]: {
-      label: "Bodega Aurrera",
-      icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/bodega_aurrera.png",
-    },
-    [PAYMENT_METHOD_APM.SAMSCLUB]: {
-      label: "Sam´s Club",
-      icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/sams_club.png",
-    },
-    [PAYMENT_METHOD_APM.SUPERAMA]: {
-      label: "Superama",
-      icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/superama.png",
-    },
-    [PAYMENT_METHOD_APM.CALIMAX]: {
-      label: "Calimax",
-      icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/calimax.png",
-    },
-    [PAYMENT_METHOD_APM.EXTRA]: {
-      label: "Tiendas Extra",
-      icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/tiendas_extra.png",
-    },
-    [PAYMENT_METHOD_APM.CIRCULOK]: {
-      label: "Círculo K",
-      icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/circulo_k.png",
-    },
-    [PAYMENT_METHOD_APM.SEVEN11]: {
-      label: "7 Eleven",
-      icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/7_eleven.png",
-    },
-    [PAYMENT_METHOD_APM.TELECOMM]: {
-      label: "Telecomm",
-      icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/telecomm.png",
-    },
-    [PAYMENT_METHOD_APM.BANORTE]: {
-      label: "Banorte",
-      icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/banorte.png",
-    },
-    [PAYMENT_METHOD_APM.BENAVIDES]: {
-      label: "Farmacias Benavides",
-      icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/farmacias_benavides.png",
-    },
-    [PAYMENT_METHOD_APM.DELAHORRO]: {
-      label: "Farmacias del Ahorro",
-      icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/farmacias_ahorro.png",
-    },
-    [PAYMENT_METHOD_APM.ELASTURIANO]: {
-      label: "El Asturiano",
-      icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/asturiano.png",
-    },
-    [PAYMENT_METHOD_APM.WALDOS]: {
-      label: "Waldos",
-      icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/waldos.png",
-    },
-    [PAYMENT_METHOD_APM.ALSUPER]: {
-      label: "Alsuper",
-      icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/al_super.png",
-    },
-    [PAYMENT_METHOD_APM.KIOSKO]: {
-      label: "Kiosko",
-      icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/kiosko.png",
-    },
-    [PAYMENT_METHOD_APM.STAMARIA]: {
-      label: "Farmacias Santa María",
-      icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/farmacias_santa_maria.png",
-    },
-    [PAYMENT_METHOD_APM.LAMASBARATA]: {
-      label: "Farmacias la más barata",
-      icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/farmacias_barata.png",
-    },
-    [PAYMENT_METHOD_APM.FARMROMA]: {
-      label: "Farmacias Roma",
-      icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/farmacias_roma.png",
-    },
-    [PAYMENT_METHOD_APM.FARMUNION]: {
-      label: "Pago en Farmacias Unión",
-      icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/farmacias_union.png",
-    },
-    [PAYMENT_METHOD_APM.FARMATODO]: {
-      label: "Pago en Farmacias Farmatodo",
-      icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/farmacias_farmatodo.png	",
-    },
-    [PAYMENT_METHOD_APM.SFDEASIS]: {
-      label: "Pago en Farmacias San Francisco de Asís",
-      icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/farmacias_san_francisco.png",
-    },
-    [PAYMENT_METHOD_APM.FARM911]: {
-      label: "Farmacias 911",
-      icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/store.png",
-    },
-    [PAYMENT_METHOD_APM.FARMECONOMICAS]: {
-      label: "Farmacias Economicas",
-      icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/store.png",
-    },
-    [PAYMENT_METHOD_APM.FARMMEDICITY]: {
-      label: "Farmacias Medicity",
-      icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/store.png",
-    },
-    [PAYMENT_METHOD_APM.RIANXEIRA]: {
-      label: "Rianxeira",
-      icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/store.png",
-    },
-    [PAYMENT_METHOD_APM.WESTERNUNION]: {
-      label: "Western Union",
-      icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/store.png",
-    },
-    [PAYMENT_METHOD_APM.ZONAPAGO]: {
-      label: "Zona Pago",
-      icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/store.png",
-    },
-    [PAYMENT_METHOD_APM.CAJALOSANDES]: {
-      label: "Caja Los Andes",
-      icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/store.png",
-    },
-    [PAYMENT_METHOD_APM.CAJAPAITA]: {
-      label: "Caja Paita",
-      icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/store.png",
-    },
-    [PAYMENT_METHOD_APM.CAJASANTA]: {
-      label: "Caja Santa",
-      icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/store.png",
-    },
-    [PAYMENT_METHOD_APM.CAJASULLANA]: {
-      label: "Caja Sullana",
-      icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/store.png",
-    },
-    [PAYMENT_METHOD_APM.CAJATRUJILLO]: {
-      label: "Caja Trujillo",
-      icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/store.png",
-    },
-    [PAYMENT_METHOD_APM.EDPYME]: {
-      label: "Edpyme",
-      icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/store.png",
-    },
-    [PAYMENT_METHOD_APM.KASNET]: {
-      label: "KasNet",
-      icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/store.png",
-    },
-    [PAYMENT_METHOD_APM.NORANDINO]: {
-      label: "Norandino",
-      icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/store.png",
-    },
-    [PAYMENT_METHOD_APM.QAPAQ]: {
-      label: "Qapaq",
-      icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/store.png",
-    },
-    [PAYMENT_METHOD_APM.RAIZ]: {
-      label: "Raiz",
-      icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/store.png",
-    },
-    [PAYMENT_METHOD_APM.PAYSER]: {
-      label: "Paysera",
-      icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/store.png",
-    },
-    [PAYMENT_METHOD_APM.WUNION]: {
-      label: "Western Union",
-      icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/store.png",
-    },
-    [PAYMENT_METHOD_APM.BANCOCONTINENTAL]: {
-      label: "Banco Continental",
-      icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/store.png",
-    },
-    [PAYMENT_METHOD_APM.GMONEY]: {
-      label: "Go money",
-      icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/store.png",
-    },
-    [PAYMENT_METHOD_APM.GOPAY]: {
-      label: "Go pay",
-      icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/store.png",
-    },
-    [PAYMENT_METHOD_APM.WU]: {
-      label: "Western Union",
-      icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/store.png",
-    },
-    [PAYMENT_METHOD_APM.PUNTOSHEY]: {
-      label: "Puntoshey",
-      icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/store.png",
-    },
-    [PAYMENT_METHOD_APM.AMPM]: {
-      label: "Ampm",
-      icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/store.png",
-    },
-    [PAYMENT_METHOD_APM.JUMBOMARKET]: {
-      label: "Jumbomarket",
-      icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/store.png",
-    },
-    [PAYMENT_METHOD_APM.SMELPUEBLO]: {
-      label: "Smelpueblo",
-      icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/store.png",
-    },
-    [PAYMENT_METHOD_APM.BAM]: {
-      label: "Bam",
-      icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/store.png",
-    },
-    [PAYMENT_METHOD_APM.REFACIL]: {
-      label: "Refacil",
-      icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/store.png",
-    },
-    [PAYMENT_METHOD_APM.ACYVALORES]: {
-      label: "Acyvalores",
-      icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/store.png",
-    },
-  };
-  
-  const _default = {
-    icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/store.png",
-    label: ""
+
+
+export function formatPublicErrorResponse(data, error) {
+  let code = 200
+  try {
+    code = Number(error?.code || 200)
+  }catch{}
+
+  const default_res = {
+    status: "error",
+    code,
+    message: "",
+    detail: error?.body?.detail || error?.body?.error || error.body || "Ocurrio un error inesperado."
+  }
+
+  return {
+    ...default_res,
+    ...data
   };
-  return PAYMENT_METHODS_CATALOG[scheme] || _default;
 }
 
-
 export async function buildErrorResponse(response, resJson) {
   let status = response.status.toString();
   let message = resJson.detail || "Error";

package/src/index-dev.js

@@ -109,7 +109,7 @@ const returnUrl = "http://127.0.0.1:8080/"
 const commonConfig = {
   mode: 'development',
   apiKey,
-  returnUrl,
+  returnUrl: returnUrl+"?mode="+getCheckoutMode(),
   styles: customStyles
 };
 
@@ -137,9 +137,10 @@ function setupInlineCheckout() {
     try {
       payButton.textContent = 'Procesando...';
       const response = await inlineCheckout.payment(checkoutData);
-      console.log(response)
+      console.log("Respuesta del pago:", response)
       alert('Pago realizado con éxito');
     } catch (error) {
+      console.log("Error en el pago:", error.details);
       alert('Error al realizar el pago')
     } finally {
       payButton.textContent = 'Pagar';

package/src/index.js

@@ -1,7 +1,9 @@
 import { Checkout } from './classes/checkout'
 import { InlineCheckout } from './classes/inlineCheckout'
+import { LiteInlineCheckout } from './classes/LiteInlineCheckout'
 
 export {
     Checkout,
     InlineCheckout,
+    LiteInlineCheckout
 }

package/src/shared/catalog/paymentMethodsCatalog.js

@@ -0,0 +1,247 @@
+import {clearSpace} from "../../helpers/utils";
+import {PAYMENT_METHOD_APM} from "../constants/paymentMethodAPM";
+
+const PAYMENT_METHODS_CATALOG = {
+    [PAYMENT_METHOD_APM.SORIANA]: {
+        label: "Soriana",
+        icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/soriana.png",
+    },
+    [PAYMENT_METHOD_APM.OXXO]: {
+        label: "Oxxo",
+        icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/oxxo.png",
+    },
+    [PAYMENT_METHOD_APM.CODI]: {
+        label: "CoDi",
+        icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/codi.png",
+    },
+    [PAYMENT_METHOD_APM.SPEI]: {
+        label: "SPEI",
+        icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/spei.png",
+    },
+    [PAYMENT_METHOD_APM.PAYPAL]: {
+        label: "Paypal",
+        icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/paypal.png",
+    },
+    [PAYMENT_METHOD_APM.COMERCIALMEXICANA]: {
+        label: "Comercial Mexicana",
+        icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/comercial_exicana.png",
+    },
+    [PAYMENT_METHOD_APM.BANCOMER]: {
+        label: "Bancomer",
+        icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/bancomer.png",
+    },
+    [PAYMENT_METHOD_APM.WALMART]: {
+        label: "Walmart",
+        icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/walmart.png",
+    },
+    [PAYMENT_METHOD_APM.BODEGA]: {
+        label: "Bodega Aurrera",
+        icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/bodega_aurrera.png",
+    },
+    [PAYMENT_METHOD_APM.SAMSCLUB]: {
+        label: "Sam´s Club",
+        icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/sams_club.png",
+    },
+    [PAYMENT_METHOD_APM.SUPERAMA]: {
+        label: "Superama",
+        icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/superama.png",
+    },
+    [PAYMENT_METHOD_APM.CALIMAX]: {
+        label: "Calimax",
+        icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/calimax.png",
+    },
+    [PAYMENT_METHOD_APM.EXTRA]: {
+        label: "Tiendas Extra",
+        icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/tiendas_extra.png",
+    },
+    [PAYMENT_METHOD_APM.CIRCULOK]: {
+        label: "Círculo K",
+        icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/circulo_k.png",
+    },
+    [PAYMENT_METHOD_APM.SEVEN11]: {
+        label: "7 Eleven",
+        icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/7_eleven.png",
+    },
+    [PAYMENT_METHOD_APM.TELECOMM]: {
+        label: "Telecomm",
+        icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/telecomm.png",
+    },
+    [PAYMENT_METHOD_APM.BANORTE]: {
+        label: "Banorte",
+        icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/banorte.png",
+    },
+    [PAYMENT_METHOD_APM.BENAVIDES]: {
+        label: "Farmacias Benavides",
+        icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/farmacias_benavides.png",
+    },
+    [PAYMENT_METHOD_APM.DELAHORRO]: {
+        label: "Farmacias del Ahorro",
+        icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/farmacias_ahorro.png",
+    },
+    [PAYMENT_METHOD_APM.ELASTURIANO]: {
+        label: "El Asturiano",
+        icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/asturiano.png",
+    },
+    [PAYMENT_METHOD_APM.WALDOS]: {
+        label: "Waldos",
+        icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/waldos.png",
+    },
+    [PAYMENT_METHOD_APM.ALSUPER]: {
+        label: "Alsuper",
+        icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/al_super.png",
+    },
+    [PAYMENT_METHOD_APM.KIOSKO]: {
+        label: "Kiosko",
+        icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/kiosko.png",
+    },
+    [PAYMENT_METHOD_APM.STAMARIA]: {
+        label: "Farmacias Santa María",
+        icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/farmacias_santa_maria.png",
+    },
+    [PAYMENT_METHOD_APM.LAMASBARATA]: {
+        label: "Farmacias la más barata",
+        icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/farmacias_barata.png",
+    },
+    [PAYMENT_METHOD_APM.FARMROMA]: {
+        label: "Farmacias Roma",
+        icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/farmacias_roma.png",
+    },
+    [PAYMENT_METHOD_APM.FARMUNION]: {
+        label: "Pago en Farmacias Unión",
+        icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/farmacias_union.png",
+    },
+    [PAYMENT_METHOD_APM.FARMATODO]: {
+        label: "Pago en Farmacias Farmatodo",
+        icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/farmacias_farmatodo.png	",
+    },
+    [PAYMENT_METHOD_APM.SFDEASIS]: {
+        label: "Pago en Farmacias San Francisco de Asís",
+        icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/farmacias_san_francisco.png",
+    },
+    [PAYMENT_METHOD_APM.FARM911]: {
+        label: "Farmacias 911",
+        icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/store.png",
+    },
+    [PAYMENT_METHOD_APM.FARMECONOMICAS]: {
+        label: "Farmacias Economicas",
+        icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/store.png",
+    },
+    [PAYMENT_METHOD_APM.FARMMEDICITY]: {
+        label: "Farmacias Medicity",
+        icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/store.png",
+    },
+    [PAYMENT_METHOD_APM.RIANXEIRA]: {
+        label: "Rianxeira",
+        icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/store.png",
+    },
+    [PAYMENT_METHOD_APM.WESTERNUNION]: {
+        label: "Western Union",
+        icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/store.png",
+    },
+    [PAYMENT_METHOD_APM.ZONAPAGO]: {
+        label: "Zona Pago",
+        icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/store.png",
+    },
+    [PAYMENT_METHOD_APM.CAJALOSANDES]: {
+        label: "Caja Los Andes",
+        icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/store.png",
+    },
+    [PAYMENT_METHOD_APM.CAJAPAITA]: {
+        label: "Caja Paita",
+        icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/store.png",
+    },
+    [PAYMENT_METHOD_APM.CAJASANTA]: {
+        label: "Caja Santa",
+        icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/store.png",
+    },
+    [PAYMENT_METHOD_APM.CAJASULLANA]: {
+        label: "Caja Sullana",
+        icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/store.png",
+    },
+    [PAYMENT_METHOD_APM.CAJATRUJILLO]: {
+        label: "Caja Trujillo",
+        icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/store.png",
+    },
+    [PAYMENT_METHOD_APM.EDPYME]: {
+        label: "Edpyme",
+        icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/store.png",
+    },
+    [PAYMENT_METHOD_APM.KASNET]: {
+        label: "KasNet",
+        icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/store.png",
+    },
+    [PAYMENT_METHOD_APM.NORANDINO]: {
+        label: "Norandino",
+        icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/store.png",
+    },
+    [PAYMENT_METHOD_APM.QAPAQ]: {
+        label: "Qapaq",
+        icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/store.png",
+    },
+    [PAYMENT_METHOD_APM.RAIZ]: {
+        label: "Raiz",
+        icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/store.png",
+    },
+    [PAYMENT_METHOD_APM.PAYSER]: {
+        label: "Paysera",
+        icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/store.png",
+    },
+    [PAYMENT_METHOD_APM.WUNION]: {
+        label: "Western Union",
+        icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/store.png",
+    },
+    [PAYMENT_METHOD_APM.BANCOCONTINENTAL]: {
+        label: "Banco Continental",
+        icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/store.png",
+    },
+    [PAYMENT_METHOD_APM.GMONEY]: {
+        label: "Go money",
+        icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/store.png",
+    },
+    [PAYMENT_METHOD_APM.GOPAY]: {
+        label: "Go pay",
+        icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/store.png",
+    },
+    [PAYMENT_METHOD_APM.WU]: {
+        label: "Western Union",
+        icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/store.png",
+    },
+    [PAYMENT_METHOD_APM.PUNTOSHEY]: {
+        label: "Puntoshey",
+        icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/store.png",
+    },
+    [PAYMENT_METHOD_APM.AMPM]: {
+        label: "Ampm",
+        icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/store.png",
+    },
+    [PAYMENT_METHOD_APM.JUMBOMARKET]: {
+        label: "Jumbomarket",
+        icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/store.png",
+    },
+    [PAYMENT_METHOD_APM.SMELPUEBLO]: {
+        label: "Smelpueblo",
+        icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/store.png",
+    },
+    [PAYMENT_METHOD_APM.BAM]: {
+        label: "Bam",
+        icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/store.png",
+    },
+    [PAYMENT_METHOD_APM.REFACIL]: {
+        label: "Refacil",
+        icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/store.png",
+    },
+    [PAYMENT_METHOD_APM.ACYVALORES]: {
+        label: "Acyvalores",
+        icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/store.png",
+    },
+};
+
+
+export const getPaymentMethodDetails = (scheme_data) => {
+    const scheme = clearSpace(scheme_data.toUpperCase())
+    const _default = {
+        icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/store.png",
+        label: ""
+    };
+    return PAYMENT_METHODS_CATALOG[scheme] || _default;
+}

package/src/shared/constants/messages.js

@@ -0,0 +1,10 @@
+export const MESSAGES = Object.freeze({
+    saveCardError: "Ha ocurrido un error guardando la tarjeta. Inténtalo nuevamente.",
+    removeCardError: "Ha ocurrido un error eliminado la tarjeta. Inténtalo nuevamente.",
+    getCardsError: "Ha ocurrido un error obteniendo las tarjetas del customer. Inténtalo nuevamente.",
+    cardExist: "La tarjeta fue registrada previamente.",
+    removedCard: "Card deleted successfully",
+    errorCheckout: "No se ha podido procesar el pago",
+    cardSaved: "Tarjeta registrada con éxito.",
+    getPaymentMethodsError: "Ha ocurrido un error obteniendo las métodos de pago del customer. Inténtalo nuevamente."
+})

package/types/card.ts

@@ -0,0 +1,33 @@
+export interface ICard {
+    fields: ICardSkyflowFields;
+}
+
+export interface ICardSkyflowFields {
+    card_number: string;
+    expiration_month: string;
+    expiration_year: string;
+    skyflow_id: string;
+    card_scheme: string;
+}
+
+export interface ICustomerCardsResponse {
+    user_id: number;
+    cards: ICard[];
+}
+
+export interface ISaveCardResponse {
+    skyflow_id: string;
+    user_id: number;
+}
+
+export interface ISaveCardSkyflowRequest {
+    skyflow_id: string;
+}
+
+export interface ISaveCardRequest {
+    card_number: string;
+    cvv: string;
+    expiration_month: string;
+    expiration_year: string;
+    cardholder_name: string;
+}