@salla.sa/twilight-components 2.14.309 → 2.14.310

package/dist/components/salla-multiple-bundle-product-options-modal2.js

@@ -104,17 +104,13 @@ const SallaMultipleBundleProductOptionsModal = /*@__PURE__*/ proxyCustomElement(
         salla.event.on('multiple-bundle-product-modal::clear-options', this.clearOptionsListener);
         // Create and store the option change listener for proper cleanup
         this.optionChangeListener = (e) => {
-            const { productId, option, detail } = e.detail;
-            // Convert productId to the same type as our product ID
-            const normalizedProductId = this.product?.id ? String(this.product.id) : null;
-            const normalizedEventProductId = productId ? String(productId) : null;
-            // Only handle events for the current product
-            if (normalizedProductId &&
-                normalizedEventProductId &&
-                normalizedProductId === normalizedEventProductId &&
-                option &&
-                detail) {
-                this.handleOptionChange(Number(normalizedProductId), option, detail);
+            const data = e.detail || e;
+            const { option, detail } = data;
+            // If data is a detail object (has option_id), find the option from product
+            const actualOption = option || (data.option_id && this.product?.options?.find(opt => opt.id === data.option_id || String(opt.id) === String(data.option_id)));
+            const actualDetail = detail || (data.id ? data : null);
+            if (this.product?.id && actualOption) {
+                this.handleOptionChange(Number(this.product.id), actualOption, actualDetail);
             }
         };
         salla.event.on('product-options::change', this.optionChangeListener);
@@ -479,7 +475,8 @@ const SallaMultipleBundleProductOptionsModal = /*@__PURE__*/ proxyCustomElement(
         const optionsWithSelectedState = this.getOptionsWithSelectedState();
         const cacheKey = this.generateCacheKey(this.sectionId, this.productIndex, productId);
         const resetToken = this.optionsResetTokens[cacheKey] || 0;
-        return (h(Host, { key: 'ce4cec97975d0aef32b50a13237a2d64701d8e9f' }, h("salla-modal", { key: 'cda08db7768f0b987a9569ca1170b059a58a417e', 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: 'd093204f6d85e7a874e0a69a826869e179aeafa4', slot: "loading" }, h("salla-skeleton", { key: '140608027bb0237b62eeb24d1eb5e47c5279c7e3', height: "100%", width: "100%" })), this.product?.images && this.product?.images.length > 0 && (h("salla-slider", { key: '807f2428e8219d9ab6e46163a5d03ad0b2e1b9a3', 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: {
+        const isDisabled = this.isLoading || optionsWithSelectedState.some(opt => opt.details.some(d => d.is_selected && d.is_out === true));
+        return (h(Host, { key: '27c9b7b2698aede358cb8d1a01d774c625b7ead4' }, h("salla-modal", { key: 'c9ae157c9ee8f3b13a19cbfc601b4c8f717d8024', 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: 'a2bf7d4eed854e89d314454294c84eaf43fef844', slot: "loading" }, h("salla-skeleton", { key: '06bf42347a2c9f6ff5472a856ead808609bd6792', height: "100%", width: "100%" })), this.product?.images && this.product?.images.length > 0 && (h("salla-slider", { key: '2c70545009d063b72b7ac0a20cdc7cc94ab4c43b', 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)),
@@ -488,13 +485,13 @@ const SallaMultipleBundleProductOptionsModal = /*@__PURE__*/ proxyCustomElement(
                 watchSlidesProgress: true,
                 direction: 'vertical',
                 spaceBetween: 10,
-            } }, h("div", { key: 'f287bea52aa1e3c68debd0b68d011025ea3f9157', slot: "items" }, this.product?.images &&
+            } }, h("div", { key: '8747d7510657f714da731f49e8b1e174be95bc66', 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: '5d8064ef63c91a660a3b3267afb29e498ac76f4c', slot: "thumbs" }, this.product?.images &&
+                } }))))), this.product?.images && this.product?.images.length > 1 && (h("div", { key: '61ca305d33f2b0f40e17c6ce3dc4fd571db7308c', 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: '2f6c7f133ccabd75bbb9e8649c056619ce754296', slot: "footer" }, h("div", { key: '1c04908511a480af63fc4e358393514c74967508', class: "s-multiple-bundle-product-options-modal-footer" }, h("salla-button", { key: '49fbad4b1e71004dc8fd6df5d0f1a61b1ef25b8d', onClick: e => this.onSave(e), loading: this.isLoading, disabled: this.isLoading }, 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: 'd79f6e9a2f753de6c9097bb3a8f095ed9bdde081', slot: "footer" }, h("div", { key: '22f78a4c9b8ad8891cbcd9b5318c5a406258cea1', class: "s-multiple-bundle-product-options-modal-footer" }, h("salla-button", { key: 'f17424c72c6e9d1b9cd0ef2602ac8b52002bc39a', onClick: e => this.onSave(e), loading: this.isLoading, disabled: isDisabled }, this.isLoading
             ? salla.lang.get('common.elements.saving')
             : salla.lang.get('common.elements.save')))))));
     }

package/dist/esm/{filepond-CaVxlNWc.js → filepond-C5Ev_LRh.js}

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

package/dist/esm/{filepond-plugin-file-poster-BIW3jIii.js → filepond-plugin-file-poster-Cf4aX93c.js}

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

package/dist/esm/{filepond-plugin-file-validate-size-PIbS8S7e.js → filepond-plugin-file-validate-size-DzuISSe6.js}

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

package/dist/esm/{filepond-plugin-file-validate-type-C9mVUO2J.js → filepond-plugin-file-validate-type-C9J5EVwa.js}

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

package/dist/esm/{filepond-plugin-image-edit-1BkcMygU.js → filepond-plugin-image-edit-B-kqsQ7Z.js}

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

package/dist/esm/{filepond-plugin-image-exif-orientation-CBLWRhGR.js → filepond-plugin-image-exif-orientation-CYim0AQy.js}

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

package/dist/esm/{filepond-plugin-image-preview-BCnXVici.js → filepond-plugin-image-preview-Bj8wrh8K.js}

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