@paynext/sdk 0.0.92 → 0.0.93

package/dist/index.es.js

@@ -4581,25 +4581,44 @@ class vl {
   logPerformanceMetrics() {
     if (this.performanceMetrics.size === 0) return;
     const t = [];
-    let e = 0, r = 0;
-    this.performanceMetrics.forEach((a, i) => {
+    let e = 0, r = 0, a = 0, i = 0;
+    this.performanceMetrics.forEach((o, c) => {
+      if (c === "__parallel_total__") {
+        i = o.duration;
+        return;
+      }
       t.push({
-        "Payment Method": i,
-        Status: a.status,
-        "Duration (ms)": a.duration.toFixed(2)
-      }), e += a.duration, a.status.includes("✓") && r++;
+        "Payment Method": c,
+        Status: o.status,
+        "Duration (ms)": o.duration.toFixed(2)
+      }), e += o.duration, a = Math.max(a, o.duration), o.status.includes("✓") && r++;
     }), console.groupCollapsed(
       `%c🚀 Payment Buttons Performance (${r} rendered)`,
       "font-weight: bold; font-size: 14px; color: #4CAF50;"
     ), console.info(
-      `%cTotal initialization time: ${e.toFixed(2)}ms`,
+      `%c⚡ Actual parallel execution time: ${i.toFixed(2)}ms`,
+      "font-weight: bold; color: #4CAF50; font-size: 12px;"
+    ), console.info(
+      `%c📊 Sum of individual durations: ${e.toFixed(2)}ms`,
+      "font-weight: bold; color: #FF9800;"
+    ), console.info(
+      `%c🎯 Longest button init: ${a.toFixed(2)}ms`,
       "font-weight: bold; color: #2196F3;"
+    );
+    const s = i > 0 ? (a / i * 100).toFixed(1) : 0;
+    console.info(
+      `%c${i <= a * 1.1 ? "✅" : "⚠️"} Parallelization efficiency: ${s}% ${i <= a * 1.1 ? "(Good!)" : "(Needs optimization)"}`,
+      `font-weight: bold; color: ${i <= a * 1.1 ? "#4CAF50" : "#F44336"};`
     ), console.table(t), console.info(
       `%c📊 Legend:
   ✓ Rendered - Button successfully initialized and rendered
   ✗ Not supported - Button not supported on this device/browser
   ✗ Error - Initialization error occurred
-  Skipped - Button not configured`,
+  Skipped - Button not configured
+
+💡 Note:
+  If "Actual parallel execution time" ≈ "Longest button init" → buttons load in parallel ✅
+  If "Actual parallel execution time" ≈ "Sum of durations" → buttons load sequentially ⚠️`,
       "color: #666;"
     ), console.groupEnd();
   }
@@ -4890,7 +4909,7 @@ class vl {
     });
   }
   // wait for element visible
-  waitForElementVisible(t, e = 350) {
+  waitForElementVisible(t, e = 150) {
     return !t || !(t instanceof HTMLElement) ? Promise.resolve() : new Promise((r) => {
       const a = performance.now(), i = () => {
         const s = t.getBoundingClientRect();
@@ -4903,38 +4922,45 @@ class vl {
   // init payment methods
   initPaymentMethods() {
     return W(this, null, function* () {
-      const t = this.config.state.transaction.getState(), e = ll(Jc, (t == null ? void 0 : t.checkout_config) || [], (l, d) => l.type === d.type), r = this.config.state.checkout.getState();
-      let a = e.filter(({ is_active: l }) => l);
-      (r == null ? void 0 : r.variant) === "default" && (a = a.filter(({ type: l }) => l !== q.CARD)), this.initializeButtonInstances(a), this.buttons.innerHTML = "";
-      const i = a.sort((l, d) => l.order - d.order), s = /* @__PURE__ */ new Map();
-      for (const { type: l } of i) {
-        const d = document.createElement("div");
-        this.buttons.appendChild(d), s.set(l, d);
-      }
-      const o = i.map(({ type: l }) => {
-        const d = s.get(l);
-        switch (l) {
+      const t = this.config.state.transaction.getState(), e = ll(Jc, (t == null ? void 0 : t.checkout_config) || [], (h, p) => h.type === p.type), r = this.config.state.checkout.getState();
+      let a = e.filter(({ is_active: h }) => h);
+      (r == null ? void 0 : r.variant) === "default" && (a = a.filter(({ type: h }) => h !== q.CARD)), this.initializeButtonInstances(a), this.buttons.innerHTML = "";
+      const i = a.sort((h, p) => h.order - p.order), s = /* @__PURE__ */ new Map();
+      for (const { type: h } of i) {
+        const p = document.createElement("div");
+        this.buttons.appendChild(p), s.set(h, p);
+      }
+      const o = performance.now(), c = i.map(({ type: h }) => {
+        const p = s.get(h);
+        switch (h) {
           case q.APPLE_PAY:
-            return this.initApple(d);
+            return this.initApple(p);
           case q.GOOGLE_PAY:
-            return this.initGoogle(d);
+            return this.initGoogle(p);
           case q.PAYPAL:
-            return this.initPayPal(d);
+            return this.initPayPal(p);
           case q.VENMO:
-            return this.initBraintreeVenmo(d);
+            return this.initBraintreeVenmo(p);
           case q.CARD:
-            return this.initCard(d);
+            return this.initCard(p);
           default:
             throw new Error("Unknown button type");
         }
       });
-      yield Promise.all(o);
-      const c = [];
-      for (const l of s.values()) {
-        const d = l.firstElementChild;
-        d && c.push(this.waitForElementVisible(d));
+      yield Promise.all(c);
+      const l = performance.now(), d = l - o;
+      this.performanceMetrics.set("__parallel_total__", {
+        start: o,
+        end: l,
+        duration: d,
+        status: "Parallel execution"
+      });
+      const u = [];
+      for (const h of s.values()) {
+        const p = h.firstElementChild;
+        p && u.push(this.waitForElementVisible(p));
       }
-      yield Promise.all(c), this.handleReady();
+      yield Promise.all(u), this.handleReady();
     });
   }
   // initialize button instances only for active payment methods