@salla.sa/twilight-components 2.14.514 → 2.14.516

package/dist/components/salla-cart-summary-card.js

@@ -47,6 +47,17 @@ const SallaCartSummaryCard$1 = /*@__PURE__*/ proxyCustomElement(class SallaCartS
             'cart::coupon.deleted',
         ];
         this.cartEventHandler = (payload) => this.applyCartData(this.extractCart(payload));
+        // Failed submit → release the pinned loading right away instead of waiting
+        // out the 10s safety timeout next to the error toast.
+        this.releaseSubmitLoading = () => {
+            this.submitObserver?.disconnect();
+            this.submitObserver = null;
+            if (this.submitObserverTimeout) {
+                clearTimeout(this.submitObserverTimeout);
+                this.submitObserverTimeout = undefined;
+            }
+            this.host.querySelector('#s-cart-summary-card-submit')?.removeAttribute?.('loading');
+        };
         this.toggleSheet = () => {
             if (!this.isDesktop)
                 this.isOpen = !this.isOpen;
@@ -66,7 +77,7 @@ const SallaCartSummaryCard$1 = /*@__PURE__*/ proxyCustomElement(class SallaCartS
                 return;
             }
             const btn = this.host.querySelector('#s-cart-summary-card-submit');
-            if (typeof salla !== 'undefined' && salla.config?.get?.('user.type') !== 'guest' && btn) {
+            if (btn) {
                 btn.load?.();
                 // Pin loading across re-renders; auto-clear after 10s so a failed submit
                 // doesn't lock the button forever.
@@ -85,8 +96,8 @@ const SallaCartSummaryCard$1 = /*@__PURE__*/ proxyCustomElement(class SallaCartS
                 }, 10000);
             }
             salla.cart?.submit?.();
-            // Release after submit kicks off: success navigates away, a guest opens the
-            // login modal. Short delay blocks the double-tap race without a long lock.
+            // Release after submit kicks off: success navigates away. Short delay
+            // blocks the double-tap race without a long lock.
             window.setTimeout(() => { this.isSubmitting = false; }, 1500);
         };
     }
