tonder-web-sdk 1.11.1 → 1.11.12

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tonder-web-sdk",
-  "version": "1.11.1",
+  "version": "1.11.12",
   "description": "tonder sdk for integrations",
   "main": "src/index.js",
   "scripts": {

package/src/classes/inlineCheckout.js

@@ -17,7 +17,8 @@ import {
   getBrowserInfo,
   mapCards,
   showMessage,
-  clearSpace
+  clearSpace,
+  injectMercadoPagoSecurity
 } from '../helpers/utils';
 import { initSkyflow } from '../helpers/skyflow'
 import { ThreeDSHandler } from './3dsHandler.js';
@@ -237,20 +238,29 @@ export class InlineCheckout {
   }
 
   async verify3dsTransaction () {
+    globalLoader.show()
     const result3ds = await this.process3ds.verifyTransactionStatus()
     const resultCheckout = await this.resumeCheckout(result3ds)
     this.process3ds.setPayload(resultCheckout)
-    if (resultCheckout?.is_route_finished && resultCheckout?.provider === 'tonder') {
-      return resultCheckout
-    }
+    globalLoader.remove()
     return this.handle3dsRedirect(resultCheckout)
   }
 
+
   async resumeCheckout(response) {
-    if (["Failed", "Declined", "Cancelled"].includes(response?.status)) {
+    // Stop the routing process if the transaction is either hard declined or successful
+    if (response?.decline?.error_type === "Hard") {
+      return response
+    }
+
+    if (["Success", "Authorized"].includes(response?.transaction_status)) {
+      return response;
+    }
+
+    if (response) {
       globalLoader.show()
       const routerItems = {
-        checkout_id: response.checkout?.id,
+        checkout_id: response?.checkout?.id,
       };
       try {
         const routerResponse = await startCheckoutRouter(
@@ -260,12 +270,12 @@ export class InlineCheckout {
         );
         return routerResponse
       } catch (error) {
-        throw error
+        // throw error
       } finally {
         globalLoader.remove()
       }
+      return response
     }
-    return response
   }
 
   #mount(containerTonderCheckout) {
@@ -288,7 +298,7 @@ export class InlineCheckout {
     return await customerRegister(this.baseUrl, this.apiKeyTonder, customer, signal);
   }
 
-  async #mountAPMs(){
+  async #mountAPMs() {
     try{
       const apms = await getCustomerAPMs(this.baseUrl, this.apiKeyTonder, "?status=active&page_size=10000");
       if(apms && apms['results'] && apms['results'].length > 0){
@@ -306,6 +316,7 @@ export class InlineCheckout {
       const {
         vault_id,
         vault_url,
+        mercado_pago
       } = await this.#fetchMerchantData();
       if (this.email && getCards) {
         const customerResponse = await this.getCustomer({ email: this.email });
@@ -319,7 +330,10 @@ export class InlineCheckout {
           }
         }
       }
-      
+      if (!!mercado_pago && !!mercado_pago.active){
+        injectMercadoPagoSecurity()
+      }
+
       await this.#mountAPMs();
 
       this.collectContainer = await initSkyflow(
@@ -476,8 +490,10 @@ export class InlineCheckout {
         ...( selected_apm && Object.keys(selected_apm).length > 0
           ? {payment_method: selected_apm.payment_method}
           : {card: cardTokens}
-        )
+        ),
+        ...(typeof MP_DEVICE_SESSION_ID !== "undefined" ? {mp_device_session_id: MP_DEVICE_SESSION_ID}:{})
       };
+
       const jsonResponseRouter = await startCheckoutRouter(
         this.baseUrl,
         this.apiKeyTonder,

package/src/helpers/utils.js

@@ -386,3 +386,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);
+  }
+}
+