@eeacms/volto-cca-policy 0.1.74 → 0.1.75

package/CHANGELOG.md

@@ -4,6 +4,30 @@ 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).
 
+### [0.1.75](https://github.com/eea/volto-cca-policy/compare/0.1.74...0.1.75) - 15 February 2024
+
+#### :rocket: New Features
+
+- feat: add language dropdown [kreafox - [`22ffe5b`](https://github.com/eea/volto-cca-policy/commit/22ffe5b8664b51fc44e9a86c2387305414e95d62)]
+
+#### :bug: Bug Fixes
+
+- fix: remove polish language [kreafox - [`29413fd`](https://github.com/eea/volto-cca-policy/commit/29413fdb4f0d97dbdd47a0760972d7b0076e1d45)]
+
+#### :nail_care: Enhancements
+
+- change: hide language selector from mission [kreafox - [`2f18f6d`](https://github.com/eea/volto-cca-policy/commit/2f18f6d7f6f4961c24e5254dfb431cd28d0bb5cd)]
+- change: remove padding from .content-area [kreafox - [`a456994`](https://github.com/eea/volto-cca-policy/commit/a45699421a3e67e6fbb339934116ae76c62f7912)]
+
+#### :hammer_and_wrench: Others
+
+- Indicator card - fix error. [GhitaB - [`e917135`](https://github.com/eea/volto-cca-policy/commit/e91713566d7bc3529f740d825e3183322ecb6ecd)]
+- Indicator card - fix missing key. [GhitaB - [`eef5186`](https://github.com/eea/volto-cca-policy/commit/eef51864db680a7c18a9a6875f3ad52a81767dc0)]
+- Fix image src for organisation card. [GhitaB - [`5457713`](https://github.com/eea/volto-cca-policy/commit/5457713795ae28e2c0d475cdea59c5d225d1bd1c)]
+- Add indicator card new listing type for search block in Observatory. [GhitaB - [`09b80dc`](https://github.com/eea/volto-cca-policy/commit/09b80dc0fca8347ee139c5367afae310fa0b2ee3)]
+- Cleanup code [kreafox - [`1908fca`](https://github.com/eea/volto-cca-policy/commit/1908fca7707f526081a449f79eae6bdd6350b886)]
+- Add LanguageSwitch and customized api middleware [Tiberiu Ichim - [`02ba1ca`](https://github.com/eea/volto-cca-policy/commit/02ba1ca72ba2812b51179ad0ac46f37642e6d8c8)]
+- Add pdb button [Tiberiu Ichim - [`18c5630`](https://github.com/eea/volto-cca-policy/commit/18c5630c9c7676ce30ae7e6ac63afc60327e19b9)]
 ### [0.1.74](https://github.com/eea/volto-cca-policy/compare/0.1.73...0.1.74) - 13 February 2024
 
 #### :bug: Bug Fixes
@@ -287,13 +311,10 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 - Refs #260715 rast-block wip [Tripon Eugen - [`f19d54e`](https://github.com/eea/volto-cca-policy/commit/f19d54e0b9a6a86bf344eb85b6a1cda7f3de91bf)]
 - Refs #260715 rast-block wip [Tripon Eugen - [`2828537`](https://github.com/eea/volto-cca-policy/commit/2828537b6c084cd1a82162d552fb4ef025b71f9f)]
 - Refs #260715 rast-block updates [Tripon Eugen - [`1e803e5`](https://github.com/eea/volto-cca-policy/commit/1e803e5bd3d3fb7558f261c76c68866be7beb8b5)]
-- test: [JENKINS] Use java17 for sonarqube scanner [valentinab25 - [`0a15e1b`](https://github.com/eea/volto-cca-policy/commit/0a15e1b2ad081233685e80d5b3c60a8663f6b896)]
-- test: [JENKINS] Run cypress in started frontend container [valentinab25 - [`9554e44`](https://github.com/eea/volto-cca-policy/commit/9554e44c92a621a52b2adb5a4830fb084ee5734b)]
 ### [0.1.49](https://github.com/eea/volto-cca-policy/compare/0.1.48...0.1.49) - 15 November 2023
 
 #### :house: Internal changes
 
-- chore: [JENKINS] Refactor automated testing [valentinab25 - [`7b820a6`](https://github.com/eea/volto-cca-policy/commit/7b820a6369c2ddd5203b1a4abe352cb4bb43db7a)]
 - chore: husky, lint-staged use fixed versions [valentinab25 - [`f0a8061`](https://github.com/eea/volto-cca-policy/commit/f0a8061c275c236deb00087c23fac9860a073106)]
 
 #### :hammer_and_wrench: Others
@@ -310,9 +331,6 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 - Refs #259267 - jenkins test [Tripon Eugen - [`cacd31e`](https://github.com/eea/volto-cca-policy/commit/cacd31e7b1afe0983674ed5c7632d2e1d7fa752e)]
 - Refs #259267 - jenkins [Tripon Eugen - [`5b3affe`](https://github.com/eea/volto-cca-policy/commit/5b3affee8401239de10097884c1b7f2349d15ec0)]
 - Refs #259267 - add When, lead image and title to files [Tripon Eugen - [`2cedb23`](https://github.com/eea/volto-cca-policy/commit/2cedb237f898af9057e13fba94b615ef71077204)]
-- test: [JENKINS] Add cpu limit on cypress docker [valentinab25 - [`4d607a5`](https://github.com/eea/volto-cca-policy/commit/4d607a576e9d0a5c34e48c41b409e7df616ee3d6)]
-- test: [JENKINS] Increase shm-size to cypress docker [valentinab25 - [`b7f74d5`](https://github.com/eea/volto-cca-policy/commit/b7f74d53513a6edbfbca5cb6d19687929bb1e5db)]
-- test: [JENKINS] Improve cypress time [valentinab25 - [`db65617`](https://github.com/eea/volto-cca-policy/commit/db656173391f65157098d95d388c25f6429753d8)]
 - Refs #259267 - cca event blocks attachments and check not mandatoty fields [Tripon Eugen - [`3138e5a`](https://github.com/eea/volto-cca-policy/commit/3138e5afb5bfbdbed14e27ed457b16867b7fa414)]
 - Refs #256681 - Fix error in CCA Event view menu. ([React Intl] An id must be provided to format a message.) [GhitaB - [`517eeb8`](https://github.com/eea/volto-cca-policy/commit/517eeb817264a47bbfd6b9b7d22aaf22d44ed224)]
 - Refs #161485 - Fix ECDE name conflict. [GhitaB - [`8bfd99f`](https://github.com/eea/volto-cca-policy/commit/8bfd99ff68bb82a04d1c0ed625fa514fcf46289e)]
@@ -529,7 +547,6 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
 #### :house: Internal changes
 
-- chore: [JENKINS] Remove alpha testing version [valentinab25 - [`ad1ced0`](https://github.com/eea/volto-cca-policy/commit/ad1ced0971ba116c13a3b5fcc039172cc915c919)]
 
 #### :hammer_and_wrench: Others
 
@@ -1010,7 +1027,6 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 #### :hammer_and_wrench: Others
 
 - Refs #158294 - Update supported languages list. [GhitaB - [`0a4f91f`](https://github.com/eea/volto-cca-policy/commit/0a4f91f39b7edc367bd4c127d6a8f273c7788361)]
-- Add Sonarqube tag using cca-frontend addons list [EEA Jenkins - [`8f1f9ce`](https://github.com/eea/volto-cca-policy/commit/8f1f9ce6c22805670cc0800d3c779b6d619d0f31)]
 ### [0.1.1](https://github.com/eea/volto-cca-policy/compare/0.1.0...0.1.1) - 13 December 2022
 
 #### :hammer_and_wrench: Others

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eeacms/volto-cca-policy",
-  "version": "0.1.74",
+  "version": "0.1.75",
   "description": "@eeacms/volto-cca-policy: Volto add-on",
   "main": "src/index.js",
   "author": "European Environment Agency: IDM2 A-Team",

package/src/components/MigrationButtons.jsx

@@ -7,20 +7,22 @@ function MigrationButtons(props) {
   const show = !!token && contentId && contentId.indexOf('europa.eu') === -1;
   const base = getBaseUrl(pathname);
 
-  const handleClickMigrate = () => {
-    window.open(`http://localhost:8080/cca/${base}/@@volto_migrate`, '_blank');
-  };
-
-  const handleClickView = () => {
-    window.open(`https://climate-adapt.eea.europa.eu${base}`, '_blank');
-  };
-
   return show ? (
-    <Plug pluggable="main.toolbar.top" id="cca-migration-helpers" order={0}>
+    <Plug
+      pluggable="main.toolbar.top"
+      id="cca-migration-helpers"
+      order={0}
+      dependencies={[contentId]}
+    >
       <button
         className={`circle-right-btn `}
         id="toolbar-migration"
-        onClick={handleClickMigrate}
+        onClick={() =>
+          window.open(
+            `http://localhost:8080/cca/${base}/@@volto_migrate`,
+            '_blank',
+          )
+        }
         title="Migrate context"
       >
         M
@@ -29,11 +31,22 @@ function MigrationButtons(props) {
       <button
         className={`circle-right-btn `}
         id="toolbar-view"
-        onClick={handleClickView}
+        onClick={() =>
+          window.open(`https://climate-adapt.eea.europa.eu${base}`, '_blank')
+        }
         title="View original"
       >
         V
       </button>
+
+      <button
+        className={`circle-right-btn`}
+        id="toolbar-migration"
+        onClick={() => window.open(`http://localhost:8080/cca/${base}/@@gopdb`)}
+        title="Migrate context"
+      >
+        PDB
+      </button>
     </Plug>
   ) : null;
 }

package/src/components/manage/Blocks/Listing/IndicatorCardsListingView.jsx

@@ -0,0 +1,68 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { connect } from 'react-redux';
+import { compose } from 'redux';
+import cx from 'classnames';
+import { ConditionalLink } from '@plone/volto/components';
+import { flattenToAppURL, getBaseUrl } from '@plone/volto/helpers';
+import './styles.less';
+
+const fixedTitles = {
+  C3S: 'Copernicus (C3S)',
+  'Lancet Countdown': 'Lancet Countdown in Europe',
+};
+
+const fixTitle = (title) => {
+  return fixedTitles[title] || title;
+};
+
+const IndicatorCardsListingView = ({ items, isEditMode, token }) => {
+  return (
+    <div className={cx('ui fluid indicatorCards')}>
+      {items.map((item, index) => (
+        <div
+          className={cx('u-item listing-item simple-listing-item')}
+          key={item['@id']}
+        >
+          <div className="wrapper">
+            <div className="slot-top">
+              <ConditionalLink
+                to={flattenToAppURL(getBaseUrl(item['@id']))}
+                condition={!isEditMode}
+              >
+                <div className="listing-body">
+                  <h4 className={'listing-header'}>
+                    {item.title ? item.title : item.id}
+                  </h4>
+                </div>
+              </ConditionalLink>
+            </div>
+            <div className="simple-item-meta">
+              <span className="text-left year">
+                {item?.cca_published &&
+                  new Date(item?.publication_date).getFullYear()}
+              </span>
+              <span className="text-left">
+                {item &&
+                  item.origin_website &&
+                  item.origin_website.length > 0 &&
+                  fixTitle(item?.origin_website[0]?.title)}
+              </span>
+            </div>
+          </div>
+        </div>
+      ))}
+    </div>
+  );
+};
+
+IndicatorCardsListingView.propTypes = {
+  items: PropTypes.arrayOf(PropTypes.any).isRequired,
+  isEditMode: PropTypes.bool,
+};
+
+export default compose(
+  connect((state) => ({
+    token: state.userSession.token,
+  })),
+)(IndicatorCardsListingView);

package/src/components/manage/Blocks/Listing/OrganisationCardsListingView.jsx

@@ -52,7 +52,7 @@ const OrganisationCardsListingView = ({ items, isEditMode, token }) => {
             <div className="header">
               <a className="image" href={observatoryURL(item)}>
                 <img
-                  src={observatoryURL(item) + '/@@images/logo'}
+                  src={item['@id'] + '/@@images/logo/preview'}
                   alt={item.title}
                   className="ui image"
                 ></img>

package/src/components/manage/Blocks/Listing/index.js

@@ -1,4 +1,5 @@
 import OrganisationCardsListingView from './OrganisationCardsListingView';
+import IndicatorCardsListingView from './IndicatorCardsListingView';
 
 export default function installListing(config) {
   config.blocks.blocksConfig.listing = {
@@ -12,6 +13,13 @@ export default function installListing(config) {
         isDefault: false,
         fullobjects: true,
       },
+      {
+        id: 'indicatorCards',
+        title: 'Indicator Cards',
+        template: IndicatorCardsListingView,
+        isDefault: false,
+        fullobjects: true,
+      },
     ],
   };
 

package/src/components/manage/Blocks/Listing/styles.less

@@ -1,7 +1,6 @@
 // Organisation Cards Listing
 div.organisationCards {
   a.org-name {
-    margin-top: 0.5em;
     font-size: 0.7em;
     text-transform: uppercase;
   }
@@ -10,3 +9,22 @@ div.organisationCards {
     font-size: 0.7em;
   }
 }
+
+// Indicators Cards Listing
+div.indicatorCards {
+  a {
+    color: #006bb8 !important;
+  }
+
+  h4 {
+    font-weight: 400;
+  }
+
+  span.year {
+    margin-right: 1em;
+  }
+
+  .simple-listing-item {
+    margin-bottom: 1em !important;
+  }
+}

package/src/components/theme/Header.jsx

@@ -17,14 +17,13 @@ import {
 import { getNavigation } from '@plone/volto/actions';
 import { Header, Logo } from '@eeacms/volto-eea-design-system/ui';
 import { usePrevious } from '@eeacms/volto-eea-design-system/helpers';
-import { find } from 'lodash';
-import globeIcon from '@eeacms/volto-eea-design-system/../theme/themes/eea/assets/images/Header/global-line.svg';
 import eeaFlag from '@eeacms/volto-eea-design-system/../theme/themes/eea/assets/images/Header/eea.png';
 import { toPublicURL } from '@plone/volto/helpers';
 
 import config from '@plone/volto/registry';
 import { compose } from 'recompose';
 import { BodyClass } from '@plone/volto/helpers';
+import LanguageSwitch from './LanguageSwitch';
 
 import cx from 'classnames';
 
@@ -63,12 +62,8 @@ const DirectLinkLogo = ({
 /**
  * EEA Specific Header component.
  */
-const EEAHeader = ({ pathname, token, items, history, subsite }) => {
-  const currentLang = useSelector((state) => state.intl.locale);
-  const translations = useSelector(
-    (state) => state.content.data?.['@components']?.translations?.items,
-  );
-
+const EEAHeader = (props) => {
+  const { pathname, token, items, subsite } = props;
   const router_pathname = useSelector((state) => {
     return removeTrailingSlash(state.router?.location?.pathname) || '';
   });
@@ -94,9 +89,6 @@ const EEAHeader = ({ pathname, token, items, history, subsite }) => {
   const width = useSelector((state) => state.screen?.width);
   const dispatch = useDispatch();
   const previousToken = usePrevious(token);
-  const [language, setLanguage] = React.useState(
-    currentLang || eea.defaultLanguage,
-  );
 
   React.useEffect(() => {
     const { settings } = config;
@@ -184,53 +176,7 @@ const EEAHeader = ({ pathname, token, items, history, subsite }) => {
           </Header.TopItem>
         )}
 
-        {config.settings.isMultilingual && (
-          <Header.TopDropdownMenu
-            id="language-switcher"
-            className="item"
-            hasLanguageDropdown={
-              config.settings.supportedLanguages.length > 1 &&
-              config.settings.hasLanguageDropdown
-            }
-            text={`${language.toUpperCase()}`}
-            mobileText={`${language.toUpperCase()}`}
-            icon={
-              <Image src={globeIcon} alt="language dropdown globe icon"></Image>
-            }
-            viewportWidth={width}
-          >
-            <ul
-              className="wrapper language-list"
-              role="listbox"
-              aria-label="language switcher"
-            >
-              {eea.languages.map((item, index) => (
-                <Dropdown.Item
-                  as="li"
-                  key={index}
-                  text={
-                    <span>
-                      {item.name}
-                      <span className="country-code">
-                        {item.code.toUpperCase()}
-                      </span>
-                    </span>
-                  }
-                  onClick={() => {
-                    const translation = find(translations, {
-                      language: item.code,
-                    });
-                    const to = translation
-                      ? flattenToAppURL(translation['@id'])
-                      : `/${item.code}`;
-                    setLanguage(item.code);
-                    history.push(to);
-                  }}
-                ></Dropdown.Item>
-              ))}
-            </ul>
-          </Header.TopDropdownMenu>
-        )}
+        {config.settings.isMultilingual && <LanguageSwitch {...props} />}
       </Header.TopHeader>
       <Header.Main
         pathname={pathname}

package/src/components/theme/LanguageSwitch.jsx

@@ -0,0 +1,66 @@
+import React from 'react';
+import { Header } from '@eeacms/volto-eea-design-system/ui';
+import { find } from 'lodash';
+import globeIcon from '@eeacms/volto-eea-design-system/../theme/themes/eea/assets/images/Header/global-line.svg';
+import { useSelector } from 'react-redux';
+import config from '@plone/volto/registry';
+import { Dropdown, Image } from 'semantic-ui-react';
+import { flattenToAppURL } from '@plone/volto/helpers';
+
+// dispatch(changeLanguage(redirectToLanguage, locale.default));
+export default function LanguageSwitch({ history }) {
+  const { eea } = config.settings;
+  const translations = useSelector(
+    (state) => state.content.data?.['@components']?.translations?.items,
+  );
+  const width = useSelector((state) => state.screen?.width);
+
+  const currentLang = useSelector((state) => state.intl.locale);
+  const [language, setLanguage] = React.useState(
+    currentLang || eea.defaultLanguage,
+  );
+
+  return (
+    <Header.TopDropdownMenu
+      id="language-switcher"
+      className="item"
+      hasLanguageDropdown={
+        config.settings.supportedLanguages.length > 1 &&
+        config.settings.hasLanguageDropdown
+      }
+      text={`${language.toUpperCase()}`}
+      mobileText={`${language.toUpperCase()}`}
+      icon={<Image src={globeIcon} alt="language dropdown globe icon"></Image>}
+      viewportWidth={width}
+    >
+      <ul
+        className="wrapper language-list"
+        role="listbox"
+        aria-label="language switcher"
+      >
+        {eea.languages.map((item, index) => (
+          <Dropdown.Item
+            as="li"
+            key={index}
+            text={
+              <span>
+                {item.name}
+                <span className="country-code">{item.code.toUpperCase()}</span>
+              </span>
+            }
+            onClick={() => {
+              const translation = find(translations, {
+                language: item.code,
+              });
+              const to = translation
+                ? flattenToAppURL(translation['@id'])
+                : `/${item.code}`;
+              setLanguage(item.code);
+              history.push(to);
+            }}
+          ></Dropdown.Item>
+        ))}
+      </ul>
+    </Header.TopDropdownMenu>
+  );
+}

package/src/customizations/@eeacms/volto-eea-design-system/ui/Header/Header.jsx

@@ -52,7 +52,7 @@ const TopDropdownMenu = ({
   children,
   className,
   icon,
-  hasLanguageDropdown = false,
+  hasLanguageDropdown = true,
   id,
   tabletText,
   mobileText,

package/src/customizations/volto/middleware/README.md

@@ -0,0 +1,3 @@
+Copy from Volto 16
+
+Customized because in CCA the language field in the result is not a value from a vocabulary (is missing token).

package/src/customizations/volto/middleware/api.js

@@ -0,0 +1,347 @@
+/**
+ * Api middleware.
+ * @module middleware/api
+ */
+
+import Cookies from 'universal-cookie';
+import jwtDecode from 'jwt-decode';
+import { compact, flatten, union } from 'lodash';
+import { matchPath } from 'react-router';
+import qs from 'query-string';
+
+import config from '@plone/volto/registry';
+
+import {
+  GET_CONTENT,
+  LOGIN,
+  RESET_APIERROR,
+  SET_APIERROR,
+} from '@plone/volto/constants/ActionTypes';
+import { changeLanguage } from '@plone/volto/actions';
+import {
+  toGettextLang,
+  toReactIntlLang,
+  getCookieOptions,
+} from '@plone/volto/helpers';
+let socket = null;
+
+/**
+ *
+ * Add configured expanders to an api call for an action
+ * Requirements:
+ *
+ * - It should add the expanders set in the config settings
+ * - It should preserve any query if present
+ * - It should preserve (and add) any expand parameter (if present) e.g. translations
+ * - It should take use the correct codification for arrays in querystring (repeated parameter for each member of the array)
+ *
+ * @function addExpandersToPath
+ * @param {string} path The url/path including the querystring
+ * @param {*} type The action type
+ * @returns {string} The url/path with the configured expanders added to the query string
+ */
+export function addExpandersToPath(path, type, isAnonymous) {
+  const { settings } = config;
+  const { apiExpanders = [] } = settings;
+
+  const {
+    url,
+    query: { expand, ...query },
+  } = qs.parseUrl(path, { decode: false });
+
+  const expandersFromConfig = apiExpanders
+    .filter((expand) => matchPath(url, expand.match) && expand[type])
+    .map((expand) => expand[type]);
+
+  const expandMerge = compact(
+    union([expand, ...flatten(expandersFromConfig)]),
+  ).filter((item) => !(item === 'types' && isAnonymous)); // Remove types expander if isAnonymous
+
+  const stringifiedExpand = qs.stringify(
+    { expand: expandMerge },
+    {
+      arrayFormat: 'comma',
+      encode: false,
+    },
+  );
+
+  const querystringFromConfig = apiExpanders
+    .filter((expand) => matchPath(url, expand.match) && expand[type])
+    .reduce((acc, expand) => ({ ...acc, ...expand?.['querystring'] }), {});
+
+  const queryMerge = { ...query, ...querystringFromConfig };
+
+  const stringifiedQuery = qs.stringify(queryMerge, {
+    encode: false,
+  });
+
+  if (stringifiedQuery && stringifiedExpand) {
+    return `${url}?${stringifiedExpand}&${stringifiedQuery}`;
+  } else if (!stringifiedQuery && stringifiedExpand) {
+    return `${url}?${stringifiedExpand}`;
+  } else if (stringifiedQuery && !stringifiedExpand) {
+    return `${url}?${stringifiedQuery}`;
+  } else {
+    return url;
+  }
+}
+
+/**
+ * Send a message on a websocket.
+ * @function sendOnSocket
+ * @param {Object} request Request object.
+ * @returns {Promise} message is send
+ */
+function sendOnSocket(request) {
+  return new Promise((resolve, reject) => {
+    switch (socket.readyState) {
+      case socket.CONNECTING:
+        socket.addEventListener('open', () => resolve(socket));
+        socket.addEventListener('error', reject);
+        break;
+      case socket.OPEN:
+        resolve(socket);
+        break;
+      default:
+        reject();
+        break;
+    }
+  }).then(() => {
+    socket.send(JSON.stringify(request));
+  });
+}
+
+/**
+ * Api middleware.
+ * @function
+ * @param {Object} api Api object.
+ * @returns {Promise} Action promise.
+ */
+const apiMiddlewareFactory = (api) => ({ dispatch, getState }) => (next) => (
+  action,
+) => {
+  const { settings } = config;
+
+  const isAnonymous = !getState().userSession.token;
+
+  if (typeof action === 'function') {
+    return action(dispatch, getState);
+  }
+
+  const { request, type, mode = 'parallel', ...rest } = action;
+  const { subrequest } = action; // We want subrequest remains in `...rest` above
+
+  let actionPromise;
+
+  if (!request) {
+    return next(action);
+  }
+
+  next({ ...rest, type: `${type}_PENDING` });
+
+  if (socket) {
+    actionPromise = Array.isArray(request)
+      ? Promise.all(
+          request.map((item) =>
+            sendOnSocket({
+              ...item,
+              path: addExpandersToPath(item.path, type, isAnonymous),
+              id: type,
+            }),
+          ),
+        )
+      : sendOnSocket({
+          ...request,
+          path: addExpandersToPath(request.path, type, isAnonymous),
+          id: type,
+        });
+  } else {
+    actionPromise = Array.isArray(request)
+      ? mode === 'serial'
+        ? request.reduce((prevPromise, item) => {
+            return prevPromise.then((acc) => {
+              return api[item.op](
+                addExpandersToPath(item.path, type, isAnonymous),
+                {
+                  data: item.data,
+                  type: item.type,
+                  headers: item.headers,
+                  params: request.params,
+                  checkUrl: settings.actions_raising_api_errors.includes(
+                    action.type,
+                  ),
+                },
+              ).then((reqres) => {
+                return [...acc, reqres];
+              });
+            });
+          }, Promise.resolve([]))
+        : Promise.all(
+            request.map((item) =>
+              api[item.op](addExpandersToPath(item.path, type, isAnonymous), {
+                data: item.data,
+                type: item.type,
+                headers: item.headers,
+                params: request.params,
+                checkUrl: settings.actions_raising_api_errors.includes(
+                  action.type,
+                ),
+              }),
+            ),
+          )
+      : api[request.op](addExpandersToPath(request.path, type, isAnonymous), {
+          data: request.data,
+          type: request.type,
+          headers: request.headers,
+          params: request.params,
+          checkUrl: settings.actions_raising_api_errors.includes(action.type),
+        });
+    actionPromise.then(
+      (result) => {
+        const { settings } = config;
+        if (getState().apierror.connectionRefused) {
+          next({
+            ...rest,
+            type: RESET_APIERROR,
+          });
+        }
+        if (type === GET_CONTENT) {
+          // customization original: result?.language?.token
+          const lang = result?.language?.token || result.language || '';
+          // end customization
+          if (
+            lang &&
+            getState().intl.locale !== toReactIntlLang(lang) &&
+            !subrequest &&
+            config.settings.supportedLanguages.includes(lang)
+          ) {
+            const langFileName = toGettextLang(lang);
+            import('~/../locales/' + langFileName + '.json').then((locale) => {
+              dispatch(changeLanguage(lang, locale.default));
+            });
+          }
+        }
+        if (type === LOGIN && settings.websockets) {
+          const cookies = new Cookies();
+          cookies.set(
+            'auth_token',
+            result.token,
+            getCookieOptions({
+              expires: new Date(jwtDecode(result.token).exp * 1000),
+            }),
+          );
+          api.get('/@wstoken').then((res) => {
+            socket = new WebSocket(
+              `${settings.apiPath.replace('http', 'ws')}/@ws?ws_token=${
+                res.token
+              }`,
+            );
+            socket.onmessage = (message) => {
+              const packet = JSON.parse(message.data);
+              if (packet.error) {
+                dispatch({
+                  type: `${packet.id}_FAIL`,
+                  error: packet.error,
+                });
+              } else {
+                dispatch({
+                  type: `${packet.id}_SUCCESS`,
+                  result: JSON.parse(packet.data),
+                });
+              }
+            };
+          });
+        }
+        try {
+          return next({ ...rest, result, type: `${type}_SUCCESS` });
+        } catch (error) {
+          // There was an exception while processing reducers or downstream middleware.
+          next({
+            ...rest,
+            error: { status: 500, error },
+            type: `${type}_FAIL`,
+          });
+          // Rethrow the original exception on the client side only,
+          // so it doesn't fall through to express on the server.
+          if (__CLIENT__) throw error;
+        }
+      },
+      (error) => {
+        // Only SSR can set ECONNREFUSED
+        if (error.code === 'ECONNREFUSED') {
+          next({
+            ...rest,
+            error,
+            statusCode: error.code,
+            connectionRefused: true,
+            type: SET_APIERROR,
+          });
+        }
+
+        // Response error is marked crossDomain if CORS error happen
+        else if (error.crossDomain) {
+          next({
+            ...rest,
+            error,
+            statusCode: 'CORSERROR',
+            connectionRefused: false,
+            type: SET_APIERROR,
+          });
+        }
+
+        // Check for actions who can raise api errors
+        if (settings.actions_raising_api_errors.includes(action.type)) {
+          // Gateway timeout
+          if (error?.response?.statusCode === 504) {
+            next({
+              ...rest,
+              error,
+              statusCode: error.code,
+              connectionRefused: true,
+              type: SET_APIERROR,
+            });
+          }
+
+          // Redirect
+          else if (error?.code === 301) {
+            next({
+              ...rest,
+              error,
+              statusCode: error.code,
+              connectionRefused: false,
+              type: SET_APIERROR,
+            });
+          }
+
+          // Redirect
+          else if (error?.code === 408) {
+            next({
+              ...rest,
+              error,
+              statusCode: error.code,
+              connectionRefused: false,
+              type: SET_APIERROR,
+            });
+          }
+
+          // Unauthorized
+          else if (error?.response?.statusCode === 401) {
+            next({
+              ...rest,
+              error,
+              statusCode: error.response,
+              message: error.response.body.message,
+              connectionRefused: false,
+              type: SET_APIERROR,
+            });
+          }
+        }
+        return next({ ...rest, error, type: `${type}_FAIL` });
+      },
+    );
+  }
+
+  return actionPromise;
+};
+
+export default apiMiddlewareFactory;

package/src/customizations/volto/server.jsx

@@ -0,0 +1,354 @@
+/*  Original: https://github.com/plone/volto/blob/16.x.x/src/server.jsx */
+/*  Line: 59 - Fix crash when a supported language it's not in volto/locales folder */
+
+/* eslint no-console: 0 */
+import '@plone/volto/config'; // This is the bootstrap for the global config - server side
+import { existsSync, lstatSync, readFileSync } from 'fs';
+import React from 'react';
+import { StaticRouter } from 'react-router-dom';
+import { Provider } from 'react-intl-redux';
+import express from 'express';
+import { renderToString } from 'react-dom/server';
+import { createMemoryHistory } from 'history';
+import { parse as parseUrl } from 'url';
+import { keys } from 'lodash';
+import locale from 'locale';
+import { detect } from 'detect-browser';
+import path from 'path';
+import { ChunkExtractor, ChunkExtractorManager } from '@loadable/server';
+import { resetServerContext } from 'react-beautiful-dnd';
+import { CookiesProvider } from 'react-cookie';
+import cookiesMiddleware from 'universal-cookie-express';
+import debug from 'debug';
+
+import routes from '@root/routes';
+import config from '@plone/volto/registry';
+
+import {
+  flattenToAppURL,
+  Html,
+  Api,
+  persistAuthToken,
+  toBackendLang,
+  toGettextLang,
+  toReactIntlLang,
+} from '@plone/volto/helpers';
+import { changeLanguage } from '@plone/volto/actions';
+
+import userSession from '@plone/volto/reducers/userSession/userSession';
+
+import ErrorPage from '@plone/volto/error';
+
+import languages from '@plone/volto/constants/Languages';
+
+import configureStore from '@plone/volto/store';
+import {
+  ReduxAsyncConnect,
+  loadOnServer,
+} from '@plone/volto/helpers/AsyncConnect';
+
+let locales = {};
+
+if (config.settings) {
+  config.settings.supportedLanguages.forEach((lang) => {
+    const langFileName = toGettextLang(lang);
+    import('@root/../locales/' + langFileName + '.json')
+      .then((locale) => {
+        locales = { ...locales, [toReactIntlLang(lang)]: locale.default };
+      })
+      // start customization
+      .catch((error) => {
+        locales = { ...locales, [toReactIntlLang(lang)]: {} };
+      });
+    // end customization
+  });
+}
+
+function reactIntlErrorHandler(error) {
+  debug('i18n')(error);
+}
+
+const supported = new locale.Locales(keys(languages), 'en');
+
+const server = express()
+  .disable('x-powered-by')
+  .head('/*', function (req, res) {
+    // Support for HEAD requests. Required by start-test utility in CI.
+    res.send('');
+  })
+  .use(cookiesMiddleware());
+
+const middleware = (config.settings.expressMiddleware || []).filter((m) => m);
+
+server.all('*', setupServer);
+if (middleware.length) server.use('/', middleware);
+
+server.use(function (err, req, res, next) {
+  if (err) {
+    const { store } = res.locals;
+    const errorPage = (
+      <Provider store={store} onError={reactIntlErrorHandler}>
+        <StaticRouter context={{}} location={req.url}>
+          <ErrorPage message={err.message} />
+        </StaticRouter>
+      </Provider>
+    );
+
+    res.set({
+      'Cache-Control': 'public, max-age=60, no-transform',
+    });
+
+    /* Displays error in console
+     * TODO:
+     * - get ignored codes from Plone error_log
+     */
+    const ignoredErrors = [301, 302, 401, 404];
+    if (!ignoredErrors.includes(err.status)) console.error(err);
+
+    res
+      .status(err.status || 500) // If error happens in Volto code itself error status is undefined
+      .send(`<!doctype html> ${renderToString(errorPage)}`);
+  }
+});
+
+function setupServer(req, res, next) {
+  const api = new Api(req);
+
+  const lang = toReactIntlLang(
+    new locale.Locales(
+      req.universalCookies.get('I18N_LANGUAGE') ||
+        config.settings.defaultLanguage ||
+        req.headers['accept-language'],
+    )
+      .best(supported)
+      .toString(),
+  );
+
+  // Minimum initial state for the fake Redux store instance
+  const initialState = {
+    intl: {
+      defaultLocale: 'en',
+      locale: lang,
+      messages: locales[lang],
+    },
+  };
+
+  const history = createMemoryHistory({
+    initialEntries: [req.url],
+  });
+
+  // Create a fake Redux store instance for the `errorHandler` to render
+  // and for being used by the rest of the middlewares, if required
+  const store = configureStore(initialState, history, api);
+
+  function errorHandler(error) {
+    const errorPage = (
+      <Provider store={store} onError={reactIntlErrorHandler}>
+        <StaticRouter context={{}} location={req.url}>
+          <ErrorPage message={error.message} />
+        </StaticRouter>
+      </Provider>
+    );
+
+    res.set({
+      'Cache-Control': 'public, max-age=60, no-transform',
+    });
+
+    /* Displays error in console
+     * TODO:
+     * - get ignored codes from Plone error_log
+     */
+    const ignoredErrors = [301, 302, 401, 404];
+    if (!ignoredErrors.includes(error.status)) console.error(error);
+
+    res
+      .status(error.status || 500) // If error happens in Volto code itself error status is undefined
+      .send(`<!doctype html> ${renderToString(errorPage)}`);
+  }
+
+  if (!process.env.RAZZLE_API_PATH && req.headers.host) {
+    res.locals.detectedHost = `${
+      req.headers['x-forwarded-proto'] || req.protocol
+    }://${req.headers.host}`;
+    config.settings.apiPath = res.locals.detectedHost;
+    config.settings.publicURL = res.locals.detectedHost;
+  }
+
+  res.locals = {
+    ...res.locals,
+    store,
+    api,
+    errorHandler,
+  };
+
+  next();
+}
+
+server.get('/*', (req, res) => {
+  const { errorHandler } = res.locals;
+
+  const api = new Api(req);
+
+  const browserdetect = detect(req.headers['user-agent']);
+
+  const lang = toReactIntlLang(
+    new locale.Locales(
+      req.universalCookies.get('I18N_LANGUAGE') ||
+        config.settings.defaultLanguage ||
+        req.headers['accept-language'],
+    )
+      .best(supported)
+      .toString(),
+  );
+
+  const authToken = req.universalCookies.get('auth_token');
+  const initialState = {
+    userSession: { ...userSession(), token: authToken },
+    form: req.body,
+    intl: {
+      defaultLocale: 'en',
+      locale: lang,
+      messages: locales[lang],
+    },
+    browserdetect,
+  };
+
+  const history = createMemoryHistory({
+    initialEntries: [req.url],
+  });
+
+  // Create a new Redux store instance
+  const store = configureStore(initialState, history, api);
+
+  persistAuthToken(store, req);
+
+  // @loadable/server extractor
+  const buildDir = process.env.BUILD_DIR || 'build';
+  const extractor = new ChunkExtractor({
+    statsFile: path.resolve(path.join(buildDir, 'loadable-stats.json')),
+    entrypoints: ['client'],
+  });
+
+  const url = req.originalUrl || req.url;
+  const location = parseUrl(url);
+
+  loadOnServer({ store, location, routes, api })
+    .then(() => {
+      const initialLang =
+        req.universalCookies.get('I18N_LANGUAGE') ||
+        config.settings.defaultLanguage ||
+        req.headers['accept-language'];
+
+      // The content info is in the store at this point thanks to the asynconnect
+      // features, then we can force the current language info into the store when
+      // coming from an SSR request
+
+      // TODO: there is a bug here with content that, for any reason, doesn't
+      // present the language token field, for some reason. In this case, we
+      // should follow the cookie rather then switching the language
+      const contentLang = store.getState().content.get?.error
+        ? initialLang
+        : store.getState().content.data?.language?.token ||
+          config.settings.defaultLanguage;
+
+      if (toBackendLang(initialLang) !== contentLang) {
+        const newLang = toReactIntlLang(
+          new locale.Locales(contentLang).best(supported).toString(),
+        );
+        store.dispatch(changeLanguage(newLang, locales[newLang], req));
+      }
+
+      const context = {};
+      resetServerContext();
+      const markup = renderToString(
+        <ChunkExtractorManager extractor={extractor}>
+          <CookiesProvider cookies={req.universalCookies}>
+            <Provider store={store} onError={reactIntlErrorHandler}>
+              <StaticRouter context={context} location={req.url}>
+                <ReduxAsyncConnect routes={routes} helpers={api} />
+              </StaticRouter>
+            </Provider>
+          </CookiesProvider>
+        </ChunkExtractorManager>,
+      );
+
+      const readCriticalCss =
+        config.settings.serverConfig.readCriticalCss || defaultReadCriticalCss;
+
+      // If we are showing an "old browser" warning,
+      // make sure it doesn't get cached in a shared cache
+      const browserdetect = store.getState().browserdetect;
+      if (config.settings.notSupportedBrowsers.includes(browserdetect?.name)) {
+        res.set({
+          'Cache-Control': 'private',
+        });
+      }
+
+      if (context.url) {
+        res.redirect(flattenToAppURL(context.url));
+      } else if (context.error_code) {
+        res.set({
+          'Cache-Control': 'no-cache',
+        });
+
+        res.status(context.error_code).send(
+          `<!doctype html>
+              ${renderToString(
+                <Html
+                  extractor={extractor}
+                  markup={markup}
+                  store={store}
+                  extractScripts={
+                    config.settings.serverConfig.extractScripts?.errorPages ||
+                    process.env.NODE_ENV !== 'production'
+                  }
+                  criticalCss={readCriticalCss(req)}
+                  apiPath={res.locals.detectedHost || config.settings.apiPath}
+                  publicURL={
+                    res.locals.detectedHost || config.settings.publicURL
+                  }
+                />,
+              )}
+            `,
+        );
+      } else {
+        res.status(200).send(
+          `<!doctype html>
+              ${renderToString(
+                <Html
+                  extractor={extractor}
+                  markup={markup}
+                  store={store}
+                  criticalCss={readCriticalCss(req)}
+                  apiPath={res.locals.detectedHost || config.settings.apiPath}
+                  publicURL={
+                    res.locals.detectedHost || config.settings.publicURL
+                  }
+                />,
+              )}
+            `,
+        );
+      }
+    }, errorHandler)
+    .catch(errorHandler);
+});
+
+export const defaultReadCriticalCss = () => {
+  const { criticalCssPath } = config.settings.serverConfig;
+
+  const e = existsSync(criticalCssPath);
+  if (!e) return;
+
+  const f = lstatSync(criticalCssPath);
+  if (!f.isFile()) return;
+
+  return readFileSync(criticalCssPath, { encoding: 'utf-8' });
+};
+
+// Exposed for the console bootstrap info messages
+server.apiPath = config.settings.apiPath;
+server.devProxyToApiPath = config.settings.devProxyToApiPath;
+server.proxyRewriteTarget = config.settings.proxyRewriteTarget;
+server.publicURL = config.settings.publicURL;
+
+export default server;

package/src/index.js

@@ -72,16 +72,21 @@ const applyConfig = (config) => {
 
   config.settings.dateLocale = 'en-gb';
   config.settings.isMultilingual = true;
-  config.settings.defaultLanguage =
-    config.settings.eea?.defaultLanguage || 'en';
-  // config.settings.supportedLanguages = config.settings.eea?.languages?.map(
-  //   (item) => item.code,
-  // ) || ['en'];
-  config.settings.supportedLanguages = ['en', 'de', 'fr', 'es', 'it'];
+  config.settings.hasLanguageDropdown = true;
+  config.settings.defaultLanguage = 'en';
+  config.settings.supportedLanguages = ['en', 'de', 'fr', 'es', 'it', 'pl'];
 
   // EEA customizations
   config.settings.eea = {
     ...(config.settings.eea || {}),
+    languages: [
+      { name: 'English', code: 'en' },
+      { name: 'Deutsch', code: 'de' },
+      { name: 'Français', code: 'fr' },
+      { name: 'Español', code: 'es' },
+      { name: 'Italiano', code: 'it' },
+      { name: 'Polski', code: 'pl' },
+    ],
     headerOpts: {
       ...(config.settings.eea?.headerOpts || {}),
       logo: ccaLogo,

package/theme/globals/mission.less

@@ -9,6 +9,10 @@ body.subsite-mkh {
     }
   }
 
+  #language-switcher {
+    display: none;
+  }
+
   .subfooter .footer-description {
     margin-top: 3em;
 

package/theme/globals/site.overrides

@@ -24,6 +24,10 @@ p.has--clear--both:empty {
   margin-bottom: 0;
 }
 
+.ui.basic.segment.content-area {
+  padding: 0;
+}
+
 // Add icon for external links
 #page-document {
   p {