tonder-web-sdk 1.11.11 → 1.12.0-beta.0

package/src/data/checkoutApi.js

@@ -0,0 +1,81 @@
+/**
+ * Creates a new order in the  system.
+ * @param {string} baseUrl - The base URL of the  API.
+ * @param {string} apiKey - The API key for authentication.
+ * @param {Object} orderItems - The items to be included in the order.
+ * @returns {Promise<Object>} The created order data.
+ */
+export async function createOrder(baseUrl, apiKey, orderItems) {
+    const url = `${baseUrl}/api/v1/orders/`;
+    const data = orderItems;
+    const response = await fetch(url, {
+        method: "POST",
+        headers: {
+            "Content-Type": "application/json",
+            Authorization: `Token ${apiKey}`,
+        },
+        body: JSON.stringify(data),
+    });
+    if (response.status === 201) {
+        const jsonResponse = await response.json();
+        return jsonResponse;
+    } else {
+        throw new Error(`Error: ${response.statusText}`);
+    }
+}
+
+/**
+ * Creates a new payment in the  system.
+ * @param {string} baseUrl - The base URL of the  API.
+ * @param {string} apiKey - The API key for authentication.
+ * @param {Object} paymentItems - The payment details.
+ * @returns {Promise<Object>} The created payment data.
+ */
+export async function createPayment(baseUrl, apiKey, paymentItems) {
+    const url = `${baseUrl}/api/v1/business/${paymentItems.business_pk}/payments/`;
+    const data = paymentItems;
+    const response = await fetch(url, {
+        method: "POST",
+        headers: {
+            "Content-Type": "application/json",
+            Authorization: `Token ${apiKey}`,
+        },
+        body: JSON.stringify(data),
+    });
+    if (response.status >= 200 && response.status <=299) {
+        const jsonResponse = await response.json();
+        return jsonResponse;
+    } else {
+        throw new Error(`Error: ${response.statusText}`);
+    }
+}
+
+/**
+ * Initiates the checkout process.
+ * @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.
+ */
+export async function startCheckoutRouter(baseUrl, apiKey, routerItems) {
+    try {
+        const url = `${baseUrl}/api/v1/checkout-router/`;
+        const data = routerItems;
+        const response = await fetch(url, {
+            method: "POST",
+            headers: {
+                "Content-Type": "application/json",
+                Authorization: `Token ${apiKey}`,
+            },
+            body: JSON.stringify(data),
+        });
+        if (response.status >= 200 && response.status <= 299) {
+            const jsonResponse = await response.json();
+            return jsonResponse;
+        } else {
+            throw new Error("Failed to start checkout router")
+        }
+    } catch (error) {
+        throw error
+    }
+}

package/src/data/customerApi.js

@@ -0,0 +1,37 @@
+/**
+ * Registers a new customer or fetches an existing customer.
+ * @param {string} baseUrl - The base URL of the  API.
+ * @param {string} apiKey - The API key for authentication.
+ * @param {Object} customer - The customer data.
+ * @param {AbortSignal} signal - The abort signal to cancel the request.
+ * @returns {Promise<Object>} The registered or fetched customer data.
+ */
+export async function registerOrFetchCustomer(
+  baseUrl,
+  apiKey,
+  customer,
+  signal,
+) {
+  const url = `${baseUrl}/api/v1/customer/`;
+  const data = {
+    email: customer.email,
+    first_name: customer?.firstName,
+    last_name: customer?.lastName,
+    phone: customer?.phone,
+  };
+  const response = await fetch(url, {
+    method: "POST",
+    headers: {
+      "Content-Type": "application/json",
+      Authorization: `Token ${apiKey}`,
+    },
+    signal: signal,
+    body: JSON.stringify(data),
+  });
+
+  if (response.status === 201) {
+    return await response.json();
+  } else {
+    throw new Error(`Error: ${response.statusText}`);
+  }
+}

package/src/data/index.js

