@ranty/ranty-sdk 0.0.25 → 0.0.27

package/dist/index.js

@@ -72,7 +72,7 @@ si([
 $r = si([
   X("footer-component")
 ], $r);
-const Ju = `/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}form{margin:inherit}.clickeable{cursor:pointer}.input{padding-bottom:40px;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}.input.checkbox label{font-size:12px}.input.checkbox label p{margin:0}.input.checkbox 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:28px}.errorBin{color:red;margin-top:5px;font-family:Inter,Arial,"sans-serif";font-size:14px;font-weight:200;bottom:42px}
+const Ju = `/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}form{margin:inherit}.clickeable{cursor:pointer}.input{padding-bottom:40px;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:28px}.errorBin{color:red;margin-top:5px;font-family:Inter,Arial,"sans-serif";font-size:14px;font-weight:200;bottom:42px}
 `;
 var Zu = Object.defineProperty, Qu = Object.getOwnPropertyDescriptor, ft = (r, e, t, n) => {
   for (var i = n > 1 ? void 0 : n ? Qu(e, t) : e, o = r.length - 1, s; o >= 0; o--)
@@ -14611,6 +14611,7 @@ let de = class r extends Q {
       cardType: "",
       hasError: !1,
       hasPayError: !1,
+      hasC2PAuthError: !1,
       hasErrorWebSocket: !1,
       locale: "",
       dpaId: "",
@@ -14673,7 +14674,7 @@ let de = class r extends Q {
   connectedCallback() {
     super.connectedCallback(), this.addEventListener("errorOnClick2pay", (e) => {
       const t = e;
-      console.log("There was an error with click2pay platform"), this.contextData.hasError = !0, t.detail.hasPayError && (this.contextData.hasPayError = !0), t.detail.hasErrorWebSocket && (this.contextData.hasErrorWebSocket = !0);
+      console.log("There was an error with click2pay platform"), this.contextData.hasError = !0, t.detail.hasPayError && (this.contextData.hasPayError = !0), t.detail.hasErrorWebSocket && (this.contextData.hasErrorWebSocket = !0), t.detail.hasC2PAuthError && (this.contextData.hasC2PAuthError = !0);
     }), this.addEventListener("clearErrors", () => {
       this.contextData.hasError = !1, this.contextData.hasPayError = !1, this.contextData.hasErrorWebSocket = !1;
     }), this.addEventListener("click2payNotAvailable", () => {
@@ -15135,7 +15136,7 @@ Er([
 Ft = Er([
   X("credit-card")
 ], Ft);
-const Ly = `/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}form{margin:inherit}.clickeable{cursor:pointer}.container{margin-top:4px}.panel-container{padding:12px 32px 8px;background:#ffffff;border:1px solid #e5e7eb;border-radius:20px}.continue{width:238px;display:flex;justify-content:flex-end}.back{width:248px;display:flex;justify-content:flex-start;align-items:center}.panel-id-selection{display:flex;gap:15px}.panel-id-selection>*{flex:1;max-width:50%}.card-form__title-form{font-family:Inter,Arial,"sans-serif";font-size:14px;font-weight:500;color:#888}.learn-text{font-family:Inter,Arial,"sans-serif";font-size:14px;color:#652bdf;text-decoration:underline;cursor:pointer}.credit-info{display:flex}.credit-info click2pay-card-input{flex:1}.credit-info img{margin-top:20px;margin-left:20px;align-self:flex-start}.modal{display:none;border:1px solid rgb(229,231,235);border-radius:20px;height:450px;width:500px;background-color:#fff;position:fixed;z-index:5}.panel-title{display:flex;margin-bottom:23px;align-items:end;gap:5px}.panel-title span{color:#6a6a6a;font-family:Inter,Arial,"sans-serif";font-size:12px;font-weight:400;padding-top:10px;margin-bottom:5px}.panel-title img{width:120px}.card-form__input-icon{display:flex;gap:12px}.card-form__buttons{display:flex;justify-content:space-between;margin-bottom:10px;margin-top:30px}@media only screen and (max-width: 800px){.panel-container{margin-left:8px;margin-right:8px;padding:8px 10px}.card-form__buttons{margin-top:0}}
+const Ly = `/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}form{margin:inherit}.clickeable{cursor:pointer}.container{margin-top:4px}.panel-container{padding:12px 32px 8px;background:#ffffff;border:1px solid #e5e7eb;border-radius:20px}.checkbox{padding-bottom:20px!important}.continue{width:238px;display:flex;justify-content:flex-end}.back{width:248px;display:flex;justify-content:flex-start;align-items:center}.panel-id-selection{display:flex;gap:15px}.panel-id-selection>*{flex:1;max-width:50%}.card-form__title-form{font-family:Inter,Arial,"sans-serif";font-size:14px;font-weight:500;color:#888}.learn-text{font-family:Inter,Arial,"sans-serif";font-size:14px;color:#652bdf;text-decoration:underline;cursor:pointer}.credit-info{display:flex}.credit-info click2pay-card-input{flex:1}.credit-info img{margin-top:20px;margin-left:20px;align-self:flex-start}.modal{display:none;border:1px solid rgb(229,231,235);border-radius:20px;height:450px;width:500px;background-color:#fff;position:fixed;z-index:5}.panel-title{display:flex;margin-bottom:23px;align-items:end;gap:5px}.panel-title span{color:#6a6a6a;font-family:Inter,Arial,"sans-serif";font-size:12px;font-weight:400;padding-top:10px;margin-bottom:5px}.panel-title img{width:120px}.card-form__input-icon{display:flex;gap:12px}.card-form__buttons{display:flex;justify-content:space-between;margin-bottom:10px;margin-top:30px}@media only screen and (max-width: 800px){.learn-text{position:relative;top:-15px}.panel-container{margin-left:8px;margin-right:8px;padding:8px 10px}.card-form__buttons{margin-top:0}}
 `;
 var zy = Object.defineProperty, jy = Object.getOwnPropertyDescriptor, $e = (r, e, t, n) => {
   for (var i = n > 1 ? void 0 : n ? jy(e, t) : e, o = r.length - 1, s; o >= 0; o--)
@@ -15254,7 +15255,7 @@ let Te = class extends Q {
                 .value="${this._shouldAddCard}"
                 .checked="${this._shouldAddCard}"
                 @click="${this._toggleChecked}"
-                customClass="checkbox"
+                customClass="checkbox-form-credit"
               ></my-input>
               <span class="learn-text" @click="${this._openModal}">Aprendé más</span>
             ` : ""}
@@ -17006,7 +17007,9 @@ let q = class r extends Q {
       } catch (c) {
         this.isLoading = !1, this.dispatchEvent(
           new CustomEvent("errorOnClick2pay", {
-            detail: {},
+            detail: {
+              hasC2PAuthError: !0
+            },
             bubbles: !0,
             composed: !0
           })
@@ -17075,17 +17078,27 @@ let q = class r extends Q {
               subtitle="Para aprovechar todos los beneficios de tu banco."
               @click="${this._deepLinkModo}"
             ></card-home>
-          ` : this.wallet ? C` <card-home class="clickeable" @click="${this._handleCardClick}"></card-home>` : ""}
-
-      <br />
-
-      <card-home
-        class="clickeable"
-        image="https://ranty-sdk-js.naranjax.com/images/card.svg"
-        title="Tarjeta de crédito o débito"
-        subtitle="Pagá con la tarjeta de crédito o débito que prefieras."
-        @click="${this._toggleShowPersonalDataForm}"
-      ></card-home>
+            <br />
+            <card-home
+              class="clickeable"
+              image="https://ranty-sdk-js.naranjax.com/images/card.svg"
+              title="Tarjeta de crédito o débito"
+              subtitle="Pagá con la tarjeta de crédito o débito que prefieras."
+              @click="${this._toggleShowPersonalDataForm}"
+            ></card-home>
+          ` : C`
+            ${this.wallet ? C` <card-home class="clickeable" @click="${this._handleCardClick}"></card-home> ` : ""}
+            <br />
+            ${this.manualInput ? C`
+                  <card-home
+                    class="clickeable"
+                    image="https://ranty-sdk-js.naranjax.com/images/card.svg"
+                    title="Tarjeta de crédito o débito"
+                    subtitle="Pagá con la tarjeta de crédito o débito que prefieras."
+                    @click="${this._toggleShowPersonalDataForm}"
+                  ></card-home>
+                ` : ""}
+          `}
     `;
   }
   _handleCardClick() {
@@ -17163,12 +17176,13 @@ let q = class r extends Q {
     `;
   }
   _retryPanels() {
-    console.log("retryPanels"), this.isLoading = !0, this.dispatchEvent(
+    var e;
+    console.log("retryPanels 2"), this.isLoading = !0, $n(this), this.isLoading = !1, (e = this._contextData) != null && e.hasC2PAuthError ? this._showInitialPanels = !0 : this._showC2pCardList = !0, this.dispatchEvent(
       new CustomEvent("clearErrors", {
         bubbles: !0,
         composed: !0
       })
-    ), $n(this), this.isLoading = !1, this._showC2pCardList = !0;
+    );
   }
   _callbackUrl() {
     var t;

package/package.json

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