@salla.sa/twilight-components 2.14.509 → 2.14.510

package/dist/components/salla-cart-coupons.js

@@ -13,6 +13,8 @@ const SallaCartCoupons$1 = /*@__PURE__*/ proxyCustomElement(class SallaCartCoupo
         this.__registerHost();
         this.availableCoupons = [];
         this.cartTotal = 0;
+        /** False until a sub_total is read from storage or the server — guards isEligible. */
+        this.cartTotalReady = false;
         this.currentCoupon = '';
         this.couponInputValue = '';
         this.couponError = '';
@@ -31,7 +33,7 @@ const SallaCartCoupons$1 = /*@__PURE__*/ proxyCustomElement(class SallaCartCoupo
         this.cartUpdatedHandler = (cartData) => {
             // cart::updated carries the server-side cart. The multi-coupon flag comes from store
             // config (set once in componentWillLoad), so only refresh total + chips here.
-            this.cartTotal = cartData?.summary?.sub_total ?? cartData?.sub_total ?? cartData?.total ?? this.cartTotal;
+            this.syncCartTotal(cartData);
             // Re-sync applied coupon state from the payload — mirroring refreshFromServer's guard:
             //   - Multi-coupon: only a real `coupons` array re-seeds the chips, so a summary-only
             //     cart::updated can't shrink them (add/remove refreshes the chips from the server).
@@ -158,14 +160,12 @@ const SallaCartCoupons$1 = /*@__PURE__*/ proxyCustomElement(class SallaCartCoupo
         }
     }
     async loadCartTotal() {
-        // Multi-coupon needs the SERVER-authoritative applied list (localStorage can be stale, e.g.
-        // coupons removed on the checkout page). Single-coupon (flag off — the default, and the hot
-        // path at billions req/day) is fully seeded synchronously by seedFromStorage() with NO network
-        // call, exactly as the original implementation read from storage — so skip the
-        // salla.cart.details() round-trip for it.
-        if (!this.multiCoupon) {
-            return;
-        }
+        // seedFromStorage() already gave the first paint an instant (possibly stale) total, so a
+        // minimum-amount coupon never flashes "غير متوافق". We STILL reconcile against the server
+        // here — for single- and multi-coupon alike — so a stale cached sub_total (cart changed in
+        // another tab or a server-side flow) can't keep a coupon wrongly (in)compatible until the
+        // next cart event. cart-coupons only mounts on the cart page, so this is one request per
+        // cart view, not a hot-path cost.
         await this.refreshFromServer();
     }
     /**
@@ -188,6 +188,22 @@ const SallaCartCoupons$1 = /*@__PURE__*/ proxyCustomElement(class SallaCartCoupo
         if (stored && typeof stored === 'object' && 'coupon' in stored) {
             this.applyCart(stored);
         }
+        this.seedTotalsFromSummaryStorage();
+    }
+    /** SDK caches summary fields separately from the cart object (see cart.js updated()). */
+    seedTotalsFromSummaryStorage() {
+        const summary = salla.storage.get('cart.summary');
+        if (summary && typeof summary === 'object' && summary.sub_total != null) {
+            this.cartTotal = Number(summary.sub_total);
+            this.cartTotalReady = true;
+        }
+    }
+    syncCartTotal(cart) {
+        const subTotal = cart?.summary?.sub_total ?? cart?.sub_total ?? cart?.total;
+        if (subTotal != null) {
+            this.cartTotal = Number(subTotal);
+            this.cartTotalReady = true;
+        }
     }
     /**
      * Fetch the cart fresh from the server (salla.cart.details -> CartPresenter::forApi) and
@@ -212,10 +228,11 @@ const SallaCartCoupons$1 = /*@__PURE__*/ proxyCustomElement(class SallaCartCoupo
         if (stored) {
             this.applyCart(stored);
         }
+        this.seedTotalsFromSummaryStorage();
     }
     /** Apply an authoritative cart object: total + applied chips (flag comes from store config). */
     applyCart(cart) {
-        this.cartTotal = cart?.summary?.sub_total ?? cart?.sub_total ?? this.cartTotal;
+        this.syncCartTotal(cart);
         this.syncAppliedFromCart(cart);
     }
     /**
@@ -398,10 +415,13 @@ const SallaCartCoupons$1 = /*@__PURE__*/ proxyCustomElement(class SallaCartCoupo
         }
     }
     isEligible(coupon) {
-        if (coupon.minimum_amount && this.cartTotal < parseFloat(coupon.minimum_amount.amount)) {
-            return false; // Coupon is not eligible due to minimum amount requirement
+        // Until the cart sub_total is known, cartTotal is still the default 0 — treat the coupon as
+        // eligible so it doesn't flash "غير متوافق" on first paint and flip to compatible after the
+        // total loads (SP-21434).
+        if (!this.cartTotalReady || !coupon.minimum_amount) {
+            return true;
         }
-        return true;
+        return this.cartTotal >= parseFloat(coupon.minimum_amount.amount);
     }
     renderCouponCard(coupon) {
         const isEligible = this.isEligible(coupon);
@@ -411,7 +431,7 @@ const SallaCartCoupons$1 = /*@__PURE__*/ proxyCustomElement(class SallaCartCoupo
             : `${salla.lang.get('pages.cart.expires_after')} ${coupon.remaining_days} ${salla.lang.get('pages.cart.day')}`)), coupon.minimum_amount && parseFloat(coupon.minimum_amount.amount) > 0 && (h("div", { class: "s-cart-coupons-minimum" }, salla.lang.get('pages.cart.minimum'), " ", h("span", { innerHTML: salla.money(coupon.minimum_amount.amount, coupon.minimum_amount.currency) })))), h("div", { class: "s-cart-coupons-action" }, isEligible ? salla.lang.get('pages.cart.save_coupon') : salla.lang.get('pages.cart.coupon_not_compatible'))))));
     }
     render() {
-        return (h(Host, { key: '30a1ee00e7ec27d12012823347cbcf3c477834e5' }, h("div", { key: '6f84298e9ebd6c50c84fb9a3736d734996e39c33', class: "s-cart-coupons-wrapper" }, h("div", { key: 'b95a1c2b29d2fed54fdf143eac8e37add062668b', class: "s-cart-coupons-input-section" }, h("label", { key: 'e6711fae70db31f8a5987cb58f0488e974394e1c', htmlFor: "coupon-input", class: "s-cart-coupons-coupon-label" }, salla.lang.get('pages.cart.have_coupon')), h("div", { key: '824b806c6aa40fb039f659fe81f6cb7686f46b10', class: "s-cart-coupons-coupon-input-container" }, this.multiCoupon ? [
+        return (h(Host, { key: 'e3bed8f1f2019db5e1c5ca4280696933913e3081' }, h("div", { key: '9c6a7c383394f9bd19107db9b8e76fd9129648e3', class: "s-cart-coupons-wrapper" }, h("div", { key: '1e7f74969e709062c36aa19ff4ec27bde0bb10df', class: "s-cart-coupons-input-section" }, h("label", { key: 'f3bc1f4ffa9c8a64bee8af273597d6f8ff1f8fd0', htmlFor: "coupon-input", class: "s-cart-coupons-coupon-label" }, salla.lang.get('pages.cart.have_coupon')), h("div", { key: '7abbdbd41cf6e65b6c08928bb10a68bfb2677d85', class: "s-cart-coupons-coupon-input-container" }, this.multiCoupon ? [
             // Multi-coupon: input stays active to append more codes; applied coupons render
             // as removable chips below.
             h("input", { type: "text", id: "coupon-input", name: "coupon", class: `form-input ${this.couponError ? 's-coupon-input-error' : ''}`, placeholder: salla.lang.get('pages.cart.coupon_placeholder'), value: this.couponInputValue, disabled: this.isApplying, onInput: this.onInput, onKeyUp: this.onKeyUp, "aria-label": salla.lang.get('pages.cart.apply_coupon'), key: "coupon-input" }),
@@ -422,13 +442,14 @@ const SallaCartCoupons$1 = /*@__PURE__*/ proxyCustomElement(class SallaCartCoupo
             // a new code can only be entered after removing. Reuses the existing master classes.
             h("input", { type: "text", id: "coupon-input", name: "coupon", class: `form-input ${this.couponError ? 's-coupon-input-error' : ''}`, placeholder: salla.lang.get('pages.cart.coupon_placeholder'), value: this.couponInputValue, disabled: !!this.currentCoupon || this.isApplying, onInput: this.onInput, onKeyUp: this.onKeyUp, "aria-label": salla.lang.get('pages.cart.apply_coupon'), key: "coupon-input" }),
             h("salla-button", { ref: el => this.couponButtonRef = el, class: `s-cart-coupons-coupon-button ${this.currentCoupon ? 's-cart-coupons-coupon-button-remove' : 's-cart-coupons-coupon-button-apply'}`, color: this.currentCoupon ? 'danger' : 'primary', loading: this.isApplying, "loader-position": "center", onClick: () => this.handleCouponButtonClick(), key: "apply-button" }, this.currentCoupon ? (h("i", { class: "sicon-cancel" })) : (h("span", null, salla.lang.get('pages.cart.save_coupon')))),
-        ]), this.couponError && (h("span", { key: '0f3b36e8192777fb7e7d0a065fe720c009065f9d', class: "s-cart-coupons-coupon-error" }, this.couponError)), this.multiCoupon && this.appliedCoupons.length > 0 && (h("div", { key: 'b680e30bd1ae49db5e304440431cdc89c6e5d051', class: "s-cart-coupons-applied-list" }, this.appliedCoupons.map(code => (h("div", { class: "s-cart-coupons-applied-item", key: code }, h("span", { class: "s-cart-coupons-applied-code" }, code), h("button", { type: "button", class: "s-cart-coupons-applied-remove", "aria-label": `${salla.lang.get('pages.cart.delete')} ${code}`, disabled: this.isApplying, onClick: () => this.removeCoupon(code) }, h("i", { class: "sicon-cancel" })))))))), this.availableCoupons && this.availableCoupons.length > 0 && (h("salla-slider", { key: 'a2d312dbf6e997939f54c7867ef0d98091bbde4a', type: "carousel", showControls: false, class: "s-cart-coupons-slider" }, h("div", { key: 'b474dcbdeabc26bef5ecba94dd78ef72a60950df', slot: "items" }, this.availableCoupons.map(coupon => this.renderCouponCard(coupon))))))));
+        ]), this.couponError && (h("span", { key: '6c259fbca7a2a3c2ece3d4c335707c833be5f8d6', class: "s-cart-coupons-coupon-error" }, this.couponError)), this.multiCoupon && this.appliedCoupons.length > 0 && (h("div", { key: '87335fd875279e97fc7a02c9f3519af51a953a7b', class: "s-cart-coupons-applied-list" }, this.appliedCoupons.map(code => (h("div", { class: "s-cart-coupons-applied-item", key: code }, h("span", { class: "s-cart-coupons-applied-code" }, code), h("button", { type: "button", class: "s-cart-coupons-applied-remove", "aria-label": `${salla.lang.get('pages.cart.delete')} ${code}`, disabled: this.isApplying, onClick: () => this.removeCoupon(code) }, h("i", { class: "sicon-cancel" })))))))), this.availableCoupons && this.availableCoupons.length > 0 && (h("salla-slider", { key: '86c665d3135fa8bc393c4b7ad9daca3ce87bed50', type: "carousel", showControls: false, class: "s-cart-coupons-slider" }, h("div", { key: '45ddccd7e0c5d38e9b98f42862a6d64f6040c942', slot: "items" }, this.availableCoupons.map(coupon => this.renderCouponCard(coupon))))))));
     }
     get host() { return this; }
     static get style() { return sallaCartCouponsCss; }
 }, [0, "salla-cart-coupons", {
         "availableCoupons": [32],
         "cartTotal": [32],
+        "cartTotalReady": [32],
         "currentCoupon": [32],
         "couponInputValue": [32],
         "couponError": [32],

package/dist/components/salla-products-list2.js

@@ -1085,12 +1085,35 @@ const SallaProductsList = /*@__PURE__*/ proxyCustomElement(class SallaProductsLi
             this.infiniteScroll.option({ scrollThreshold: false, loadOnScroll: false });
             this.status.querySelector('.s-infinite-scroll-last').classList.remove('s-hidden');
         }
+        let items = await this.applyBeforeAppendItems(response.data);
         const productCardsView = [];
-        for (let i = 0; i < response.data.length; i++) {
-            productCardsView.push(this.getItemHTML(response.data?.[i]));
+        for (let i = 0; i < items.length; i++) {
+            productCardsView.push(this.getItemHTML(items[i]));
         }
         return productCardsView;
     }
+    /**
+     * Allows bundles to modify or replace products before they are appended.
+     *
+     * @example
+     * salla.hooks.registerHook(
+     *   'salla-products-list',
+     *   'beforeAppendItems',
+     *   async (ctx) => {
+     *     ctx.items = ctx.items.filter((item) => item.is_available);
+     *   },
+     * );
+     */
+    async applyBeforeAppendItems(items) {
+        const ctx = { component: this, items };
+        try {
+            await salla.hooks.call('salla-products-list', 'beforeAppendItems', ctx);
+            return Array.isArray(ctx.items) ? ctx.items : items;
+        }
+        catch {
+            return items;
+        }
+    }
     get host() { return this; }
     static get watchers() { return {
         "selectable": ["onSelectableChanged"]

package/dist/components/salla-products-slider2.js

@@ -44,7 +44,7 @@ const SallaProductsSlider = /*@__PURE__*/ proxyCustomElement(class SallaProducts
     }
     componentWillLoad() {
         return salla.onReady()
-            .then(() => {
+            .then(async () => {
             //TODO:: check why `this.includes` not working!!
             this.includes = Helper.parseJson(this.includes || this.host.getAttribute('includes'));
             if (!Array.isArray(this.includes)) {
@@ -58,7 +58,7 @@ const SallaProductsSlider = /*@__PURE__*/ proxyCustomElement(class SallaProducts
             }
             this.hasCustomComponent = !!customElements.get(this.productCardComponent);
             if (this.source === 'json') {
-                this.productsData = this.getSourceValue();
+                this.productsData = await this.applyBeforeAppendItems(this.getSourceValue());
                 this.isReady = true;
                 return;
             }
@@ -66,18 +66,25 @@ const SallaProductsSlider = /*@__PURE__*/ proxyCustomElement(class SallaProducts
                 this.isReady = false;
                 return;
             }
+            if (this.getSource() === 'related' &&
+                salla.config.get('store.settings.product.related_products_enabled') &&
+                salla.config.get('store.settings.product.product-recommendation-type') === 'random' &&
+                salla.config.get('store.features')?.includes('ai-driven-personalized-product')) {
+                this.sourceValue = await salla.recommendations.similarProducts(this.sourceValue, { limit: this.limit || 12 }).extractProductIds();
+                this.source = 'selected';
+            }
             return salla.api.withoutNotifier(() => salla.product.api.fetch({
                 source: Helper.getApiSource(this.getSource()),
                 source_value: this.getSourceValue(),
                 limit: this.limit
             }))
                 .then(response => Helper.injectExtraFieldsToResponse(response))
-                .then(response => {
-                this.productsData = response.data;
+                .then(async (response) => {
+                this.productsData = await this.applyBeforeAppendItems(response.data);
                 this.isReady = true;
                 response.source = this.getSource();
                 response.sourceValue = this.getSourceValue();
-                salla.event.emit('salla-products-slider::products.fetched', response.data);
+                salla.event.emit('salla-products-slider::products.fetched', this.productsData);
             });
         });
     }
@@ -137,6 +144,29 @@ const SallaProductsSlider = /*@__PURE__*/ proxyCustomElement(class SallaProducts
     getSourceValue() {
         return Helper.getProductsSourceValue(this.source, this.sourceValue);
     }
+    /**
+     * Allows bundles to modify or replace products before they are rendered.
+     *
+     * @example
+     * salla.hooks.registerHook(
+     *   'salla-products-slider',
+     *   'beforeAppendItems',
+     *   async (ctx) => {
+     *     ctx.items = ctx.items.filter((item) => item.is_available);
+     *   },
+     * );
+     */
+    async applyBeforeAppendItems(items) {
+        const originalItems = Array.isArray(items) ? items : [];
+        const ctx = { component: this, items: originalItems };
+        try {
+            await salla.hooks.call('salla-products-slider', 'beforeAppendItems', ctx);
+            return Array.isArray(ctx.items) ? ctx.items : originalItems;
+        }
+        catch {
+            return originalItems;
+        }
+    }
     render() {
         if (!this.canRender()) {
             return;

package/dist/esm/{filepond-Cu0hGP46.js → filepond-B1eTr-KK.js}

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

package/dist/esm/{filepond-plugin-file-poster-DBfLrjkx.js → filepond-plugin-file-poster-exJROlFk.js}

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

package/dist/esm/{filepond-plugin-file-validate-size-Cq0e60aE.js → filepond-plugin-file-validate-size-CZY_F4BF.js}

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

package/dist/esm/{filepond-plugin-file-validate-type-CpRmNAFC.js → filepond-plugin-file-validate-type-D8z0FHfz.js}

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

package/dist/esm/{filepond-plugin-image-edit-C-7yhkPK.js → filepond-plugin-image-edit-CACbacvT.js}

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

package/dist/esm/{filepond-plugin-image-exif-orientation-CTn5LeXC.js → filepond-plugin-image-exif-orientation-DwS9XuCo.js}

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

package/dist/esm/{filepond-plugin-image-preview-BsETbqVf.js → filepond-plugin-image-preview-BYy-d2mY.js}

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

package/dist/esm/{functions-DtC2lEvS.js → functions-DEUWeLq4.js}

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