@ranty/ranty-sdk 2.18.0-beta.11 → 2.18.0-beta.12

package/dist/{index-8c489189.js → index-8321a5a2.js}

@@ -916,7 +916,8 @@ function oe(t) {
  */
 var G0;
 ((G0 = window.HTMLSlotElement) === null || G0 === void 0 ? void 0 : G0.prototype.assignedElements) != null;
-const lE = "@nx-ranty/ranty-sdk", dE = "2.18.0-beta.11", cE = "Ranty sdk", AE = "dist/index.js", uE = {
+var Le = /* @__PURE__ */ ((t) => (t.DEFAULT = "DEFAULT", t.CLICK_TO_PAY = "CLICK_TO_PAY", t.CARD_ON_FILE = "CARD_ON_FILE", t.ACCOUNT_TO_ACCOUNT = "ACCOUNT_TO_ACCOUNT", t.ACCOUNT_TO_ACCOUNT_FEEDBACK = "ACCOUNT_TO_ACCOUNT_FEEDBACK", t))(Le || {});
+const lE = "@ranty/ranty-sdk", dE = "2.18.0-beta.12", cE = "Ranty sdk", AE = "dist/index.js", uE = {
   ".": "./dist/index.js"
 }, pE = "types/index.d.ts", gE = [
   "dist",
@@ -1026,6 +1027,9 @@ let pd = class t extends qe {
   constructor() {
     super(...arguments), this.image = "https://ranty-sdk-js.naranjax.com/images/nave-logo.png", this.icon = "https://ranty-sdk-js.naranjax.com/images/popup.svg", this.enableVersion = "", this.mode = "default";
   }
+  get textFooter() {
+    return this.mode === Le.CARD_ON_FILE.toLowerCase() ? "Procesado y almacenado por" : "Procesado por";
+  }
   firstUpdated(e) {
     return we(this, null, function* () {
       ur(t.prototype, this, "firstUpdated").call(this, e), this.enableVersion = BE.version;
@@ -1037,7 +1041,7 @@ let pd = class t extends qe {
         ${this.enableVersion ? P`<p class="version">Versión: ${this.enableVersion}</p>` : ""}
         <div class="footer-container">
           <a class="footer-link" href="https://navenegocios.ar/home" target="_blank">
-            <span class="footer-text">Procesado por</span>
+            <span class="footer-text">${this.textFooter}</span>
             <img alt="nave" src=${this.image} class="footer-icon" />
             <img alt="nave" src=${this.icon} />
           </a>
@@ -9360,10 +9364,10 @@ function fU(t, e, r, s) {
 }
 var Ou = qF(fU);
 hI(hl(), "DD_LOGS", Ou);
-const yU = "@nx-ranty/ranty-sdk", vU = "2.18.0-beta.11", bU = 2, wU = !0, xU = {
+const yU = "@ranty/ranty-sdk", vU = "2.18.0-beta.12", bU = 2, wU = !0, xU = {
   "": {
-    name: "@nx-ranty/ranty-sdk",
-    version: "2.18.0-beta.11",
+    name: "@ranty/ranty-sdk",
+    version: "2.18.0-beta.12",
     license: "ISC",
     dependencies: {
       "@datadog/browser-logs": "^5.7.0",
@@ -46609,9 +46613,7 @@ let TU = Hy;
 const eo = (t, e) => we(void 0, null, function* () {
   const { order_id: r, platform: s } = t.additional_info;
   return (yield TU.getInstallmentPlans(r, t.id, s, e)).response.data;
-}), PU = (t, e, r) => (pe.info("getInstallmentFromCard", { tag: "GET_INSTALLMENT_PLANS_FROM_CARD" }), (t == null ? void 0 : t.cards.find((n) => n.type === r && n.name === e)).installment_plans);
-var Le = /* @__PURE__ */ ((t) => (t.DEFAULT = "DEFAULT", t.CLICK_TO_PAY = "CLICK_TO_PAY", t.CARD_ON_FILE = "CARD_ON_FILE", t.ACCOUNT_TO_ACCOUNT = "ACCOUNT_TO_ACCOUNT", t.ACCOUNT_TO_ACCOUNT_FEEDBACK = "ACCOUNT_TO_ACCOUNT_FEEDBACK", t))(Le || {});
-const yd = class extends EventTarget {
+}), PU = (t, e, r) => (pe.info("getInstallmentFromCard", { tag: "GET_INSTALLMENT_PLANS_FROM_CARD" }), (t == null ? void 0 : t.cards.find((n) => n.type === r && n.name === e)).installment_plans), yd = class extends EventTarget {
   static convertTime(e, r) {
     return r === "seconds" ? e * 1e3 : e * 60 * 1e3;
   }
@@ -61479,7 +61481,7 @@ const PO = `@import"normalize.css";form{margin:inherit}.clickeable{cursor:pointe
         o.appendChild(a);
       }
     }
-}, P3 = "validations-scof", Bb = (t) => ({ validate: (e) => /^[a-zA-Z\s]+$/.test(e), errorMessage: t }), Cb = (t) => ({ validate: (e) => !/^\s+$/.test(e), errorMessage: t }), Ms = (t) => ({
+}, P3 = "validations-scof", Bb = (t) => ({ validate: (e) => /^[a-záéíóúüñA-ZÁÉÍÓÚÜÑ\s]*$/.test(e), errorMessage: t }), Cb = (t) => ({ validate: (e) => !/^\s+$/.test(e), errorMessage: t }), Ms = (t) => ({
   validate: (e) => e.trim() !== "",
   errorMessage: t
 }), Eb = (t = "Revisá el email, está incompleto.") => ({
@@ -63505,7 +63507,7 @@ let xi = class extends qe {
         payment_request_id: (e = this.stateScof.statePaymentRequest) == null ? void 0 : e.id,
         payment_request_status: this.statusMessage,
         card_name: t.transactions[0].payment_method ? t.transactions[0].payment_method.name : "no_card_name",
-        card_type: t.transactions[0].payment_method.card_type ? t.transactions[0].payment_method.card_type : "no_card_type",
+        card_type: t.transactions[0].payment_method ? t.transactions[0].payment_method.card_type : "no_card_type",
         payment_type: t.payment_type
       }
     }), Qt.setEndPaymentTime());
@@ -64100,7 +64102,6 @@ let bn = class extends qe {
                 name="creditNumber"
                 label="Número de tarjeta"
                 .maxlength="${19}"
-                autocomplete="cc-number"
                 .validationRules="${[
       Ms("Tenés que completar el número de la tarjeta."),
       Vn(16, "Revisá el número de la tarjeta, está incompleto.", !0),
@@ -64139,7 +64140,6 @@ let bn = class extends qe {
                 id="expired"
                 .maxlength="${5}"
                 label="Vencimiento"
-                autocomplete="cc-csc"
                 .validationRules="${[
       Ms("Tenés que completar el vencimiento."),
       LO(),
@@ -64155,7 +64155,6 @@ let bn = class extends qe {
                   id="cvv"
                   .maxlength="${3}"
                   label="Código de seguridad"
-                  autocomplete="cc-csc"
                   .validationRules="${[
       Ms("Tenés que completar el código."),
       Vn(3, "Revisá el código."),
@@ -64515,6 +64514,10 @@ let qo = class extends qe {
     var t, e, r;
     return (t = this.getBuyer) != null && t.doc_number && ((e = this.getBuyer) == null ? void 0 : e.doc_number.length) >= 6 ? (r = this.getBuyer) == null ? void 0 : r.doc_number : "";
   }
+  get name() {
+    var t, e;
+    return (t = this.getBuyer) != null && t.name ? (e = this.getBuyer) == null ? void 0 : e.name.replace(/[^a-záéíóúüñA-ZÁÉÍÓÚÜÑ\s]/g, "") : "";
+  }
   firstUpdated(t) {
     var e;
     super.firstUpdated(t), pe.info("firstUpdated", {
@@ -64599,7 +64602,7 @@ let qo = class extends qe {
     }), this.isValidForm = e, this.holder.doc_type = this.isDni ? "DNI" : "PASAPORTE";
   }
   renderHTML() {
-    var t, e, r, s;
+    var t, e;
     return P`
       <form @input="${this.validateForm}">
         <scof-input
@@ -64612,14 +64615,14 @@ let qo = class extends qe {
       Bb("El nombre solo puede contener letras y espacios."),
       Cb("El nombre no puede estar en blanco.")
     ]}"
-          .value="${(t = this.getBuyer) != null && t.name ? (e = this.getBuyer) == null ? void 0 : e.name : ""}"
+          .value="${this.name}"
         ></scof-input>
         <scof-input
           name="user_email"
           label="Email"
           type="email"
           .validationRules="${[Ms("Tenés que completar el mail."), Eb()]}"
-          .value="${(r = this.getBuyer) != null && r.user_email ? (s = this.getBuyer) == null ? void 0 : s.user_email : ""}"
+          .value="${(t = this.getBuyer) != null && t.user_email ? (e = this.getBuyer) == null ? void 0 : e.user_email : ""}"
         ></scof-input>
 
         <div class="panel-id-selection">
@@ -65665,7 +65668,7 @@ let Ho = class extends qe {
         payment_request_id: (e = this._statePaymentManualInput.statePaymentRequest) == null ? void 0 : e.id,
         payment_request_status: this.statusMessage,
         card_name: t.transactions[0].payment_method ? t.transactions[0].payment_method.name : "no_card_name",
-        card_type: t.transactions[0].payment_method.card_type ? t.transactions[0].payment_method.card_type : "no_card_type",
+        card_type: t.transactions[0].payment_method ? t.transactions[0].payment_method.card_type : "no_card_type",
         payment_type: t.payment_type
       }
     }), Qt.setEndPaymentTime());
@@ -65880,26 +65883,6 @@ let wn = class extends qe {
   constructor() {
     super(...arguments), this.cardDefault = "https://ranty-sdk-js.naranjax.com/images/card.svg", this.iconRight = this.cardDefault, this.isLoading = !1, this.isValidForm = !1, this.isRecieveData = !1, this.bin = null, this.cardFormValue = {};
   }
-  connectedCallback() {
-    super.connectedCallback(), this.insertHiddenInputsForAutofill();
-  }
-  insertHiddenInputsForAutofill() {
-    var d, l, c;
-    if (!navigator.userAgent.match(/iPhone|iPad/i))
-      return;
-    const t = document.createElement("form");
-    t.style.position = "absolute", t.style.top = "-9999px", t.style.opacity = "0", t.style.pointerEvents = "none", t.innerHTML = `
-      <input type="text" id="hiddenCreditNumber" autocomplete="cc-number">
-      <input type="text" id="hiddenDateExpired" autocomplete="cc-exp">
-      <input type="password" id="hiddenCvv" autocomplete="cc-csc">
-    `, document.body.appendChild(t);
-    const e = document.getElementById("hiddenCreditNumber"), r = document.getElementById("hiddenDateExpired"), s = document.getElementById("hiddenCvv"), n = (d = this.shadowRoot) == null ? void 0 : d.querySelector('input[name="creditNumber"]'), i = (l = this.shadowRoot) == null ? void 0 : l.querySelector('input[name="dateExpired"]'), o = (c = this.shadowRoot) == null ? void 0 : c.querySelector('input[name="cvv"]'), a = () => {
-      e.value && n && (n.value = e.value, n.dispatchEvent(new Event("input", { bubbles: !0 }))), r.value && i && (i.value = r.value, i.dispatchEvent(new Event("input", { bubbles: !0 }))), s.value && o && (o.value = s.value, o.dispatchEvent(new Event("input", { bubbles: !0 }))), t.remove();
-    };
-    document.addEventListener("visibilitychange", () => {
-      document.visibilityState === "visible" && a();
-    }), e.addEventListener("input", a), e.addEventListener("change", a), r.addEventListener("input", a), r.addEventListener("change", a), s.addEventListener("input", a), s.addEventListener("change", a);
-  }
   updated(t) {
     super.updated(t), this._statePaymentManualInput && this._statePaymentManualInput.statePaymentRequest;
   }
@@ -65989,7 +65972,6 @@ let wn = class extends qe {
                 label="Número de tarjeta"
                 inputmode="numeric"
                 .maxlength="${19}"
-                autocomplete="cc-number"
                 .validationRules="${[
       Vc("Tenés que completar el número de la tarjeta."),
       Kc(16, "Revisá el número de la tarjeta, está incompleto.", !0),
@@ -66015,7 +65997,6 @@ let wn = class extends qe {
                 inputmode="numeric"
                 .maxlength="${5}"
                 label="Vencimiento"
-                autocomplete="cc-exp"
                 .validationRules="${[
       Vc("Tenés que completar el vencimiento."),
       w4(),
@@ -66032,7 +66013,6 @@ let wn = class extends qe {
                   inputmode="numeric"
                   .maxlength="${3}"
                   label="Código de seguridad"
-                  autocomplete="cc-csc"
                   .validationRules="${[
       Vc("Tenés que completar el código."),
       Kc(3, "Revisá el código."),
@@ -66135,6 +66115,10 @@ let so = class extends qe {
     var t, e, r;
     return (t = this.getBuyer) != null && t.doc_number && ((e = this.getBuyer) == null ? void 0 : e.doc_number.length) >= 6 ? (r = this.getBuyer) == null ? void 0 : r.doc_number : "";
   }
+  get name() {
+    var t, e;
+    return (t = this.getBuyer) != null && t.name ? (e = this.getBuyer) == null ? void 0 : e.name.replace(/[^a-záéíóúüñA-ZÁÉÍÓÚÜÑ\s]/g, "") : "";
+  }
   firstUpdated(t) {
     var e;
     super.firstUpdated(t), this._statePaymentManualInput.isCardPresent || this._getinstallment(), (e = this._statePaymentManualInput.statePaymentRequest.buyer) != null && e.doc_type && (this.isDni = this._statePaymentManualInput.statePaymentRequest.buyer.doc_type === "DNI", this.requestUpdate()), this.forceValidation(["name", "user_email", "doc_number"]), this.validateForm();
@@ -66228,7 +66212,7 @@ let so = class extends qe {
     }), this.isValidForm = e, this.holder.doc_type = this.isDni ? "DNI" : "PASAPORTE";
   }
   renderHTML() {
-    var t, e, r, s;
+    var t, e;
     return P`
       <form @input="${this.validateForm}">
         <scof-input
@@ -66241,14 +66225,14 @@ let so = class extends qe {
       Bb("El nombre solo puede contener letras y espacios."),
       Cb("El nombre no puede estar en blanco.")
     ]}"
-          .value="${(t = this.getBuyer) != null && t.name ? (e = this.getBuyer) == null ? void 0 : e.name : ""}"
+          .value="${this.name}"
         ></scof-input>
         <scof-input
           name="user_email"
           label="Email"
           type="email"
           .validationRules="${[Ms("Tenés que completar el mail."), Eb()]}"
-          .value="${(r = this.getBuyer) != null && r.user_email ? (s = this.getBuyer) == null ? void 0 : s.user_email : ""}"
+          .value="${(t = this.getBuyer) != null && t.user_email ? (e = this.getBuyer) == null ? void 0 : e.user_email : ""}"
         ></scof-input>
 
         <div class="panel-id-selection">
@@ -80157,7 +80141,7 @@ function(t) {
  */
 function(t) {
   function e() {
-    return (gt.canvg ? Promise.resolve(gt.canvg) : import("./index.es-d94dbc2c.js")).catch(function(r) {
+    return (gt.canvg ? Promise.resolve(gt.canvg) : import("./index.es-c2774112.js")).catch(function(r) {
       return Promise.reject(new Error("Could not load canvg: " + r));
     }).then(function(r) {
       return r.default ? r.default : r;
@@ -81851,7 +81835,7 @@ let xn = class extends qe {
               <div class="cards">${this.getBrandCardAccepted()}</div>
             </div>
           </div>
-          <form @input="${this.validateForm}" autocomplete="on">
+          <form @input="${this.validateForm}">
             <div class="credit-info">
               <scof-input
                 class="credit-number"
@@ -81861,7 +81845,6 @@ let xn = class extends qe {
                 label="Número de tarjeta"
                 inputmode="numeric"
                 .maxlength="${19}"
-                autocomplete="cc-number"
                 .validationRules="${[
       Vc("Tenés que completar el número de la tarjeta."),
       Kc(16, "Revisá el número de la tarjeta, está incompleto."),
@@ -81887,7 +81870,6 @@ let xn = class extends qe {
                 inputmode="numeric"
                 .maxlength="${5}"
                 label="Vencimiento"
-                autocomplete="cc-csc"
                 .validationRules="${[
       Vc("Tenés que completar el vencimiento."),
       w4(),
@@ -81904,7 +81886,6 @@ let xn = class extends qe {
                   inputmode="numeric"
                   .maxlength="${3}"
                   label="Código de seguridad"
-                  autocomplete="cc-csc"
                   .validationRules="${[
       Vc("Tenés que completar el código."),
       Kc(3, "Revisá el código."),
@@ -82007,6 +81988,10 @@ let io = class extends qe {
     var t, e, r;
     return (t = this.getBuyer) != null && t.doc_number && ((e = this.getBuyer) == null ? void 0 : e.doc_number.length) >= 6 ? (r = this.getBuyer) == null ? void 0 : r.doc_number : "";
   }
+  get name() {
+    var t, e;
+    return (t = this.getBuyer) != null && t.name ? (e = this.getBuyer) == null ? void 0 : e.name.replace(/[^a-záéíóúüñA-ZÁÉÍÓÚÜÑ\s]/g, "") : "";
+  }
   firstUpdated(t) {
     var e;
     super.firstUpdated(t), this.state.isCardPresent || this.getinstallment(), (e = this.state.statePaymentRequest.buyer) != null && e.doc_type && (this.isDni = this.state.statePaymentRequest.buyer.doc_type === "DNI", this.requestUpdate()), this.forceValidation(["name", "user_email", "doc_number"]), this.validateForm();
@@ -82098,7 +82083,7 @@ let io = class extends qe {
     }), this.isValidForm = e, this.holder.doc_type = this.isDni ? "DNI" : "PASAPORTE";
   }
   renderHTML() {
-    var t, e, r, s;
+    var t, e;
     return P`
       <form @input="${this.validateForm}">
         <scof-input
@@ -82111,14 +82096,14 @@ let io = class extends qe {
       Bb("El nombre solo puede contener letras y espacios."),
       Cb("El nombre no puede estar en blanco.")
     ]}"
-          .value="${(t = this.getBuyer) != null && t.name ? (e = this.getBuyer) == null ? void 0 : e.name : ""}"
+          .value="${this.name}"
         ></scof-input>
         <scof-input
           name="user_email"
           label="Email"
           type="email"
           .validationRules="${[Ms("Tenés que completar el mail."), Eb()]}"
-          .value="${(r = this.getBuyer) != null && r.user_email ? (s = this.getBuyer) == null ? void 0 : s.user_email : ""}"
+          .value="${(t = this.getBuyer) != null && t.user_email ? (e = this.getBuyer) == null ? void 0 : e.user_email : ""}"
         ></scof-input>
 
         <div class="panel-id-selection">

package/dist/{index.es-d94dbc2c.js → index.es-c2774112.js}

@@ -1,4 +1,4 @@
-import { c as Ke, _ as za, g as _o } from "./index-8c489189.js";
+import { c as Ke, _ as za, g as _o } from "./index-8321a5a2.js";
 var vt = function(a) {
   return a && a.Math === Math && a;
 }, V = (

package/dist/index.js

@@ -1,4 +1,4 @@
-import { ad as n, ac as e, a5 as t, ag as o, ae as r, af as C, a6 as m, a3 as p, ab as A, aa as d, a4 as i, a7 as l, a8 as u, a9 as y, A as c, w as F, f as S, e as P, n as M, p as O, Q as k, o as I, q as H, m as f, r as x, C as L, u as g, T as v, j as D, a as b, d as E, D as w, l as Q, E as h, v as B, b as N, F as R, k as j, $ as q, a1 as z, N as G, P as J, M as K, x as T, V as U, W as V, U as W, a2 as X, X as Y, Y as Z, Z as $, i as _, h as aa, a0 as sa, S as na, y as ea, t as ta, z as oa, B as ra, G as Ca, s as ma, K as pa, H as Aa, I as da, J as ia, O as la, R as ua, L as ya } from "./index-8c489189.js";
+import { ad as n, ac as e, a5 as t, ag as o, ae as r, af as C, a6 as m, a3 as p, ab as A, aa as d, a4 as i, a7 as l, a8 as u, a9 as y, A as c, w as F, f as S, e as P, n as M, p as O, Q as k, o as I, q as H, m as f, r as x, C as L, u as g, T as v, j as D, a as b, d as E, D as w, l as Q, E as h, v as B, b as N, F as R, k as j, $ as q, a1 as z, N as G, P as J, M as K, x as T, V as U, W as V, U as W, a2 as X, X as Y, Y as Z, Z as $, i as _, h as aa, a0 as sa, S as na, y as ea, t as ta, z as oa, B as ra, G as Ca, s as ma, K as pa, H as Aa, I as da, J as ia, O as la, R as ua, L as ya } from "./index-8321a5a2.js";
 export {
   n as A2AAccountDetails,
   e as A2AAccountList,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ranty/ranty-sdk",
-  "version": "2.18.0-beta.11",
+  "version": "2.18.0-beta.12",
   "description": "Ranty sdk",
   "main": "dist/index.js",
   "exports": {