@salla.sa/twilight-components 2.14.438 → 2.14.440

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-DQ335bXf.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-XEcnGv2r.js';
 import { A as ArrowLeftIcon, a as ArrowRightIcon } from './keyboard_arrow_right-Vqpj4CWE.js';
 
 const sallaMultipleBundleProductOptionsModalCss = ":host{display:block}";
@@ -20,6 +20,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
@@ -81,6 +82,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);
@@ -111,6 +113,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');
@@ -349,6 +355,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
@@ -465,7 +479,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 (h(Host, { key: 'd9dc4018798fe902048f3e3e37fcb2edf84713b0' }, 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" }, h("div", { key: '10fcc08be35bfd4231f9cf48501614ae49a985a3', slot: "loading" }, h("salla-skeleton", { key: '1aee9616e4f05188067708506352b0d97d504696', height: "100%", width: "100%" })), this.product?.images && this.product?.images.length > 0 && (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 (h(Host, { key: '6c1d1d3911867e30240676f3e2b7353e9ecf76c3' }, 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" }, h("div", { key: '20a52bbc732c6edfffde86577e99bbe300a1a4c8', slot: "loading" }, h("salla-skeleton", { key: '3a69fc75939d8b8f8639983d0f2f8dd8bf961152', height: "100%", width: "100%" })), this.product?.images && this.product?.images.length > 0 && (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)),
@@ -473,13 +487,13 @@ const SallaMultipleBundleProductOptionsModal = class {
                 watchSlidesProgress: true,
                 direction: 'vertical',
                 spaceBetween: 10,
-            } }, h("div", { key: '11970032bdc37e5d20d6737e3109fcec9b4de4cb', slot: "items" }, this.product?.images &&
+            } }, h("div", { key: '3b6a88fe3862870d674dadc31967df6cc8fac365', slot: "items" }, this.product?.images &&
             this.product?.images.map((image, index) => (h("div", { key: index, class: "swiper-slide" }, h("img", { src: image.url, alt: image.alt || `${this.product?.name} - Image ${index + 1}`, loading: "lazy", onError: e => {
                     e.target.style.display = 'none';
-                } }))))), this.product?.images && this.product?.images.length > 1 && (h("div", { key: 'c7d0fd432d8449e4742f0686ddecb7e87bebf159', slot: "thumbs" }, this.product?.images &&
+                } }))))), this.product?.images && this.product?.images.length > 1 && (h("div", { key: '6fce48b5b035cc61866aaf6c339866fa2314be87', slot: "thumbs" }, this.product?.images &&
             this.product?.images.map((image, index) => (h("div", { key: index, "data-caption": `${this.product?.name} - Image ${index + 1}` }, h("img", { src: image.url, loading: "eager", class: "s-multiple-bundle-product-options-modal-slider-thumb", title: `${this.product?.name} - ${index + 1}`, alt: image.alt || `${this.product?.name} - ${index + 1}`, onError: e => {
                     e.target.style.display = 'none';
-                } })))))))), h("salla-product-options", { options: JSON.stringify(optionsWithSelectedState), key: `${cacheKey}-reset-${resetToken}`, "product-id": productId, "unique-key": `${cacheKey}-reset-${resetToken}` }), h("div", { key: 'c9b5f53696d9f8800e3a6be31ec78b51f0cb9bb1', slot: "footer" }, h("div", { key: 'e972370006feae6c17797f54c415ef0d2aaa3f57', class: "s-multiple-bundle-product-options-modal-footer" }, h("salla-button", { key: '7a3787936eec6c0c8a69a64799af5595f51909f9', onClick: e => this.onSave(e), loading: this.isLoading, disabled: isDisabled }, this.isLoading
+                } })))))))), h("salla-product-options", { options: JSON.stringify(optionsWithSelectedState), key: `${cacheKey}-reset-${resetToken}`, "product-id": productId, "unique-key": `${cacheKey}-reset-${resetToken}` }), h("div", { key: '3d555ea40fe5d9f3685fc6dafa4b6fad16732091', slot: "footer" }, h("div", { key: '1b4c6834899efbd09f3ea1db251999f50ec655b2', class: "s-multiple-bundle-product-options-modal-footer" }, 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')))))));
     }
@@ -499,39 +513,71 @@ const SallaMultipleBundleProductSlider = class {
         this.productOptionsSelected = 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}`;
     }
@@ -577,9 +623,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 (h(Host, { key: 'ecdac4638007d9435ec8b06f32114a0dada03b86' }, 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 } }, h("div", { key: '17bdd6def2ff6f1d2ad22fa8b5299fc0000b1e82', slot: "items" }, this?.section?.products?.map((product, productIndex) => {
+        return (h(Host, { key: 'd52eb26454606df2526fa4c086110a54f7466644' }, 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 } }, 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', 'تعديل الخيارات')
@@ -587,9 +650,7 @@ const SallaMultipleBundleProductSlider = class {
             let optionsArrowIcon = salla.config.get('theme.is_rtl', true)
                 ? ArrowLeftIcon
                 : ArrowRightIcon;
-            return (h("div", { class: `s-multiple-bundle-product-slide-one-third ${product.quantity == 0
-                    ? 's-multiple-bundle-product-slide-one-third-disabled'
-                    : ''}`, key: product.id }, h("div", { class: "s-multiple-bundle-product-card" }, h("div", { class: "s-multiple-bundle-product-image-wrapper", onClick: () => this.handleProductClick(product, productIndex) }, 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 }), 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" })), h("div", { class: "s-multiple-bundle-product-content-wrapper" }, h("div", { class: "s-multiple-bundle-product-content" }, h("div", { class: "s-multiple-bundle-product-details" }, h("div", { class: "s-multiple-bundle-product-title-wrapper" }, h("h2", { class: "s-multiple-bundle-product-title" }, h("a", { href: product?.url || '#', target: "_blank", rel: "noopener noreferrer" }, product.name))), h("div", { class: "s-multiple-bundle-product-price-wrapper" }, h("span", { class: "s-multiple-bundle-product-price" }, h("span", { innerHTML: salla.money(product.price) })), product.sale_price > 0 && (h("span", { class: "s-multiple-bundle-product-price-discount" }, h("span", { innerHTML: salla.money(product.regular_price) }))))), product.quantity_in_group > 0 && product.quantity !== 0 && (h("span", { class: "s-multiple-bundle-product-badge" }, salla.lang.get('pages.products.pieces'), h("span", null, product.quantity_in_group))), product.quantity === 0 && (h("span", { class: "s-multiple-bundle-product-badge" }, salla.lang.get('pages.products.quantity_in_group_finished')))), product.options?.length > 0 && (h("button", { class: "s-multiple-bundle-product-button", onClick: () => this.handleOptionsClick(product), type: "button" }, optionsButtonLabel, h("span", { class: "s-multiple-bundle-product-button-icon", innerHTML: optionsArrowIcon })))))));
+            return (h("div", { class: `s-multiple-bundle-product-slide-one-third${isDisabled ? ' s-multiple-bundle-product-slide-one-third-disabled' : ''}`, key: product.id }, h("div", { class: "s-multiple-bundle-product-card" }, h("div", { class: "s-multiple-bundle-product-image-wrapper", onClick: () => this.handleProductClick(product, productIndex) }, 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) }), 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" })), h("div", { class: "s-multiple-bundle-product-content-wrapper" }, h("div", { class: "s-multiple-bundle-product-content" }, h("div", { class: "s-multiple-bundle-product-details" }, h("div", { class: "s-multiple-bundle-product-title-wrapper" }, h("h2", { class: "s-multiple-bundle-product-title" }, h("a", { href: product?.url || '#', target: "_blank", rel: "noopener noreferrer" }, product.name))), h("div", { class: "s-multiple-bundle-product-price-wrapper" }, h("span", { class: "s-multiple-bundle-product-price" }, h("span", { innerHTML: salla.money(product.price) })), product.sale_price > 0 && (h("span", { class: "s-multiple-bundle-product-price-discount" }, h("span", { innerHTML: salla.money(product.regular_price) }))))), product.quantity_in_group > 0 && product.quantity !== 0 && (h("span", { class: "s-multiple-bundle-product-badge" }, salla.lang.get('pages.products.pieces'), h("span", null, product.quantity_in_group))), product.quantity === 0 && (h("span", { class: "s-multiple-bundle-product-badge" }, salla.lang.get('pages.products.quantity_in_group_finished')))), product.options?.length > 0 && (h("button", { class: "s-multiple-bundle-product-button", onClick: () => this.handleOptionsClick(product), type: "button" }, optionsButtonLabel, h("span", { class: "s-multiple-bundle-product-button-icon", innerHTML: optionsArrowIcon })))))));
         })))));
     }
     get host() { return getElement(this); }

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host } from './index-DQ335bXf.js';
+import { r as registerInstance, h, H as Host } from './index-XEcnGv2r.js';
 
 const sallaMultipleBundleProductCss = ":host{display:block}";
 

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h } from './index-DQ335bXf.js';
+import { r as registerInstance, h } from './index-XEcnGv2r.js';
 import { T as TagMoneyIcon } from './tag-money-CJUR4sUM.js';
 import { i as iconCopy } from './swap-stroke-DqDX5na4.js';
 

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h } from './index-DQ335bXf.js';
+import { r as registerInstance, h } from './index-XEcnGv2r.js';
 
 const sallaNotificationsCss = "";
 

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, a as getElement } from './index-DQ335bXf.js';
+import { r as registerInstance, h, a as getElement } from './index-XEcnGv2r.js';
 import { H as Helper } from './Helper-DFMXF2_h.js';
 import './anime.es-CgtvEd63.js';
 

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, a as getElement } from './index-DQ335bXf.js';
+import { r as registerInstance, h, a as getElement } from './index-XEcnGv2r.js';
 import { S as SpecialDiscountIcon } from './special-discount-Ctkfc4K-.js';
 import { S as SITag } from './tag-cgSL_BIo.js';
 import { S as SICart2 } from './cart2-D1s2kXqL.js';

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, a as getElement } from './index-DQ335bXf.js';
+import { r as registerInstance, h, a as getElement } from './index-XEcnGv2r.js';
 
 var PageType;
 (function (PageType) {

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host } from './index-DQ335bXf.js';
+import { r as registerInstance, h, H as Host } from './index-XEcnGv2r.js';
 
 const sallaOrderDetailsMultipleBundleProductCss = "";
 

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host } from './index-DQ335bXf.js';
+import { r as registerInstance, h, H as Host } from './index-XEcnGv2r.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/esm/salla-order-details.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, F as Fragment, H as Host } from './index-DQ335bXf.js';
+import { r as registerInstance, h, F as Fragment, H as Host } from './index-XEcnGv2r.js';
 
 const sallaOrderDetailsCss = "";
 

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-DQ335bXf.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-XEcnGv2r.js';
 import { a as getOrderEditProductMaxQuantity } from './helpers-DR_vlSvU.js';
 import './interfaces-CoQJOPRz.js';
 

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-DQ335bXf.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-XEcnGv2r.js';
 
 const sallaOrderEditProductCardCss = ":host{display:block;min-width:0}";
 

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host } from './index-DQ335bXf.js';
+import { r as registerInstance, h, H as Host } from './index-XEcnGv2r.js';
 import { g as getOrderItemSelectedOptions, a as getOrderEditProductMaxQuantity, c as clampOrderEditQuantity, u as updateOrderItems, r as removeOrderItems, m as mergePayloadItems, b as cloneOrderEditProduct, f as findMergeableItem, d as updateAddedPayloadList, e as upsertPayloadUpdateList, h as createAddedOrderItem, i as buildSavePayload } from './helpers-DR_vlSvU.js';
 import './interfaces-CoQJOPRz.js';
 
@@ -42,6 +42,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}`);
         };
