@eeacms/volto-eea-website-theme 4.0.1 → 4.0.3

package/CHANGELOG.md

@@ -4,12 +4,19 @@ All notable changes to this project will be documented in this file. Dates are d
 
 Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
+### [4.0.3](https://github.com/eea/volto-eea-website-theme/compare/4.0.2...4.0.3) - 8 April 2026
+
+#### :bug: Bug Fixes
+
+- fix: crash in AlternateHrefLangs when content.language is undefined [Alin Voinea - [`0305bf2`](https://github.com/eea/volto-eea-website-theme/commit/0305bf2f0ba9f3e0167b4a798a40b81804a7b71f)]
+
+### [4.0.2](https://github.com/eea/volto-eea-website-theme/compare/4.0.1...4.0.2) - 8 April 2026
+
 ### [4.0.1](https://github.com/eea/volto-eea-website-theme/compare/4.0.0...4.0.1) - 8 April 2026
 
 #### :hammer_and_wrench: Others
 
 - Add eslint-disable [Miu Razvan - [`4566fb4`](https://github.com/eea/volto-eea-website-theme/commit/4566fb419fe531ff1dc077859e217e01164313ae)]
-- Import routes from @root instead of @plone/volto [Miu Razvan - [`bc239e7`](https://github.com/eea/volto-eea-website-theme/commit/bc239e7a94b5b66c33ab2f6d1321fb7ebc5348ce)]
 ## [4.0.0](https://github.com/eea/volto-eea-website-theme/compare/3.19.1...4.0.0) - 7 April 2026
 
 #### :rocket: New Features

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eeacms/volto-eea-website-theme",
-  "version": "4.0.1",
+  "version": "4.0.3",
   "description": "@eeacms/volto-eea-website-theme: Volto add-on",
   "main": "src/index.js",
   "author": "European Environment Agency: IDM2 A-Team",

package/src/actions/navigation.js

@@ -1,5 +1,5 @@
 import { flattenToAppURL } from '@plone/volto/helpers/Url/Url';
-import { GET_NAVIGATION_SETTINGS } from '../constants/ActionTypes';
+import { GET_NAVIGATION_SETTINGS } from '@eeacms/volto-eea-website-theme/constants/ActionTypes';
 
 export const getNavigationSettings = (url = '') => {
   let cleanedUrl = typeof url === 'string' ? url : '';

package/src/actions/navigation.test.js

@@ -1,5 +1,5 @@
 import { getNavigationSettings } from './navigation';
-import { GET_NAVIGATION_SETTINGS } from '../constants/ActionTypes';
+import { GET_NAVIGATION_SETTINGS } from '@eeacms/volto-eea-website-theme/constants/ActionTypes';
 
 jest.mock('@plone/volto/helpers', () => ({
   flattenToAppURL: jest.fn((url) => {

package/src/customizations/@plone/volto-slate/blocks/Table/TableBlockView.jsx

@@ -13,7 +13,6 @@ import {
 } from '@plone/volto-slate/editor/render';
 import { Node } from 'slate';
 
-// TODO: loading LESS files with `volto-slate/...` paths does not work currently
 import '../../editor/plugins/Table/less/public.less';
 
 /**

package/src/customizations/volto/components/theme/AlternateHrefLangs/AlternateHrefLangs.jsx

@@ -0,0 +1,36 @@
+/**
+ * PATCH from Volto 18.33.0
+ * To be removed when issue is fixed and released:
+ * https://github.com/plone/volto/issues/7309
+ * https://github.com/plone/volto/pull/8093
+ * https://github.com/plone/volto/pull/8094
+ * */
+import config from '@plone/volto/registry';
+import Helmet from '@plone/volto/helpers/Helmet/Helmet';
+import { flattenToAppURL, toPublicURL } from '@plone/volto/helpers/Url/Url';
+
+const AlternateHrefLangs = (props) => {
+  const { content } = props;
+  return (
+    <Helmet>
+      {config.settings.isMultilingual &&
+        content['@components']?.translations?.items &&
+        content.language?.token &&
+        [
+          ...content['@components']?.translations?.items,
+          { '@id': content['@id'], language: content.language.token },
+        ].map((item, key) => {
+          return (
+            <link
+              key={key}
+              rel="alternate"
+              hrefLang={item.language}
+              href={toPublicURL(flattenToAppURL(item['@id']))}
+            />
+          );
+        })}
+    </Helmet>
+  );
+};
+
+export { AlternateHrefLangs };

package/src/customizations/volto/components/theme/AlternateHrefLangs/AlternateHrefLangs.test.jsx

@@ -0,0 +1,223 @@
+import React from 'react';
+import Helmet from '@plone/volto/helpers/Helmet/Helmet';
+
+import renderer from 'react-test-renderer';
+import configureStore from 'redux-mock-store';
+import { Provider } from 'react-intl-redux';
+import config from '@plone/volto/registry';
+
+import { AlternateHrefLangs } from './AlternateHrefLangs';
+
+const mockStore = configureStore();
+
+describe('AlternateHrefLangs', () => {
+  beforeEach(() => {});
+  it('non multilingual site, renders nothing', () => {
+    config.settings.isMultilingual = false;
+    const content = {
+      '@id': '/',
+      '@components': {},
+    };
+    const store = mockStore({
+      intl: {
+        locale: 'en',
+        messages: {},
+      },
+    });
+    // We need to force the component rendering
+    // to fill the Helmet
+    renderer.create(
+      <Provider store={store}>
+        <AlternateHrefLangs content={content} />
+      </Provider>,
+    );
+
+    const helmetLinks = Helmet.peek().linkTags;
+    expect(helmetLinks.length).toBe(0);
+  });
+
+  it('multilingual site, content without language field, renders nothing', () => {
+    config.settings.publicURL = 'https://plone.org';
+    config.settings.supportedLanguages = ['en', 'es'];
+
+    const content = {
+      '@id': 'http://localhost:8080/Plone/en/newsroom/news',
+      '@components': {
+        translations: {
+          items: [{ '@id': 'http://localhost:8080/Plone/es', language: 'es' }],
+        },
+      },
+    };
+
+    const store = mockStore({
+      intl: {
+        locale: 'en',
+        messages: {},
+      },
+    });
+
+    renderer.create(
+      <Provider store={store}>
+        <AlternateHrefLangs content={content} />
+      </Provider>,
+    );
+
+    const helmetLinks = Helmet.peek().linkTags;
+    expect(helmetLinks.length).toBe(0);
+  });
+
+  it('multilingual site, with some translations', () => {
+    config.settings.publicURL = 'https://plone.org';
+    config.settings.isMultilingual = true;
+    config.settings.supportedLanguages = ['en', 'es', 'eu'];
+
+    const content = {
+      '@id': 'http://localhost:8080/Plone/en',
+      language: { token: 'en', title: 'English' },
+      '@components': {
+        translations: {
+          items: [{ '@id': 'http://localhost:8080/Plone/es', language: 'es' }],
+        },
+      },
+    };
+
+    const store = mockStore({
+      intl: {
+        locale: 'en',
+        messages: {},
+      },
+    });
+
+    // We need to force the component rendering
+    // to fill the Helmet
+    renderer.create(
+      <Provider store={store}>
+        <>
+          <AlternateHrefLangs content={content} />
+        </>
+      </Provider>,
+    );
+    const helmetLinks = Helmet.peek().linkTags;
+
+    expect(helmetLinks.length).toBe(2);
+
+    expect(helmetLinks).toContainEqual({
+      rel: 'alternate',
+      href: 'https://plone.org/es',
+      hrefLang: 'es',
+    });
+    expect(helmetLinks).toContainEqual({
+      rel: 'alternate',
+      href: 'https://plone.org/en',
+      hrefLang: 'en',
+    });
+  });
+
+  it('multilingual site, with all available translations', () => {
+    config.settings.publicURL = 'https://plone.org';
+    config.settings.isMultilingual = true;
+    config.settings.supportedLanguages = ['en', 'es', 'eu'];
+    const store = mockStore({
+      intl: {
+        locale: 'en',
+        messages: {},
+      },
+    });
+
+    const content = {
+      '@id': 'http://localhost:8080/Plone/en',
+      language: { token: 'en', title: 'English' },
+      '@components': {
+        translations: {
+          items: [
+            { '@id': 'http://localhost:8080/Plone/eu', language: 'eu' },
+            { '@id': 'http://localhost:8080/Plone/es', language: 'es' },
+          ],
+        },
+      },
+    };
+
+    // We need to force the component rendering
+    // to fill the Helmet
+    renderer.create(
+      <Provider store={store}>
+        <AlternateHrefLangs content={content} />
+      </Provider>,
+    );
+
+    const helmetLinks = Helmet.peek().linkTags;
+
+    // We expect having 3 links
+    expect(helmetLinks.length).toBe(3);
+
+    expect(helmetLinks).toContainEqual({
+      rel: 'alternate',
+      href: 'https://plone.org/eu',
+      hrefLang: 'eu',
+    });
+    expect(helmetLinks).toContainEqual({
+      rel: 'alternate',
+      href: 'https://plone.org/es',
+      hrefLang: 'es',
+    });
+    expect(helmetLinks).toContainEqual({
+      rel: 'alternate',
+      href: 'https://plone.org/en',
+      hrefLang: 'en',
+    });
+  });
+
+  it('multilingual site, with all available translations - with server URL', () => {
+    config.settings.publicURL = 'https://plone.org';
+    config.settings.isMultilingual = true;
+    config.settings.supportedLanguages = ['en', 'es', 'eu'];
+    const store = mockStore({
+      intl: {
+        locale: 'en',
+        messages: {},
+      },
+    });
+
+    const content = {
+      '@id': 'http://localhost:8080/Plone/en',
+      language: { token: 'en', title: 'English' },
+      '@components': {
+        translations: {
+          items: [
+            { '@id': 'http://localhost:8080/Plone/eu', language: 'eu' },
+            { '@id': 'http://localhost:8080/Plone/es', language: 'es' },
+          ],
+        },
+      },
+    };
+
+    // We need to force the component rendering
+    // to fill the Helmet
+    renderer.create(
+      <Provider store={store}>
+        <AlternateHrefLangs content={content} />
+      </Provider>,
+    );
+
+    const helmetLinks = Helmet.peek().linkTags;
+
+    // We expect having 3 links
+    expect(helmetLinks.length).toBe(3);
+
+    expect(helmetLinks).toContainEqual({
+      rel: 'alternate',
+      href: 'https://plone.org/eu',
+      hrefLang: 'eu',
+    });
+    expect(helmetLinks).toContainEqual({
+      rel: 'alternate',
+      href: 'https://plone.org/es',
+      hrefLang: 'es',
+    });
+    expect(helmetLinks).toContainEqual({
+      rel: 'alternate',
+      href: 'https://plone.org/en',
+      hrefLang: 'en',
+    });
+  });
+});

package/src/customizations/volto/server.jsx

@@ -21,9 +21,9 @@ import crypto from 'crypto';
 import routes from '@root/routes';
 import config from '@plone/volto/registry';
 
-import { flattenToAppURL } from '@plone/volto/helpers/Url/Url';
 import Html from '@plone/volto/helpers/Html/Html';
 import Api from '@plone/volto/helpers/Api/Api';
+import { flattenToAppURL } from '@plone/volto/helpers/Url/Url';
 import { persistAuthToken } from '@plone/volto/helpers/AuthToken/AuthToken';
 import {
   toBackendLang,

package/src/reducers/navigation/navigation.js

@@ -1,4 +1,4 @@
-import { GET_NAVIGATION_SETTINGS } from '../../constants/ActionTypes';
+import { GET_NAVIGATION_SETTINGS } from '@eeacms/volto-eea-website-theme/constants/ActionTypes';
 
 const initialState = {
   error: null,

package/src/reducers/navigation/navigation.test.js

@@ -1,5 +1,5 @@
 import navigationReducer from './navigation';
-import { GET_NAVIGATION_SETTINGS } from '../../constants/ActionTypes';
+import { GET_NAVIGATION_SETTINGS } from '@eeacms/volto-eea-website-theme/constants/ActionTypes';
 
 describe('navigation reducer', () => {
   const initialState = {

package/src/reducers/navigation.js

@@ -3,7 +3,7 @@
  * @module reducers/navigation
  */
 
-import { GET_NAVIGATION_SETTINGS } from '../constants/ActionTypes';
+import { GET_NAVIGATION_SETTINGS } from '@eeacms/volto-eea-website-theme/constants/ActionTypes';
 
 const initialState = {
   error: null,