@paynext/sdk 0.0.68 → 0.0.70

package/dist/index.d.ts

@@ -82,7 +82,7 @@ declare interface CheckoutConfig_2 {
 
 declare class CheckoutModule {
     private readonly config;
-    private readonly component;
+    private component;
     constructor(config: CheckoutConfig_2);
     init(): Promise<void>;
     mount(): Promise<HTMLElement>;

package/dist/index.es.js

@@ -51,6 +51,7 @@ class Zu {
         const i = (yield import("./index-C6qOiJ-j.js")).Core;
         this.core = new i();
       }
+      e.styles && this.core.state.styles.setState(e.styles);
       const a = yield this.core.checkout.mount();
       this.parent.innerHTML = "", this.parent.appendChild(a), this.core.state.checkout.setState(e);
     });
@@ -5439,8 +5440,13 @@ class Pc {
     this.translate = e;
     const r = e.messages();
     if (this.element = document.createElement("div"), this.element.classList.add(ne.wrapper), this.inputContainer.classList.add(ne.inputContainer), (i = a == null ? void 0 : a.container) != null && i.className && this.inputContainer.classList.add(a.container.className), (n = a == null ? void 0 : a.container) != null && n.styles && Object.assign(this.inputContainer.style, a.container.styles), this.input.setAttribute("id", this.id), this.input.setAttribute("auto-complete", "cc-number"), this.input.setAttribute("placeholder", "1234 1234 1234 1234"), this.input.classList.add(ne.input), (s = a == null ? void 0 : a.field) != null && s.className && this.input.classList.add(a.field.className), (o = a == null ? void 0 : a.field) != null && o.styles && Object.assign(this.input.style, a.field.styles), (l = a == null ? void 0 : a.placeholder) != null && l.styles && Object.keys(a.placeholder.styles).length) {
-      const p = (y) => y.replace(/[A-Z]/g, (f) => "-" + f.toLowerCase()), m = Object.entries(a.placeholder.styles).map(([y, f]) => `${p(y)}:${f};`).join("");
-      this.placeholderStyle.textContent = `#${this.id}::placeholder{${m}}`, this.element.appendChild(this.placeholderStyle);
+      const p = (f) => f.replace(/[A-Z]/g, (g) => "-" + g.toLowerCase()), m = Object.entries(a.placeholder.styles).map(([f, g]) => `${p(f)}:${g} !important;`).join(""), y = `#${this.id}`;
+      this.placeholderStyle.textContent = `${y}::placeholder{${m}}
+${y}::-webkit-input-placeholder{${m}}
+${y}::-moz-placeholder{${m}}
+${y}:-ms-input-placeholder{${m}}
+${y}::-ms-input-placeholder{${m}}
+`, document.head.appendChild(this.placeholderStyle);
     }
     this.endContent.classList.add(ne.endContent), this.endContent.append(...this.getCardIcons()), this.inputContainer.append(this.input, this.endContent), this.label.setAttribute("for", this.id), this.label.classList.add(ne.label), (d = a == null ? void 0 : a.label) != null && d.className && this.label.classList.add(a.label.className), (c = a == null ? void 0 : a.label) != null && c.styles && Object.assign(this.label.style, a.label.styles), this.labelText.textContent = r.card.number.label, this.labelError.textContent = r.card.number.error.required, this.labelError.classList.add(ne.labelError, ne.hidden), (u = a == null ? void 0 : a.error) != null && u.className && this.labelError.classList.add(a.error.className), (h = a == null ? void 0 : a.error) != null && h.styles && Object.assign(this.labelError.style, a.error.styles), this.label.append(this.labelText, this.labelError), this.error.classList.add(ne.error, ne.hidden), this.element.append(this.label, this.inputContainer, this.error), this.input.addEventListener("input", (p) => {
       p.stopPropagation(), this.handleChange(this.input.value);
@@ -6019,7 +6025,7 @@ class jc {
 class Vc {
   constructor(e) {
     A(this, "component");
-    this.config = e, this.component = new jc(e);
+    this.config = e;
   }
   // init
   init() {
@@ -6040,7 +6046,7 @@ class Vc {
   // mount
   mount() {
     return H(this, null, function* () {
-      return yield this.init(), yield this.component.init(), this.component.render();
+      return this.component || (this.component = new jc(this.config)), yield this.init(), yield this.component.init(), this.component.render();
     });
   }
 }