@salla.sa/twilight-components 2.14.309 → 2.14.311

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/components/salla-user-menu.js

@@ -101,8 +101,7 @@ const SallaUserMenu$1 = /*@__PURE__*/ proxyCustomElement(class SallaUserMenu ext
             wishlist: WishListIcon,
             wallet: WalletIcon,
             loyalty_program: loyaltyProgramIcon,
-            profile: UserCircle,
-            ...(this.sallaAccountEnabled ? { settings: SettingstIcon } : {})
+            profile: UserCircle
         };
         // salla.auth.event.onLoggedIn(() => {
         //   this.is_loggedIn = true
@@ -120,13 +119,7 @@ const SallaUserMenu$1 = /*@__PURE__*/ proxyCustomElement(class SallaUserMenu ext
             this.loyalty_program = salla.lang.get('pages.loyalty_program.loyalty_points');
             this.logout = salla.lang.get('blocks.header.logout');
         });
-        //we need it only in theme-y
-        if (this.host.hasAttribute('with-rating')) {
-            this.items.rating = Rate;
-        }
-        //we need it to be the last item
-        this.items.logout = LogoutIcon;
-        salla.onReady(() => {
+        Salla.onReady(() => {
             if (salla.config.isGuest()) {
                 return;
             }
@@ -161,7 +154,14 @@ const SallaUserMenu$1 = /*@__PURE__*/ proxyCustomElement(class SallaUserMenu ext
         await salla.onReady();
         await salla.lang.onLoaded();
         this.sallaAccountEnabled = Salla.config.get('store.features')?.includes('salla-account');
-        this.profileUrl = `${salla.config.get('account.url', 'https://accounts.salla.com')}/${Salla.config.get('user.language_code')}/user?store=${Salla.config.get('store.id')}&info=${encodeURIComponent(Salla.storage.get('token'))}`;
+        this.items = this.sallaAccountEnabled ? { ...this.items, settings: SettingstIcon } : this.items;
+        //we need it only in theme-y
+        if (this.host.hasAttribute('with-rating')) {
+            this.items.rating = Rate;
+        }
+        //we need it to be the last item
+        this.items.logout = LogoutIcon;
+        this.profileUrl = `${Salla.config.get('account.url', 'https://accounts.salla.com')}/${salla.config.get('user.language_code')}/user?store=${Salla.config.get('store.id')}&info=${encodeURIComponent(Salla.storage.get('token'))}`;
         const trigger = this.host.querySelector('[slot="trigger"]');
         this.triggerSlot =
             '<div class="s-user-menu-trigger"><div class="s-user-menu-avatar-wrap"><img class="s-user-menu-trigger-avatar" src="{avatar}" alt="{first_name}{last_name}" /></div><div class="s-user-menu-trigger-content"><span class="s-user-menu-trigger-hello">{hello}</span><p class="s-user-menu-trigger-name">{first_name} {last_name}</p></div> <i class="s-user-menu-trigger-icon">{icon}</i></div>';

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/esm/{index-DPmcgb48.js → index-ChHsXzQp.js}

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