@salla.sa/twilight-components 2.14.438 → 2.14.440

package/dist/esm/salla-installment.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 sallaInstallmentCss = "salla-installment:empty{display:none}#tabbyPromoWrapper{background:white;border-radius:0.375rem;transition:box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1);margin-bottom:20px;border:unset !important;font-weight:500}.salla-y #tabbyPromoWrapper{border:1px solid var(--color-grey-dark);border-radius:12px}#tabbyPromoWrapper:hover{box-shadow:0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 5px 10px 30px rgba(43, 45, 52, 0.0509803922)}#tabbyPromoWrapper #tabbyPromo *{font-family:var(--font-main)}#tabbyPromoWrapper #tabbyPromo>div>div{max-width:none;box-shadow:none;border:none}#tabbyPromoWrapper #tabbyPromo .tabby-promo-snippet{max-width:100%;min-height:100px;padding:18px 20px;border:none !important}#tabbyPromoWrapper #tabbyPromo .tabby-promo-snippet__text,#tabbyPromoWrapper #tabbyPromo .tabby-promo-snippet__link{font-size:var(--font-sm);color:var(--color-text) !important}#tabbyPromoWrapper #tabbyPromo .tabby-promo-snippet__link{font-weight:bold}.tabby-promo-wrapper #tabby-promo{font-family:var(--font-main) !important}.tabby-promo-wrapper #tabby-promo .tabby-promo__feature-title{font-size:var(--font-md)}.tabby-promo-wrapper #tabby-promo .tabby-promo__feature-desc{font-size:var(--font-sm);line-height:20px}.tamara-product-widget{margin-bottom:20px}.tamara-product-widget,.spotii-wrapper{min-height:100px;position:relative;color:var(--main-text-color);font-size:var(--font-sm);line-height:1.25;padding:20px 20px 20px 115px !important;background:white;border-radius:0.375rem;transition:box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1);border:unset !important;font-family:inherit !important;font-weight:500}.salla-y .tamara-product-widget,.salla-y .spotii-wrapper{border-radius:12px;border:1px solid var(--color-grey-dark)}.tamara-product-widget:hover,.spotii-wrapper:hover{box-shadow:0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 5px 10px 30px rgba(43, 45, 52, 0.0509803922)}.tamara-product-widget .spotii-logo,.spotii-wrapper .spotii-logo{float:left;margin:0 0 0 -75px}.ltr .tamara-product-widget,.ltr .spotii-wrapper{text-align:left;padding:18px 100px 18px 20px !important}.ltr .tamara-product-widget .spotii-logo,.ltr .spotii-wrapper .spotii-logo{float:right;margin:0 -75px 0 0}.ltr .tamara-product-widget .spotii-product-widget,.ltr .spotii-wrapper .spotii-product-widget{text-align:left !important}.spotii-wrapper{margin-bottom:20px}.spotii-wrapper .spotii-promo{font-size:var(--font-md)}.spotii-wrapper .spotii-product-widget{font-size:var(--font-sm) !important;margin-top:10px}.tamara-product-widget .tamara-logo{position:absolute;left:20px !important;top:35px !important;margin:0 !important;height:24px !important}.ltr .tamara-product-widget .tamara-logo{right:20px !important;left:auto !important}.tamara-product-widget span{font-family:var(--font-main);font-size:var(--font-sm);color:var(--color-text)}.tamara-product-widget span:last-child{display:block;position:relative;margin-top:8px}.tamara-popup__wrap{overflow:auto !important}.s-installment-mispay-wrapper,.s-installment-madfu-wrapper,.s-installment-emkan-wrapper,.s-installment-rajehi-wrapper{font-size:14px;text-align:right;padding:20px;gap:42px;line-height:22px;color:rgb(0, 0, 0);min-width:100%;box-sizing:border-box;position:relative;background-color:white;border-radius:10px;margin:15px 0;display:flex;transition:box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1)}.s-installment-mispay-wrapper:hover,.s-installment-madfu-wrapper:hover,.s-installment-emkan-wrapper:hover,.s-installment-rajehi-wrapper:hover{box-shadow:0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 5px 10px 30px rgba(43, 45, 52, 0.0509803922)}.s-installment-mispay-content,.s-installment-madfu-content,.s-installment-emkan-content,.s-installment-rajehi-content{display:flex;flex-direction:row-reverse;width:100%;justify-content:space-between;align-items:center;gap:1rem}.s-installment-mispay-content-text,.s-installment-madfu-content-text,.s-installment-emkan-content-text,.s-installment-rajehi-content-text{color:var(--main-text-color);font-size:14px;font-weight:500;margin:0 16px 0 0;width:80%;left:14px;text-align:left}.s-installment-mispay-content img,.s-installment-madfu-content img,.s-installment-emkan-content img,.s-installment-rajehi-content img{height:28px;width:70px;display:inline-block;max-height:100%;vertical-align:middle;fill:none;stroke:unset;width:auto}.rtl .s-installment-mispay-content-text,.rtl .s-installment-madfu-content-text,.rtl .s-installment-emkan-content-text,.rtl .s-installment-rajehi-content-text{right:14px;text-align:right;margin:0 0 0 16px}.rtl .s-installment-mispay-content img,.rtl .s-installment-madfu-content img,.rtl .s-installment-emkan-content img,.rtl .s-installment-rajehi-content img{left:14px !important}.ltr .s-installment-mispay-content img,.ltr .s-installment-madfu-content img,.ltr .s-installment-emkan-content img,.ltr .s-installment-rajehi-content img{right:14px !important}.s-installment-rajehi-content img{width:70px !important;height:40px !important}.s-installment-emkan-content img{height:35px !important}.s-installment-klarna-wrapper{background:white;border-radius:0.375rem;transition:box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1);margin-bottom:20px;padding:10px}.salla-y .s-installment-klarna-wrapper{border:1px solid var(--color-grey-dark);border-radius:12px}.s-installment-klarna-wrapper:hover{box-shadow:0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 5px 10px 30px rgba(43, 45, 52, 0.0509803922)}";
 

