tonder-web-sdk 1.11.11 → 1.11.12

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tonder-web-sdk",
-  "version": "1.11.11",
+  "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';
@@ -315,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 });
@@ -328,7 +330,10 @@ export class InlineCheckout {
           }
         }
       }
-      
+      if (!!mercado_pago && !!mercado_pago.active){
+        injectMercadoPagoSecurity()
+      }
+
       await this.#mountAPMs();
 
       this.collectContainer = await initSkyflow(
@@ -485,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);
+  }
+}
+