@tonder.io/ionic-full-sdk 0.0.16-beta → 0.0.17-beta

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tonder.io/ionic-full-sdk",
-  "version": "0.0.16-beta",
+  "version": "0.0.17-beta",
   "description": "Tonder ionic full SDK",
   "main": "dist/index.js",
   "types": "dist/index.d.js",

package/src/classes/inlineCheckout.ts

@@ -64,7 +64,7 @@ export class InlineCheckout {
   fetchingPayment: boolean
   isOpenPaySandbox: boolean = true
   metadata = {}
-  card = {}
+  card: { skyflow_id: string } | null= null
   currency: string = ""
 
   constructor ({
@@ -167,8 +167,8 @@ export class InlineCheckout {
     this.currency = data?.currency
   }
 
-  #handleCard(data: { card: string }) {
-    this.card = data?.card
+  #handleCard(data: { skyflow_id: string }) {
+    this.card = data
   }
 
   payment(data: any) {
@@ -179,7 +179,6 @@ export class InlineCheckout {
         this.setCartItems(data.cart?.items)
         this.#handleMetadata(data)
         this.#handleCurrency(data)
-        this.#handleCard(data)
         const response: ErrorResponse | StartCheckoutResponse | false | undefined = await this.#checkout()
         if (response) {
           const process3ds = new ThreeDSHandler({ 
@@ -188,7 +187,6 @@ export class InlineCheckout {
             apiKey: this.apiKeyTonder,
             successUrl: this.successUrl
           });
-          console.log("response", response);
           this.callBack(response);
           if("next_action" in response) {
             const iframe = response?.next_action?.iframe_resources?.iframe
@@ -269,6 +267,7 @@ export class InlineCheckout {
       this.#unmountForm();
     }
     this.radioChecked = radio.id;
+    this.#handleCard({ skyflow_id: radio.id });
   }
 
   #handleCustomer(customer: Customer) {
@@ -443,6 +442,23 @@ export class InlineCheckout {
 
   }
 
+  async #getCardTokens() {
+    if (this.card?.skyflow_id) return this.card
+    if(this.collectContainer && "container" in this.collectContainer && "collect" in this.collectContainer.container) {
+      try {
+        const collectResponseSkyflowTonder: any = await this.collectContainer?.container.collect();
+        const cardTokens = await collectResponseSkyflowTonder["records"][0]["fields"];
+        return cardTokens;
+      } catch (error) {
+        showError("Por favor, verifica todos los campos de tu tarjeta", this.collectorIds.msgError, this.collectorIds.tonderPayButton)
+        throw error;
+      }
+    } else {
+      showError("Ocurrió un error al conectar con skyflow", this.collectorIds.msgError, this.collectorIds.tonderPayButton)
+      throw "Ocurrió un error al conectar con skyflow";
+    }
+  }
+
   async #checkout() {
 
     try {
@@ -464,31 +480,9 @@ export class InlineCheckout {
 
           const { openpay_keys, reference, business } = this.merchantData
 
-          const total = Number(this.cartTotal)
-
-          let cardTokensSkyflowTonder: any = null;
+          const total = Number(this.cartTotal);
 
-          if(this.radioChecked === "new") {
-
-            if(this.collectContainer && "container" in this.collectContainer && "collect" in this.collectContainer.container) {
-              try {
-                const collectResponseSkyflowTonder: any = await this.collectContainer?.container.collect();
-                cardTokensSkyflowTonder = await collectResponseSkyflowTonder["records"][0]["fields"];
-              } catch (error) {
-                showError("Por favor, verifica todos los campos de tu tarjeta", this.collectorIds.msgError, this.collectorIds.tonderPayButton)
-                throw error;
-              }
-            } else {
-              showError("Por favor, verifica todos los campos de tu tarjeta", this.collectorIds.msgError, this.collectorIds.tonderPayButton)
-            }
-            
-          } else {
-
-            cardTokensSkyflowTonder = {
-              skyflow_id: this.radioChecked
-            }
-            
-          }
+          const cardTokens: any = await this.#getCardTokens()
 
           let deviceSessionIdTonder: any;
 
@@ -512,7 +506,7 @@ export class InlineCheckout {
 
               if(saveCard && "checked" in saveCard && saveCard.checked) {
 
-                await this.liteCheckout.registerCustomerCard(auth_token, { skyflow_id: cardTokensSkyflowTonder.skyflow_id });
+                await this.liteCheckout.registerCustomerCard(auth_token, { skyflow_id: cardTokens.skyflow_id });
                 
                 this.cardsInjected = false;
 
@@ -566,8 +560,8 @@ export class InlineCheckout {
     
                 // Checkout router
                 const routerItems: StartCheckoutRequest = {
-                  card: cardTokensSkyflowTonder,
-                  name: cardTokensSkyflowTonder.cardholder_name,
+                  card: cardTokens,
+                  name: cardTokens.cardholder_name,
                   last_name: "",
                   email_client: this.email,
                   phone_number: this.phone,