@salla.sa/twilight-components 2.14.509 → 2.14.511

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/components/salla-social-share2.js

@@ -110,7 +110,7 @@ const SallaSocialShare = /*@__PURE__*/ proxyCustomElement(class SallaSocialShare
         if (this.host.hasAttribute('aria-label')) {
             this.host.removeAttribute('aria-label');
         }
-        if (salla.mobile?.isEnabled?.() || document.getElementById('a2a-script')) {
+        if (this.supportsNativeShare() || document.getElementById('a2a-script')) {
             return;
         }
         const script = document.createElement('script');
@@ -239,8 +239,11 @@ const SallaSocialShare = /*@__PURE__*/ proxyCustomElement(class SallaSocialShare
         this.deferOutsideClickGuard();
         return this.open();
     }
+    supportsNativeShare() {
+        return !!salla.mobile?.isSpaWebview?.();
+    }
     handleShareClick() {
-        if (salla.mobile?.isEnabled?.()) {
+        if (this.supportsNativeShare()) {
             salla.event.dispatch('mobile::share.open', { url: this.getShareUrl() });
             return;
         }
@@ -380,7 +383,7 @@ const SallaSocialShare = /*@__PURE__*/ proxyCustomElement(class SallaSocialShare
         })));
     }
     render() {
-        return (h("div", { key: 'a96314583de0fd531a9cbc1298efd3c367dae23d', class: "s-social-share-wrapper" }, h("slot", { key: '9f8a1789871e46f02e06cf29a52404a5f01b1e5f', name: "widget" }, h("salla-button", { key: '22c00cfa4d3ca197d4016efcb6e1c49e54b923cf', "aria-label": "Share", onClick: () => this.handleShareClick(), class: "s-social-share-btn", shape: "icon", fill: "outline", color: "light" }, h("span", { key: '4e030b48ba5e673e66ac135f90e6b395c28df403', innerHTML: this.opened ? Cancel : ShareAlt }))), this.mode === 'modal' ? this.renderModal() : this.renderPopupList()));
+        return (h("div", { key: 'cd2d10a50c7d07fb261471e7ca8e81891bc489e9', class: "s-social-share-wrapper" }, h("slot", { key: '94627cdb3aa11d3844c984d8890b13dc7e1f0e3c', name: "widget" }, h("salla-button", { key: '3b5ea25966484669a935e62ccbc3d383078337d8', "aria-label": "Share", onClick: () => this.handleShareClick(), class: "s-social-share-btn", shape: "icon", fill: "outline", color: "light" }, h("span", { key: '3de3ea0b6f4843a24eeab1f7d6f0be3c8f85de41', innerHTML: this.opened ? Cancel : ShareAlt }))), this.mode === 'modal' ? this.renderModal() : this.renderPopupList()));
     }
     get host() { return this; }
     static get watchers() { return {

package/dist/components/salla-trust-badges.js

@@ -40,7 +40,6 @@ const SallaTrustBadges$1 = /*@__PURE__*/ proxyCustomElement(class SallaTrustBadg
                     el.style.setProperty('content-visibility', 'visible', 'important');
                 }
             }
-            this.logHidePreventedOnce(badgeData.type);
         };
         this.runEnforce = () => {
             this.clearEnforceTimers();
@@ -120,16 +119,6 @@ const SallaTrustBadges$1 = /*@__PURE__*/ proxyCustomElement(class SallaTrustBadg
         }
         return true;
     }
-    // Log a prevented hide attempt once per device; never let telemetry block the repair.
-    logHidePreventedOnce(type) {
-        try {
-            if (salla.storage.get(SallaTrustBadges.HIDE_PREVENTED_LOGGED_KEY))
-                return;
-            salla.analytics?.log('salla::trust-badges.hide-prevented', { type });
-            salla.storage.set(SallaTrustBadges.HIDE_PREVENTED_LOGGED_KEY, true);
-        }
-        catch { }
-    }
     clearEnforceTimers() {
         if (this.enforceTimer !== undefined) {
             clearTimeout(this.enforceTimer);
@@ -249,7 +238,6 @@ const SallaTrustBadges$1 = /*@__PURE__*/ proxyCustomElement(class SallaTrustBadg
 SallaTrustBadges$1.OPACITY_THRESHOLD = 0.1;
 SallaTrustBadges$1.ENFORCE_DEBOUNCE_MS = 1500;
 SallaTrustBadges$1.ENFORCE_MAX_WAIT_MS = 3000;
-SallaTrustBadges$1.HIDE_PREVENTED_LOGGED_KEY = 'salla::trust-badges-hide-prevented-logged';
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/esm/{filepond-plugin-image-preview-BsETbqVf.js → filepond-plugin-image-preview-tL-elI_Z.js}

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

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

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