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

package/dist/{index-6f734cde.js → index-8c489189.js}

@@ -916,8 +916,7 @@ function oe(t) {
  */
 var G0;
 ((G0 = window.HTMLSlotElement) === null || G0 === void 0 ? void 0 : G0.prototype.assignedElements) != null;
-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.10", cE = "Ranty sdk", AE = "dist/index.js", uE = {
+const lE = "@nx-ranty/ranty-sdk", dE = "2.18.0-beta.11", cE = "Ranty sdk", AE = "dist/index.js", uE = {
   ".": "./dist/index.js"
 }, pE = "types/index.d.ts", gE = [
   "dist",
@@ -1027,9 +1026,6 @@ 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;
@@ -1041,7 +1037,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">${this.textFooter}</span>
+            <span class="footer-text">Procesado por</span>
             <img alt="nave" src=${this.image} class="footer-icon" />
             <img alt="nave" src=${this.icon} />
           </a>
@@ -9364,10 +9360,10 @@ function fU(t, e, r, s) {
 }
 var Ou = qF(fU);
 hI(hl(), "DD_LOGS", Ou);
-const yU = "@ranty/ranty-sdk", vU = "2.18.0-beta.10", bU = 2, wU = !0, xU = {
+const yU = "@nx-ranty/ranty-sdk", vU = "2.18.0-beta.11", bU = 2, wU = !0, xU = {
   "": {
-    name: "@ranty/ranty-sdk",
-    version: "2.18.0-beta.10",
+    name: "@nx-ranty/ranty-sdk",
+    version: "2.18.0-beta.11",
     license: "ISC",
     dependencies: {
       "@datadog/browser-logs": "^5.7.0",
@@ -46613,7 +46609,9 @@ 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), 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);
+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 {
   static convertTime(e, r) {
     return r === "seconds" ? e * 1e3 : e * 60 * 1e3;
   }
@@ -64102,6 +64100,7 @@ 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),
@@ -64140,6 +64139,7 @@ let bn = class extends qe {
                 id="expired"
                 .maxlength="${5}"
                 label="Vencimiento"
+                autocomplete="cc-csc"
                 .validationRules="${[
       Ms("Tenés que completar el vencimiento."),
       LO(),
@@ -64155,6 +64155,7 @@ 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."),
@@ -65879,6 +65880,26 @@ 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;
   }
@@ -65968,6 +65989,7 @@ 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),
@@ -65993,6 +66015,7 @@ let wn = class extends qe {
                 inputmode="numeric"
                 .maxlength="${5}"
                 label="Vencimiento"
+                autocomplete="cc-exp"
                 .validationRules="${[
       Vc("Tenés que completar el vencimiento."),
       w4(),
@@ -66009,6 +66032,7 @@ 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."),
@@ -80133,7 +80157,7 @@ function(t) {
  */
 function(t) {
   function e() {
-    return (gt.canvg ? Promise.resolve(gt.canvg) : import("./index.es-5e3ade81.js")).catch(function(r) {
+    return (gt.canvg ? Promise.resolve(gt.canvg) : import("./index.es-d94dbc2c.js")).catch(function(r) {
       return Promise.reject(new Error("Could not load canvg: " + r));
     }).then(function(r) {
       return r.default ? r.default : r;
@@ -81827,7 +81851,7 @@ let xn = class extends qe {
               <div class="cards">${this.getBrandCardAccepted()}</div>
             </div>
           </div>
-          <form @input="${this.validateForm}">
+          <form @input="${this.validateForm}" autocomplete="on">
             <div class="credit-info">
               <scof-input
                 class="credit-number"
@@ -81837,6 +81861,7 @@ 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."),
@@ -81862,6 +81887,7 @@ let xn = class extends qe {
                 inputmode="numeric"
                 .maxlength="${5}"
                 label="Vencimiento"
+                autocomplete="cc-csc"
                 .validationRules="${[
       Vc("Tenés que completar el vencimiento."),
       w4(),
@@ -81878,6 +81904,7 @@ 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."),

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

@@ -1,4 +1,4 @@
-import { c as Ke, _ as za, g as _o } from "./index-6f734cde.js";
+import { c as Ke, _ as za, g as _o } from "./index-8c489189.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-6f734cde.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-8c489189.js";
 export {
   n as A2AAccountDetails,
   e as A2AAccountList,

package/package.json

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