@salla.sa/twilight-components 2.14.515 → 2.14.516

package/dist/components/salla-order-shipments.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface SallaOrderShipments extends Components.SallaOrderShipments, HTMLElement {}
+export const SallaOrderShipments: {
+    prototype: SallaOrderShipments;
+    new (): SallaOrderShipments;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

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

@@ -0,0 +1,97 @@
+/*!
+ * Crafted with ❤ by Salla
+ */
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { i as iconCopy } from './swap-stroke.js';
+
+const sallaOrderShipmentsCss = ":host{display:block}";
+
+const SallaOrderShipments$1 = /*@__PURE__*/ proxyCustomElement(class SallaOrderShipments extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        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: iconCopy }))));
+    }
+    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 watchers() { return {
+        "orderId": ["onOrderIdChange"]
+    }; }
+    static get style() { return sallaOrderShipmentsCss; }
+}, [0, "salla-order-shipments", {
+        "orderId": [8, "order-id"],
+        "shipments": [32]
+    }, undefined, {
+        "orderId": ["onOrderIdChange"]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["salla-order-shipments"];
+    components.forEach(tagName => { switch (tagName) {
+        case "salla-order-shipments":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SallaOrderShipments$1);
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const SallaOrderShipments = SallaOrderShipments$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SallaOrderShipments, defineCustomElement };

package/dist/esm/{filepond-CK9q9uI5.js → filepond-Bk0gHKob.js}

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

package/dist/esm/{filepond-plugin-file-poster-DXhCkWZ4.js → filepond-plugin-file-poster-YSUKdGOX.js}

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

package/dist/esm/{filepond-plugin-file-validate-size-CYvxLy_i.js → filepond-plugin-file-validate-size-pjLAQAWV.js}

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

package/dist/esm/{filepond-plugin-file-validate-type-BB26jfS6.js → filepond-plugin-file-validate-type-DrrN5Zs4.js}

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

package/dist/esm/{filepond-plugin-image-edit-CgfXMrMp.js → filepond-plugin-image-edit-CWWdz9kB.js}

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

package/dist/esm/{filepond-plugin-image-exif-orientation-D4vDRRio.js → filepond-plugin-image-exif-orientation-gUQtWcgV.js}

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

package/dist/esm/{filepond-plugin-image-preview-Di_RI-gj.js → filepond-plugin-image-preview-D5Nm8BIl.js}

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

package/dist/esm/{functions-BtI-HmLK.js → functions-BWx2LhvF.js}

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