package/dist/esm/salla-list-tile.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 sallaListTileCss = "";
 

package/dist/esm/salla-localization-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';
 
 const SallaLocalizationModal = class {
     constructor(hostRef) {

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, F as Fragment, a as getElement } from './index-DQ335bXf.js';
+import { r as registerInstance, h, F as Fragment, a as getElement } from './index-XEcnGv2r.js';
 
 const sallaLoginModalCss = "iframe{-moz-transition:height 0.3s;-ms-transition:height 0.3s;-o-transition:height 0.3s;-webkit-transition:height 0.3s;transition:height 0.3s;width:100%}";
 

package/dist/esm/salla-loyalty-banner.entry.js

@@ -1,10 +1,10 @@
 /*!
  * 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 setTranslations } from './translations-B-Rj6b9M.js';
 import { S as SIGift } from './gift-CXRKXFgT.js';
-import { T as TrackedPromise } from './tracked-promise-BhtDirMQ.js';
+import { T as TrackedPromise } from './tracked-promise-DhOWivzL.js';
 
 const sallaLoyaltyProgramCss = "";
 

package/dist/esm/salla-loyalty-hero_2.entry.js

@@ -1,8 +1,8 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host, a as getElement } from './index-DQ335bXf.js';
-import { c as closeModals, f as formattedPointsJsx } from './functions-BiPE31Ri.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-XEcnGv2r.js';
+import { c as closeModals, f as formattedPointsJsx } from './functions-D8zpoRMj.js';
 import { S as SIGift } from './gift-CXRKXFgT.js';
 import { S as SICart2 } from './cart2-D1s2kXqL.js';
 import { S as SIUserAdd } from './user-add-QpH8MU22.js';

package/dist/esm/salla-loyalty-panel.entry.js

@@ -1,15 +1,15 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { h, r as registerInstance } from './index-DQ335bXf.js';
+import { h, r as registerInstance } from './index-XEcnGv2r.js';
 import { s as setTranslations } from './translations-B-Rj6b9M.js';
-import { n as normalizeLoyaltyData, c as closeModals } from './functions-BiPE31Ri.js';
+import { n as normalizeLoyaltyData, c as closeModals } from './functions-D8zpoRMj.js';
 import { S as Star } from './star2-D4oPi1Ov.js';
 import { S as SICancel } from './cancel-8Tsmrwno.js';
 import { S as SIPercentage, a as SILayoutGrid } from './percentage-Bs6JxDkg.js';
 import { S as SIShipping } from './shipping-CZRcMGA9.js';
 import { S as SICart2 } from './cart2-D1s2kXqL.js';
-import { T as TrackedPromise } from './tracked-promise-BhtDirMQ.js';
+import { T as TrackedPromise } from './tracked-promise-DhOWivzL.js';
 
 var PrizeImage = `<svg xmlns="http://www.w3.org/2000/svg" width="77" height="77" fill="none" viewBox="0 0 57 57"><rect width="56.3" height="55.9" x=".4" y=".2" fill="#FFF5E5" rx="27.9"/><g clip-path="url(#a)"><path fill="#EE9D0D" d="M16.7 27.5h17.5v12.2a1 1 0 0 1-1 1H17.7a1 1 0 0 1-1-1V27.5Z"/><path fill="#C7830B" d="M34.2 27.8v6l-6.8-6.3H34l.3.3Z"/><path fill="#C7830B" d="M34.2 32.3v1.5l-1.6-1.5h1.6Z"/><path fill="#EA2B2D" d="m29.9 15.8-.3.1a2.4 2.4 0 0 0-1.4 1.5l-.2.8-.4.2a2.4 2.4 0 0 0-1.1 1.4l4.2 3.9L33 21l.2-2.9a2.4 2.4 0 0 0-3.3-2.4ZM41.1 26.3v.2a2.4 2.4 0 0 1-1.5 1.6l-.7.3-.2.3a2.4 2.4 0 0 1-1.3 1.3l-4.2-4 2.4-2.5 2.9-.3a2.4 2.4 0 0 1 2.6 3.1Z"/><path fill="#CB2527" d="M23.7 27.5h3.5v13.1h-3.5V27.5Z"/><path fill="#EA2B2D" d="M16.7 32.3h17.5v3.5H16.7v-3.5Z"/><path fill="#CB2527" d="M34.2 32.3v1.5l-1.6-1.5h1.6Z"/><path fill="#EE9D0D" d="M25.3 18.7 38.6 31a1 1 0 0 1 0 1.4l-2.3 2.4-14.7-13.7 2.3-2.5a1 1 0 0 1 1.4 0Z"/><path fill="#CB2527" d="m30.3 23.4 3.2 3-3 3.2-3.2-3 3-3.2ZM31.8 22.8a.4.4 0 0 1-.3-.1l-.3-.4A5.9 5.9 0 0 1 30 18a.4.4 0 0 1 .9 0 5 5 0 0 0 1 3.7l.3.3a.4.4 0 0 1-.4.7Z"/><path fill="#EA2B2D" d="M30.7 23.7c-1.9.7-3.8 1-5.7.9h-1.1l1.9 1.7-.6 1.9 1.8-.6c1.7-.5 3.2-1.4 4.6-2.5l.3-.2-1.2-1.2Z"/><path fill="#CB2527" d="M37.8 26.4c-1.1 0-2.3-.3-3.2-1l-.4-.2a.4.4 0 0 1 0-.8.4.4 0 0 1 .5 0l.3.3a5 5 0 0 0 3.7.7.4.4 0 1 1 .2 1 6 6 0 0 1-1 0Z"/><path fill="#EA2B2D" d="M33.2 26c-.5 2-.7 3.9-.5 5.8l.1 1.1-1.9-1.8-1.8.7.4-1.8c.4-1.7 1.2-3.3 2.2-4.8l.2-.3 1.3 1.2Z"/><path fill="#6699CE" d="M21.5 17.4a.9.9 0 1 0 0-1.7.9.9 0 0 0 0 1.7Z"/><path fill="#FAA6B2" d="M16.7 27.5a.9.9 0 1 0 0-1.8.9.9 0 0 0 0 1.8Z"/><path fill="#A6DEFF" d="M18.4 17.9a.4.4 0 0 1-.4-.3v-.1a1.4 1.4 0 0 0-1.3-1 .4.4 0 0 1-.2-.8h.2a2.3 2.3 0 0 1 2.1 1.5.4.4 0 0 1-.4.7ZM20.6 25.6h-.2v-.1a1 1 0 0 0-1.1 0 .4.4 0 0 1-.5-.8 1.8 1.8 0 0 1 2 0 .4.4 0 0 1-.2.9Z"/><path fill="#EEB436" d="m17.6 18.6 1.3 1.2 1.8-.4-.7 1.7.9 1.6-1.8-.2-1.2 1.3-.4-1.8-1.7-.7 1.6-.9.2-1.8ZM23 26.6l-.5 1.8 1.2 1.3-1.8.2-1 1.5-.6-1.7-1.8-.4 1.4-1.1-.2-1.9 1.6 1 1.6-.7Z"/><path fill="#F72D2F" d="m33.2 26-2.5-2.3L33 21a4 4 0 0 1 2.6 2.4l-2.4 2.6Z"/></g><defs><clipPath id="a"><path fill="#fff" d="M15.8 15.7h25.4v25H15.8z"/></clipPath></defs></svg>`;
 

package/dist/esm/salla-loyalty-points-banner.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 setTranslations } from './translations-B-Rj6b9M.js';
 
 var MoneyIcon = `<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">

package/dist/esm/salla-loyalty-prize-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';
 
 const sallaLoyaltyPrizeItemCss = "salla-loyalty-prize-item:hover{box-shadow:0 5px 15px 1px rgba(0, 0, 0, 0.04) !important}";
 

package/dist/esm/salla-loyalty-program.entry.js

@@ -1,16 +1,16 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { h, r as registerInstance } from './index-DQ335bXf.js';
+import { h, r as registerInstance } from './index-XEcnGv2r.js';
 import { s as setTranslations } from './translations-B-Rj6b9M.js';
-import { n as normalizeLoyaltyData, a as nearestLowerMultiple, c as closeModals } from './functions-BiPE31Ri.js';
+import { n as normalizeLoyaltyData, a as nearestLowerMultiple, c as closeModals } from './functions-D8zpoRMj.js';
 import { S as SIPercentage, a as SILayoutGrid } from './percentage-Bs6JxDkg.js';
 import { S as SIShipping } from './shipping-CZRcMGA9.js';
 import { S as SICart2 } from './cart2-D1s2kXqL.js';
 import { S as SIUserAdd } from './user-add-QpH8MU22.js';
 import { S as SIGiftSharing } from './gift-sharing-0-eTJXSD.js';
 import { S as SIGift } from './gift-CXRKXFgT.js';
-import { T as TrackedPromise } from './tracked-promise-BhtDirMQ.js';
+import { T as TrackedPromise } from './tracked-promise-DhOWivzL.js';
 import { a as anime } from './anime.es-CgtvEd63.js';
 
 var SICartUpload = `<!-- Generated by IcoMoon.io -->

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

@@ -1,8 +1,8 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, c as createEvent, h } from './index-DQ335bXf.js';
-import { c as closeModals } from './functions-BiPE31Ri.js';
+import { r as registerInstance, c as createEvent, h } from './index-XEcnGv2r.js';
+import { c as closeModals } from './functions-D8zpoRMj.js';
 import { S as SIGift } from './gift-CXRKXFgT.js';
 
 const sallaLoyaltyProgramCss = "";

package/dist/esm/salla-loyalty.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 { S as Star } from './star2-D4oPi1Ov.js';
 import { S as SICancel } from './cancel-8Tsmrwno.js';
 
@@ -162,6 +162,12 @@ const SallaLoyalty = class {
     async resetExchange() {
         return await salla.loyalty.reset();
     }
+    getApiErrorMessage(error) {
+        return error?.response?.data?.error?.message
+            || error?.response?.data?.message
+            || (typeof error === 'string' ? error : null)
+            || salla.lang.get('common.errors.error_occurred');
+    }
     /**
      * Open Confirmation modal
      */
@@ -185,12 +191,16 @@ const SallaLoyalty = class {
      */
     async exchangeLoyaltyPoint() {
         this.buttonLoading = true;
-        return await salla.loyalty.exchange(this.selectedItem?.id)
-            .then(() => this.selectedItem.key == "FREE_PRODUCT" && salla.url.is_page('cart') && window.location.reload())
-            .finally(() => {
-            this.buttonLoading = false;
-            this.cancelProcess();
+        const selectedItem = this.selectedItem;
+        await salla.loyalty.exchange(selectedItem?.id)
+            .then(async () => {
+            selectedItem?.key == "FREE_PRODUCT" && salla.url.is_page('cart') && window.location.reload();
+            await this.cancelProcess();
+        })
+            .catch((error) => {
+            salla.notify.error(this.getApiErrorMessage(error));
         });
+        this.buttonLoading = false;
     }
     render() {
         // A. when the exchange is done, and we have the final prize points to show it in cart page

package/dist/esm/salla-maintenance-alert.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 SICancel } from './cancel-8Tsmrwno.js';
 
 const sallaMaintenanceAlertCss = ".s-maintenance-alert-wrapper{display:flex;min-height:40px;width:100%;flex-direction:row;align-items:center;justify-content:center;--tw-bg-opacity:1;background-color:rgba(26, 38, 61, var(--tw-bg-opacity));padding:0.25rem 0.5rem;--tw-text-opacity:1;color:rgba(255, 255, 255, var(--tw-text-opacity))}.s-maintenance-alert-wrapper a{transition:0.35s cubic-bezier(0.2, 1, 0.3, 1)}.s-maintenance-alert-wrapper *{color:inherit}@media (min-width: 640px){.s-maintenance-alert-wrapper{padding-left:2rem;padding-right:2rem}}.s-maintenance-alert-content{margin-top:1rem;margin-bottom:1rem;display:flex;width:100%;align-items:center;justify-content:space-between}@media (min-width: 640px){.s-maintenance-alert-content{padding-left:2rem;padding-right:2rem}}.s-maintenance-alert-container{display:flex;align-items:center}.s-maintenance-alert-icon{margin-right:1.25rem;display:none}@media (min-width: 640px){.s-maintenance-alert-icon{display:block}}.s-maintenance-alert-text h2{margin-bottom:0.5rem;font-size:0.875rem;font-weight:700;line-height:1.4}@media (min-width: 640px){.s-maintenance-alert-text h2{font-size:1.5rem;line-height:2rem}}.s-maintenance-alert-text p{margin:0px;text-align:right;font-size:10px;line-height:1.2}@media (min-width: 640px){.s-maintenance-alert-text p{text-align:center;font-size:0.75rem;line-height:1}}.s-maintenance-alert-btn{position:relative;margin-left:4px;margin-right:4px;display:inline-block;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;border-radius:0.125rem;border-width:1px;--tw-border-opacity:1;border-color:rgba(93, 213, 196, var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgba(93, 213, 196, var(--tw-bg-opacity));padding:0.5rem;text-align:center;vertical-align:middle;font-size:0.875rem;font-weight:400;line-height:1.4;--tw-text-opacity:1;color:rgba(255, 255, 255, var(--tw-text-opacity))}.s-maintenance-alert-btn:hover{--tw-bg-opacity:1;background-color:rgba(53, 203, 181, var(--tw-bg-opacity))}.s-maintenance-alert-btn *{pointer-events:none}[dir=rtl] .s-maintenance-alert-btn{margin-left:1.25rem;margin-right:0}@media (min-width: 640px){.s-maintenance-alert-btn{padding:0.5rem 1rem}}";

package/dist/esm/salla-map.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 { L as Location } from './location-BO5AoBAP.js';
 
 var Edit = `<!-- Generated by IcoMoon.io -->

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

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

package/dist/esm/salla-metadata.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 sallaMetadataCss = "";
 

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host, a as getElement, F as Fragment } from './index-DQ335bXf.js';
+import { r as registerInstance, h, H as Host, a as getElement, F as Fragment } from './index-XEcnGv2r.js';
 
 const sallaMultipleBundleProductCartCss = "";
 
@@ -62,22 +62,37 @@ const SallaMultipleBundleProductDetails = class {
         this.productSelectedHandler = null;
         // handle selecting a product (toggle)
         this.onSelectProduct = (sectionId, product) => {
+            const productId = product.id;
+            const wasSelected = this.selectedProducts[sectionId]?.has(productId) ?? false;
+            const section = this.sections.find(s => s.id == sectionId);
+            if (wasSelected && section && this.isProductSelectionLocked(section)) {
+                return;
+            }
+            if (!wasSelected) {
+                if (!section) {
+                    return;
+                }
+                if (this.getEffectiveMax(section) !== 1 && this.isAtSelectionLimit(section)) {
+                    return;
+                }
+            }
             this.selectedProducts = {
                 ...this.selectedProducts,
                 [sectionId]: new Set(this.selectedProducts[sectionId] || []),
             };
-            const productId = product.id;
-            const wasSelected = this.selectedProducts[sectionId].has(productId);
             if (wasSelected) {
-                // Product is being deselected
                 this.selectedProducts[sectionId].delete(productId);
-                // Clear form data and modal options for this product in this specific section
                 this.clearProductFormData(productId, sectionId);
                 this.clearProductModalOptions(productId, sectionId);
             }
             else {
-                // Product is being selected
-                this.selectedProducts[sectionId].add(productId);
+                const effectiveMax = this.getEffectiveMax(section);
+                if (effectiveMax === 1) {
+                    this.syncSectionSelection(sectionId, productId);
+                }
+                else {
+                    this.selectedProducts[sectionId].add(productId);
+                }
             }
             // force re-render
             this.selectedProducts = { ...this.selectedProducts };
@@ -97,31 +112,45 @@ const SallaMultipleBundleProductDetails = class {
                 [sectionId]: new Set(this.selectedProducts[sectionId] || []),
             };
             const productId = product.id;
-            // Only add if not already selected
-            if (!this.selectedProducts[sectionId].has(productId)) {
+            if (this.selectedProducts[sectionId].has(productId)) {
+                return;
+            }
+            const section = this.sections.find(s => s.id == sectionId);
+            if (!section) {
+                return;
+            }
+            const effectiveMax = this.getEffectiveMax(section);
+            if (effectiveMax === 1) {
+                this.syncSectionSelection(sectionId, productId);
+            }
+            else if (effectiveMax > 1 && this.isAtSelectionLimit(section)) {
+                return;
+            }
+            else {
                 this.selectedProducts[sectionId].add(productId);
-                // force re-render
-                this.selectedProducts = { ...this.selectedProducts };
-                // dispatch event
-                salla.event.dispatch('on-bundle-product-selected', {
-                    id: product.id,
-                    name: product.name,
-                    options: product.options,
-                });
             }
+            this.selectedProducts = { ...this.selectedProducts };
+            salla.event.dispatch('on-bundle-product-selected', {
+                id: product.id,
+                name: product.name,
+                options: product.options,
+            });
         };
         // open product options modal
         this.onSelectProductOptions = (product, sectionId) => {
-            // Find the section index from the sectionId
-            const sectionIndex = this.sections.findIndex(section => section.id == sectionId);
-            // Find the product index within the section
-            const section = this.sections.find(section => section.id == sectionId);
-            const productIndex = section?.products?.findIndex(p => p.id == product.id) ?? 0;
+            const section = this.sections.find(s => s.id == sectionId);
+            if (!section || !this.canSelectProductInSection(section, product.id)) {
+                return;
+            }
+            const sectionIndex = this.sections.findIndex(s => s.id == sectionId);
+            const productIndex = section.products?.findIndex(p => p.id == product.id) ?? 0;
+            const isProductAlreadySelected = this.selectedProducts[sectionId]?.has(product.id) ?? false;
             salla.event.dispatch('multiple-bundle-product-modal::open', {
                 product,
                 sectionId,
                 sectionIndex,
                 productIndex,
+                isProductAlreadySelected,
             });
         };
         // Event handlers for bundle slider component
@@ -134,22 +163,164 @@ const SallaMultipleBundleProductDetails = class {
             this.onSelectProductOptions(product, sectionId);
         };
     }
+    isSingleProductSection(section) {
+        return (section.products?.length ?? 0) === 1;
+    }
+    getObligatoryMin(section) {
+        const min = section.obligatory_products;
+        if (min == null) {
+            return 0;
+        }
+        const numericMin = Number(min);
+        return Number.isNaN(numericMin) ? 0 : numericMin;
+    }
+    isProductSelectionLocked(section) {
+        return this.isSingleProductSection(section) && this.getObligatoryMin(section) === 1;
+    }
+    /** Empty max → cap is the number of products in the section. */
+    getEffectiveMax(section) {
+        const productCount = section.products?.length ?? 0;
+        const max = section.max_obligatory_products;
+        if (max != null && max > 0) {
+            return Math.min(max, productCount);
+        }
+        return productCount;
+    }
+    getSelectedCount(sectionId) {
+        return this.selectedProducts[sectionId]?.size ?? 0;
+    }
+    isAtSelectionLimit(section) {
+        return this.getSelectedCount(section.id) >= this.getEffectiveMax(section);
+    }
+    canSelectProductInSection(section, productId) {
+        if (this.selectedProducts[section.id]?.has(productId)) {
+            return true;
+        }
+        if (this.getEffectiveMax(section) === 1) {
+            return true;
+        }
+        return !this.isAtSelectionLimit(section);
+    }
+    async canSelectBundleProduct(sectionId, productId) {
+        const section = this.sections.find(s => s.id == sectionId);
+        if (!section) {
+            return false;
+        }
+        return this.canSelectProductInSection(section, productId);
+    }
+    queryProductCheckbox(sectionId, productIndex) {
+        const selector = `input.s-multiple-bundle-product-checkbox[name="bundle[${sectionId}][${productIndex}][id]"]`;
+        const form = this.host.closest('form');
+        const fromForm = form?.querySelector(selector);
+        if (fromForm) {
+            return fromForm;
+        }
+        for (const slider of this.host.querySelectorAll('salla-multiple-bundle-product-slider')) {
+            const root = slider.shadowRoot ?? slider;
+            const input = root.querySelector(selector);
+            if (input) {
+                return input;
+            }
+        }
+        return null;
+    }
+    dispatchBubblingChange(target) {
+        requestAnimationFrame(() => {
+            target.dispatchEvent(new window.Event('change', { bubbles: true }));
+        });
+    }
+    /** Uncheck checkbox, remove form inputs, and reset modal state for one product slot. */
+    clearSectionProductSlot(sectionId, productId, productIndex) {
+        const checkbox = this.queryProductCheckbox(sectionId, productIndex);
+        if (checkbox) {
+            checkbox.checked = false;
+        }
+        const form = this.host.closest('form');
+        if (form) {
+            const slotPrefix = `bundle[${sectionId}][${productIndex}]`;
+            Array.from(form.querySelectorAll('input')).forEach((input) => {
+                const inSlot = input.name?.startsWith(slotPrefix) ?? false;
+                if (!inSlot) {
+                    return;
+                }
+                if (input.type === 'checkbox' && input.name?.endsWith('][id]')) {
+                    input.checked = false;
+                    return;
+                }
+                input.remove();
+            });
+        }
+        this.clearProductModalOptions(productId, sectionId);
+    }
+    /** max=1: replace section selection and keep DOM/form in sync. */
+    syncSectionSelection(sectionId, productId) {
+        const section = this.sections.find(s => s.id == sectionId);
+        section?.products?.forEach((product, productIndex) => {
+            if (product.id != productId) {
+                this.clearSectionProductSlot(sectionId, product.id, productIndex);
+            }
+        });
+        this.selectedProducts[sectionId] = new Set([productId]);
+        const selectedIndex = section?.products?.findIndex(p => p.id == productId) ?? -1;
+        const checkbox = selectedIndex >= 0 ? this.queryProductCheckbox(sectionId, selectedIndex) : null;
+        if (checkbox) {
+            checkbox.checked = true;
+            this.dispatchBubblingChange(checkbox);
+        }
+    }
+    autoSelectSingleProductSections() {
+        if (!this.sections?.length) {
+            return;
+        }
+        const newSelectedProducts = { ...this.selectedProducts };
+        let updated = false;
+        const selectedEvents = [];
+        for (const section of this.sections) {
+            if (!this.isProductSelectionLocked(section)) {
+                continue;
+            }
+            const product = section.products?.[0];
+            if (!product || (!product.unlimited_quantity && (product.quantity ?? 0) <= 0)) {
+                continue;
+            }
+            const sectionId = section.id;
+            const currentSet = new Set(newSelectedProducts[sectionId] || []);
+            if (currentSet.has(product.id)) {
+                continue;
+            }
+            currentSet.add(product.id);
+            newSelectedProducts[sectionId] = currentSet;
+            updated = true;
+            selectedEvents.push({ product });
+        }
+        if (!updated) {
+            return;
+        }
+        this.selectedProducts = newSelectedProducts;
+        selectedEvents.forEach(({ product }) => {
+            salla.event.dispatch('on-bundle-product-selected', {
+                id: product.id,
+                name: product.name,
+                options: product.options,
+            });
+        });
+    }
     // Clear form data for a specific product in specific section
     clearProductFormData(productId, sectionId) {
-        const form = this.host.closest('form');
-        if (sectionId) {
-            // Remove inputs for specific section/productIndex combination
-            const productInputPattern = `bundle[${sectionId}][`;
-            const inputsToRemove = Array.from(form.querySelectorAll('input')).filter((input) => input.getAttribute('data-product-id') === String(productId) &&
-                input.name &&
-                input.name.startsWith(productInputPattern));
-            inputsToRemove.forEach(input => input.remove());
+        if (sectionId != null) {
+            const section = this.sections.find(s => s.id == sectionId);
+            const productIndex = section?.products?.findIndex(product => product.id == productId) ?? -1;
+            if (productIndex >= 0) {
+                this.clearSectionProductSlot(sectionId, productId, productIndex);
+                return;
+            }
         }
-        else {
-            // Fallback: Remove all hidden inputs related to this product (legacy behavior)
-            const inputsToRemove = form.querySelectorAll(`[data-product-id="${productId}"]`);
-            inputsToRemove.forEach(input => input.remove());
+        const form = this.host.closest('form');
+        if (!form) {
+            return;
         }
+        const inputsToRemove = form.querySelectorAll(`[data-product-id="${productId}"]`);
+        inputsToRemove.forEach(input => input.remove());
     }
     // Clear modal options state for a specific product
     clearProductModalOptions(productId, sectionId) {
@@ -173,10 +344,42 @@ const SallaMultipleBundleProductDetails = class {
             productIndex,
         });
     }
-    renderAccordionHeader(section, selectedCount) {
-        return (h(Fragment, null, h("h2", { slot: "title" }, section?.name), section?.obligatory_products ? (h("span", { slot: "note" }, salla.lang.get('pages.products.obligatory_products', {
-            count: section?.obligatory_products || 0,
-        }))) : '', h("span", { slot: "progress" }, selectedCount, "/", section?.products?.length || 0)));
+    getProgressStatus(section) {
+        const selectedCount = this.getSelectedCount(section.id);
+        const effectiveMax = this.getEffectiveMax(section);
+        if (effectiveMax > 0) {
+            return `${selectedCount}/${effectiveMax}`;
+        }
+        return '0';
+    }
+    getSectionSelectionNote(section) {
+        const min = this.getObligatoryMin(section);
+        const max = Number(section.max_obligatory_products) || 0;
+        const hasMin = min > 0;
+        const hasMax = max > 0;
+        if (!hasMin && !hasMax) {
+            return null;
+        }
+        if (hasMin && hasMax) {
+            if (min === max) {
+                return salla.lang.getWithDefault('pages.products.bundle_select_exact', `اختر ${min} منتجات`, { count: min });
+            }
+            return salla.lang.getWithDefault('pages.products.bundle_select_range', `اختر من ${min} إلى ${max} منتجات`, { min, max });
+        }
+        if (hasMin) {
+            return salla.lang.getWithDefault('pages.products.bundle_select_min', `اختر على الأقل ${min} منتجات`, { min });
+        }
+        return salla.lang.getWithDefault('pages.products.bundle_select_max', `اختر حتى ${max} منتجات`, { max });
+    }
+    handleSectionsChange() {
+        this.autoSelectSingleProductSections();
+    }
+    componentWillLoad() {
+        this.autoSelectSingleProductSections();
+    }
+    renderAccordionHeader(section) {
+        const selectionNote = this.getSectionSelectionNote(section);
+        return (h(Fragment, null, h("h2", { slot: "title" }, section?.name), selectionNote ? h("span", { slot: "note" }, selectionNote) : null, h("span", { slot: "progress" }, this.getProgressStatus(section))));
     }
     componentDidLoad() {
         // Listen for product selected event from modal
@@ -207,12 +410,14 @@ const SallaMultipleBundleProductDetails = class {
         }
     }
     render() {
-        return (h(Host, { key: '27a3d6baa97585e983db19522ab2981ecc9e50f1', class: "s-multiple-bundle-product-wrapper" }, h("div", { key: 'c96cf52dfaee161a03a6bf97de267d9942a47a49', class: "s-multiple-bundle-product-wrapper-sections" }, this.sections.map((section, index) => {
-            const selectedCount = this.selectedProducts[section.id]?.size || 0;
-            return (h("salla-accordion", { key: section.id, collapsed: index === 0 ? false : true }, h("salla-accordion-head", null, this.renderAccordionHeader(section, selectedCount)), h("salla-accordion-body", null, h("salla-multiple-bundle-product-slider", { section: section, sectionIndex: index, selectedProducts: this.selectedProducts, onProductSelected: this.handleBundleSliderProductSelected, onProductOptionsSelected: this.handleBundleSliderProductOptionsSelected }))));
-        })), h("salla-multiple-bundle-product-options-modal", { key: '6627ee4f67bcd775b16e470dd4735848e6087fd4' })));
+        return (h(Host, { key: '74b123c432e77263cf0ddcf20ab742885c54d5f4', class: "s-multiple-bundle-product-wrapper" }, h("div", { key: '24bef0958a2a7d29bb4485eac08c7e6b8614a00d', class: "s-multiple-bundle-product-wrapper-sections" }, this.sections.map((section, index) => {
+            return (h("salla-accordion", { key: section.id, collapsed: index === 0 ? false : true }, h("salla-accordion-head", null, this.renderAccordionHeader(section)), h("salla-accordion-body", null, h("salla-multiple-bundle-product-slider", { section: section, sectionIndex: index, selectedProducts: this.selectedProducts, selectionLimit: this.getEffectiveMax(section), isSelectionLocked: this.isProductSelectionLocked(section), onProductSelected: this.handleBundleSliderProductSelected, onProductOptionsSelected: this.handleBundleSliderProductOptionsSelected }))));
+        })), h("salla-multiple-bundle-product-options-modal", { key: '556b4e51a4b79dfc00371a07296556fb74111524' })));
     }
     get host() { return getElement(this); }
+    static get watchers() { return {
+        "sections": ["handleSectionsChange"]
+    }; }
 };
 SallaMultipleBundleProductDetails.style = sallaMultipleBundleProductDetailsCss;