@ranty/ranty-sdk 3.0.5 → 3.0.6-beta.1

package/dist/{index-d7ea1dc9.js → index-52aa0a38.js}

@@ -916,7 +916,7 @@ function ie(t) {
  */
 var N0;
 ((N0 = window.HTMLSlotElement) === null || N0 === void 0 ? void 0 : N0.prototype.assignedElements) != null;
-const lj = "@ranty/ranty-sdk", dj = "3.0.5", cj = "Ranty sdk", uj = "dist/index.js", pj = {
+const lj = "@ranty/ranty-sdk", dj = "3.0.6-beta.1", cj = "Ranty sdk", uj = "dist/index.js", pj = {
   ".": "./dist/index.js"
 }, Aj = "types/index.d.ts", gj = [
   "dist",
@@ -9370,10 +9370,10 @@ function kz(t, e, r, s) {
 }
 var mA = WF(kz);
 wP(Pl(), "DD_LOGS", mA);
-const Bz = "@nx-ranty/ranty-sdk", Cz = "3.0.5", Ez = 2, jz = !0, Sz = {
+const Bz = "@nx-ranty/ranty-sdk", Cz = "3.0.6-beta.1", Ez = 2, jz = !0, Sz = {
   "": {
     name: "@nx-ranty/ranty-sdk",
-    version: "3.0.5",
+    version: "3.0.6-beta.1",
     license: "ISC",
     dependencies: {
       "@datadog/browser-logs": "^5.35.1",
@@ -58276,7 +58276,7 @@ const SO = `@import"normalize.css";form{margin:inherit}.clickeable{cursor:pointe
     case "NARANJA":
       e = "https://ranty-sdk-js.naranjax.com/images/naranjax-logo.svg", r = "naranja";
       break;
-    case "AMEX":
+    case "AMERICAN EXPRESS":
       e = "https://ranty-sdk-js.naranjax.com/images/amex-logo.svg", r = "amex";
       break;
   }
@@ -58293,7 +58293,7 @@ const SO = `@import"normalize.css";form{margin:inherit}.clickeable{cursor:pointe
     case "NARANJA":
       e = "https://assets.mastercard.com/card-art/combined-image-asset/7496a60e-b989-4df2-bf2d-0e946e357b36.png", r = "naranja", s = "Tarjeta Naranja";
       break;
-    case "AMEX":
+    case "AMERICAN EXPRESS":
       e = "https://ranty-sdk-js.naranjax.com/images/amex-logo.svg", r = "amex", s = "Tarjeta American Express";
       break;
     case "MAESTRO":
@@ -58804,7 +58804,7 @@ let a2 = class extends He {
   }
   render() {
     return console.log("this.messagesError", this.messagesError), z`
-      <click2pay-modal
+      <initial-loading
         ?isVisible="${!0}"
         title="${this.countMessagesError}"
         message="${this.messagesError}"
@@ -58812,7 +58812,7 @@ let a2 = class extends He {
         .success="${!1}"
         image="https://ranty-sdk-js.naranjax.com/images/circle-info.svg"
       >
-      </click2pay-modal>
+      </initial-loading>
     `;
   }
 };
@@ -59399,7 +59399,7 @@ const p1 = {
   MASTERCARD: "https://ranty-sdk-js.naranjax.com/images/mastercard-logo.svg",
   VISA: "https://ranty-sdk-js.naranjax.com/images/visa-logo.svg",
   NARANJA: "https://ranty-sdk-js.naranjax.com/images/naranjax-logo.svg",
-  AMEX: "https://ranty-sdk-js.naranjax.com/images/amex-logo.svg",
+  "AMERICAN EXPRESS": "https://ranty-sdk-js.naranjax.com/images/amex-logo.svg",
   MAESTRO: "https://ranty-sdk-js.naranjax.com/images/maestro-logo.svg"
 }, pN = `@import"normalize.css";form{margin:inherit}.clickeable{cursor:pointer}.clickeable{display:block;transition:transform .3s ease}.clickeable:hover{transform:translate(3px)}.hidden{display:none}.skeleton-card{background-color:#d0d4d7;animation:skeleton-loading 1s linear infinite alternate;width:100%;height:43px;border-radius:8px}.skeleton{display:flex;align-items:center;justify-content:space-between;background-color:#d0d4d7;animation:skeleton-loading 1s linear infinite alternate;width:100%;height:60px;border-radius:8px;gap:16px;margin-bottom:16px}.skeleton .input{width:12px;height:10px;border-radius:8px;background-color:#c2cfd6;margin-left:10px}.skeleton .img{width:45px;height:36px;border-radius:50%;background-color:#c2cfd6}.skeleton .details{width:100%;height:auto;border-radius:8px;display:flex;flex-direction:column;gap:6px}.skeleton .text{width:200px;height:14px;border-radius:8px;background-color:#c2cfd6;margin:0}@keyframes skeleton-loading{0%{background-color:#c2cfd6}to{background-color:#f0f3f5}}.input{padding-bottom:24px;position:relative}.input label{font-family:Inter,Arial,"sans-serif";font-size:14px;font-weight:400;color:#6a6a6a;display:block;min-width:140px}.input.checkbox{display:flex;flex-direction:row;justify-content:flex-start;padding-bottom:20px}.input.checkbox label{text-align:left;font-size:12px}.input.checkbox label p{margin:0}.input.checkbox input[type=checkbox]{order:-1;width:30px;margin-right:10px;accent-color:black}.input.checkbox-form-credit{display:flex;flex-direction:row;justify-content:flex-start;padding-bottom:20px}.input.checkbox-form-credit label{text-align:left;font-size:12px}.input.checkbox-form-credit label p{margin:0}.input.checkbox-form-credit input[type=checkbox]{order:-1;width:50px;margin-right:10px;accent-color:black}.input input{border:none;border-bottom:1px solid #6a6a6a;color:#2b2b2b;font-family:Inter,Arial,"sans-serif";font-weight:400;font-size:16px;outline:none;width:100%;height:26px}.errorBin{color:red;margin-top:5px;font-family:Inter,Arial,"sans-serif";font-size:14px;font-weight:400;bottom:42px}.errorBin>p{margin-top:3px;margin-block-end:0px}.placeholder{display:flex;justify-content:start}.placeholder>p{color:#888;bottom:45px;margin:3px 0 0}span p{font-family:Inter,Arial,"sans-serif";font-size:12px}.checkbox-save-card-scof{display:flex;flex-direction:row;justify-content:flex-start;padding-bottom:20px}.checkbox-save-card-scof label{text-align:left;font-size:12px;margin:auto 0}.checkbox-save-card-scof label p{margin:0}.checkbox-save-card-scof input[type=checkbox]{order:-1;width:17px;height:17px;margin-right:10px;accent-color:#652bdf}
 `;
@@ -59423,7 +59423,7 @@ let rr = class extends He {
   }
   handleInput(t) {
     const e = t.target;
-    this.value = e.type === "checkbox" ? e.checked ? "true" : "false" : e.value, this.name === "doc_number" && this.inputmode === "numeric" && (this.value = e.value.replace(/\D/g, "").replace(/^(\d{1,2})(\d{3})(\d{3})$/, "$1.$2.$3")), this.name === "creditNumber" && (this.value = this.value.replace(/\D/g, "").slice(0, 16).replace(/(\d{4})(?=\d)/g, "$1 ").trim()), this.name === "dateExpired" && (this.value = this.value.replace(/\D/g, "").replace(/(\d{2})(\d{2})?/, "$1/$2").trim().substring(0, 5)), this.checkValidity(), this.dispatchEvent(
+    this.value = e.type === "checkbox" ? e.checked ? "true" : "false" : e.value, this.name === "doc_number" && this.inputmode === "numeric" && (this.value = e.value.replace(/\D/g, "").replace(/^(\d{1,2})(\d{3})(\d{3})$/, "$1.$2.$3")), this.name === "creditNumber" && (/^3[47]/.test(this.value) ? this.value = this.value.replace(/\D/g, "").slice(0, 15).replace(/(\d{4})(\d{6})(\d{5})/, "$1 $2 $3").trim() : this.value = this.value.replace(/\D/g, "").slice(0, 16).replace(/(\d{4})(?=\d)/g, "$1 ").trim()), this.name === "dateExpired" && (this.value = this.value.replace(/\D/g, "").replace(/(\d{2})(\d{2})?/, "$1/$2").trim().substring(0, 5)), this.checkValidity(), this.dispatchEvent(
       new CustomEvent("input-event", {
         bubbles: !0,
         composed: !0,
@@ -59469,7 +59469,7 @@ let rr = class extends He {
     if (this.name === "creditNumber") {
       t.preventDefault();
       const r = e.replace(/\D/g, "");
-      r && (this.value = r.slice(0, 16).replace(/(\d{4})(?=\d)/g, "$1 ").trim()), this.checkValidity(), this.dispatchEvent(
+      /^3[47]/.test(r) ? this.value = r.slice(0, 15).replace(/(\d{4})(\d{6})(\d{5})/, "$1 $2 $3").trim() : this.value = r.slice(0, 16).replace(/(\d{4})(?=\d)/g, "$1 ").trim(), this.checkValidity(), this.dispatchEvent(
         new CustomEvent("input-event", {
           bubbles: !0,
           composed: !0,
@@ -59884,7 +59884,7 @@ let Pn = class extends He {
           }
         }
       ),
-      si(16, "Revisá el número de la tarjeta, está incompleto.", !0)
+      si(15, "Revisá el número de la tarjeta, está incompleto.", !0)
     ]}"
               ></scof-input>
               <img alt="nave" width="24" height="24" src="${this.iconRight}" />
@@ -59910,7 +59910,7 @@ let Pn = class extends He {
                   type="password"
                   name="cvv"
                   id="cvv"
-                  .maxlength="${3}"
+                  .maxlength="${this.installmentPlan && this.installmentPlan.name === "AMERICAN EXPRESS" ? 4 : 3}"
                   label="Código de seguridad"
                   .validationRules="${[
       Zs("Tenés que completar el código."),
@@ -61608,6 +61608,7 @@ const JB = (t, e = () => {
           return;
         }
         try {
+          console.log("getInstallmentsData", d);
           const p = yield Co(t, d);
           if (ve.info("getInstallments", {
             context: Ie.DEFAULT,
@@ -61657,7 +61658,7 @@ let Fn = class extends He {
     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 = {};
   }
   updated(t) {
-    super.updated(t), this._statePaymentManualInput && this._statePaymentManualInput.statePaymentRequest;
+    super.updated(t);
   }
   validateForm() {
     var s;
@@ -61757,7 +61758,7 @@ let Fn = class extends He {
           this.iconRight = e ? p1[t == null ? void 0 : t.name] : this.cardDefault, this.installmentPlan = t, this.isRecieveData = !0;
         }
       ),
-      mu(16, "Revisá el número de la tarjeta, está incompleto.", !0)
+      mu(15, "Revisá el número de la tarjeta, está incompleto.", !0)
     ]}"
               ></scof-input>
               <img alt="nave" width="24" height="24" src="${this.iconRight}" />
@@ -61785,7 +61786,7 @@ let Fn = class extends He {
                   name="cvv"
                   id="cvv"
                   inputmode="numeric"
-                  .maxlength="${3}"
+                  .maxlength="${this.installmentPlan && this.installmentPlan.name === "AMERICAN EXPRESS" ? 4 : 3}"
                   label="Código de seguridad"
                   .validationRules="${[
       hu("Tenés que completar el código."),
@@ -77312,7 +77313,7 @@ function(t) {
  */
 function(t) {
   function e() {
-    return (ft.canvg ? Promise.resolve(ft.canvg) : import("./index.es-a9139999.js")).catch(function(r) {
+    return (ft.canvg ? Promise.resolve(ft.canvg) : import("./index.es-6d1cf6bf.js")).catch(function(r) {
       return Promise.reject(new Error("Could not load canvg: " + r));
     }).then(function(r) {
       return r.default ? r.default : r;
@@ -83365,7 +83366,7 @@ let Tn = class extends He {
           this.iconRight = e ? p1[t == null ? void 0 : t.name] : this.cardDefault, this.installmentPlan = t, this.isRecieveData = !0;
         }
       ),
-      mu(16, "Revisá el número de la tarjeta, está incompleto.")
+      mu(15, "Revisá el número de la tarjeta, está incompleto.", !0)
     ]}"
               ></scof-input>
               <img alt="nave" width="24" height="24" src="${this.iconRight}" />
@@ -83392,7 +83393,7 @@ let Tn = class extends He {
                   name="cvv"
                   id="cvv"
                   inputmode="numeric"
-                  .maxlength="${3}"
+                  .maxlength="${this.installmentPlan && this.installmentPlan.name === "AMERICAN EXPRESS" ? 4 : 3}"
                   label="Código de seguridad"
                   .validationRules="${[
       hu("Tenés que completar el código."),

package/dist/{index.es-a9139999.js → index.es-6d1cf6bf.js}

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

package/dist/index.js

@@ -1,4 +1,4 @@
-import { A as n, am as o, ai as t, al as e, ab as r, ap as C, an as p, ao as A, ac as m, a9 as i, ah as l, ag as u, aa as d, l as c, ak as P, aj as F, ad as S, ae as y, af as I, R as M, B as O, a8 as k, X as H, U as L, a1 as f, T as g, a2 as D, a3 as v, a4 as b, h as x, f as E, a7 as h, a6 as B, V as Q, W as j, Y as w, Z as N, $ as q, C as z, k as G, x as J, a as K, d as R, a5 as T, D as U, a0 as V, E as W, e as X, m as Y, b as Z, F as $, I as _, M as aa, L as sa, N as na, P as oa, n as ta, z as ea, G as ra, y as Ca, O as pa, H as Aa, J as ma, K as ia, Q as la, S as ua, o as da, j as ca, p as Pa, q as Fa, r as Sa, i as ya, v as Ia, s as Ma, t as Oa, u as ka, w as Ha } from "./index-d7ea1dc9.js";
+import { A as n, am as o, ai as t, al as e, ab as r, ap as C, an as p, ao as A, ac as m, a9 as i, ah as l, ag as u, aa as d, l as c, ak as P, aj as F, ad as S, ae as y, af as I, R as M, B as O, a8 as k, X as H, U as L, a1 as f, T as g, a2 as D, a3 as v, a4 as b, h as x, f as E, a7 as h, a6 as B, V as Q, W as j, Y as w, Z as N, $ as q, C as z, k as G, x as J, a as K, d as R, a5 as T, D as U, a0 as V, E as W, e as X, m as Y, b as Z, F as $, I as _, M as aa, L as sa, N as na, P as oa, n as ta, z as ea, G as ra, y as Ca, O as pa, H as Aa, J as ma, K as ia, Q as la, S as ua, o as da, j as ca, p as Pa, q as Fa, r as Sa, i as ya, v as Ia, s as Ma, t as Oa, u as ka, w as Ha } from "./index-52aa0a38.js";
 export {
   n as A2AAccountComponent,
   o as A2AAccountDetails,

package/package.json

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