@paynext/sdk 0.0.133 → 0.0.135

package/dist/index.d.ts

@@ -515,9 +515,10 @@ declare enum PaymentStatus {
 
 export declare class PayNextCheckout {
     private core;
+    private parentId;
     constructor();
     mount(componentId: string, config: PayNextConfig): Promise<void>;
-    unmount(componentId: string): Promise<void>;
+    unmount(): Promise<void>;
 }
 
 export declare interface PayNextConfig {

package/dist/index.es.js

@@ -54,6 +54,7 @@ import ub from "react";
 class G3 {
   constructor() {
     b(this, "core");
+    b(this, "parentId");
   }
   mount(e, n) {
     return A(this, null, function* () {
@@ -63,7 +64,7 @@ class G3 {
         console.error(`Element with id "${e}" not found`);
         return;
       }
-      if (!this.core) {
+      if (this.parentId = e, !this.core) {
         const y = (yield import("./index-C6qOiJ-j.js")).Core;
         this.core = new y();
       }
@@ -77,11 +78,13 @@ class G3 {
       r.innerHTML = "", r.appendChild(i), (g = (h = (p = this.core) == null ? void 0 : p.state) == null ? void 0 : h.checkout) == null || g.setState(n);
     });
   }
-  unmount(e) {
+  unmount() {
     return A(this, null, function* () {
-      var r;
-      const n = document.getElementById(e);
-      !n || !this.core || (n.innerHTML = "", (r = this.core) == null || r.clearState());
+      var n;
+      if (!this.parentId)
+        return;
+      const e = document.getElementById(this.parentId);
+      !e || !this.core || (e.innerHTML = "", (n = this.core) == null || n.clearState());
     });
   }
 }
@@ -4232,13 +4235,13 @@ class wE {
         return !1;
       const s = e ? k(m({}, e), {
         onError: (o) => {
-          var c, l;
+          var c, l, d;
           if (!this.isInitialized) {
             console.error("Apple Pay error:", o);
             return;
           }
           const a = this.config.state.translate.messages();
-          o != null && o.toLowerCase().includes("cancelled") ? (c = e.onCancel) == null || c.call(e) : (Ks(o, a), (l = e.onError) == null || l.call(e, { e: o, paymentMethod: H.APPLE_PAY }));
+          (c = o == null ? void 0 : o.toLowerCase()) != null && c.includes("cancelled") ? (l = e.onCancel) == null || l.call(e) : (Ks(o, a), (d = e.onError) == null || d.call(e, { e: o, paymentMethod: H.APPLE_PAY }));
         },
         onSuccess: (o) => {
           var a;
@@ -4441,7 +4444,10 @@ class LE {
       "cancelled by user",
       "user cancelled",
       "popup close"
-    ].some((s) => n.toLowerCase().includes(s));
+    ].some((s) => {
+      var o;
+      return (o = n == null ? void 0 : n.toLowerCase()) == null ? void 0 : o.includes(s);
+    });
   }
   // render
   render() {
@@ -4575,8 +4581,8 @@ class HE {
   }
   // handle venmo errors
   handleVenmoError(e, n) {
-    var r, i, s;
-    this.isInitialized && ((r = e == null ? void 0 : e.message) != null && r.toLowerCase().includes("close") ? (i = n == null ? void 0 : n.onCancel) == null || i.call(n) : (s = n == null ? void 0 : n.onError) == null || s.call(n, { e, paymentMethod: H.VENMO }));
+    var r, i, s, o;
+    this.isInitialized && ((i = (r = e == null ? void 0 : e.message) == null ? void 0 : r.toLowerCase()) != null && i.includes("close") ? (s = n == null ? void 0 : n.onCancel) == null || s.call(n) : (o = n == null ? void 0 : n.onError) == null || o.call(n, { e, paymentMethod: H.VENMO }));
   }
   // add event listener
   addEventListener(e, n) {
@@ -4925,7 +4931,7 @@ class d1 {
     var i, s, o, a, c, l, d, u, f;
     const r = e.messages();
     if (this.element = document.createElement("div"), this.element.classList.add(Pe.wrapper), this.inputContainer.classList.add(Pe.inputContainer), (i = n == null ? void 0 : n.container) != null && i.className && Te(this.inputContainer, n.container.className), (s = n == null ? void 0 : n.container) != null && s.styles && Object.assign(this.inputContainer.style, n.container.styles), this.input.setAttribute("id", this.id), this.input.setAttribute("autocomplete", "cc-name"), this.input.setAttribute("placeholder", r.card.name.placeholder), this.input.classList.add(Pe.input), (o = n == null ? void 0 : n.field) != null && o.className && Te(this.input, n.field.className), (a = n == null ? void 0 : n.field) != null && a.styles && Object.assign(this.input.style, n.field.styles), (c = n == null ? void 0 : n.placeholder) != null && c.styles && Object.keys(n.placeholder.styles).length) {
-      const p = (g) => g.replace(/[A-Z]/g, (_) => "-" + _.toLowerCase()), h = Object.entries(n.placeholder.styles).map(([g, _]) => `${p(g)}:${_};`).join("");
+      const p = (g) => g.replace(/[A-Z]/g, (_) => "-" + (_ == null ? void 0 : _.toLowerCase())), h = Object.entries(n.placeholder.styles).map(([g, _]) => `${p(g)}:${_};`).join("");
       this.placeholderStyle.textContent = `#${this.id}::placeholder{${h}}`, this.element.appendChild(this.placeholderStyle);
     }
     this.endContent.classList.add(Pe.hidden), this.endContent.appendChild(this.warning.render()), this.inputContainer.append(this.input, this.endContent), this.label.setAttribute("for", this.id), this.label.classList.add(Pe.label), (l = n == null ? void 0 : n.label) != null && l.className && Te(this.label, n.label.className), (d = n == null ? void 0 : n.label) != null && d.styles && Object.assign(this.label.style, n.label.styles), this.labelText.textContent = r.card.name.label, this.labelError.textContent = r.card.required, this.labelError.classList.add(Pe.labelError, Pe.hidden), (u = n == null ? void 0 : n.error) != null && u.className && Te(this.labelError, n.error.className), (f = n == null ? void 0 : n.error) != null && f.styles && Object.assign(this.labelError.style, n.error.styles), this.label.append(this.labelText, this.labelError), this.element.append(this.label, this.inputContainer), this.input.addEventListener("input", () => this.handleChange(this.input.value)), this.input.addEventListener("paste", () => this.handleChange(this.input.value)), this.input.addEventListener("blur", () => this.validate(this.input.value)), e.subscribe(({ messages: p }) => {
@@ -5131,7 +5137,7 @@ class k1 {
     this.translate = e;
     const r = e.messages();
     if (this.element = document.createElement("div"), this.element.classList.add(Ce.wrapper), this.inputContainer.classList.add(Ce.inputContainer), (i = n == null ? void 0 : n.container) != null && i.className && Te(this.inputContainer, n.container.className), (s = n == null ? void 0 : n.container) != null && s.styles && Object.assign(this.inputContainer.style, n.container.styles), this.input.setAttribute("id", this.id), this.input.setAttribute("autocomplete", "cc-number"), this.input.setAttribute("placeholder", "1234 1234 1234 1234"), this.input.setAttribute("inputmode", "numeric"), this.input.setAttribute("pattern", "[0-9]*"), this.input.setAttribute("enterkeyhint", "done"), this.input.classList.add(Ce.input), (o = n == null ? void 0 : n.field) != null && o.className && Te(this.input, n.field.className), (a = n == null ? void 0 : n.field) != null && a.styles && Object.assign(this.input.style, n.field.styles), (c = n == null ? void 0 : n.placeholder) != null && c.styles && Object.keys(n.placeholder.styles).length) {
-      const p = (_) => _.replace(/[A-Z]/g, (y) => "-" + y.toLowerCase()), h = Object.entries(n.placeholder.styles).map(([_, y]) => `${p(_)}:${y} !important;`).join(""), g = `#${this.id}`;
+      const p = (_) => _.replace(/[A-Z]/g, (y) => "-" + (y == null ? void 0 : y.toLowerCase())), h = Object.entries(n.placeholder.styles).map(([_, y]) => `${p(_)}:${y} !important;`).join(""), g = `#${this.id}`;
       this.placeholderStyle.textContent = `${g}::placeholder{${h}}
 ${g}::-webkit-input-placeholder{${h}}
 ${g}::-moz-placeholder{${h}}
@@ -5303,7 +5309,7 @@ class B1 {
     this.element = document.createElement("div"), this.element.classList.add(K.securityContent), this.expiryInputContainer.classList.add(K.inputContainer), (o = n == null ? void 0 : n.container) != null && o.className && Te(this.expiryInputContainer, n.container.className), (a = n == null ? void 0 : n.container) != null && a.styles && Object.assign(this.expiryInputContainer.style, n.container.styles), this.expiryInput.setAttribute("id", this.expiryId), this.expiryInput.setAttribute("autocomplete", "cc-exp"), this.expiryInput.setAttribute("placeholder", r.card.expiry.placeholder), this.expiryInput.setAttribute("inputmode", "numeric"), this.expiryInput.setAttribute("pattern", "[0-9]*"), this.expiryInput.setAttribute("enterkeyhint", "next"), this.expiryInput.classList.add(K.input), (c = n == null ? void 0 : n.field) != null && c.className && Te(this.expiryInput, n.field.className), (l = n == null ? void 0 : n.field) != null && l.styles && Object.assign(this.expiryInput.style, n.field.styles), this.expiryEndContent.classList.add(K.endContent), this.expiryEndContent.appendChild(this.expiryWarning.render()), this.expiryInputContainer.append(this.expiryInput, this.expiryEndContent), this.expiryLabel.setAttribute("for", this.expiryId), this.expiryLabel.classList.add(K.label), (d = n == null ? void 0 : n.label) != null && d.className && Te(this.expiryLabel, n.label.className), (u = n == null ? void 0 : n.label) != null && u.styles && Object.assign(this.expiryLabel.style, n.label.styles), this.expiryLabelText.contentEditable = "false", this.expiryLabelText.textContent = r.card.expiry.label, this.expiryLabelError.textContent = r.card.required, this.expiryLabelError.classList.add(K.labelError, K.hidden), this.expiryLabel.append(this.expiryLabelText, this.expiryLabelError), this.expiryError.classList.add(K.error, K.hidden), (f = n == null ? void 0 : n.error) != null && f.className && Te(this.expiryError, n.error.className), (p = n == null ? void 0 : n.error) != null && p.styles && Object.assign(this.expiryError.style, n.error.styles);
     const i = document.createElement("div");
     if (i.appendChild(this.expiryError), this.cvcInputContainer.classList.add(K.inputContainer), (h = n == null ? void 0 : n.container) != null && h.className && Te(this.cvcInputContainer, n.container.className), (g = n == null ? void 0 : n.container) != null && g.styles && Object.assign(this.cvcInputContainer.style, n.container.styles), this.cvcInput.setAttribute("id", this.cvcId), this.cvcInput.setAttribute("autocomplete", "cc-csc"), this.cvcInput.setAttribute("placeholder", r.card.cvc.placeholder), this.cvcInput.setAttribute("inputmode", "numeric"), this.cvcInput.setAttribute("pattern", "[0-9]*"), this.cvcInput.setAttribute("enterkeyhint", "done"), this.cvcInput.classList.add(K.input), (_ = n == null ? void 0 : n.field) != null && _.className && Te(this.cvcInput, n.field.className), (y = n == null ? void 0 : n.field) != null && y.styles && Object.assign(this.cvcInput.style, n.field.styles), (v = n == null ? void 0 : n.placeholder) != null && v.styles && Object.keys(n.placeholder.styles).length) {
-      const T = (I) => I.replace(/[A-Z]/g, (L) => "-" + L.toLowerCase()), w = Object.entries(n.placeholder.styles).map(([I, L]) => `${T(I)}:${L};`).join("");
+      const T = (I) => I.replace(/[A-Z]/g, (L) => "-" + (L == null ? void 0 : L.toLowerCase())), w = Object.entries(n.placeholder.styles).map(([I, L]) => `${T(I)}:${L};`).join("");
       this.placeholderStyle.textContent = `#${this.expiryId}::placeholder{${w}}#${this.cvcId}::placeholder{${w}}`, this.element.appendChild(this.placeholderStyle);
     }
     this.cvcEndContent.classList.add(K.endContent), this.cvcEndContent.appendChild(this.cardCvc.render()), this.cvcInputContainer.append(this.cvcInput, this.cvcEndContent), this.cvcLabel.setAttribute("for", this.cvcId), this.cvcLabel.classList.add(K.label), (C = n == null ? void 0 : n.label) != null && C.className && Te(this.cvcLabel, n.label.className), (x = n == null ? void 0 : n.label) != null && x.styles && Object.assign(this.cvcLabel.style, n.label.styles), this.cvcLabelText.textContent = r.card.cvc.label, this.cvcLabelError.textContent = r.card.required, this.cvcLabelError.classList.add(K.labelError, K.hidden), (R = n == null ? void 0 : n.error) != null && R.className && Te(this.cvcLabel, n.error.className), (M = n == null ? void 0 : n.error) != null && M.styles && Object.assign(this.cvcLabelError.style, n.error.styles), this.cvcLabel.append(this.cvcLabelText, this.cvcLabelError), this.cvcError.classList.add(K.error, K.hidden);
@@ -5792,7 +5798,7 @@ class G1 {
           status_reason: {
             advice_code: null,
             decline_code: null,
-            message: `${c}:  ${a.message || a}}`
+            message: `${c}:  ${this.stringifyError(a)}`
           }
         });
       }
@@ -5840,6 +5846,17 @@ class G1 {
   setLoading(e) {
     this.isLoading = e, this.form.setLoading(e), this.loader.setClassName(!e || this.isFormOpen ? Qe.hidden : "");
   }
+  // stringifies any kind of error into a readable message
+  stringifyError(e) {
+    if (!e) return "Unknown error";
+    if (typeof e == "string") return e;
+    if (e instanceof Error) return e.message || e.name;
+    try {
+      return JSON.stringify(e);
+    } catch (n) {
+      return String(e);
+    }
+  }
   // render
   render() {
     return this.checkout;