npm - @salla.sa/twilight-components - Versions diffs - 2.14.508 → 2.14.510 - Mend

@salla.sa/twilight-components 2.14.508 → 2.14.510

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (357) hide show

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

@@ -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-comment-factors2.js CHANGED Viewed

@@ -4,7 +4,7 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { d as defineCustomElement$1 } from './salla-rating-stars2.js';
-const sallaCommentsCss = ":host{display:block}.s-comments-item-review-factors-toggle{display:inline-flex;align-items:center;gap:0.35rem;padding:0;border:0;background:transparent;color:#0f6a7c;font-size:0.9rem;font-weight:500;cursor:pointer}.s-comments-item-review-factors-chevron{line-height:1;transform:rotate(180deg);transition:transform 0.2s ease}.s-comments-item-review-factors-chevron.is-open{transform:rotate(0deg)}.s-comments-item-review-factors{border:1px solid #e8e8e8;background:rgba(255, 255, 255, 0.3);border-radius:0.6rem;width:min(100%, 26rem);max-width:100%;margin:0 0 1rem;padding:0.85rem 1rem}@media (max-width: 767px){.s-comments-item-review-factors{width:100%;padding:0.75rem}}.s-comments-item-review-factor-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;direction:ltr;min-width:0}@media (max-width: 767px){.s-comments-item-review-factor-row{flex-direction:row;align-items:stretch;gap:0.35rem}}.s-comments-item-review-factor-row+.s-comments-item-review-factor-row{margin-top:0.5rem}.s-comments-item-review-factor-label,.s-comments-item-review-factor-name{color:#4b5563;font-size:0.9rem;line-height:1.45}.s-comments-item-review-factor-name{min-width:6.5rem;text-align:end;flex-shrink:0}@media (max-width: 767px){.s-comments-item-review-factor-name{min-width:5rem;text-align:end}}.s-comments-item-review-factor-label{display:inline-block;min-width:4.75rem}@media (max-width: 767px){.s-comments-item-review-factor-label{min-width:0;flex:1 1 auto}}.s-comments-item-review-factor-value{display:inline-flex;align-items:center;gap:0.35rem;min-width:0}@media (max-width: 767px){.s-comments-item-review-factor-value{width:100%;justify-content:space-between;gap:0.25rem}}.s-comments-item-review-factor-stars{flex-shrink:0}.s-comments-item-review-factor-stars .s-rating-stars-wrapper{gap:0}";
+const sallaCommentsCss = ":host{display:block}.s-comments-item-review-factors-toggle{display:inline-flex;align-items:center;gap:0.35rem;padding:0;border:0;background:transparent;color:#0f6a7c;font-size:0.9rem;font-weight:500;cursor:pointer}.s-comments-item-review-factors-chevron{line-height:1;transform:rotate(180deg);transition:transform 0.2s ease}.s-comments-item-review-factors-chevron.is-open{transform:rotate(0deg)}.s-comments-item-review-factors{border:1px solid #e8e8e8;background:rgba(255, 255, 255, 0.3);border-radius:0.6rem;width:min(100%, 26rem);max-width:100%;margin:0 0 1rem;padding:0.85rem 1rem}@media (max-width: 767px){.s-comments-item-review-factors{width:100%;padding:0.75rem}}.s-comments-item-review-factor-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;direction:ltr;min-width:0}@media (max-width: 767px){.s-comments-item-review-factor-row{flex-direction:row;align-items:stretch;gap:0.35rem}}.s-comments-item-review-factor-row+.s-comments-item-review-factor-row{margin-top:0.5rem}.s-comments-item-review-factor-label,.s-comments-item-review-factor-name{color:#4b5563;font-size:0.9rem;line-height:1.45}.s-comments-item-review-factor-name{min-width:6.5rem;text-align:end;flex-shrink:0}@media (max-width: 767px){.s-comments-item-review-factor-name{min-width:5rem;text-align:end}}.s-comments-item-review-factor-label{display:inline-block;min-width:4.75rem}@media (max-width: 767px){.s-comments-item-review-factor-label{min-width:0;flex:1 1 auto}}.s-comments-item-review-factor-value{display:inline-flex;align-items:center;gap:0.35rem;min-width:0}@media (max-width: 767px){.s-comments-item-review-factor-value{width:100%;justify-content:space-between;gap:0.25rem}}.s-rating-stars-wrapper{gap:0 !important}";
 const SallaCommentFactors = /*@__PURE__*/ proxyCustomElement(class SallaCommentFactors extends HTMLElement {
     constructor() {

package/dist/components/salla-comment-item2.js CHANGED Viewed

@@ -25,7 +25,7 @@ var ThumbsUp = `<!-- Generated by IcoMoon.io -->
 </svg>
 `;
-const sallaCommentsCss = ":host{display:block}.s-comments-item-review-factors-toggle{display:inline-flex;align-items:center;gap:0.35rem;padding:0;border:0;background:transparent;color:#0f6a7c;font-size:0.9rem;font-weight:500;cursor:pointer}.s-comments-item-review-factors-chevron{line-height:1;transform:rotate(180deg);transition:transform 0.2s ease}.s-comments-item-review-factors-chevron.is-open{transform:rotate(0deg)}.s-comments-item-review-factors{border:1px solid #e8e8e8;background:rgba(255, 255, 255, 0.3);border-radius:0.6rem;width:min(100%, 26rem);max-width:100%;margin:0 0 1rem;padding:0.85rem 1rem}@media (max-width: 767px){.s-comments-item-review-factors{width:100%;padding:0.75rem}}.s-comments-item-review-factor-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;direction:ltr;min-width:0}@media (max-width: 767px){.s-comments-item-review-factor-row{flex-direction:row;align-items:stretch;gap:0.35rem}}.s-comments-item-review-factor-row+.s-comments-item-review-factor-row{margin-top:0.5rem}.s-comments-item-review-factor-label,.s-comments-item-review-factor-name{color:#4b5563;font-size:0.9rem;line-height:1.45}.s-comments-item-review-factor-name{min-width:6.5rem;text-align:end;flex-shrink:0}@media (max-width: 767px){.s-comments-item-review-factor-name{min-width:5rem;text-align:end}}.s-comments-item-review-factor-label{display:inline-block;min-width:4.75rem}@media (max-width: 767px){.s-comments-item-review-factor-label{min-width:0;flex:1 1 auto}}.s-comments-item-review-factor-value{display:inline-flex;align-items:center;gap:0.35rem;min-width:0}@media (max-width: 767px){.s-comments-item-review-factor-value{width:100%;justify-content:space-between;gap:0.25rem}}.s-comments-item-review-factor-stars{flex-shrink:0}.s-comments-item-review-factor-stars .s-rating-stars-wrapper{gap:0}";
+const sallaCommentsCss = ":host{display:block}.s-comments-item-review-factors-toggle{display:inline-flex;align-items:center;gap:0.35rem;padding:0;border:0;background:transparent;color:#0f6a7c;font-size:0.9rem;font-weight:500;cursor:pointer}.s-comments-item-review-factors-chevron{line-height:1;transform:rotate(180deg);transition:transform 0.2s ease}.s-comments-item-review-factors-chevron.is-open{transform:rotate(0deg)}.s-comments-item-review-factors{border:1px solid #e8e8e8;background:rgba(255, 255, 255, 0.3);border-radius:0.6rem;width:min(100%, 26rem);max-width:100%;margin:0 0 1rem;padding:0.85rem 1rem}@media (max-width: 767px){.s-comments-item-review-factors{width:100%;padding:0.75rem}}.s-comments-item-review-factor-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;direction:ltr;min-width:0}@media (max-width: 767px){.s-comments-item-review-factor-row{flex-direction:row;align-items:stretch;gap:0.35rem}}.s-comments-item-review-factor-row+.s-comments-item-review-factor-row{margin-top:0.5rem}.s-comments-item-review-factor-label,.s-comments-item-review-factor-name{color:#4b5563;font-size:0.9rem;line-height:1.45}.s-comments-item-review-factor-name{min-width:6.5rem;text-align:end;flex-shrink:0}@media (max-width: 767px){.s-comments-item-review-factor-name{min-width:5rem;text-align:end}}.s-comments-item-review-factor-label{display:inline-block;min-width:4.75rem}@media (max-width: 767px){.s-comments-item-review-factor-label{min-width:0;flex:1 1 auto}}.s-comments-item-review-factor-value{display:inline-flex;align-items:center;gap:0.35rem;min-width:0}@media (max-width: 767px){.s-comments-item-review-factor-value{width:100%;justify-content:space-between;gap:0.25rem}}.s-rating-stars-wrapper{gap:0 !important}";
 const SallaCommentItem = /*@__PURE__*/ proxyCustomElement(class SallaCommentItem extends HTMLElement {
     constructor() {

package/dist/components/salla-comments.js CHANGED Viewed

@@ -4,14 +4,15 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { a as anime } from './anime.es.js';
 import { H as Helper } from './Helper.js';
-import { d as defineCustomElement$c } from './salla-button2.js';
-import { d as defineCustomElement$b } from './salla-comment-factors2.js';
-import { d as defineCustomElement$a } from './salla-comment-form2.js';
-import { d as defineCustomElement$9 } from './salla-comment-item2.js';
-import { d as defineCustomElement$8 } from './salla-loading2.js';
-import { d as defineCustomElement$7 } from './salla-modal2.js';
-import { d as defineCustomElement$6 } from './salla-progress-bar2.js';
-import { d as defineCustomElement$5 } from './salla-rating-stars2.js';
+import { d as defineCustomElement$d } from './salla-button2.js';
+import { d as defineCustomElement$c } from './salla-comment-factors2.js';
+import { d as defineCustomElement$b } from './salla-comment-form2.js';
+import { d as defineCustomElement$a } from './salla-comment-item2.js';
+import { d as defineCustomElement$9 } from './salla-loading2.js';
+import { d as defineCustomElement$8 } from './salla-modal2.js';
+import { d as defineCustomElement$7 } from './salla-progress-bar2.js';
+import { d as defineCustomElement$6 } from './salla-rating-stars2.js';
+import { d as defineCustomElement$5 } from './salla-review-factors-tags2.js';
 import { d as defineCustomElement$4 } from './salla-reviews-summary2.js';
 import { d as defineCustomElement$3 } from './salla-slider2.js';
 import { d as defineCustomElement$2 } from './salla-tooltip2.js';
@@ -30,7 +31,7 @@ var ChatBubbles = `<!-- Generated by IcoMoon.io -->
 </svg>
 `;
-const sallaCommentsCss = ":host{display:block}.s-comments-item-review-factors-toggle{display:inline-flex;align-items:center;gap:0.35rem;padding:0;border:0;background:transparent;color:#0f6a7c;font-size:0.9rem;font-weight:500;cursor:pointer}.s-comments-item-review-factors-chevron{line-height:1;transform:rotate(180deg);transition:transform 0.2s ease}.s-comments-item-review-factors-chevron.is-open{transform:rotate(0deg)}.s-comments-item-review-factors{border:1px solid #e8e8e8;background:rgba(255, 255, 255, 0.3);border-radius:0.6rem;width:min(100%, 26rem);max-width:100%;margin:0 0 1rem;padding:0.85rem 1rem}@media (max-width: 767px){.s-comments-item-review-factors{width:100%;padding:0.75rem}}.s-comments-item-review-factor-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;direction:ltr;min-width:0}@media (max-width: 767px){.s-comments-item-review-factor-row{flex-direction:row;align-items:stretch;gap:0.35rem}}.s-comments-item-review-factor-row+.s-comments-item-review-factor-row{margin-top:0.5rem}.s-comments-item-review-factor-label,.s-comments-item-review-factor-name{color:#4b5563;font-size:0.9rem;line-height:1.45}.s-comments-item-review-factor-name{min-width:6.5rem;text-align:end;flex-shrink:0}@media (max-width: 767px){.s-comments-item-review-factor-name{min-width:5rem;text-align:end}}.s-comments-item-review-factor-label{display:inline-block;min-width:4.75rem}@media (max-width: 767px){.s-comments-item-review-factor-label{min-width:0;flex:1 1 auto}}.s-comments-item-review-factor-value{display:inline-flex;align-items:center;gap:0.35rem;min-width:0}@media (max-width: 767px){.s-comments-item-review-factor-value{width:100%;justify-content:space-between;gap:0.25rem}}.s-comments-item-review-factor-stars{flex-shrink:0}.s-comments-item-review-factor-stars .s-rating-stars-wrapper{gap:0}";
+const sallaCommentsCss = ":host{display:block}.s-comments-item-review-factors-toggle{display:inline-flex;align-items:center;gap:0.35rem;padding:0;border:0;background:transparent;color:#0f6a7c;font-size:0.9rem;font-weight:500;cursor:pointer}.s-comments-item-review-factors-chevron{line-height:1;transform:rotate(180deg);transition:transform 0.2s ease}.s-comments-item-review-factors-chevron.is-open{transform:rotate(0deg)}.s-comments-item-review-factors{border:1px solid #e8e8e8;background:rgba(255, 255, 255, 0.3);border-radius:0.6rem;width:min(100%, 26rem);max-width:100%;margin:0 0 1rem;padding:0.85rem 1rem}@media (max-width: 767px){.s-comments-item-review-factors{width:100%;padding:0.75rem}}.s-comments-item-review-factor-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;direction:ltr;min-width:0}@media (max-width: 767px){.s-comments-item-review-factor-row{flex-direction:row;align-items:stretch;gap:0.35rem}}.s-comments-item-review-factor-row+.s-comments-item-review-factor-row{margin-top:0.5rem}.s-comments-item-review-factor-label,.s-comments-item-review-factor-name{color:#4b5563;font-size:0.9rem;line-height:1.45}.s-comments-item-review-factor-name{min-width:6.5rem;text-align:end;flex-shrink:0}@media (max-width: 767px){.s-comments-item-review-factor-name{min-width:5rem;text-align:end}}.s-comments-item-review-factor-label{display:inline-block;min-width:4.75rem}@media (max-width: 767px){.s-comments-item-review-factor-label{min-width:0;flex:1 1 auto}}.s-comments-item-review-factor-value{display:inline-flex;align-items:center;gap:0.35rem;min-width:0}@media (max-width: 767px){.s-comments-item-review-factor-value{width:100%;justify-content:space-between;gap:0.25rem}}.s-rating-stars-wrapper{gap:0 !important}";
 const SallaComments$1 = /*@__PURE__*/ proxyCustomElement(class SallaComments extends HTMLElement {
     constructor() {
@@ -55,7 +56,7 @@ const SallaComments$1 = /*@__PURE__*/ proxyCustomElement(class SallaComments ext
         this.customerId = null;
         // Translations
         this.noComments = salla.lang.get('blocks.comments.no_comments');
-        this.comment_title = salla.lang.get('blocks.comments.title');
+        this.comment_title = '';
         this.comment_name = salla.lang.get('blocks.comments.comment');
         this.showRatingSummary = salla.config.get('store.settings.rating.show_rating_summary');
         this.allowLikes = salla.config.get('store.settings.rating.allow_likes');
@@ -64,7 +65,10 @@ const SallaComments$1 = /*@__PURE__*/ proxyCustomElement(class SallaComments ext
             this.showRatingSummary = salla.config.get('store.settings.rating.show_rating_summary');
         });
         salla.lang.onLoaded(() => {
-            this.comment_title = salla.lang.get('blocks.comments.title');
+            salla.lang.addBulk({
+                "blocks.comments.overall_rating": { ar: "التقييم العام", en: "Overall rating" }
+            });
+            this.comment_title = salla.lang.get('blocks.comments.overall_rating');
             this.comment_name = salla.lang.get('blocks.comments.comment');
             this.noComments = salla.lang.get('pages.rating.no_ratings');
             const setNestedAsync = (lang, key, value) => {
@@ -77,7 +81,7 @@ const SallaComments$1 = /*@__PURE__*/ proxyCustomElement(class SallaComments ext
                 await setNestedAsync('ar.trans', 'blocks.comments.most_helpful', 'الأكثر إفادة');
                 await setNestedAsync('en.trans', 'blocks.comments.most_helpful', 'Most helpful');
                 this.mostHelpfulLabel = salla.lang.get('blocks.comments.most_helpful');
-                this.comment_title = salla.lang.get('blocks.comments.title');
+                this.comment_title = salla.lang.get('blocks.comments.overall_rating');
                 this.comment_name = salla.lang.get('blocks.comments.comment');
                 this.noComments = salla.lang.get('pages.rating.no_ratings');
             };
@@ -363,7 +367,7 @@ function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["salla-comments", "salla-button", "salla-comment-factors", "salla-comment-form", "salla-comment-item", "salla-loading", "salla-modal", "salla-progress-bar", "salla-rating-stars", "salla-reviews-summary", "salla-slider", "salla-tooltip"];
+    const components = ["salla-comments", "salla-button", "salla-comment-factors", "salla-comment-form", "salla-comment-item", "salla-loading", "salla-modal", "salla-progress-bar", "salla-rating-stars", "salla-review-factors-tags", "salla-reviews-summary", "salla-slider", "salla-tooltip"];
     components.forEach(tagName => { switch (tagName) {
         case "salla-comments":
             if (!customElements.get(tagName)) {
@@ -372,40 +376,45 @@ function defineCustomElement$1() {
             break;
         case "salla-button":
             if (!customElements.get(tagName)) {
-                defineCustomElement$c();
+                defineCustomElement$d();
             }
             break;
         case "salla-comment-factors":
             if (!customElements.get(tagName)) {
-                defineCustomElement$b();
+                defineCustomElement$c();
             }
             break;
         case "salla-comment-form":
             if (!customElements.get(tagName)) {
-                defineCustomElement$a();
+                defineCustomElement$b();
             }
             break;
         case "salla-comment-item":
             if (!customElements.get(tagName)) {
-                defineCustomElement$9();
+                defineCustomElement$a();
             }
             break;
         case "salla-loading":
             if (!customElements.get(tagName)) {
-                defineCustomElement$8();
+                defineCustomElement$9();
             }
             break;
         case "salla-modal":
             if (!customElements.get(tagName)) {
-                defineCustomElement$7();
+                defineCustomElement$8();
             }
             break;
         case "salla-progress-bar":
             if (!customElements.get(tagName)) {
-                defineCustomElement$6();
+                defineCustomElement$7();
             }
             break;
         case "salla-rating-stars":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$6();
+            }
+            break;
+        case "salla-review-factors-tags":
             if (!customElements.get(tagName)) {
                 defineCustomElement$5();
             }

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

@@ -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 CHANGED Viewed

@@ -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/components/salla-review-factors-tags.js CHANGED Viewed

@@ -1,147 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { R as Rate } from './star2.js';
-const CACHE_TTL = 5 * 60 * 1000;
-const orderCache = new Map();
-const inFlightRequests = new Map();
-function normalizeList(value) {
-    if (!value) {
-        return [];
-    }
-    return Array.isArray(value) ? value : Object.values(value);
-}
-function getProductRatings(rating) {
-    if (!rating) {
-        return [];
-    }
-    return [
-        ...normalizeList(rating.product),
-        ...normalizeList(rating.products),
-    ];
-}
-function extractFactors(source) {
-    if (!source) {
-        return [];
-    }
-    for (const key of ['factor_reviews', 'review_factors', 'factors']) {
-        const value = source[key];
-        if (Array.isArray(value) && value.length) {
-            return value;
-        }
-    }
-    return [];
-}
-function findProductRating(productRatings, ratingId, productId, itemId) {
-    return productRatings.find((productRating) => {
-        if (ratingId && Number(productRating.id ?? productRating.feedback_id) === Number(ratingId)) {
-            return true;
-        }
-        if (itemId && Number(productRating.order_item_id) === Number(itemId)) {
-            return true;
-        }
-        if (productId && Number(productRating.product_id ?? productRating.product?.id) === Number(productId)) {
-            return true;
-        }
-        return false;
-    });
-}
-function resolveReviewFactors(order, ratingId, productId, itemId) {
-    const productRatings = getProductRatings(order?.rating);
-    const productRating = findProductRating(productRatings, ratingId, productId, itemId);
-    return extractFactors(productRating);
-}
-async function fetchOrder(orderId) {
-    if (!orderId) {
-        return null;
-    }
-    const cached = orderCache.get(orderId);
-    if (cached && Date.now() - cached.timestamp <= CACHE_TTL) {
-        return cached.data;
-    }
-    const pending = inFlightRequests.get(orderId);
-    if (pending) {
-        return pending;
-    }
-    const request = (async () => {
-        try {
-            const response = await salla.api.request(`orders/${orderId}`, '', 'get');
-            const data = response?.data ?? response;
-            orderCache.set(orderId, { data, timestamp: Date.now() });
-            return data;
-        }
-        catch (error) {
-            orderCache.delete(orderId);
-            throw error;
-        }
-        finally {
-            inFlightRequests.delete(orderId);
-        }
-    })();
-    inFlightRequests.set(orderId, request);
-    return request;
-}
-const sallaReviewFactorsTagsCss = ":host{display:inline-flex}.s-review-factors-tags-factors{display:flex;flex-wrap:wrap;gap:0.5rem;justify-content:flex-start;margin-bottom:0.6rem}.s-review-factors-tags-factor-tag{display:inline-flex;align-items:center;gap:0.25rem;border-radius:999px;border:1px solid #e8e8e8;background:rgba(255, 255, 255, 0.3);color:#374151;font-size:0.85rem;line-height:1;padding:0.4rem 0.65rem}.s-review-factors-tags-factor-rating{font-weight:600;color:#0f6a7c}.s-review-factors-tags-factor-star{display:inline-flex;width:0.8rem;height:0.8rem;fill:#0f6a7c}.s-review-factors-tags-factor-star svg{width:100%;height:100%}";
-const SallaReviewFactorsTags$1 = /*@__PURE__*/ proxyCustomElement(class SallaReviewFactorsTags extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.factors = [];
-    }
-    async componentWillLoad() {
-        await salla.onReady();
-        await this.loadFactors();
-    }
-    async loadFactors() {
-        if (!this.orderId) {
-            this.factors = [];
-            return;
-        }
-        try {
-            const order = await fetchOrder(this.orderId);
-            this.factors = resolveReviewFactors(order, this.ratingId, this.productId, this.itemId);
-        }
-        catch (error) {
-            console.error('[salla-review-factors-tags] failed to load order rating factors', error);
-            this.factors = [];
-        }
-    }
-    renderFactorTags() {
-        const factors = this.factors || [];
-        if (!factors.length) {
-            return null;
-        }
-        return (h("div", { class: "s-review-factors-tags-factors" }, factors.map(factor => (h("div", { class: "s-review-factors-tags-factor-tag" }, h("span", { class: "s-review-factors-tags-factor-name" }, factor.name), h("span", { class: "s-review-factors-tags-factor-star", innerHTML: Rate }), h("span", { class: "s-review-factors-tags-factor-rating" }, factor.rating || ''))))));
-    }
-    render() {
-        return (h(Host, { key: '63e1ae3d8b45cdd9c82ade65cf6b33be9941f9d1', class: "s-review-factors-tags-wrapper" }, this.renderFactorTags()));
-    }
-    static get style() { return sallaReviewFactorsTagsCss; }
-}, [0, "salla-review-factors-tags", {
-        "orderId": [2, "order-id"],
-        "ratingId": [2, "rating-id"],
-        "productId": [2, "product-id"],
-        "itemId": [2, "item-id"],
-        "factors": [32]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["salla-review-factors-tags"];
-    components.forEach(tagName => { switch (tagName) {
-        case "salla-review-factors-tags":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, SallaReviewFactorsTags$1);
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
+import { S as SallaReviewFactorsTags$1, d as defineCustomElement$1 } from './salla-review-factors-tags2.js';
 const SallaReviewFactorsTags = SallaReviewFactorsTags$1;
 const defineCustomElement = defineCustomElement$1;