@@ -0,0 +1,17 @@
+import { fetchBusiness } from './businessApi';
+import { registerOrFetchCustomer } from './customerApi';
+import { createOrder } from './checkoutApi';
+import { saveCustomerCard, removeCustomerCard, fetchCustomerCards } from './cardApi';
+import { fetchCustomerAPMs } from './apmApi';
+import { getOpenpayDeviceSessionID } from './openPayApi';
+
+export {
+    registerOrFetchCustomer,
+    createOrder,
+    saveCustomerCard,
+    removeCustomerCard,
+    fetchCustomerCards,
+    fetchBusiness,
+    fetchCustomerAPMs,
+    getOpenpayDeviceSessionID
+};

package/src/data/openPayApi.js

@@ -0,0 +1,16 @@
+/**
+ * Generates an Openpay device session ID.
+ * @param {string} merchant_id - The Openpay merchant ID.
+ * @param {string} public_key - The Openpay public key.
+ * @param {AbortSignal} signal - The abort signal to cancel the request.
+ * @returns {Promise<string>} The generated device session ID.
+ */
+
+export async function getOpenpayDeviceSessionID(merchant_id, public_key, signal) {
+    let openpay = await window.OpenPay;
+    openpay.setId(merchant_id);
+    openpay.setApiKey(public_key);
+    openpay.setSandboxMode(true);
+    var response = await openpay.deviceData.setup({signal});
+    return response;
+}

package/src/data/skyflowApi.js

@@ -0,0 +1,18 @@
+
+
+export async function getVaultToken (baseUrl, apiKey, signal = null){
+    const response = await fetch(`${baseUrl}/api/v1/vault-token/`, {
+        method: 'GET',
+        headers: {
+            'Authorization': `Token ${apiKey}`,
+        },
+        signal: signal,
+    });
+
+    if (response.ok) {
+        const responseBody = await response.json();
+        return responseBody.token;
+    } else {
+        throw new Error('Failed to retrieve bearer token');
+    }
+}

package/src/helpers/skyflow.js

@@ -1,4 +1,6 @@
 import { defaultStyles } from "./styles";
+import {getVaultToken} from "../data/skyflowApi";
+import {buildErrorResponseFromCatch} from "./utils";
 
 export async function initSkyflow(
   vaultId,
@@ -14,20 +16,7 @@ export async function initSkyflow(
     vaultURL: vaultUrl,
     getBearerToken: async () => {
       // Pass the signal to the fetch call
-      const response = await fetch(`${baseUrl}/api/v1/vault-token/`, {
-        method: 'GET',
-        headers: {
-          'Authorization': `Token ${apiKey}`,
-        },
-        signal: signal,
-      });
-
-      if (response.ok) {
-        const responseBody = await response.json();
-        return responseBody.token;
-      } else {
-        throw new Error('Failed to retrieve bearer token');
-      }
+      return await getVaultToken(baseUrl, apiKey, signal)
     },
     options: {
       logLevel: Skyflow.LogLevel.ERROR,
@@ -215,4 +204,76 @@ function updateErrorLabel(element, errorStyles, color = "" ){
       }
     })
   }
