tonder-web-sdk 1.14.0 → 1.15.2

package/package.json

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

package/src/classes/3dsHandler.js

@@ -4,10 +4,9 @@ export class ThreeDSHandler {
     apiKey,
     baseUrl,
   }) {
-    this.baseUrl = baseUrl,
-    this.apiKey = apiKey,
-    this.payload = payload,
-    this.isTransactionPending = false
+    this.baseUrl = baseUrl
+    this.apiKey = apiKey
+    this.payload = payload
   }
 
   saveVerifyTransactionUrl() {
@@ -61,12 +60,12 @@ export class ThreeDSHandler {
 
   loadIframe() {
     const iframe = this.payload?.next_action?.iframe_resources?.iframe
-
     if (iframe) {
       return new Promise((resolve, reject) => {
         const iframe = this.payload?.next_action?.iframe_resources?.iframe
 
         if (iframe) {
+          // TODO: This is not working for Azul
           this.saveVerifyTransactionUrl()
           const container = document.createElement('div')
           container.innerHTML = iframe
@@ -153,14 +152,11 @@ export class ThreeDSHandler {
     // Append the form to the body:
     document.body.appendChild(form);
     form.submit();
-
-    await this.verifyTransactionStatus();
   }
 
-  // TODO: This method could be removed
+  // TODO: This works for Azul
   async handleTransactionResponse(response) {
     const response_json = await response.json();
-
     // Azul property
     if (response_json.status === "Pending" && response_json.redirect_post_url) {
       return await this.handle3dsChallenge(response_json);
@@ -173,16 +169,7 @@ export class ThreeDSHandler {
   }
 
   async verifyTransactionStatus() {
-    console.log('Verificando la transacción...');
-
-    if (this.isTransactionPending) {
-      console.log('La transacción ya está en proceso');
-      return
-    }
-
-    this.isTransactionPending = true
     const verifyUrl = this.getUrlWithExpiration();
-
     if (verifyUrl) {
       const url = `${this.baseUrl}${verifyUrl}`;
       try {
@@ -208,8 +195,6 @@ export class ThreeDSHandler {
     } else {
       console.log('No verify_transaction_status_url found');
     }
-
-    this.isTransactionPending = false
   }
 
   setPayload = (payload) => {

package/src/classes/BaseInlineCheckout.js

@@ -47,8 +47,9 @@ export class BaseInlineCheckout {
     const result3ds = await this.process3ds.verifyTransactionStatus();
     const resultCheckout = await this.#resumeCheckout(result3ds);
     this.process3ds.setPayload(resultCheckout);
+    const response = await this.#handle3dsRedirect(resultCheckout);
     globalLoader.remove();
-    return this.#handle3dsRedirect(resultCheckout);
+    return response
   }
 
   /**
@@ -159,6 +160,7 @@ export class BaseInlineCheckout {
         amount: total,
         date: dateString,
         order_id: jsonResponseOrder.id,
+        customer_order_reference: this.order_reference ? this.order_reference : reference,
       };
       const jsonResponsePayment = await createPayment(
         this.baseUrl,
@@ -223,7 +225,7 @@ export class BaseInlineCheckout {
 
   async #resumeCheckout(response) {
     // Stop the routing process if the transaction is either hard declined or successful
-    if (response?.decline?.error_type === "Hard") {
+    if (response?.decline?.error_type === "Hard" || !!response?.checkout?.is_route_finished) {
       return response;
     }
 
@@ -272,6 +274,7 @@ export class BaseInlineCheckout {
 
   #handleMetadata(data) {
     this.metadata = data?.metadata;
+    this.order_reference = data?.order_reference;
   }
 
   #handleCurrency(data) {
@@ -294,12 +297,15 @@ export class BaseInlineCheckout {
     if (iframe) {
       try {
         await this.process3ds.loadIframe();
-        await this.process3ds.verifyTransactionStatus();
+        const res = await this.process3ds.verifyTransactionStatus();
+        return res;
       } catch (error) {
         console.log("Error loading iframe:", error);
       }
     } else if (threeDsChallenge) {
       await this.process3ds.handle3dsChallenge(threeDsChallenge);
+      const res = await this.process3ds.verifyTransactionStatus();
+      return res;
     } else {
       const redirectUrl = this.process3ds.getRedirectUrl();
       if (redirectUrl) {

package/src/index-dev.js

@@ -98,11 +98,13 @@ const checkoutData = {
   // metadata: {
   //   order_id: 123456
   // }
+  // Reference from the merchant
+  order_reference: "ORD-123456"
 };
 
 // localhost
 const apiKey = "11e3d3c3e95e0eaabbcae61ebad34ee5f93c3d27";
-const returnUrl = "http://127.0.0.1:8080/";
+const returnUrl = "http://localhost:8080/";
 // stage
 // const apiKey = "8365683bdc33dd6d50fe2397188d79f1a6765852";