@tonder.io/ionic-full-sdk 0.0.26-beta → 0.0.28-beta

package/package.json

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

package/src/classes/inlineCheckout.ts

@@ -19,7 +19,7 @@ export type InlineCheckoutConstructor = {
   apiKey: string,
   successUrl?: string,
   renderPaymentButton: boolean,
-  renderSaveCardButton: boolean,
+  renderSaveCardButton?: boolean,
   callBack?: (params: any) => void,
   styles?: any,
   containerId?: string,
@@ -38,7 +38,7 @@ export class InlineCheckout {
   returnUrl?: string
   successUrl?: string
   renderPaymentButton: boolean
-  renderSaveCardButton: boolean
+  renderSaveCardButton?: boolean
   callBack: (params: any) => void
   customStyles: any
   abortController: AbortController
@@ -82,7 +82,7 @@ export class InlineCheckout {
     collectorIds,
     isOpenPaySandbox,
     isEnrollmentCard,
-    renderSaveCardButton = false,
+    renderSaveCardButton,
   }: InlineCheckoutConstructor) {
     this.apiKeyTonder = apiKey;
     this.returnUrl = returnUrl;
@@ -520,7 +520,7 @@ export class InlineCheckout {
     if(this.email){
       try{
         if(this.merchantData && "openpay_keys" in this.merchantData) {
-          const cardTokensSkyflowTonder: any = await this.#getCardTokens(this.collectorIds.tonderSaveCardButton);
+          const cardTokensSkyflowTonder: any = await this.#getCardTokens(this.collectorIds.tonderSaveCardButton!);
           const customerResponse : CustomerRegisterResponse | ErrorResponse = await this.getCustomer(this.email);
   
           if("auth_token" in customerResponse) {
@@ -530,11 +530,11 @@ export class InlineCheckout {
             showMessage("Tarjeta registrada con éxito", this.collectorIds.msgNotification);
           }
         }else{
-          showError("No se han configurado los datos del proveedor de servicio", this.collectorIds.msgError, this.collectorIds.tonderSaveCardButton)
+          showError("No se han configurado los datos del proveedor de servicio", this.collectorIds.msgError, this.collectorIds.tonderSaveCardButton!)
         }
       } catch (error) {
         console.log(error);
-        showError("Ha ocurrido un error", this.collectorIds.msgError, this.collectorIds.tonderSaveCardButton)
+        showError("Ha ocurrido un error", this.collectorIds.msgError, this.collectorIds.tonderSaveCardButton!)
         throw error;
       } finally {}
     }

package/src/helpers/template.ts

@@ -7,7 +7,7 @@ export type CollectorIds = {
   expirationYear: string,
   cvv: string,
   tonderPayButton: string,
-  tonderSaveCardButton: string,
+  tonderSaveCardButton?: string,
   msgError: string,
   msgNotification: string,
   cardsListContainer: string
@@ -54,7 +54,7 @@ export const cardTemplate = (external: boolean, collectorIds: CollectorIds, isEn
     <div id="${collectorIds.msgNotification}"></div>
   </div>
   <button id="${collectorIds.tonderPayButton}" class="pay-button">Pagar</button>
-  <button id="${collectorIds.tonderSaveCardButton}" class="save-card-button">Guardar</button>
+  <button id="${collectorIds.tonderSaveCardButton ? collectorIds.tonderSaveCardButton:''}" class="save-card-button">Guardar</button>
 </div>
 
 ${external ? `` : `<style>