-}
+}
+
+export async  function getSkyflowTokens({baseUrl, apiKey, vault_id, vault_url, data }) {
+  const skyflow = Skyflow.init({
+    vaultID: vault_id,
+    vaultURL: vault_url,
+    getBearerToken: async () => await getVaultToken(baseUrl, apiKey),
+    options: {
+      logLevel: Skyflow.LogLevel.ERROR,
+      env: Skyflow.Env.DEV,
+    },
+  });
+
+  const collectContainer = skyflow.container(Skyflow.ContainerType.COLLECT);
+
+  const fieldPromises = await getFieldsPromise(data, collectContainer);
+
+  const result = await Promise.all(fieldPromises);
+  const mountFail = result.some((item) => !item);
+
+  if (mountFail) {
+    throw buildErrorResponseFromCatch(
+        Error("Ocurrió un error al montar los campos de la tarjeta"),
+    );
+  } else {
+    try {
+      const collectResponseSkyflowTonder = await collectContainer.collect();
+      if (collectResponseSkyflowTonder)
+        return collectResponseSkyflowTonder["records"][0]["fields"];
+      throw buildErrorResponseFromCatch(
+          Error("Por favor, verifica todos los campos de tu tarjeta"),
+      );
+    } catch (error) {
+      throw buildErrorResponseFromCatch(error);
+    }
+  }
+}
+async function getFieldsPromise(data, collectContainer) {
+  const fields = await getFields(data, collectContainer);
+  if (!fields) return [];
+  return fields.map((field) => {
+    return new Promise((resolve) => {
+      const div = document.createElement("div");
+      div.hidden = true;
+      div.id = `id-${field.key}`;
+      document.querySelector(`body`)?.appendChild(div);
+      setTimeout(() => {
+        field.element.mount(`#id-${field.key}`);
+        setInterval(() => {
+          if (field.element.isMounted()) {
+            const value = data[field.key];
+            field.element.update({ value: value });
+            return resolve(field.element.isMounted());
+          }
+        }, 120);
+      }, 120);
+    });
+  })
+}
+
+async function getFields(data, collectContainer) {
+  return await Promise.all(
+      Object.keys(data).map(async (key) => {
+        const cardHolderNameElement = await collectContainer.create({
+          table: "cards",
+          column: key,
+          type: Skyflow.ElementType.INPUT_FIELD,
+        });
+        return { element: cardHolderNameElement, key: key };
+      })
+  )
+}
+

package/src/helpers/template.js

@@ -19,6 +19,12 @@ export const cardTemplate = (data) => `
       <div id="collectExpirationYear" class="expiration-year"></div>
       <div id="collectCvv" class="empty-div"></div>
     </div>
+    <div class="checkbox" id="save-card-container">
+      <input id="save-checkout-card" type="checkbox">
+      <label for="save-checkout-card">
+        Guardar tarjeta para futuros pagos
+      </label>
+    </div>
     <div id="msgError"></div>
     <div id="msgNotification"></div>
   </div>
@@ -73,7 +79,7 @@ export const cardTemplate = (data) => `
   margin-right: 10px !important;
 }
 
