@salla.sa/twilight-components 2.14.438 → 2.14.440

package/dist/cjs/salla-multiple-bundle-product-options-modal_2.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-BFaAWRue.js');
+var index = require('./index-oqqfD8M2.js');
 var keyboard_arrow_right = require('./keyboard_arrow_right-BayM_Il2.js');
 
 const sallaMultipleBundleProductOptionsModalCss = ":host{display:block}";
@@ -22,6 +22,7 @@ const SallaMultipleBundleProductOptionsModal = class {
         this.isLoading = false;
         this.hasUnsavedChanges = false;
         this.validationErrors = [];
+        this.isProductAlreadySelected = false;
     }
     /**
      * Generate a unique cache key for selected options using section ID, product index, and product ID
@@ -83,6 +84,7 @@ const SallaMultipleBundleProductOptionsModal = class {
             this.sectionId = data.sectionId || null;
             this.sectionIndex = data.sectionIndex || 0;
             this.productIndex = data.productIndex || 0;
+            this.isProductAlreadySelected = !!data.isProductAlreadySelected;
             this.open();
         };
         salla.event.on('multiple-bundle-product-modal::open', this.modalOpenListener);
@@ -113,6 +115,10 @@ const SallaMultipleBundleProductOptionsModal = class {
                 // Extract section info from the checkbox name: bundle[sectionId][productIndex][id]
                 const nameMatch = target.name.match(/^bundle\[([^\]]+)\]\[([^\]]+)\]\[id\]$/);
                 if (nameMatch && !target.checked) {
+                    if (target.getAttribute('data-selection-locked') === 'true') {
+                        target.checked = true;
+                        return;
+                    }
                     const [, sectionId, productIndex] = nameMatch;
                     const productId = target.value;
                     const form = this.host.closest('form');
@@ -351,6 +357,14 @@ const SallaMultipleBundleProductOptionsModal = class {
             salla.notify.error(this.validationErrors.join(', '));
             return;
         }
+        if (!this.isProductAlreadySelected && this.sectionId != null) {
+            const details = this.host.closest('salla-multiple-bundle-product-details');
+            const canSelect = await details?.canSelectBundleProduct(this.sectionId, productId);
+            if (!canSelect) {
+                salla.notify.error(salla.lang.getWithDefault('pages.products.bundle_selection_limit_reached', 'لا يمكنك اختيار المزيد من المنتجات في هذا القسم'));
+                return;
+            }
+        }
         this.isLoading = true;
         try {
             // please don't change this with this.host.querySelector it will return null
@@ -467,7 +481,7 @@ const SallaMultipleBundleProductOptionsModal = class {
         const cacheKey = this.generateCacheKey(this.sectionId, this.productIndex, productId);
         const resetToken = this.optionsResetTokens[cacheKey] || 0;
         const isDisabled = this.isLoading || optionsWithSelectedState.some(opt => opt.details.some(d => d.is_selected && d.is_out === true));
-        return (index.h(index.Host, { key: 'd9dc4018798fe902048f3e3e37fcb2edf84713b0' }, index.h("salla-modal", { key: 'af3cc56a9c2c969dc0cbb2b4caba14fd270a11bb', isLoading: this.isLoading, ref: el => (this.modal = el), width: "md", centered: false, id: `s-multiple-bundle-product-options-modal-options-${productId}`, class: "s-multiple-bundle-product-options-modal-wrapper" }, index.h("div", { key: '10fcc08be35bfd4231f9cf48501614ae49a985a3', slot: "loading" }, index.h("salla-skeleton", { key: '1aee9616e4f05188067708506352b0d97d504696', height: "100%", width: "100%" })), this.product?.images && this.product?.images.length > 0 && (index.h("salla-slider", { key: 'a7d7a459d383c353b5ef716365ba0a0ac5d3a0b7', id: `details-slider-${this.product?.id}`, type: "thumbs", loop: false, "auto-height": true, "listen-to-thumbnails-option": true, showThumbsControls: false, controlsOuter: false, showControls: false, class: "s-multiple-bundle-product-options-modal-slider", verticalThumbs: true, thumbsConfig: {
+        return (index.h(index.Host, { key: '6c1d1d3911867e30240676f3e2b7353e9ecf76c3' }, index.h("salla-modal", { key: 'b02110d80cd422d64962d78812ae0b0637c56237', isLoading: this.isLoading, ref: el => (this.modal = el), width: "md", centered: false, id: `s-multiple-bundle-product-options-modal-options-${productId}`, class: "s-multiple-bundle-product-options-modal-wrapper" }, index.h("div", { key: '20a52bbc732c6edfffde86577e99bbe300a1a4c8', slot: "loading" }, index.h("salla-skeleton", { key: '3a69fc75939d8b8f8639983d0f2f8dd8bf961152', height: "100%", width: "100%" })), this.product?.images && this.product?.images.length > 0 && (index.h("salla-slider", { key: '185639c54f79188093df98ac1cece1958879f71d', id: `details-slider-${this.product?.id}`, type: "thumbs", loop: false, "auto-height": true, "listen-to-thumbnails-option": true, showThumbsControls: false, controlsOuter: false, showControls: false, class: "s-multiple-bundle-product-options-modal-slider", verticalThumbs: true, thumbsConfig: {
                 centeredSlides: true,
                 centeredSlidesBounds: true,
                 slidesPerView: Math.min(5, Math.max(1, this.product?.images.length)),
@@ -475,13 +489,13 @@ const SallaMultipleBundleProductOptionsModal = class {
                 watchSlidesProgress: true,
                 direction: 'vertical',
                 spaceBetween: 10,
-            } }, index.h("div", { key: '11970032bdc37e5d20d6737e3109fcec9b4de4cb', slot: "items" }, this.product?.images &&
+            } }, index.h("div", { key: '3b6a88fe3862870d674dadc31967df6cc8fac365', slot: "items" }, this.product?.images &&
             this.product?.images.map((image, index$1) => (index.h("div", { key: index$1, class: "swiper-slide" }, index.h("img", { src: image.url, alt: image.alt || `${this.product?.name} - Image ${index$1 + 1}`, loading: "lazy", onError: e => {
                     e.target.style.display = 'none';
-                } }))))), this.product?.images && this.product?.images.length > 1 && (index.h("div", { key: 'c7d0fd432d8449e4742f0686ddecb7e87bebf159', slot: "thumbs" }, this.product?.images &&
+                } }))))), this.product?.images && this.product?.images.length > 1 && (index.h("div", { key: '6fce48b5b035cc61866aaf6c339866fa2314be87', slot: "thumbs" }, this.product?.images &&
             this.product?.images.map((image, index$1) => (index.h("div", { key: index$1, "data-caption": `${this.product?.name} - Image ${index$1 + 1}` }, index.h("img", { src: image.url, loading: "eager", class: "s-multiple-bundle-product-options-modal-slider-thumb", title: `${this.product?.name} - ${index$1 + 1}`, alt: image.alt || `${this.product?.name} - ${index$1 + 1}`, onError: e => {
                     e.target.style.display = 'none';
-                } })))))))), index.h("salla-product-options", { options: JSON.stringify(optionsWithSelectedState), key: `${cacheKey}-reset-${resetToken}`, "product-id": productId, "unique-key": `${cacheKey}-reset-${resetToken}` }), index.h("div", { key: 'c9b5f53696d9f8800e3a6be31ec78b51f0cb9bb1', slot: "footer" }, index.h("div", { key: 'e972370006feae6c17797f54c415ef0d2aaa3f57', class: "s-multiple-bundle-product-options-modal-footer" }, index.h("salla-button", { key: '7a3787936eec6c0c8a69a64799af5595f51909f9', onClick: e => this.onSave(e), loading: this.isLoading, disabled: isDisabled }, this.isLoading
+                } })))))))), index.h("salla-product-options", { options: JSON.stringify(optionsWithSelectedState), key: `${cacheKey}-reset-${resetToken}`, "product-id": productId, "unique-key": `${cacheKey}-reset-${resetToken}` }), index.h("div", { key: '3d555ea40fe5d9f3685fc6dafa4b6fad16732091', slot: "footer" }, index.h("div", { key: '1b4c6834899efbd09f3ea1db251999f50ec655b2', class: "s-multiple-bundle-product-options-modal-footer" }, index.h("salla-button", { key: '0818a75a444cca510c7f0cfea2ec53414c12db53', onClick: e => this.onSave(e), loading: this.isLoading, disabled: isDisabled }, this.isLoading
             ? salla.lang.get('common.elements.saving')
             : salla.lang.get('common.elements.save')))))));
     }
@@ -501,39 +515,71 @@ const SallaMultipleBundleProductSlider = class {
         this.productOptionsSelected = index.createEvent(this, "productOptionsSelected");
         /** A dictionary tracking which product IDs are currently selected per section. */
         this.selectedProducts = {};
