@salla.sa/twilight-components 2.14.423 → 2.14.425

package/dist/components/salla-bought-together.js

@@ -100,7 +100,9 @@ const SallaBoughtTogether$1 = /*@__PURE__*/ proxyCustomElement(class SallaBought
             .filter(p => this.selectedIds.has(p.id))
             // p.price is a plain float in the API response (e.g. 1150.58) — the TS type (any[]) is misleading.
             .reduce((sum, p) => sum + (p.price ?? 0), 0);
-        return salla.money(total);
+        const decimals = salla.config.get('store.currency.decimals') ?? 2;
+        const factor = Math.pow(10, decimals);
+        return salla.money(Math.round(total * factor) / factor);
     }
     async addSelectedToCart() {
         if (this.isAdding || !this.selectedIds.size)

package/dist/components/salla-cookies-bar.js

@@ -20,21 +20,14 @@ const SallaCookiesBar$1 = /*@__PURE__*/ proxyCustomElement(class SallaCookiesBar
         this.isMobile = false;
         this.mobileBreakpoint = 768;
         this.mobileQueryHandler = (e) => (this.isMobile = e.matches);
-        this.cookiesSettingsAnchorClass = 's-cookies-settings-link';
-        this.onCookiesSettingsClick = (event) => {
-            const target = event.target;
-            const link = target?.closest(`a.${this.cookiesSettingsAnchorClass}`);
-            if (!link) {
-                return;
-            }
-            event.preventDefault();
-            this.open();
-        };
+        this.openRequestedHandler = () => this.open();
     }
     async componentWillLoad() {
         await Salla.onReady();
         await Salla.lang.onLoaded();
         this.loadTranslations();
+        Salla.event.on('salla-cookies-bar::open', this.openRequestedHandler);
+        this.unregisterAfterFetchMenuItemsHook = Salla.hooks.registerHook('salla-menu', 'afterFetchMenuItems', (menuComponent) => this.appendCookiesSettingsLink(menuComponent));
         if (Salla.storage.get('cookies-consent')) {
             this.isVisible = false;
         }
@@ -49,11 +42,12 @@ const SallaCookiesBar$1 = /*@__PURE__*/ proxyCustomElement(class SallaCookiesBar
         this.mobileQuery = window.matchMedia(`(max-width: ${this.mobileBreakpoint - 1}px)`);
         this.isMobile = this.mobileQuery.matches;
         this.mobileQuery.addEventListener('change', this.mobileQueryHandler);
-        document.addEventListener('click', this.onCookiesSettingsClick);
     }
     disconnectedCallback() {
         this.mobileQuery?.removeEventListener('change', this.mobileQueryHandler);
-        document.removeEventListener('click', this.onCookiesSettingsClick);
+        Salla.event.off('salla-cookies-bar::open', this.openRequestedHandler);
+        this.unregisterAfterFetchMenuItemsHook?.();
+        this.unregisterAfterFetchMenuItemsHook = undefined;
     }
     /**
      * Accept cookies consent.
@@ -85,6 +79,28 @@ const SallaCookiesBar$1 = /*@__PURE__*/ proxyCustomElement(class SallaCookiesBar
     isRtl() {
         return Salla.config.get('theme.is_rtl', true);
     }
+    appendCookiesSettingsLink(menuComponent) {
+        const websiteCookiesEnabled = Salla.config.get('store.features')?.includes('website-cookies');
+        if (!websiteCookiesEnabled || !menuComponent?.withCookiePreferences || menuComponent?.source !== 'footer')
+            return;
+        const settingsHref = '#cookies-settings';
+        const hasSettingsLink = menuComponent?.menus.some((m) => m?.url === settingsHref);
+        if (hasSettingsLink)
+            return;
+        // IMPORTANT: avoid mutating @State arrays in-place (Stencil reactivity).
+        // Always create a new array reference.
+        menuComponent.menus = [...menuComponent.menus, {
+                id: 'cookies-settings',
+                order: null,
+                title: Salla.lang.get('common.cookies.settings'),
+                url: settingsHref,
+                target: '_self',
+                is_by_form_builder: false,
+                children: [],
+                image: null,
+                callback: () => Salla.event.emit('salla-cookies-bar::open'),
+            }];
+    }
     render() {
         if (!this.isVisible) {
             return h(Host, null);

package/dist/components/salla-menu.js

@@ -18,19 +18,12 @@ const SallaMenu$1 = /*@__PURE__*/ proxyCustomElement(class SallaMenu extends HTM
          * Boolean indicating whether to use React Link elements for menu links.
          */
         this.useReactLink = false;
-        /**
-         * When true (footer menu only), appends a link to open cookie preferences.
-         * Use as `with-cookie-preferences` in markup.
-         */
-        this.withCookiePreferences = false;
         this.menus = [];
-        this.cookiePreferencesLabel = '';
         this.displayAllText = '';
     }
     async componentWillLoad() {
         return salla.onReady(() => {
             this.displayAllText = salla.lang.get('blocks.home.display_all');
-            this.cookiePreferencesLabel = salla.lang.get('common.cookies.settings');
             if (this.sourceValue && this.source === 'json') {
                 this.menus = typeof this.sourceValue === 'string' ? JSON.parse(this.sourceValue) : this.sourceValue || [];
             }
@@ -40,20 +33,9 @@ const SallaMenu$1 = /*@__PURE__*/ proxyCustomElement(class SallaMenu extends HTM
         });
     }
     getMenuItems() {
-        /**
-          * Avoid saving the menu to localStorage (default) when in the development environment
-          * or when modifying the theme in the dashboard
-          */
-        // const isPreview = salla.config.isDebug() || salla.helpers.isPreview()
-        // const cacheKey = `${this.source}_menus_${salla.lang.locale}`
-        // const cachedMenus = salla.storage.getWithTTL(cacheKey, [])
-        // if (cachedMenus.length > 0 && !isPreview) {
-        //   this.menus = cachedMenus
-        //   return;
-        // }
-        return salla.api.component.getMenus(this.source).then(({ data }) => {
+        return salla.api.component.getMenus(this.source).then(async ({ data }) => {
             this.menus = data;
-            // !isPreview && salla.storage.setWithTTL(cacheKey, this.menus)
+            await salla.hooks.call('salla-menu', 'afterFetchMenuItems', this);
         }).catch((error) => {
             salla.logger.error('salla-menu::Error fetching menus', error);
         });
@@ -118,12 +100,8 @@ const SallaMenu$1 = /*@__PURE__*/ proxyCustomElement(class SallaMenu extends HTM
             return h("a", { key: menu.id, href: menu.url, target: menu.target, class: {
                     "s-menu-footer-item": !this.topnav,
                     "s-menu-topnav-item topnav-link-item right-side": this.topnav
-                } }, menu.title);
-        }), this.withCookiePreferences ? (h("a", { href: "#cookies-settings", class: {
-                "s-menu-footer-item": !this.topnav,
-                "s-menu-topnav-item topnav-link-item right-side": this.topnav,
-                "s-cookies-settings-link": true,
-            } }, this.cookiePreferencesLabel)) : null));
+                }, ...(menu.callback ? { onClick: menu.callback } : {}) }, menu.title);
+        })));
     }
     /**
   * Get the menus
@@ -153,8 +131,7 @@ const SallaMenu$1 = /*@__PURE__*/ proxyCustomElement(class SallaMenu extends HTM
         "useReactLink": [4, "use-react-link"],
         "limit": [2],
         "withCookiePreferences": [4, "with-cookie-preferences"],
-        "menus": [32],
-        "cookiePreferencesLabel": [32]
+        "menus": [32]
     }]);
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {

package/dist/components/salla-reward-details2.js

@@ -125,7 +125,6 @@ const SallaRewardDetails = /*@__PURE__*/ proxyCustomElement(class SallaRewardDet
     }
     getCategoriesJsx(items, title) {
         return !items.length ? '' : h("div", { class: c('reward-details-categories-wrapper') }, h("div", { class: c('reward-details-categories') }, h("h2", { class: c('reward-details-categories-heading') }, title), h("ul", { class: c('reward-details-categories-list') }, items.map((category) => {
-            console.log("🚀 ~ SallaRewardDetails ~ getCategoriesJsx ~ category:", category);
             return (h("li", null, h("a", { href: category.urls?.customer || category.url || category.lingual_urls?.[0], class: c('reward-details-categories-item') }, h("span", { innerHTML: Tag }), h("span", { class: c('reward-details-categories-item-content') }, category.name))));
         }))));
     }
@@ -137,11 +136,11 @@ const SallaRewardDetails = /*@__PURE__*/ proxyCustomElement(class SallaRewardDet
     }
     render() {
         const termsAndConditions = this.getTermsAndConditions();
-        return (h("div", { key: 'ef93a73728cf87285615dfe5dc9345d1a54db64a', class: "s-loyalty-program-reward-modal" }, h("div", { key: '85883b377d8ec2490cde174ea33aa08a64e84b68', class: "s-loyalty-program-points-modal-header" }, h("h1", { key: '2be1018fcdfff3966535a5e4cde4e10b99a690f6', class: "s-loyalty-program-points-modal-info" }, !salla.url.is_page('cart') ? ''
+        return (h("div", { key: 'b292fed409fdc5ed8824e1d3d694ddcf5136a260', class: "s-loyalty-program-reward-modal" }, h("div", { key: '3f276606a45e99bad8fa1e99d9bb00547e3a795c', class: "s-loyalty-program-points-modal-header" }, h("h1", { key: '0eea18e23aeb1273785886aebbe067a4b3f1d638', class: "s-loyalty-program-points-modal-info" }, !salla.url.is_page('cart') ? ''
             : h("button", { class: "s-loyalty-program-back-btn", onClick: () => closeModals(() => salla.event.dispatch('modal::open', 'loyalty-rewards-modal')) }, h("span", { class: {
                     'sicon-arrow-right': document.documentElement.getAttribute('dir') === 'rtl',
                     'sicon-arrow-left': document.documentElement.getAttribute('dir') === 'ltr',
-                } })), this.prize.name)), h("div", { key: 'eac6726dde8b8f5562fc4953ffb5c84830d185d4', class: "s-loyalty-program-modal-scrollable-content" }, h("div", { key: 'a0ea8aca31d63016ad4890044a8f9789a4798ee2', class: "s-loyalty-program-reward-details-header" }, h("div", { key: '9ff0ade39430845577a765f897ea50dc07ea498e', class: "s-loyalty-program-aspect-container" }, h("img", { key: '6001c3c5388611f924f22f229d879b48e7f5035e', src: this.prize.image, alt: this.prize.name })), h("salla-badge", { key: '4e69c07ff18b8a652ab852554ecb8a203fc34e16', size: "sm", bg: "light" }, h("span", { key: '854e73b47beeb53bda03ea3a6ac093fbe4098f16', innerHTML: loyaltyProgramIcon }), h("span", { key: 'ed3c8592176708a08016560ee0e35f57bfb3bec4', class: "s-loyalty-program-points-badge-points" }, formattedPointsJsx(this.prize.cost_points)))), !termsAndConditions.length ? '' : h("div", { class: "s-loyalty-program-terms-and-conditions" }, h("h1", { class: "s-loyalty-program-terms-and-conditions-heading" }, salla.lang.get('pages.loyalty_program.terms_and_conditions')), h("ul", { class: "s-loyalty-program-terms-and-conditions-list" }, termsAndConditions.map(([title, points]) => (h("li", { class: "s-loyalty-program-terms-and-conditions-item" }, h("span", { class: "s-loyalty-program-terms-and-conditions-content" }, title), h("span", { class: "s-loyalty-program-terms-and-conditions-content" }, points)))))), h("div", { key: 'f9b79897d68a7b9b7f35d36ef3e8bf34a58ae3c3', class: "s-loyalty-program-reward-info-message" }, h("h1", { key: '663d761572fe3961f616fd10cf98409ca31e5002', class: "s-loyalty-program-reward-info-message-heading" }, salla.lang.get('pages.loyalty_program.how_to_benefit_from_this_reward')), h("p", { key: '2756956099b574b793d3a0ea3bcc3de63fc4ab4c', class: "s-loyalty-program-reward-info-message-content" }, this.getItemsMarkersText())), (this.prize.key === 'FREE_SHIPPING' || this.getItemsMarkers('both') === '000000') ? '' : h("div", { class: "s-loyalty-program-reward-details" }, h("salla-tabs", { key: this.refreshKey }, this.getItemsMarkers('included') === '000' ? '' : [
+                } })), this.prize.name)), h("div", { key: 'a12d8ab8741e502a20f2d310e758894ade551019', class: "s-loyalty-program-modal-scrollable-content" }, h("div", { key: 'd8f83e5683e241adc7396ae3910ca533a73930cb', class: "s-loyalty-program-reward-details-header" }, h("div", { key: '36229ddc5eb66cbc6d6b54dc9f73f55d9830ce72', class: "s-loyalty-program-aspect-container" }, h("img", { key: '9892014560501a6da43ff38d51612aa08e4a025d', src: this.prize.image, alt: this.prize.name })), h("salla-badge", { key: 'b9f20d7a8570239772e71884b735fc5eb3a8ab62', size: "sm", bg: "light" }, h("span", { key: 'ce7a4e116a8c6b91f4835f90aa28e4d091581da9', innerHTML: loyaltyProgramIcon }), h("span", { key: 'd505628411045a838fef73c124e0940e4be53329', class: "s-loyalty-program-points-badge-points" }, formattedPointsJsx(this.prize.cost_points)))), !termsAndConditions.length ? '' : h("div", { class: "s-loyalty-program-terms-and-conditions" }, h("h1", { class: "s-loyalty-program-terms-and-conditions-heading" }, salla.lang.get('pages.loyalty_program.terms_and_conditions')), h("ul", { class: "s-loyalty-program-terms-and-conditions-list" }, termsAndConditions.map(([title, points]) => (h("li", { class: "s-loyalty-program-terms-and-conditions-item" }, h("span", { class: "s-loyalty-program-terms-and-conditions-content" }, title), h("span", { class: "s-loyalty-program-terms-and-conditions-content" }, points)))))), h("div", { key: '9d6041e7093fb173cb1218356a8f23923da2c138', class: "s-loyalty-program-reward-info-message" }, h("h1", { key: '1afc5bb9e8eae3d00884363fea13fd2cd7225e20', class: "s-loyalty-program-reward-info-message-heading" }, salla.lang.get('pages.loyalty_program.how_to_benefit_from_this_reward')), h("p", { key: '63f6d2d48f0f0277acd800bb238a07724d361b65', class: "s-loyalty-program-reward-info-message-content" }, this.getItemsMarkersText())), (this.prize.key === 'FREE_SHIPPING' || this.getItemsMarkers('both') === '000000') ? '' : h("div", { class: "s-loyalty-program-reward-details" }, h("salla-tabs", { key: this.refreshKey }, this.getItemsMarkers('included') === '000' ? '' : [
             h("salla-tab-header", { slot: "header", name: "included", style: {
                     display: this.getItemsMarkers('excluded') === '000' ? 'none' : 'block',
                 } }, h("span", { class: "s-loyalty-program-reward-details-tab-icon", innerHTML: IconVerified }), h("span", null, salla.lang.get(`pages.loyalty_program.included`))),
@@ -151,7 +150,7 @@ const SallaRewardDetails = /*@__PURE__*/ proxyCustomElement(class SallaRewardDet
                     display: this.getItemsMarkers('included') === '000' ? 'none' : 'block',
                 } }, h("span", { class: "s-loyalty-program-reward-details-tab-icon", innerHTML: Cancel }), h("span", null, salla.lang.get(`pages.loyalty_program.excluded`))),
             h("salla-tab-content", { slot: "content", name: "excluded" }, h("div", { class: "s-loyalty-program-reward-details-items-wrapper" }, this.getCategoriesJsx(this.getIncludedItems(this.prize.excludedCategories, this.prize.excluded_category_ids), salla.lang.get('pages.loyalty_program.excluded_categories')), this.getBrandsJsx(this.getIncludedItems(this.prize.excludedBrands, this.prize.excluded_brand_ids), salla.lang.get('pages.loyalty_program.excluded_brands')), this.getProductsJsx(this.getProductIds(this.prize.excluded_product_ids), salla.lang.get('pages.loyalty_program.excluded_products')))),
-        ]))), h("salla-reward-action", { key: '6576910c32df5d49f33e9372e2c0a3bd758c8125', onActionClick: e => this.actionClick.emit(e.detail), prize: this.prize })));
+        ]))), h("salla-reward-action", { key: '986205a4f41981993e5ac555fa858ec24c217be0', onActionClick: e => this.actionClick.emit(e.detail), prize: this.prize })));
     }
     static get watchers() { return {
         "prize": ["handlePrizeChange"]

package/dist/esm/{filepond-C27NJlHY.js → filepond-CeST1_WH.js}

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

package/dist/esm/{filepond-plugin-file-poster-CbA3Ow5D.js → filepond-plugin-file-poster-CTfEFtbc.js}

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

package/dist/esm/{filepond-plugin-file-validate-size-DeVDysqG.js → filepond-plugin-file-validate-size-CCKku8DI.js}

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

package/dist/esm/{filepond-plugin-file-validate-type-Bk2vWN-H.js → filepond-plugin-file-validate-type-B86NsTLj.js}

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

package/dist/esm/{filepond-plugin-image-edit-MZT3Vams.js → filepond-plugin-image-edit-Ou-DuS54.js}

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

package/dist/esm/{filepond-plugin-image-exif-orientation-CUi24gW6.js → filepond-plugin-image-exif-orientation-C-9cDqTF.js}

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

package/dist/esm/{filepond-plugin-image-preview-DNteLpdV.js → filepond-plugin-image-preview-DzdQOY5t.js}

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

package/dist/esm/{functions-WZTrXRSI.js → functions-BKh5b3IT.js}

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { h } from './index-Z9TEkBrE.js';
+import { h } from './index-70YaOB5m.js';
 
 function nearestLowerMultiple(number, multipleOf = window.matchMedia('(min-width: 768px)').matches ? 3 : 2) {
     return number < multipleOf ? number : number - (number % multipleOf);