@@ -51,14 +56,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();
@@ -457,7 +481,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 (h("div", { class: "s-order-edit-modal-item" }, h("div", { class: "s-order-edit-modal-item-start" }, imageUrl && (h("img", { src: imageUrl, alt: item.name, class: "s-order-edit-modal-item-image" })), h("div", null, h("p", { class: "s-order-edit-modal-item-name" }, item.name), optionsLabel && (h("span", { class: "s-order-edit-modal-item-options" }, optionsLabel)))), h("div", { class: "s-order-edit-modal-item-end" }, h("span", { class: "s-order-edit-modal-item-price", innerHTML: salla.money(item.price.amount) }))));
+            return (h("div", { class: "s-order-edit-modal-item" }, h("div", { class: "s-order-edit-modal-item-start" }, imageUrl && (h("img", { src: imageUrl, alt: item.name, class: "s-order-edit-modal-item-image" })), h("div", null, h("p", { class: "s-order-edit-modal-item-name" }, item.name), optionsLabel && (h("span", { class: "s-order-edit-modal-item-options" }, optionsLabel)))), h("div", { class: "s-order-edit-modal-item-end" }, h("span", { class: "s-order-edit-modal-item-quantity", dir: "ltr", innerHTML: item.quantity + " x " + item.price.amount }), h("span", { class: "s-order-edit-modal-item-price", innerHTML: salla.money(item.price.amount * item.quantity) }))));
         }))), preview?.totals?.updated_products_total && (h("div", { class: "s-order-edit-modal-row" }, h("span", { class: "s-order-edit-modal-row-label" }, salla.lang.getWithDefault('pages.orders.modified_products_total', 'مجموع المنتجات المعدلة')), h("span", { class: "s-order-edit-modal-row-value", innerHTML: salla.money(preview.totals.updated_products_total.amount) }))), taxAmount > 0 && (h("div", { class: "s-order-edit-modal-row" }, h("span", { class: "s-order-edit-modal-tax-label" }, h("i", { class: "sicon-info-circle s-order-edit-modal-tax-icon" }), salla.lang.getWithDefault('pages.orders.vat', 'ضريبة القيمة المضافة')), h("span", { class: "s-order-edit-modal-row-value", innerHTML: salla.money(taxAmount) }))), preview?.totals?.total && (h("div", { class: "s-order-edit-modal-total" }, h("span", { class: "s-order-edit-modal-total-label" }, salla.lang.getWithDefault('pages.orders.order_total', 'اجمالي الطلب')), h("span", { class: "s-order-edit-modal-total-value", innerHTML: salla.money(preview.totals.total.amount) }))), hasRefundAmount && (h("div", { class: "s-order-edit-modal-refund" }, h("i", { class: "sicon-info-circle s-order-edit-modal-refund-icon" }), h("p", { class: "s-order-edit-modal-refund-text" }, salla.lang.getWithDefault('pages.orders.refund_message', 'سيتم تحويل فارق المبلغ على نفس وسيلة الدفع')))), h("div", { class: "s-order-edit-modal-btn-wrapper" }, h("salla-button", { onClick: () => this.handleConfirm() }, hasRemainingAmount
             ? salla.lang.getWithDefault('pages.orders.pay_difference', 'دفع فارق المبلغ')
             : hasRefundAmount

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h } from './index-DQ335bXf.js';
+import { r as registerInstance, h } from './index-XEcnGv2r.js';
 import { i as iconCopy } from './swap-stroke-DqDX5na4.js';
 import { S as SICheck } from './check-BZp0rKEO.js';
 

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host } from './index-DQ335bXf.js';
+import { r as registerInstance, h, H as Host } from './index-XEcnGv2r.js';
 
 const sallaOrderTotalsCardCss = ":host{display:block}";
 

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, a as getElement } from './index-DQ335bXf.js';
+import { r as registerInstance, h, a as getElement } from './index-XEcnGv2r.js';
 import { H as Helper } from './Helper-DFMXF2_h.js';
 import './anime.es-CgtvEd63.js';
 

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host, a as getElement } from './index-DQ335bXf.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-XEcnGv2r.js';
 
 const sallaPaymentsCss = ":host{display:block}";
 

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host } from './index-DQ335bXf.js';
+import { r as registerInstance, h, H as Host } from './index-XEcnGv2r.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/esm/salla-price-range.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-DQ335bXf.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-XEcnGv2r.js';
 import { a as arrowLeft } from './arrow-left-BedNk7k1.js';
 
 var arrowRight = `<!-- Generated by IcoMoon.io -->

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

@@ -1,9 +1,9 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host } from './index-DQ335bXf.js';
+import { r as registerInstance, h, H as Host } from './index-XEcnGv2r.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/esm/salla-product-card_2.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host, a as getElement } from './index-DQ335bXf.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-XEcnGv2r.js';
 import { S as Star } from './star2-D4oPi1Ov.js';
 import { H as Helper } from './Helper-DFMXF2_h.js';
 import './anime.es-CgtvEd63.js';

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, a as getElement } from './index-DQ335bXf.js';
+import { r as registerInstance, h, a as getElement } from './index-XEcnGv2r.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/esm/salla-products-list.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-DQ335bXf.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-XEcnGv2r.js';
 import { a as anime } from './anime.es-CgtvEd63.js';
 import { S as ShoppingBag } from './shopping-bag-DiKTtDW5.js';
 import { H as Helper } from './Helper-DFMXF2_h.js';

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h } from './index-DQ335bXf.js';
+import { r as registerInstance, h } from './index-XEcnGv2r.js';
 
 const sallaProgressBarCss = "";
 

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-DQ335bXf.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-XEcnGv2r.js';
 import { S as SIiPhoneX } from './iphone-x-CciN5Q_x.js';
 import { S as SIMail } from './mail-DLNIOD9t.js';
 import { S as SICancel } from './cancel-8Tsmrwno.js';

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host, a as getElement } from './index-DQ335bXf.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-XEcnGv2r.js';
 import { W as WishListIcon } from './star-ZT7ehBBk.js';
 import { C as CheckCircle2 } from './check-circle2-BV4kqbdL.js';
 import { H as Helper } from './Helper-DFMXF2_h.js';

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

@@ -1,13 +1,13 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-DQ335bXf.js';
-import { c as closeModals, b as brand_path, f as formattedPointsJsx } from './functions-BiPE31Ri.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-XEcnGv2r.js';
+import { c as closeModals, b as brand_path, f as formattedPointsJsx } from './functions-D8zpoRMj.js';
 import { S as SIGift } from './gift-CXRKXFgT.js';
 import { S as SITag } from './tag-cgSL_BIo.js';
 import { S as SICheck } from './check-BZp0rKEO.js';
 import { S as SICancel } from './cancel-8Tsmrwno.js';
-import { T as TrackedPromise } from './tracked-promise-BhtDirMQ.js';
+import { T as TrackedPromise } from './tracked-promise-DhOWivzL.js';
 
 const sallaLoyaltyProgramCss$3 = "";
 
@@ -218,25 +218,30 @@ const SallaRewardExchange = class {
             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 (h(Host, { key: '9f9e5833308a37e4fdf6b6032e42b094544a66ee' }, h("div", { key: 'a85b810c09dc44de7ed8d6889ae00c488f49bf2e', class: "s-loyalty-program-exchange-heading" }, h("div", { key: '50fc0bca341e0650a8fe0fdeb5d93353ea331643', class: "s-loyalty-program-circle-base s-loyalty-program-circle-size-xl s-loyalty-program-circle-variant-fill" }, h("span", { key: '978449d432fe380771a43dc9f99c69065889af43', innerHTML: SIGift })), h("h2", { key: 'bc271df18a64c7931cc4741f1202485f4ac158f9' }, salla.lang.get('pages.loyalty_program.redeem_reward')), h("p", { key: '1d6fe9a9bbedd1701a7a792e0d3641d0fe549434' }, salla.lang.get('pages.loyalty_program.redeem_confirmation'), " ", h("span", { key: 'a9b451ca79b31bb6446d65ce74162636ab18d9a0' }, "(", this.prize.cost_points, " ", salla.lang.get('pages.loyalty_program.point'), ")"), " ", salla.lang.get('pages.loyalty_program.for'), " ", h("span", { key: '0ce60c117ab20043bd813f4a71f152a5e680fea5' }, "(", this.prize.name, ")"))), h("div", { key: '903aed1d96b6fb7ca76eebde9fdca90cbeae7d40', class: "s-loyalty-program-exchange-btns" }, h("button", { key: 'ce35e626628d93b949d29d5500bff5c69b9ef917', class: "s-loyalty-program-rewards-action-base s-loyalty-program-rewards-action-confirm", onClick: () => this.handleConfirm() }, h("span", { key: 'cd65c0ffc2ded6b3be8762c6a978be62247d751c', style: {
+        return (h(Host, { key: 'ceecba37884a11443b52b76dad69bd164b52b788' }, h("div", { key: '598f185363b917969b9de0fb6a536884d6578c95', class: "s-loyalty-program-exchange-heading" }, h("div", { key: 'a2aa6b15d97533a973f7f2fb6a2cf517c147367d', class: "s-loyalty-program-circle-base s-loyalty-program-circle-size-xl s-loyalty-program-circle-variant-fill" }, h("span", { key: '9745001d514643add62fe9a64df7fc2c0a694513', innerHTML: SIGift })), h("h2", { key: '4819327aacc1307c0f75014d9faef50f55115289' }, salla.lang.get('pages.loyalty_program.redeem_reward')), h("p", { key: 'b39c99abcefb0f3baf609cd21049b083a115cdef' }, salla.lang.get('pages.loyalty_program.redeem_confirmation'), " ", h("span", { key: '50852d87c9686f66beddc7b0a0a3062f0ced1a61' }, "(", this.prize.cost_points, " ", salla.lang.get('pages.loyalty_program.point'), ")"), " ", salla.lang.get('pages.loyalty_program.for'), " ", h("span", { key: '5a4baa0f02859ced6fdcf7ce77c31bf9b27c45e6' }, "(", this.prize.name, ")"))), h("div", { key: 'b1f1067bd0f3a84231ac017f4b66a71277a5d209', class: "s-loyalty-program-exchange-btns" }, h("button", { key: '7d4ce6c08fcac58290b364a0df55f8acb715d362', class: "s-loyalty-program-rewards-action-base s-loyalty-program-rewards-action-confirm", onClick: () => this.handleConfirm() }, h("span", { key: 'ef1deb96c4bbb2843ae088b539848c15aacdb244', style: {
                 opacity: this.exchange.status !== 'pending' ? '1' : '0',
-            } }, salla.lang.get('common.elements.confirm')), h("span", { key: '7cf2af5515142b582b80ec4ad692f7d6e3475142', class: "s-loyalty-program-exchange-loading", style: {
+            } }, salla.lang.get('common.elements.confirm')), h("span", { key: '0f949386c85d7544f7098e2bdc8c7ce4390c4383', class: "s-loyalty-program-exchange-loading", style: {
                 opacity: this.exchange.status === 'pending' ? '1' : '0',
-            } }, h("salla-loading", { key: 'd75aaa299b326ab9b15f9e77c122d3fca090273a', color: "primary", size: 24 }))), 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')))));
+            } }, h("salla-loading", { key: '9cdfbfdc7ebfb2e1874f1956560dc464e4aa2a9f', color: "primary", size: 24 }))), 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/esm/salla-scopes.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host } from './index-DQ335bXf.js';
+import { r as registerInstance, h, H as Host } from './index-XEcnGv2r.js';
 import { S as Search } from './search-BscTeWDc.js';
 
 var StoreAlt = `<!-- Generated by IcoMoon.io -->

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, a as getElement } from './index-DQ335bXf.js';
+import { r as registerInstance, h, a as getElement } from './index-XEcnGv2r.js';
 import { S as Search } from './search-BscTeWDc.js';
 import { H as Helper } from './Helper-DFMXF2_h.js';
 import './anime.es-CgtvEd63.js';