+        /** When true, the selected product cannot be deselected (single-product section with min = 1). */
+        this.isSelectionLocked = false;
+        /** Maximum selectable products for this section (empty max → all products in section). */
+        this.selectionLimit = 0;
         this.savedOptionsByInstance = {};
         this.handleProductClick = (product, productIndex) => {
-            // Find the checkbox input for this product
-            const checkboxId = this.generateEventName(this.section.id, productIndex);
-            const checkbox = document.getElementById(checkboxId);
-            if (!checkbox)
-                return;
-            if (checkbox) {
-                const willBeChecked = !checkbox.checked;
-                if (!willBeChecked) {
-                    this.dispatchClearOptionsEvent(product, productIndex);
-                    this.clearSavedOptionsState(this.section.id, productIndex);
+            const isChecked = this.selectedProducts[this.section.id]?.has(product.id) || false;
+            const checkbox = this.getCheckbox(this.section.id, productIndex);
+            if (isChecked && this.isSelectionLocked) {
+                if (checkbox) {
+                    checkbox.checked = true;
                 }
-                // Toggle the checkbox state
-                checkbox.checked = willBeChecked;
-                // Dispatch a change event to trigger form validation/submission
-                requestAnimationFrame(() => {
-                    const changeEvent = new window.Event('change', { bubbles: true });
-                    checkbox.dispatchEvent(changeEvent);
+                return;
+            }
+            if (!isChecked && this.isMaxSelectionReached() && this.selectionLimit !== 1) {
+                return;
+            }
+            // max = 1: parent replaces selection and syncs all checkboxes in the section
+            if (this.selectionLimit === 1 && !isChecked) {
+                this.productSelected.emit({
+                    product,
+                    sectionId: this.section.id,
                 });
+                return;
+            }
+            if (!checkbox)
+                return;
+            const willBeChecked = !checkbox.checked;
+            if (!willBeChecked) {
+                this.dispatchClearOptionsEvent(product, productIndex);
+                this.clearSavedOptionsState(this.section.id, productIndex);
             }
+            checkbox.checked = willBeChecked;
+            requestAnimationFrame(() => {
+                const changeEvent = new window.Event('change', { bubbles: true });
+                checkbox.dispatchEvent(changeEvent);
+            });
             this.productSelected.emit({
                 product,
                 sectionId: this.section.id,
             });
         };
         this.handleOptionsClick = (product) => {
+            const isChecked = this.selectedProducts[this.section.id]?.has(product.id) || false;
+            if (!isChecked && this.isMaxSelectionReached() && this.selectionLimit !== 1) {
+                return;
+            }
             this.productOptionsSelected.emit({
                 product,
                 sectionId: this.section.id,
             });
         };
     }
+    getSelectedCount() {
+        return this.selectedProducts[this.section?.id]?.size ?? 0;
+    }
+    isMaxSelectionReached() {
+        return this.selectionLimit > 1 && this.getSelectedCount() >= this.selectionLimit;
+    }
+    isProductSelectionDisabled(product, isChecked) {
+        if (product.quantity === 0) {
+            return true;
+        }
+        return !isChecked && this.isMaxSelectionReached();
+    }
     getProductInstanceKey(sectionId, productIndex) {
         return `${sectionId}::${productIndex}`;
     }
@@ -579,9 +625,26 @@ const SallaMultipleBundleProductSlider = class {
     generateEventName(sectionId, productIndex) {
         return `bundle[${sectionId}][${productIndex}][id]`;
     }
+    getCheckbox(sectionId, productIndex) {
+        const name = this.generateEventName(sectionId, productIndex);
+        return this.host.querySelector(`input.s-multiple-bundle-product-checkbox[name="${name}"]`);
+    }
+    preventLockedDeselect(event, isChecked) {
+        if (!this.isSelectionLocked || !isChecked) {
+            return;
+        }
+        event.preventDefault();
+        event.stopPropagation();
+        const checkbox = event.target;
+        if (checkbox?.type === 'checkbox') {
+            checkbox.checked = true;
+        }
+    }
     render() {
-        return (index.h(index.Host, { key: 'ecdac4638007d9435ec8b06f32114a0dada03b86' }, index.h("salla-slider", { key: 'c245e7dcfd157908063fd5ec13c6d49f8862dd18', type: "carousel", controlsOuter: false, showControls: false, id: `accordion-multiple-bundle-product-${this.section.id}`, pagination: true, class: "s-multiple-bundle-product-wrapper-slider", sliderConfig: { spaceBetween: 0 } }, index.h("div", { key: '17bdd6def2ff6f1d2ad22fa8b5299fc0000b1e82', slot: "items" }, this?.section?.products?.map((product, productIndex) => {
+        return (index.h(index.Host, { key: 'd52eb26454606df2526fa4c086110a54f7466644' }, index.h("salla-slider", { key: '1aa1fce5943c3721a8e4f762171c864d9097bb28', type: "carousel", controlsOuter: false, showControls: false, id: `accordion-multiple-bundle-product-${this.section.id}`, pagination: true, class: "s-multiple-bundle-product-wrapper-slider", sliderConfig: { spaceBetween: 0 } }, index.h("div", { key: '9342381bc43389bae48b906a1ab23a4f3cf8d00a', slot: "items" }, this?.section?.products?.map((product, productIndex) => {
             const isChecked = this.selectedProducts[this.section.id]?.has(product.id) || false;
+            const isLocked = isChecked && this.isSelectionLocked;
+            const isDisabled = this.isProductSelectionDisabled(product, isChecked);
             const hasSavedOptions = this.savedOptionsByInstance[this.getProductInstanceKey(this.section.id, productIndex)];
             const optionsButtonLabel = hasSavedOptions
                 ? salla.lang.getWithDefault('pages.products.edit_selected_options', 'تعديل الخيارات')
@@ -589,9 +652,7 @@ const SallaMultipleBundleProductSlider = class {
             let optionsArrowIcon = salla.config.get('theme.is_rtl', true)
                 ? keyboard_arrow_right.ArrowLeftIcon
                 : keyboard_arrow_right.ArrowRightIcon;
-            return (index.h("div", { class: `s-multiple-bundle-product-slide-one-third ${product.quantity == 0
-                    ? 's-multiple-bundle-product-slide-one-third-disabled'
-                    : ''}`, key: product.id }, index.h("div", { class: "s-multiple-bundle-product-card" }, index.h("div", { class: "s-multiple-bundle-product-image-wrapper", onClick: () => this.handleProductClick(product, productIndex) }, index.h("input", { id: this.generateEventName(this.section.id, productIndex), type: "checkbox", class: "s-multiple-bundle-product-checkbox", checked: isChecked, name: this.generateEventName(this.section.id, productIndex), value: product.id }), index.h("img", { src: product.image.url || salla.url.cdn('images/s-empty.png'), loading: "lazy", alt: product.image.alt || product.name, class: "s-multiple-bundle-product-image" })), index.h("div", { class: "s-multiple-bundle-product-content-wrapper" }, index.h("div", { class: "s-multiple-bundle-product-content" }, index.h("div", { class: "s-multiple-bundle-product-details" }, index.h("div", { class: "s-multiple-bundle-product-title-wrapper" }, index.h("h2", { class: "s-multiple-bundle-product-title" }, index.h("a", { href: product?.url || '#', target: "_blank", rel: "noopener noreferrer" }, product.name))), index.h("div", { class: "s-multiple-bundle-product-price-wrapper" }, index.h("span", { class: "s-multiple-bundle-product-price" }, index.h("span", { innerHTML: salla.money(product.price) })), product.sale_price > 0 && (index.h("span", { class: "s-multiple-bundle-product-price-discount" }, index.h("span", { innerHTML: salla.money(product.regular_price) }))))), product.quantity_in_group > 0 && product.quantity !== 0 && (index.h("span", { class: "s-multiple-bundle-product-badge" }, salla.lang.get('pages.products.pieces'), index.h("span", null, product.quantity_in_group))), product.quantity === 0 && (index.h("span", { class: "s-multiple-bundle-product-badge" }, salla.lang.get('pages.products.quantity_in_group_finished')))), product.options?.length > 0 && (index.h("button", { class: "s-multiple-bundle-product-button", onClick: () => this.handleOptionsClick(product), type: "button" }, optionsButtonLabel, index.h("span", { class: "s-multiple-bundle-product-button-icon", innerHTML: optionsArrowIcon })))))));
+            return (index.h("div", { class: `s-multiple-bundle-product-slide-one-third${isDisabled ? ' s-multiple-bundle-product-slide-one-third-disabled' : ''}`, key: product.id }, index.h("div", { class: "s-multiple-bundle-product-card" }, index.h("div", { class: "s-multiple-bundle-product-image-wrapper", onClick: () => this.handleProductClick(product, productIndex) }, index.h("input", { id: this.generateEventName(this.section.id, productIndex), type: "checkbox", class: "s-multiple-bundle-product-checkbox", checked: isChecked, "data-selection-locked": isLocked ? 'true' : undefined, name: this.generateEventName(this.section.id, productIndex), value: product.id, onClick: event => this.preventLockedDeselect(event, isChecked), onChange: event => this.preventLockedDeselect(event, isChecked) }), index.h("img", { src: product.image.url || salla.url.cdn('images/s-empty.png'), loading: "lazy", alt: product.image.alt || product.name, class: "s-multiple-bundle-product-image" })), index.h("div", { class: "s-multiple-bundle-product-content-wrapper" }, index.h("div", { class: "s-multiple-bundle-product-content" }, index.h("div", { class: "s-multiple-bundle-product-details" }, index.h("div", { class: "s-multiple-bundle-product-title-wrapper" }, index.h("h2", { class: "s-multiple-bundle-product-title" }, index.h("a", { href: product?.url || '#', target: "_blank", rel: "noopener noreferrer" }, product.name))), index.h("div", { class: "s-multiple-bundle-product-price-wrapper" }, index.h("span", { class: "s-multiple-bundle-product-price" }, index.h("span", { innerHTML: salla.money(product.price) })), product.sale_price > 0 && (index.h("span", { class: "s-multiple-bundle-product-price-discount" }, index.h("span", { innerHTML: salla.money(product.regular_price) }))))), product.quantity_in_group > 0 && product.quantity !== 0 && (index.h("span", { class: "s-multiple-bundle-product-badge" }, salla.lang.get('pages.products.pieces'), index.h("span", null, product.quantity_in_group))), product.quantity === 0 && (index.h("span", { class: "s-multiple-bundle-product-badge" }, salla.lang.get('pages.products.quantity_in_group_finished')))), product.options?.length > 0 && (index.h("button", { class: "s-multiple-bundle-product-button", onClick: () => this.handleOptionsClick(product), type: "button" }, optionsButtonLabel, index.h("span", { class: "s-multiple-bundle-product-button-icon", innerHTML: optionsArrowIcon })))))));
         })))));
     }
     get host() { return index.getElement(this); }

package/dist/cjs/salla-multiple-bundle-product.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-BFaAWRue.js');
+var index = require('./index-oqqfD8M2.js');
 
 const sallaMultipleBundleProductCss = ":host{display:block}";
 

package/dist/cjs/salla-next-order-coupon.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-BFaAWRue.js');
+var index = require('./index-oqqfD8M2.js');
 var tagMoney = require('./tag-money-Cuohw_4j.js');
 var swapStroke = require('./swap-stroke-CYGxjKIS.js');
 

package/dist/cjs/salla-notification-item.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-BFaAWRue.js');
+var index = require('./index-oqqfD8M2.js');
 
 const sallaNotificationsCss = "";
 

package/dist/cjs/salla-notifications.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-BFaAWRue.js');
+var index = require('./index-oqqfD8M2.js');
 var Helper = require('./Helper-CU4Xuiki.js');
 require('./anime.es-BqW8JHZi.js');
 

package/dist/cjs/salla-offer-modal.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-BFaAWRue.js');
+var index = require('./index-oqqfD8M2.js');
 var specialDiscount = require('./special-discount-DC2oXurL.js');
 var tag = require('./tag-D-PcUR33.js');
 var cart2 = require('./cart2-B98PSAFN.js');

package/dist/cjs/salla-offer.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-BFaAWRue.js');
+var index = require('./index-oqqfD8M2.js');
 
 var PageType;
 (function (PageType) {

package/dist/cjs/salla-order-details-multiple-bundle-product.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-BFaAWRue.js');
+var index = require('./index-oqqfD8M2.js');
 
 const sallaOrderDetailsMultipleBundleProductCss = "";
 

package/dist/cjs/salla-order-details-options.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-BFaAWRue.js');
+var index = require('./index-oqqfD8M2.js');
 
 var copyIcon = `<!-- Generated by IcoMoon.io -->
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">

package/dist/cjs/salla-order-details.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-BFaAWRue.js');
+var index = require('./index-oqqfD8M2.js');
 
 const sallaOrderDetailsCss = "";
 

package/dist/cjs/salla-order-edit-item.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-BFaAWRue.js');
+var index = require('./index-oqqfD8M2.js');
 var helpers = require('./helpers-BJ2rnhxz.js');
 require('./interfaces-Bh7W0bEU.js');
 

package/dist/cjs/salla-order-edit-product-card.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-BFaAWRue.js');
+var index = require('./index-oqqfD8M2.js');
 
 const sallaOrderEditProductCardCss = ":host{display:block;min-width:0}";
 

package/dist/cjs/salla-order-edit.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-BFaAWRue.js');
+var index = require('./index-oqqfD8M2.js');
 var helpers = require('./helpers-BJ2rnhxz.js');
 require('./interfaces-Bh7W0bEU.js');
 
@@ -44,6 +44,11 @@ const SallaOrderEdit = class {
             return Array.from(new URLSearchParams(query)).some(([key, value]) => (value === 'product' &&
                 /^filters\[types\](?:\[(?:\d*)\])?$/.test(key)));
         };
+        this.hasExcludedCategoriesFilter = (url) => {
+            const queryStart = url.indexOf('?');
+            const query = (queryStart >= 0 ? url.slice(queryStart + 1) : url).split('#')[0];
+            return Array.from(new URLSearchParams(query)).some(([key]) => (/^filters(?:\[|%5B)excluded_categories(?:\]|%5D)(?:\[|%5B)(?:\d*)(?:\]|%5D)$/.test(key)));
+        };
         this.normalizeProductsListArrayParams = (url) => {
             return url.replace(/(^|[?&])(includes|source_value|filters(?:\[|%5B)[^&=\]%]+?(?:\]|%5D))(\[|%5B)\d+(\]|%5D)(?==)/gi, (_, sep, name, open, close) => `${sep}${name}${open}${close}`);
         };
@@ -53,14 +58,33 @@ const SallaOrderEdit = class {
                 return;
             }
             ctx.url = this.normalizeProductsListArrayParams(ctx.url);
-            if (this.hasProductTypeFilter(ctx.url)) {
-                return;
+            if (!this.hasProductTypeFilter(ctx.url)) {
+                ctx.url += `${ctx.url.includes('?') ? '&' : '?'}filters[types][]=product`;
+            }
+            const excludedIds = this.getParsedExcludedCategories();
+            if (excludedIds.length > 0 && !this.hasExcludedCategoriesFilter(ctx.url)) {
+                const params = excludedIds.map(id => `filters[excluded_categories][]=${encodeURIComponent(id)}`).join('&');
+                ctx.url += `${ctx.url.includes('?') ? '&' : '?'}${params}`;
             }
-            ctx.url += `${ctx.url.includes('?') ? '&' : '?'}filters[types][]=product`;
         };
         this.defaultProductsListSource = 'latest';
         this.debouncedProductSearch = salla.helpers.debounce((query) => this.applyProductSearch(query), 500);
     }
+    getParsedExcludedCategories() {
+        if (!this.excludedCategories) {
+            return [];
+        }
+        try {
+            const parsed = typeof this.excludedCategories === 'string' ? JSON.parse(this.excludedCategories) : this.excludedCategories;
+            if (!Array.isArray(parsed)) {
+                return [];
+            }
+            return parsed.filter(id => Number.isInteger(id) && id > 0);
+        }
+        catch {
+            return [];
+        }
+    }
     async componentWillLoad() {
         this.setupProductsPanelViewportQuery();
         await salla.onReady();
@@ -459,7 +483,7 @@ const SallaOrderEdit = class {
             const orderItem = this.order?.items?.find(oi => oi.id == item.id);
             const imageUrl = orderItem?.product?.image?.url;
             const optionsLabel = item.options?.join('/ ');
-            return (index.h("div", { class: "s-order-edit-modal-item" }, index.h("div", { class: "s-order-edit-modal-item-start" }, imageUrl && (index.h("img", { src: imageUrl, alt: item.name, class: "s-order-edit-modal-item-image" })), index.h("div", null, index.h("p", { class: "s-order-edit-modal-item-name" }, item.name), optionsLabel && (index.h("span", { class: "s-order-edit-modal-item-options" }, optionsLabel)))), index.h("div", { class: "s-order-edit-modal-item-end" }, index.h("span", { class: "s-order-edit-modal-item-price", innerHTML: salla.money(item.price.amount) }))));
+            return (index.h("div", { class: "s-order-edit-modal-item" }, index.h("div", { class: "s-order-edit-modal-item-start" }, imageUrl && (index.h("img", { src: imageUrl, alt: item.name, class: "s-order-edit-modal-item-image" })), index.h("div", null, index.h("p", { class: "s-order-edit-modal-item-name" }, item.name), optionsLabel && (index.h("span", { class: "s-order-edit-modal-item-options" }, optionsLabel)))), index.h("div", { class: "s-order-edit-modal-item-end" }, index.h("span", { class: "s-order-edit-modal-item-quantity", dir: "ltr", innerHTML: item.quantity + " x " + item.price.amount }), index.h("span", { class: "s-order-edit-modal-item-price", innerHTML: salla.money(item.price.amount * item.quantity) }))));
         }))), preview?.totals?.updated_products_total && (index.h("div", { class: "s-order-edit-modal-row" }, index.h("span", { class: "s-order-edit-modal-row-label" }, salla.lang.getWithDefault('pages.orders.modified_products_total', 'مجموع المنتجات المعدلة')), index.h("span", { class: "s-order-edit-modal-row-value", innerHTML: salla.money(preview.totals.updated_products_total.amount) }))), taxAmount > 0 && (index.h("div", { class: "s-order-edit-modal-row" }, index.h("span", { class: "s-order-edit-modal-tax-label" }, index.h("i", { class: "sicon-info-circle s-order-edit-modal-tax-icon" }), salla.lang.getWithDefault('pages.orders.vat', 'ضريبة القيمة المضافة')), index.h("span", { class: "s-order-edit-modal-row-value", innerHTML: salla.money(taxAmount) }))), preview?.totals?.total && (index.h("div", { class: "s-order-edit-modal-total" }, index.h("span", { class: "s-order-edit-modal-total-label" }, salla.lang.getWithDefault('pages.orders.order_total', 'اجمالي الطلب')), index.h("span", { class: "s-order-edit-modal-total-value", innerHTML: salla.money(preview.totals.total.amount) }))), hasRefundAmount && (index.h("div", { class: "s-order-edit-modal-refund" }, index.h("i", { class: "sicon-info-circle s-order-edit-modal-refund-icon" }), index.h("p", { class: "s-order-edit-modal-refund-text" }, salla.lang.getWithDefault('pages.orders.refund_message', 'سيتم تحويل فارق المبلغ على نفس وسيلة الدفع')))), index.h("div", { class: "s-order-edit-modal-btn-wrapper" }, index.h("salla-button", { onClick: () => this.handleConfirm() }, hasRemainingAmount
             ? salla.lang.getWithDefault('pages.orders.pay_difference', 'دفع فارق المبلغ')
             : hasRefundAmount

package/dist/cjs/salla-order-summary.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-BFaAWRue.js');
+var index = require('./index-oqqfD8M2.js');
 var swapStroke = require('./swap-stroke-CYGxjKIS.js');
 var check = require('./check-BnVBPQNp.js');
 

package/dist/cjs/salla-order-totals-card.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-BFaAWRue.js');
+var index = require('./index-oqqfD8M2.js');
 
 const sallaOrderTotalsCardCss = ":host{display:block}";
 

package/dist/cjs/salla-orders.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-BFaAWRue.js');
+var index = require('./index-oqqfD8M2.js');
 var Helper = require('./Helper-CU4Xuiki.js');
 require('./anime.es-BqW8JHZi.js');
 

package/dist/cjs/salla-payments.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-BFaAWRue.js');
+var index = require('./index-oqqfD8M2.js');
 
 const sallaPaymentsCss = ":host{display:block}";
 

package/dist/cjs/salla-placeholder.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-BFaAWRue.js');
+var index = require('./index-oqqfD8M2.js');
 
 var Inbox = `<!-- Generated by IcoMoon.io -->
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">

package/dist/cjs/salla-price-range.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-BFaAWRue.js');
+var index = require('./index-oqqfD8M2.js');
 var arrowLeft = require('./arrow-left-xSEmRpp6.js');
 
 var arrowRight = `<!-- Generated by IcoMoon.io -->

package/dist/cjs/salla-product-card-embed.cjs.entry.js

@@ -3,9 +3,9 @@
  */
 'use strict';
 
-var index = require('./index-BFaAWRue.js');
+var index = require('./index-oqqfD8M2.js');
 
-const sallaProductCardEmbedCss = "";
+const sallaProductCardEmbedCss = ":host(:has(.s-product-card-embed-card-align-left)){float:inline-start;max-width:12rem;margin-block-end:1em;margin-inline-end:1em;shape-outside:margin-box}:host(:has(.s-product-card-embed-card-align-right)){float:inline-end;max-width:12rem;margin-block-end:1em;margin-inline-start:1em;shape-outside:margin-box}:host(:has(.s-product-card-embed-card-align-center)){display:block;clear:both;max-width:12rem;margin-block:1em;margin-inline:auto}:host(:has(.s-product-card-embed-card-align-left)) .s-product-card-embed-card-align-left,:host(:has(.s-product-card-embed-card-align-right)) .s-product-card-embed-card-align-right{float:none}";
 
 const SallaProductCardEmbed = class {
     constructor(hostRef) {

package/dist/cjs/salla-product-card_2.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-BFaAWRue.js');
+var index = require('./index-oqqfD8M2.js');
 var star2 = require('./star2-R146a27p.js');
 var Helper = require('./Helper-CU4Xuiki.js');
 require('./anime.es-BqW8JHZi.js');

package/dist/cjs/salla-product-size-guide.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-BFaAWRue.js');
+var index = require('./index-oqqfD8M2.js');
 
 var PencilRuler = `<!-- Generated by IcoMoon.io -->
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">

package/dist/cjs/salla-products-list.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-BFaAWRue.js');
+var index = require('./index-oqqfD8M2.js');
 var anime_es = require('./anime.es-BqW8JHZi.js');
 var shoppingBag = require('./shopping-bag-C1gvTVHr.js');
 var Helper = require('./Helper-CU4Xuiki.js');

package/dist/cjs/salla-progress-bar.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-BFaAWRue.js');
+var index = require('./index-oqqfD8M2.js');
 
 const sallaProgressBarCss = "";
 

package/dist/cjs/salla-quick-order.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-BFaAWRue.js');
+var index = require('./index-oqqfD8M2.js');
 var iphoneX = require('./iphone-x-qC21wCLj.js');
 var mail = require('./mail-Bgvt2hc9.js');
 var cancel = require('./cancel-B5SbMYEk.js');

package/dist/cjs/salla-rating-modal.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-BFaAWRue.js');
+var index = require('./index-oqqfD8M2.js');
 var star = require('./star-DGcH7Yso.js');
 var checkCircle2 = require('./check-circle2-BDvlT4_n.js');
 var Helper = require('./Helper-CU4Xuiki.js');

package/dist/cjs/salla-reward-action_4.cjs.entry.js

@@ -3,13 +3,13 @@
  */
 'use strict';
 
-var index = require('./index-BFaAWRue.js');
-var functions = require('./functions-g_kb3rFp.js');
+var index = require('./index-oqqfD8M2.js');
+var functions = require('./functions-CdVaIsQM.js');
 var gift = require('./gift-DbNivqYO.js');
 var tag = require('./tag-D-PcUR33.js');
 var check = require('./check-BnVBPQNp.js');
 var cancel = require('./cancel-B5SbMYEk.js');
-var trackedPromise = require('./tracked-promise-hdme5g67.js');
+var trackedPromise = require('./tracked-promise-DV0VuqZL.js');
 
 const sallaLoyaltyProgramCss$3 = "";
 
@@ -220,25 +220,30 @@ const SallaRewardExchange = class {
             functions.closeModals();
         }, timeout);
     }
+    getApiErrorMessage(error) {
+        return error?.response?.data?.error?.message
+            || error?.response?.data?.message
+            || (typeof error === 'string' ? error : null)
+            || salla.lang.get('common.errors.error_occurred');
+    }
     async handleConfirm() {
         try {
             await this.exchange(this.prize.id, null, this.productId);
             this.reset(300);
         }
         catch (error) {
-            salla.logger.error(error);
-            // Do NOT close the modal; let the error state render so the user sees feedback.
+            salla.notify.error(this.getApiErrorMessage(error));
         }
     }
     handleCancel() {
         this.reset(0);
     }
     render() {
-        return (index.h(index.Host, { key: '9f9e5833308a37e4fdf6b6032e42b094544a66ee' }, index.h("div", { key: 'a85b810c09dc44de7ed8d6889ae00c488f49bf2e', class: "s-loyalty-program-exchange-heading" }, index.h("div", { key: '50fc0bca341e0650a8fe0fdeb5d93353ea331643', class: "s-loyalty-program-circle-base s-loyalty-program-circle-size-xl s-loyalty-program-circle-variant-fill" }, index.h("span", { key: '978449d432fe380771a43dc9f99c69065889af43', innerHTML: gift.SIGift })), index.h("h2", { key: 'bc271df18a64c7931cc4741f1202485f4ac158f9' }, salla.lang.get('pages.loyalty_program.redeem_reward')), index.h("p", { key: '1d6fe9a9bbedd1701a7a792e0d3641d0fe549434' }, salla.lang.get('pages.loyalty_program.redeem_confirmation'), " ", index.h("span", { key: 'a9b451ca79b31bb6446d65ce74162636ab18d9a0' }, "(", this.prize.cost_points, " ", salla.lang.get('pages.loyalty_program.point'), ")"), " ", salla.lang.get('pages.loyalty_program.for'), " ", index.h("span", { key: '0ce60c117ab20043bd813f4a71f152a5e680fea5' }, "(", this.prize.name, ")"))), index.h("div", { key: '903aed1d96b6fb7ca76eebde9fdca90cbeae7d40', class: "s-loyalty-program-exchange-btns" }, index.h("button", { key: 'ce35e626628d93b949d29d5500bff5c69b9ef917', class: "s-loyalty-program-rewards-action-base s-loyalty-program-rewards-action-confirm", onClick: () => this.handleConfirm() }, index.h("span", { key: 'cd65c0ffc2ded6b3be8762c6a978be62247d751c', style: {
+        return (index.h(index.Host, { key: 'ceecba37884a11443b52b76dad69bd164b52b788' }, index.h("div", { key: '598f185363b917969b9de0fb6a536884d6578c95', class: "s-loyalty-program-exchange-heading" }, index.h("div", { key: 'a2aa6b15d97533a973f7f2fb6a2cf517c147367d', class: "s-loyalty-program-circle-base s-loyalty-program-circle-size-xl s-loyalty-program-circle-variant-fill" }, index.h("span", { key: '9745001d514643add62fe9a64df7fc2c0a694513', innerHTML: gift.SIGift })), index.h("h2", { key: '4819327aacc1307c0f75014d9faef50f55115289' }, salla.lang.get('pages.loyalty_program.redeem_reward')), index.h("p", { key: 'b39c99abcefb0f3baf609cd21049b083a115cdef' }, salla.lang.get('pages.loyalty_program.redeem_confirmation'), " ", index.h("span", { key: '50852d87c9686f66beddc7b0a0a3062f0ced1a61' }, "(", this.prize.cost_points, " ", salla.lang.get('pages.loyalty_program.point'), ")"), " ", salla.lang.get('pages.loyalty_program.for'), " ", index.h("span", { key: '5a4baa0f02859ced6fdcf7ce77c31bf9b27c45e6' }, "(", this.prize.name, ")"))), index.h("div", { key: 'b1f1067bd0f3a84231ac017f4b66a71277a5d209', class: "s-loyalty-program-exchange-btns" }, index.h("button", { key: '7d4ce6c08fcac58290b364a0df55f8acb715d362', class: "s-loyalty-program-rewards-action-base s-loyalty-program-rewards-action-confirm", onClick: () => this.handleConfirm() }, index.h("span", { key: 'ef1deb96c4bbb2843ae088b539848c15aacdb244', style: {
                 opacity: this.exchange.status !== 'pending' ? '1' : '0',
-            } }, salla.lang.get('common.elements.confirm')), index.h("span", { key: '7cf2af5515142b582b80ec4ad692f7d6e3475142', class: "s-loyalty-program-exchange-loading", style: {
+            } }, salla.lang.get('common.elements.confirm')), index.h("span", { key: '0f949386c85d7544f7098e2bdc8c7ce4390c4383', class: "s-loyalty-program-exchange-loading", style: {
                 opacity: this.exchange.status === 'pending' ? '1' : '0',
-            } }, index.h("salla-loading", { key: 'd75aaa299b326ab9b15f9e77c122d3fca090273a', color: "primary", size: 24 }))), index.h("button", { key: 'beadc051a5a75d34ea7a906c0ce97124bfa02596', class: "s-loyalty-program-rewards-action-base s-loyalty-program-rewards-action-cancel", onClick: () => this.handleCancel() }, salla.lang.get('common.elements.cancel')))));
+            } }, index.h("salla-loading", { key: '9cdfbfdc7ebfb2e1874f1956560dc464e4aa2a9f', color: "primary", size: 24 }))), index.h("button", { key: '79a2e8b44be5eb4b3ec5f1a285a8f4eba5324814', class: "s-loyalty-program-rewards-action-base s-loyalty-program-rewards-action-cancel", onClick: () => this.handleCancel() }, salla.lang.get('common.elements.cancel')))));
     }
 };
 __decorate([

package/dist/cjs/salla-scopes.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-BFaAWRue.js');
+var index = require('./index-oqqfD8M2.js');
 var search = require('./search-c7Aa7lM9.js');
 
 var StoreAlt = `<!-- Generated by IcoMoon.io -->

package/dist/cjs/salla-search.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-BFaAWRue.js');
+var index = require('./index-oqqfD8M2.js');
 var search = require('./search-c7Aa7lM9.js');
 var Helper = require('./Helper-CU4Xuiki.js');
 require('./anime.es-BqW8JHZi.js');

package/dist/cjs/salla-skeleton.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-BFaAWRue.js');
+var index = require('./index-oqqfD8M2.js');
 
 const sallaSkeletonCss = ":host{display:block}";