npm - @salla.sa/twilight-components - Versions diffs - 2.14.424 → 2.14.425 - Mend

@@ -20,11 +20,14 @@ const SallaCookiesBar$1 = /*@__PURE__*/ proxyCustomElement(class SallaCookiesBar
         this.isMobile = false;
         this.mobileBreakpoint = 768;
         this.mobileQueryHandler = (e) => (this.isMobile = e.matches);
+        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;
         }
@@ -42,6 +45,9 @@ const SallaCookiesBar$1 = /*@__PURE__*/ proxyCustomElement(class SallaCookiesBar
     }
     disconnectedCallback() {
         this.mobileQuery?.removeEventListener('change', this.mobileQueryHandler);
+        Salla.event.off('salla-cookies-bar::open', this.openRequestedHandler);
+        this.unregisterAfterFetchMenuItemsHook?.();
+        this.unregisterAfterFetchMenuItemsHook = undefined;
     }
     /**
      * Accept cookies consent.
@@ -63,9 +69,38 @@ const SallaCookiesBar$1 = /*@__PURE__*/ proxyCustomElement(class SallaCookiesBar
         Salla.storage.set('cookies-consent', 'rejected');
         return this.host;
     }
+    /**
+     * Show cookies settings bar to allow updating consent.
+     */
+    async open() {
+        this.isVisible = true;
+        return this.host;
+    }
     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);
@@ -82,7 +117,8 @@ const SallaCookiesBar$1 = /*@__PURE__*/ proxyCustomElement(class SallaCookiesBar
         "acceptLabel": [32],
         "rejectLabel": [32],
         "accept": [64],
-        "reject": [64]
+        "reject": [64],
+        "open": [64]
     }]);
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {

@@ -33,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);
         });
@@ -111,7 +100,7 @@ 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);
+                }, ...(menu.callback ? { onClick: menu.callback } : {}) }, menu.title);
         })));
     }
     /**
@@ -141,6 +130,7 @@ const SallaMenu$1 = /*@__PURE__*/ proxyCustomElement(class SallaMenu extends HTM
         "topnav": [4],
         "useReactLink": [4, "use-react-link"],
         "limit": [2],
+        "withCookiePreferences": [4, "with-cookie-preferences"],
         "menus": [32]
     }]);
 function defineCustomElement$1() {

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

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

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

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { h } from './index-BdWSh9vH.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);

@salla.sa/twilight-components 2.14.424 → 2.14.425