@salla.sa/twilight-components 2.14.515 → 2.14.516

package/dist/collection/components/salla-order-shipments/salla-order-shipments.js

@@ -0,0 +1,115 @@
+/*!
+ * Crafted with ❤ by Salla
+ */
+import { h, Host } from "@stencil/core";
+import SwapStrokeIcon from "../../assets/svg/swap-stroke.svg";
+/**
+ * @salla/ui-components
+ * The `salla-order-shipments` component renders a per-shipment tracking breakdown
+ * on the thank-you page for orders fulfilled as split shipments (2+ shipments).
+ * It renders nothing for single-shipment orders.
+ */
+export class SallaOrderShipments {
+    constructor() {
+        this.shipments = [];
+    }
+    async componentWillLoad() {
+        await salla.onReady();
+        return this.fetchShipments();
+    }
+    async onOrderIdChange() {
+        this.shipments = [];
+        await this.fetchShipments();
+    }
+    async fetchShipments() {
+        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;
+            this.shipments = Array.isArray(data) ? data : Array.isArray(data?.data) ? data.data : [];
+        }
+        catch (error) {
+            const message = error?.response?.data?.error?.message || error?.response?.data?.message;
+            if (message)
+                salla.notify.error(message);
+        }
+    }
+    label(key, fallback) {
+        return salla.lang.getWithDefault(key, fallback);
+    }
+    async copyTracking(value) {
+        try {
+            await navigator.clipboard.writeText(value);
+            salla.notify.success(this.label('common.elements.copied', 'تم النسخ'));
+        }
+        catch {
+            // clipboard write failed silently
+        }
+    }
+    renderTracking(shipment) {
+        const number = shipment.number;
+        if (!number) {
+            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: SwapStrokeIcon }))));
+    }
+    renderShipment(shipment, index) {
+        return (h("div", { class: "s-order-shipments-card" }, h("div", { class: "s-order-shipments-header" }, shipment.logo ? (h("img", { src: shipment.logo, class: "s-order-shipments-logo", alt: shipment.name || '', width: "56", height: "32" })) : null, h("span", { class: "s-order-shipments-title" }, this.label('pages.thank_you.shipment', 'الشحنة'), " (", index + 1, ")")), h("div", { class: "s-order-shipments-info" }, this.renderTracking(shipment)), h("div", { class: "s-order-shipments-items" }, (shipment.products || []).map(product => (h("span", { class: "s-order-shipments-item", title: product.name }, product.image ? (h("img", { src: product.image, alt: product.name, width: "56", height: "56" })) : (h("span", { class: "s-order-shipments-item-name" }, product.name))))))));
+    }
+    render() {
+        // Only surface the section for split shipments (2+); single-shipment orders render nothing.
+        if (this.shipments.length < 2) {
+            return h(Host, { class: "s-order-shipments-empty" });
+        }
+        return (h(Host, { class: "s-order-shipments-wrapper" }, h("div", { class: "s-order-shipments-list" }, this.shipments.map((shipment, index) => this.renderShipment(shipment, index)))));
+    }
+    static get is() { return "salla-order-shipments"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["salla-order-shipments.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["salla-order-shipments.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "orderId": {
+                "type": "any",
+                "attribute": "order-id",
+                "mutable": false,
+                "complexType": {
+                    "original": "string | number",
+                    "resolved": "number | string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Override the order id; defaults to the current page's order id."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            }
+        };
+    }
+    static get states() {
+        return {
+            "shipments": {}
+        };
+    }
+    static get watchers() {
+        return [{
+                "propName": "orderId",
+                "methodName": "onOrderIdChange"
+            }];
+    }
+}