npm - @salla.sa/twilight-components - Versions diffs - 2.14.523 → 2.14.524 - Mend

@@ -4,6 +4,35 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 import { i as iconCopy } from './swap-stroke.js';
+/**
+ * Keeps only the newest request alive: every `run()` aborts whatever the previous one started,
+ * so a slow earlier response can never overwrite a newer one.
+ *
+ * @example
+ * private request = new LatestRequest();
+ * const { aborted, result } = await this.request.run(signal => salla.order.api.getShipments(id, signal));
+ * if (aborted) return;
+ */
+class LatestRequest {
+    /** `aborted` is true when a newer run (or `abort()`) superseded this one; `result` is then undefined. */
+    async run(fn) {
+        this.abort();
+        const { signal } = (this.controller = new AbortController());
+        try {
+            const result = await fn(signal);
+            return signal.aborted ? { aborted: true } : { aborted: false, result };
+        }
+        catch (error) {
+            if (signal.aborted)
+                return { aborted: true };
+            throw error;
+        }
+    }
+    abort() {
+        this.controller?.abort();
+    }
+}
 const sallaOrderShipmentsCss = ":host{display:block}";
 const SallaOrderShipments$1 = /*@__PURE__*/ proxyCustomElement(class SallaOrderShipments extends HTMLElement {
@@ -11,6 +40,7 @@ const SallaOrderShipments$1 = /*@__PURE__*/ proxyCustomElement(class SallaOrderS
         super();
         this.__registerHost();
         this.shipments = [];
+        this.request = new LatestRequest();
     }
     async componentWillLoad() {
         await salla.onReady();
@@ -20,15 +50,22 @@ const SallaOrderShipments$1 = /*@__PURE__*/ proxyCustomElement(class SallaOrderS
         this.shipments = [];
         await this.fetchShipments();
     }
+    disconnectedCallback() {
+        this.request.abort();
+    }
     async fetchShipments() {
+        // supersede whatever is in flight first — the guards below can bail out before run() would
+        this.request.abort();
         if (!salla.config.get('store.features', []).includes('thankyou-page-multi-shipments'))
             return;
         const orderId = this.orderId || salla.config.get('page.id');
         if (!orderId)
             return;
         try {
-            const response = await salla.order.api.getShipments(orderId);
-            const data = response?.data;
+            const { aborted, result } = await this.request.run(signal => salla.order.api.getShipments(orderId, signal));
+            if (aborted)
+                return;
+            const data = result?.data;
             this.shipments = Array.isArray(data) ? data : Array.isArray(data?.data) ? data.data : [];
         }
         catch (error) {
@@ -51,7 +88,7 @@ const SallaOrderShipments$1 = /*@__PURE__*/ proxyCustomElement(class SallaOrderS
     }
     renderTracking(shipment) {
         const number = shipment.number;
-        if (!number) {
+        if (!number || Number(number) === 0) {
             return (h("span", { class: "s-order-shipments-placeholder" }, this.label('pages.thank_you.tracking_placeholder', 'سيتم تعيين رقم تتبع بمجرد تجهيز الشحنة')));
         }
         return (h("span", { class: "s-order-shipments-tracking" }, this.label('pages.thank_you.tracking_no', 'رقم تتبع الشحنة'), h("b", { dir: "ltr" }, "#", number), h("button", { type: "button", class: "s-order-shipments-copy", title: this.label('common.elements.copy', 'نسخ'), onClick: () => this.copyTracking(String(number)) }, h("span", { innerHTML: iconCopy }))));

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { d as getDefaultExportFromCjs } from './index-BM5d07q2.js';
+import { d as getDefaultExportFromCjs } from './index-Dm54yhRt.js';
 function _mergeNamespaces(n, m) {
     m.forEach(function (e) {

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { d as getDefaultExportFromCjs } from './index-BM5d07q2.js';
+import { d as getDefaultExportFromCjs } from './index-Dm54yhRt.js';
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { d as getDefaultExportFromCjs } from './index-BM5d07q2.js';
+import { d as getDefaultExportFromCjs } from './index-Dm54yhRt.js';
 function _mergeNamespaces(n, m) {
     m.forEach(function (e) {

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { d as getDefaultExportFromCjs } from './index-BM5d07q2.js';
+import { d as getDefaultExportFromCjs } from './index-Dm54yhRt.js';
 function _mergeNamespaces(n, m) {
     m.forEach(function (e) {

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { d as getDefaultExportFromCjs } from './index-BM5d07q2.js';
+import { d as getDefaultExportFromCjs } from './index-Dm54yhRt.js';
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { h } from './index-BM5d07q2.js';
+import { h } from './index-Dm54yhRt.js';
 function nearestLowerMultiple(number, multipleOf = window.matchMedia('(min-width: 768px)').matches ? 3 : 2) {
     return number < multipleOf ? number : number - (number % multipleOf);

@salla.sa/twilight-components 2.14.523 → 2.14.524