-.error-container{
+.error-container {
   color: red !important;
   background-color: #FFDBDB !important;
   margin-bottom: 13px !important;

package/src/helpers/utils.js

@@ -1,4 +1,4 @@
-import { PAYMENT_METHOD } from "./constants";
+import { PAYMENT_METHOD_APM } from "../shared/constants/paymentMethodAPM";
 
 export async function addScripts() {
   try {
@@ -106,235 +106,235 @@ export const getAPMType = (scheme_data) => {
   const scheme = clearSpace(scheme_data.toUpperCase())
   
   const PAYMENT_METHODS_CATALOG = {
-    [PAYMENT_METHOD.SORIANA]: {
+    [PAYMENT_METHOD_APM.SORIANA]: {
       label: "Soriana",
       icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/soriana.png",
     },
-    [PAYMENT_METHOD.OXXO]: {
+    [PAYMENT_METHOD_APM.OXXO]: {
       label: "Oxxo",
       icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/oxxo.png",
     },
-    [PAYMENT_METHOD.CODI]: {
+    [PAYMENT_METHOD_APM.CODI]: {
       label: "CoDi",
       icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/codi.png",
     },
-    [PAYMENT_METHOD.SPEI]: {
+    [PAYMENT_METHOD_APM.SPEI]: {
       label: "SPEI",
       icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/spei.png",
     },
-    [PAYMENT_METHOD.PAYPAL]: {
+    [PAYMENT_METHOD_APM.PAYPAL]: {
       label: "Paypal",
       icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/paypal.png",
     },
-    [PAYMENT_METHOD.COMERCIALMEXICANA]: {
+    [PAYMENT_METHOD_APM.COMERCIALMEXICANA]: {
       label: "Comercial Mexicana",
       icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/comercial_exicana.png",
     },
-    [PAYMENT_METHOD.BANCOMER]: {
+    [PAYMENT_METHOD_APM.BANCOMER]: {
       label: "Bancomer",
       icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/bancomer.png",
     },
-    [PAYMENT_METHOD.WALMART]: {
+    [PAYMENT_METHOD_APM.WALMART]: {
       label: "Walmart",
       icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/walmart.png",
     },
-    [PAYMENT_METHOD.BODEGA]: {
+    [PAYMENT_METHOD_APM.BODEGA]: {
       label: "Bodega Aurrera",
       icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/bodega_aurrera.png",
     },
-    [PAYMENT_METHOD.SAMSCLUB]: {
+    [PAYMENT_METHOD_APM.SAMSCLUB]: {
       label: "Sam´s Club",
       icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/sams_club.png",
     },
-    [PAYMENT_METHOD.SUPERAMA]: {
+    [PAYMENT_METHOD_APM.SUPERAMA]: {
       label: "Superama",
       icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/superama.png",
     },
-    [PAYMENT_METHOD.CALIMAX]: {
+    [PAYMENT_METHOD_APM.CALIMAX]: {
       label: "Calimax",
       icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/calimax.png",
     },
-    [PAYMENT_METHOD.EXTRA]: {
+    [PAYMENT_METHOD_APM.EXTRA]: {
       label: "Tiendas Extra",
       icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/tiendas_extra.png",
     },
-    [PAYMENT_METHOD.CIRCULOK]: {
+    [PAYMENT_METHOD_APM.CIRCULOK]: {
       label: "Círculo K",
       icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/circulo_k.png",
     },
-    [PAYMENT_METHOD.SEVEN11]: {
+    [PAYMENT_METHOD_APM.SEVEN11]: {
       label: "7 Eleven",
       icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/7_eleven.png",
     },
-    [PAYMENT_METHOD.TELECOMM]: {
+    [PAYMENT_METHOD_APM.TELECOMM]: {
       label: "Telecomm",
       icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/telecomm.png",
     },
-    [PAYMENT_METHOD.BANORTE]: {
+    [PAYMENT_METHOD_APM.BANORTE]: {
       label: "Banorte",
       icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/banorte.png",
     },
-    [PAYMENT_METHOD.BENAVIDES]: {
+    [PAYMENT_METHOD_APM.BENAVIDES]: {
       label: "Farmacias Benavides",
       icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/farmacias_benavides.png",
     },
-    [PAYMENT_METHOD.DELAHORRO]: {
+    [PAYMENT_METHOD_APM.DELAHORRO]: {
       label: "Farmacias del Ahorro",
       icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/farmacias_ahorro.png",
     },
-    [PAYMENT_METHOD.ELASTURIANO]: {
+    [PAYMENT_METHOD_APM.ELASTURIANO]: {
       label: "El Asturiano",
       icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/asturiano.png",
     },
-    [PAYMENT_METHOD.WALDOS]: {
+    [PAYMENT_METHOD_APM.WALDOS]: {
       label: "Waldos",
       icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/waldos.png",
     },
-    [PAYMENT_METHOD.ALSUPER]: {
+    [PAYMENT_METHOD_APM.ALSUPER]: {
       label: "Alsuper",
       icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/al_super.png",
     },
-    [PAYMENT_METHOD.KIOSKO]: {
+    [PAYMENT_METHOD_APM.KIOSKO]: {
       label: "Kiosko",
       icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/kiosko.png",
     },
-    [PAYMENT_METHOD.STAMARIA]: {
+    [PAYMENT_METHOD_APM.STAMARIA]: {
       label: "Farmacias Santa María",
       icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/farmacias_santa_maria.png",
     },
-    [PAYMENT_METHOD.LAMASBARATA]: {
+    [PAYMENT_METHOD_APM.LAMASBARATA]: {
       label: "Farmacias la más barata",
       icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/farmacias_barata.png",
     },
-    [PAYMENT_METHOD.FARMROMA]: {
+    [PAYMENT_METHOD_APM.FARMROMA]: {
       label: "Farmacias Roma",
       icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/farmacias_roma.png",
     },
-    [PAYMENT_METHOD.FARMUNION]: {
+    [PAYMENT_METHOD_APM.FARMUNION]: {
       label: "Pago en Farmacias Unión",
       icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/farmacias_union.png",
     },
-    [PAYMENT_METHOD.FARMATODO]: {
+    [PAYMENT_METHOD_APM.FARMATODO]: {
       label: "Pago en Farmacias Farmatodo",
       icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/farmacias_farmatodo.png	",
     },
-    [PAYMENT_METHOD.SFDEASIS]: {
+    [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.FARM911]: {
+    [PAYMENT_METHOD_APM.FARM911]: {
       label: "Farmacias 911",
       icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/store.png",
     },
-    [PAYMENT_METHOD.FARMECONOMICAS]: {
+    [PAYMENT_METHOD_APM.FARMECONOMICAS]: {
       label: "Farmacias Economicas",
       icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/store.png",
     },
-    [PAYMENT_METHOD.FARMMEDICITY]: {
+    [PAYMENT_METHOD_APM.FARMMEDICITY]: {
       label: "Farmacias Medicity",
       icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/store.png",
     },
-    [PAYMENT_METHOD.RIANXEIRA]: {
+    [PAYMENT_METHOD_APM.RIANXEIRA]: {
       label: "Rianxeira",
       icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/store.png",
     },
-    [PAYMENT_METHOD.WESTERNUNION]: {
+    [PAYMENT_METHOD_APM.WESTERNUNION]: {
       label: "Western Union",
       icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/store.png",
     },
-    [PAYMENT_METHOD.ZONAPAGO]: {
+    [PAYMENT_METHOD_APM.ZONAPAGO]: {
       label: "Zona Pago",
       icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/store.png",
     },
-    [PAYMENT_METHOD.CAJALOSANDES]: {
+    [PAYMENT_METHOD_APM.CAJALOSANDES]: {
       label: "Caja Los Andes",
       icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/store.png",
     },
-    [PAYMENT_METHOD.CAJAPAITA]: {
+    [PAYMENT_METHOD_APM.CAJAPAITA]: {
       label: "Caja Paita",
       icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/store.png",
     },
-    [PAYMENT_METHOD.CAJASANTA]: {
+    [PAYMENT_METHOD_APM.CAJASANTA]: {
       label: "Caja Santa",
       icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/store.png",
     },
-    [PAYMENT_METHOD.CAJASULLANA]: {
+    [PAYMENT_METHOD_APM.CAJASULLANA]: {
       label: "Caja Sullana",
       icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/store.png",
     },
-    [PAYMENT_METHOD.CAJATRUJILLO]: {
+    [PAYMENT_METHOD_APM.CAJATRUJILLO]: {
       label: "Caja Trujillo",
       icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/store.png",
     },
-    [PAYMENT_METHOD.EDPYME]: {
+    [PAYMENT_METHOD_APM.EDPYME]: {
       label: "Edpyme",
       icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/store.png",
     },
-    [PAYMENT_METHOD.KASNET]: {
+    [PAYMENT_METHOD_APM.KASNET]: {
       label: "KasNet",
       icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/store.png",
     },
-    [PAYMENT_METHOD.NORANDINO]: {
+    [PAYMENT_METHOD_APM.NORANDINO]: {
       label: "Norandino",
       icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/store.png",
     },
-    [PAYMENT_METHOD.QAPAQ]: {
+    [PAYMENT_METHOD_APM.QAPAQ]: {
       label: "Qapaq",
       icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/store.png",
     },
-    [PAYMENT_METHOD.RAIZ]: {
+    [PAYMENT_METHOD_APM.RAIZ]: {
       label: "Raiz",
       icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/store.png",
     },
-    [PAYMENT_METHOD.PAYSER]: {
+    [PAYMENT_METHOD_APM.PAYSER]: {
       label: "Paysera",
       icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/store.png",
     },
-    [PAYMENT_METHOD.WUNION]: {
+    [PAYMENT_METHOD_APM.WUNION]: {
       label: "Western Union",
       icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/store.png",
     },
-    [PAYMENT_METHOD.BANCOCONTINENTAL]: {
+    [PAYMENT_METHOD_APM.BANCOCONTINENTAL]: {
       label: "Banco Continental",
       icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/store.png",
     },
-    [PAYMENT_METHOD.GMONEY]: {
+    [PAYMENT_METHOD_APM.GMONEY]: {
       label: "Go money",
       icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/store.png",
     },
-    [PAYMENT_METHOD.GOPAY]: {
+    [PAYMENT_METHOD_APM.GOPAY]: {
       label: "Go pay",
       icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/store.png",
     },
-    [PAYMENT_METHOD.WU]: {
+    [PAYMENT_METHOD_APM.WU]: {
       label: "Western Union",
       icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/store.png",
     },
-    [PAYMENT_METHOD.PUNTOSHEY]: {
+    [PAYMENT_METHOD_APM.PUNTOSHEY]: {
       label: "Puntoshey",
       icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/store.png",
     },
-    [PAYMENT_METHOD.AMPM]: {
+    [PAYMENT_METHOD_APM.AMPM]: {
       label: "Ampm",
       icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/store.png",
     },
-    [PAYMENT_METHOD.JUMBOMARKET]: {
+    [PAYMENT_METHOD_APM.JUMBOMARKET]: {
       label: "Jumbomarket",
       icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/store.png",
     },
-    [PAYMENT_METHOD.SMELPUEBLO]: {
+    [PAYMENT_METHOD_APM.SMELPUEBLO]: {
       label: "Smelpueblo",
       icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/store.png",
     },
-    [PAYMENT_METHOD.BAM]: {
+    [PAYMENT_METHOD_APM.BAM]: {
       label: "Bam",
       icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/store.png",
     },
-    [PAYMENT_METHOD.REFACIL]: {
+    [PAYMENT_METHOD_APM.REFACIL]: {
       label: "Refacil",
       icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/store.png",
     },
-    [PAYMENT_METHOD.ACYVALORES]: {
+    [PAYMENT_METHOD_APM.ACYVALORES]: {
       label: "Acyvalores",
       icon: "https://d35a75syrgujp0.cloudfront.net/payment_methods/store.png",
     },
@@ -348,31 +348,16 @@ export const getAPMType = (scheme_data) => {
 }
 
 
-export async function buildErrorResponse(
-  response,
-  stack = undefined
-) {
-
-  let body, status, message = "Error";
-
-  if(response && "json" in response) {
-    body = await response?.json();
-  }
-
-  if(response && "status" in response) {
-    status = response.status.toString();
-  }
-
-  if(response && "text" in response) {
-    message = await response.text();
-  }
+export async function buildErrorResponse(response, resJson) {
+  let status = response.status.toString();
+  let message = resJson.detail || "Error";
 
   return {
     code: status,
-    body: body,
+    body: resJson,
     name: status,
     message: message,
-    stack,
+    stack: undefined,
   };
 }
 
@@ -386,3 +371,20 @@ export function buildErrorResponseFromCatch(e) {
   };
 }
 
+export function injectMercadoPagoSecurity() {
+  try {
+      const script = document.createElement('script');
+      script.src = "https://www.mercadopago.com/v2/security.js";
+      script.setAttribute('view', '');
+      script.onload = () => {
+          console.log("Mercado Pago script loaded successfully.");
+      };
+      script.onerror = (error) => {
+          console.error("Error loading Mercado Pago script:", error);
+      };
+      document.head.appendChild(script);
+  } catch (error) {
+      console.error("Error attempting to inject Mercado Pago script:", error);
+  }
+}
+