@@ -106,6 +117,7 @@ const SallaCartSummaryCard$1 = /*@__PURE__*/ proxyCustomElement(class SallaCartS
         this.loadTranslations();
         // 'cart::updated' is in cartEventNames — don't also use onUpdated (it leaks, no off()).
         this.cartEventNames.forEach(name => salla.event.on(name, this.cartEventHandler));
+        salla.event.on('cart::submit.failed', this.releaseSubmitLoading);
         this.fetchCart();
     }
     loadTranslations() {
@@ -222,6 +234,7 @@ const SallaCartSummaryCard$1 = /*@__PURE__*/ proxyCustomElement(class SallaCartS
             }
             this.mediaQueryList = null;
             this.cartEventNames.forEach(name => salla.event.off(name, this.cartEventHandler));
+            salla.event.off('cart::submit.failed', this.releaseSubmitLoading);
         });
     }
     fetchCart() {

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/components/salla-user-menu.js

@@ -75,6 +75,10 @@ const SallaUserMenu$1 = /*@__PURE__*/ proxyCustomElement(class SallaUserMenu ext
             pending_orders: salla.helpers.number(salla.storage.get('user.pending_orders') || 0),
         };
         this.sallaAccountEnabled = false;
+        this.walletBalance = '';
+        this.walletBalanceLoading = false;
+        // Fetched once per page load; resets on remount (page refresh), not on open.
+        this.walletBalanceLoaded = false;
         this.hasBadges = Number(salla.storage.get('user.pending_orders')) > 0 ||
             Number(salla.storage.get('user.notifications')) > 0;
         /**
@@ -154,6 +158,28 @@ const SallaUserMenu$1 = /*@__PURE__*/ proxyCustomElement(class SallaUserMenu ext
         this.loyalty_points = Salla.lang.get('pages.loyalty_program.loyalty_points');
         this.logout = Salla.lang.get('blocks.header.logout');
     }
+    async loadWalletBalance() {
+        // Live balance instead of the cached (stale) config; light skips transactions.
+        if (Salla.config.isGuest())
+            return;
+        this.walletBalanceLoading = true;
+        try {
+            // withoutNotifier: a failed background fetch must not toast the shopper.
+            const resp = await salla.api.withoutNotifier(() => salla.api.request('/balance/wallet?light=1'));
+            const balance = Number(resp?.data?.balance) || 0;
+            // Currency stays from config — it doesn't go stale like the amount.
+            this.walletBalance = balance
+                ? Salla.money({ amount: Number(balance.toFixed(2)), currency: Salla.config.get('user.currency_code') })
+                : '';
+            this.walletBalanceLoaded = true; // cache for the rest of this page load
+        }
+        catch {
+            // keep the last value on failure (retries on next open)
+        }
+        finally {
+            this.walletBalanceLoading = false;
+        }
+    }
     initiate() {
         if (Salla.config.isGuest()) {
             return this.autoMountLoginModal();
@@ -215,6 +241,10 @@ const SallaUserMenu$1 = /*@__PURE__*/ proxyCustomElement(class SallaUserMenu ext
         this.opened = !this.opened;
         e.stopPropagation();
         if (this.opened) {
+            // Fetch once per page load; reuse the cached value on later opens.
+            if (window.can_access_wallet && !this.walletBalanceLoaded && !this.walletBalanceLoading) {
+                this.loadWalletBalance();
+            }
             window.addEventListener('click', this.onClickOutside);
         }
     }
@@ -257,7 +287,7 @@ const SallaUserMenu$1 = /*@__PURE__*/ proxyCustomElement(class SallaUserMenu ext
         return (h("li", { class: {
                 's-user-menu-dropdown-item': true,
                 's-user-menu-dropdown-item-logout': i + 1 === Object.entries(this.items).length,
-            } }, h("a", { ...this.getItemAnchorLinkAttrs(itemKey), class: "s-user-menu-dropdown-item-link", onClick: event => this.menuItemClicked(event, itemKey) }, h("i", { class: "s-user-menu-dropdown-item-prefix", innerHTML: itemValue }), h("span", { class: "s-user-menu-dropdown-item-title" }, this[itemKey]), !['٠', '0', undefined].includes(this.badges[itemKey]) ? (h("span", { class: "s-user-menu-dropdown-item-badge" }, this.badges[itemKey])) : (''))));
+            } }, h("a", { ...this.getItemAnchorLinkAttrs(itemKey), class: "s-user-menu-dropdown-item-link", onClick: event => this.menuItemClicked(event, itemKey) }, h("i", { class: "s-user-menu-dropdown-item-prefix", innerHTML: itemValue }), h("span", { class: "s-user-menu-dropdown-item-title" }, this[itemKey]), itemKey === 'wallet' && !this.inline && (this.walletBalance || this.walletBalanceLoading) ? (h("span", { class: "s-user-menu-dropdown-item-balance", style: { display: 'inline-flex', alignItems: 'center', gap: '4px' } }, this.walletBalance ? h("span", { innerHTML: this.walletBalance }) : '', this.walletBalanceLoading ? h("salla-loading", { size: "14" }) : '')) : (''), !['٠', '0', undefined].includes(this.badges[itemKey]) ? (h("span", { class: "s-user-menu-dropdown-item-badge" }, this.badges[itemKey])) : (''))));
     }
     componentShouldUpdate() {
         if (!this.opened) {
@@ -310,6 +340,8 @@ const SallaUserMenu$1 = /*@__PURE__*/ proxyCustomElement(class SallaUserMenu ext
         "is_loggedIn": [32],
         "badges": [32],
         "sallaAccountEnabled": [32],
+        "walletBalance": [32],
+        "walletBalanceLoading": [32],
         "hasBadges": [32],
         "profileUrl": [32],
         "OrderUpdate": [32]

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

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

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { d as getDefaultExportFromCjs } from './index-Crijf68j.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-Bkbx98ju.js → filepond-plugin-file-validate-size-pjLAQAWV.js}

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { d as getDefaultExportFromCjs } from './index-Crijf68j.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-DTdnbkr6.js → filepond-plugin-file-validate-type-DrrN5Zs4.js}

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

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { d as getDefaultExportFromCjs } from './index-Crijf68j.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-C8MwhzVz.js → filepond-plugin-image-exif-orientation-gUQtWcgV.js}

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

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

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

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { h } from './index-Crijf68j.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);