@eeacms/volto-cca-policy 0.3.57 → 0.3.59

package/CHANGELOG.md

@@ -4,6 +4,16 @@ 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.3.59](https://github.com/eea/volto-cca-policy/compare/0.3.58...0.3.59) - 3 July 2025
+
+#### :hammer_and_wrench: Others
+
+- Add customization for View.jsx [Tiberiu Ichim - [`8647300`](https://github.com/eea/volto-cca-policy/commit/864730053d2fe5dcf01d02085669bbab83203838)]
+### [0.3.58](https://github.com/eea/volto-cca-policy/compare/0.3.57...0.3.58) - 3 July 2025
+
+#### :hammer_and_wrench: Others
+
+- Solve eslint [Tiberiu Ichim - [`29f656a`](https://github.com/eea/volto-cca-policy/commit/29f656a48416a04a2ebdf82091f25134b117cd7d)]
 ### [0.3.57](https://github.com/eea/volto-cca-policy/compare/0.3.56...0.3.57) - 27 June 2025
 
 #### :house: Internal changes

package/package.json

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

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

@@ -44,7 +44,6 @@ import {
   getContent,
   getNavigation,
   getTypes,
-  getWorkflow,
 } from '@plone/volto/actions';
 
 import clearSVG from '@plone/volto/icons/clear.svg';
@@ -316,11 +315,6 @@ export function connectAppComponent(AppComponent) {
           }
         },
       },
-      {
-        key: 'workflow',
-        promise: ({ location, store: { dispatch } }) =>
-          __SERVER__ && dispatch(getWorkflow(getBaseUrl(location.pathname))),
-      },
     ]),
     injectIntl,
     connect((state, props) => {

package/src/customizations/volto/components/theme/View/README.md

@@ -0,0 +1 @@
+Customized View.jsx to add the stripping of ++api++

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

@@ -0,0 +1,299 @@
+/**
+ * View container.
+ * @module components/theme/View/View
+ */
+
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import { connect } from 'react-redux';
+import { compose } from 'redux';
+import { Redirect } from 'react-router-dom';
+import { Portal } from 'react-portal';
+import { injectIntl } from 'react-intl';
+import qs from 'query-string';
+
+import {
+  ContentMetadataTags,
+  Comments,
+  Tags,
+  Toolbar,
+} from '@plone/volto/components';
+import { listActions, getContent } from '@plone/volto/actions';
+import {
+  BodyClass,
+  getBaseUrl,
+  flattenToAppURL,
+  getLayoutFieldname,
+  hasApiExpander,
+} from '@plone/volto/helpers';
+
+import config from '@plone/volto/registry';
+
+/**
+ * View container class.
+ * @class View
+ * @extends Component
+ */
+class View extends Component {
+  /**
+   * Property types.
+   * @property {Object} propTypes Property types.
+   * @static
+   */
+  static propTypes = {
+    actions: PropTypes.shape({
+      object: PropTypes.arrayOf(PropTypes.object),
+      object_buttons: PropTypes.arrayOf(PropTypes.object),
+      user: PropTypes.arrayOf(PropTypes.object),
+    }),
+    listActions: PropTypes.func.isRequired,
+    /**
+     * Action to get the content
+     */
+    getContent: PropTypes.func.isRequired,
+    /**
+     * Pathname of the object
+     */
+    pathname: PropTypes.string.isRequired,
+    location: PropTypes.shape({
+      search: PropTypes.string,
+      pathname: PropTypes.string,
+    }).isRequired,
+    /**
+     * Version id of the object
+     */
+    versionId: PropTypes.string,
+    /**
+     * Content of the object
+     */
+    content: PropTypes.shape({
+      /**
+       * Layout of the object
+       */
+      layout: PropTypes.string,
+      /**
+       * Allow discussion of the object
+       */
+      allow_discussion: PropTypes.bool,
+      /**
+       * Title of the object
+       */
+      title: PropTypes.string,
+      /**
+       * Description of the object
+       */
+      description: PropTypes.string,
+      /**
+       * Type of the object
+       */
+      '@type': PropTypes.string,
+      /**
+       * Subjects of the object
+       */
+      subjects: PropTypes.arrayOf(PropTypes.string),
+      is_folderish: PropTypes.bool,
+    }),
+    error: PropTypes.shape({
+      /**
+       * Error type
+       */
+      status: PropTypes.number,
+    }),
+  };
+
+  /**
+   * Default properties.
+   * @property {Object} defaultProps Default properties.
+   * @static
+   */
+  static defaultProps = {
+    actions: null,
+    content: null,
+    versionId: null,
+    error: null,
+  };
+
+  state = {
+    hasObjectButtons: null,
+    isClient: false,
+  };
+
+  componentDidMount() {
+    // Do not trigger the actions action if the expander is present
+    if (!hasApiExpander('actions', getBaseUrl(this.props.pathname))) {
+      this.props.listActions(getBaseUrl(this.props.pathname));
+    }
+    this.props.getContent(
+      getBaseUrl(this.props.pathname),
+      this.props.versionId,
+    );
+    this.setState({ isClient: true });
+  }
+
+  /**
+   * Component will receive props
+   * @method componentWillReceiveProps
+   * @param {Object} nextProps Next properties
+   * @returns {undefined}
+   */
+  UNSAFE_componentWillReceiveProps(nextProps) {
+    if (nextProps.pathname !== this.props.pathname) {
+      // Do not trigger the actions action if the expander is present
+      if (!hasApiExpander('actions', getBaseUrl(nextProps.pathname))) {
+        this.props.listActions(getBaseUrl(nextProps.pathname));
+      }
+      this.props.getContent(
+        getBaseUrl(nextProps.pathname),
+        this.props.versionId,
+      );
+    }
+
+    if (nextProps.actions.object_buttons) {
+      const objectButtons = nextProps.actions.object_buttons;
+      this.setState({
+        hasObjectButtons: !!objectButtons.length,
+      });
+    }
+  }
+
+  /**
+   * Default fallback view
+   * @method getViewDefault
+   * @returns {string} Markup for component.
+   */
+  getViewDefault = () => config.views.defaultView;
+
+  /**
+   * Get view by content type
+   * @method getViewByType
+   * @returns {string} Markup for component.
+   */
+  getViewByType = () =>
+    config.views.contentTypesViews[this.props.content['@type']] || null;
+
+  /**
+   * Get view by content layout property
+   * @method getViewByLayout
+   * @returns {string} Markup for component.
+   */
+  getViewByLayout = () =>
+    config.views.layoutViews[
+      this.props.content[getLayoutFieldname(this.props.content)]
+    ] || null;
+
+  /**
+   * Cleans the component displayName (specially for connected components)
+   * which have the Connect(componentDisplayName)
+   * @method cleanViewName
+   * @param  {string} dirtyDisplayName The displayName
+   * @returns {string} Clean displayName (no Connect(...)).
+   */
+  cleanViewName = (dirtyDisplayName) =>
+    dirtyDisplayName
+      .replace('Connect(', '')
+      .replace('injectIntl(', '')
+      .replace(')', '')
+      .replace('connect(', '')
+      .toLowerCase();
+
+  /**
+   * Render method.
+   * @method render
+   * @returns {string} Markup for the component.
+   */
+  render() {
+    const { views } = config;
+    if (this.props.error && this.props.error.code === 301) {
+      const redirect = flattenToAppURL(this.props.error.url)
+        .split('?')[0]
+        .replaceAll('/++api++', '/');
+      return <Redirect to={`${redirect}${this.props.location.search}`} />;
+    } else if (this.props.error && !this.props.connectionRefused) {
+      let FoundView;
+      if (this.props.error.status === undefined) {
+        // For some reason, while development and if CORS is in place and the
+        // requested resource is 404, it returns undefined as status, then the
+        // next statement will fail
+        FoundView = views.errorViews.corsError;
+      } else {
+        FoundView = views.errorViews[this.props.error.status.toString()];
+      }
+      if (!FoundView) {
+        FoundView = views.errorViews['404']; // default to 404
+      }
+      return (
+        <div id="view">
+          <FoundView {...this.props} />
+        </div>
+      );
+    }
+    if (!this.props.content) {
+      return <span />;
+    }
+    const RenderedView =
+      this.getViewByLayout() || this.getViewByType() || this.getViewDefault();
+
+    return (
+      <div id="view">
+        <ContentMetadataTags content={this.props.content} />
+        {/* Body class if displayName in component is set */}
+        <BodyClass
+          className={
+            RenderedView.displayName
+              ? `view-${this.cleanViewName(RenderedView.displayName)}`
+              : null
+          }
+        />
+        <RenderedView
+          key={this.props.content['@id']}
+          content={this.props.content}
+          location={this.props.location}
+          token={this.props.token}
+          history={this.props.history}
+        />
+        {config.settings.showTags &&
+          this.props.content.subjects &&
+          this.props.content.subjects.length > 0 && (
+            <Tags tags={this.props.content.subjects} />
+          )}
+        {/* Add opt-in social sharing if required, disabled by default */}
+        {/* In the future this might be parameterized from the app config */}
+        {/* <SocialSharing
+          url={typeof window === 'undefined' ? '' : window.location.href}
+          title={this.props.content.title}
+          description={this.props.content.description || ''}
+        /> */}
+        {this.props.content.allow_discussion && (
+          <Comments pathname={this.props.pathname} />
+        )}
+        {this.state.isClient && (
+          <Portal node={document.getElementById('toolbar')}>
+            <Toolbar pathname={this.props.pathname} inner={<span />} />
+          </Portal>
+        )}
+      </div>
+    );
+  }
+}
+
+export default compose(
+  injectIntl,
+  connect(
+    (state, props) => ({
+      actions: state.actions.actions,
+      token: state.userSession.token,
+      content: state.content.data,
+      error: state.content.get.error,
+      apiError: state.apierror.error,
+      connectionRefused: state.apierror.connectionRefused,
+      pathname: props.location.pathname,
+      versionId:
+        qs.parse(props.location.search) &&
+        qs.parse(props.location.search).version,
+    }),
+    {
+      listActions,
+      getContent,
+    },
+  ),
+)(View);

package/src/customizations/volto/reducers/actions/README.md

@@ -0,0 +1,7 @@
+copied from volto, override with this bit:
+
+      if (Object.keys(action.result).length === 0) {
+        return state;
+      }
+
+solves problem of crash when the get_content redirects

package/src/customizations/volto/reducers/actions/actions.js

@@ -0,0 +1,90 @@
+/**
+ * Actions reducer.
+ * @module reducers/actions/actions
+ */
+
+import { GET_CONTENT, LIST_ACTIONS } from '@plone/volto/constants/ActionTypes';
+import {
+  flattenToAppURL,
+  getBaseUrl,
+  hasApiExpander,
+} from '@plone/volto/helpers';
+
+const initialState = {
+  error: null,
+  actions: {
+    object: [],
+    object_buttons: [],
+    site_actions: [],
+    user: [],
+    document_actions: [],
+    portal_tabs: [],
+  },
+  loaded: false,
+  loading: false,
+};
+
+/**
+ * Actions reducer.
+ * @function actions
+ * @param {Object} state Current state.
+ * @param {Object} action Action to be handled.
+ * @returns {Object} New state.
+ */
+export default function actions(state = initialState, action = {}) {
+  let hasExpander;
+  switch (action.type) {
+    case `${LIST_ACTIONS}_PENDING`:
+      return {
+        ...state,
+        error: null,
+        loaded: false,
+        loading: true,
+      };
+    case `${GET_CONTENT}_SUCCESS`:
+      if (Object.keys(action.result).length === 0) {
+        return state;
+      }
+      hasExpander = hasApiExpander(
+        'actions',
+        getBaseUrl(flattenToAppURL(action.result['@id'])),
+      );
+      if (hasExpander && !action.subrequest) {
+        return {
+          ...state,
+          error: null,
+          actions: action.result['@components']?.actions,
+          loaded: true,
+          loading: false,
+        };
+      }
+      return state;
+    case `${LIST_ACTIONS}_SUCCESS`:
+      // Even if the expander is set or not, if the LIST_ACTIONS is
+      // called, we want it to store the data if the actions data is
+      // not set in the expander data (['@components']) but in the "normal"
+      // action result (we look for the object property returned by the endpoint)
+      // Unfortunately, this endpoint returns all the actions in a plain object
+      // with no structure :(
+      if (action.result.object) {
+        return {
+          ...state,
+          error: null,
+          actions: action.result,
+          loaded: true,
+          loading: false,
+        };
+      }
+      return state;
+    case `${LIST_ACTIONS}_FAIL`:
+      return {
+        ...state,
+        error: action.error,
+        actions: {},
+        loaded: false,
+        loading: false,
+      };
+    default:
+      return state;
+  }
+}

package/src/customizations/volto/reducers/actions/actions.test.js

@@ -0,0 +1,280 @@
+import actions from './actions';
+import { GET_CONTENT, LIST_ACTIONS } from '@plone/volto/constants/ActionTypes';
+import config from '@plone/volto/registry';
+
+describe('Actions reducer', () => {
+  it('should return the initial state', () => {
+    expect(actions()).toEqual({
+      error: null,
+      actions: {
+        object: [],
+        object_buttons: [],
+        site_actions: [],
+        user: [],
+        document_actions: [],
+        portal_tabs: [],
+      },
+      loaded: false,
+      loading: false,
+    });
+  });
+
+  it('should handle LIST_ACTIONS_PENDING', () => {
+    expect(
+      actions(undefined, {
+        type: `${LIST_ACTIONS}_PENDING`,
+      }),
+    ).toEqual({
+      error: null,
+      actions: {
+        object: [],
+        object_buttons: [],
+        site_actions: [],
+        user: [],
+        document_actions: [],
+        portal_tabs: [],
+      },
+      loaded: false,
+      loading: true,
+    });
+  });
+
+  it('should handle LIST_ACTIONS_SUCCESS', () => {
+    expect(
+      actions(undefined, {
+        type: `${LIST_ACTIONS}_SUCCESS`,
+        result: {
+          object: [],
+          object_buttons: [],
+          site_actions: [],
+          user: [
+            {
+              icon: '',
+              id: 'preferences',
+              title: 'Preferences',
+            },
+            {
+              icon: '',
+              id: 'dashboard',
+              title: 'Dashboard',
+            },
+            {
+              icon: '',
+              id: 'plone_setup',
+              title: 'Site Setup',
+            },
+            {
+              icon: '',
+              id: 'logout',
+              title: 'Log out',
+            },
+          ],
+          document_actions: [],
+          portal_tabs: [],
+        },
+      }),
+    ).toEqual({
+      error: null,
+      actions: {
+        object: [],
+        object_buttons: [],
+        site_actions: [],
+        user: [
+          {
+            icon: '',
+            id: 'preferences',
+            title: 'Preferences',
+          },
+          {
+            icon: '',
+            id: 'dashboard',
+            title: 'Dashboard',
+          },
+          {
+            icon: '',
+            id: 'plone_setup',
+            title: 'Site Setup',
+          },
+          {
+            icon: '',
+            id: 'logout',
+            title: 'Log out',
+          },
+        ],
+        document_actions: [],
+        portal_tabs: [],
+      },
+      loaded: true,
+      loading: false,
+    });
+  });
+
+  it('should handle LIST_ACTIONS_FAIL', () => {
+    expect(
+      actions(undefined, {
+        type: `${LIST_ACTIONS}_FAIL`,
+        error: 'failed',
+      }),
+    ).toEqual({
+      error: 'failed',
+      actions: {},
+      loaded: false,
+      loading: false,
+    });
+  });
+});
+
+describe('Actions reducer - (ACTIONS)GET_CONTENT', () => {
+  beforeEach(() => {
+    config.settings.apiExpanders = [
+      {
+        match: '',
+        GET_CONTENT: ['actions'],
+      },
+    ];
+  });
+
+  it('should handle (ACTIONS)GET_CONTENT', () => {
+    expect(
+      actions(undefined, {
+        type: `${GET_CONTENT}_SUCCESS`,
+        result: {
+          '@components': {
+            actions: {
+              object: [],
+              object_buttons: [],
+              site_actions: [],
+              user: [
+                {
+                  icon: '',
+                  id: 'preferences',
+                  title: 'Preferences',
+                },
+                {
+                  icon: '',
+                  id: 'dashboard',
+                  title: 'Dashboard',
+                },
+                {
+                  icon: '',
+                  id: 'plone_setup',
+                  title: 'Site Setup',
+                },
+                {
+                  icon: '',
+                  id: 'logout',
+                  title: 'Log out',
+                },
+              ],
+              document_actions: [],
+              portal_tabs: [],
+            },
+          },
+        },
+      }),
+    ).toEqual({
+      error: null,
+      actions: {
+        object: [],
+        object_buttons: [],
+        site_actions: [],
+        user: [
+          {
+            icon: '',
+            id: 'preferences',
+            title: 'Preferences',
+          },
+          {
+            icon: '',
+            id: 'dashboard',
+            title: 'Dashboard',
+          },
+          {
+            icon: '',
+            id: 'plone_setup',
+            title: 'Site Setup',
+          },
+          {
+            icon: '',
+            id: 'logout',
+            title: 'Log out',
+          },
+        ],
+        document_actions: [],
+        portal_tabs: [],
+      },
+      loaded: true,
+      loading: false,
+    });
+  });
+
+  it('should handle (ACTIONS)LIST_ACTIONS (standalone with apiExpander enabled)', () => {
+    expect(
+      actions(undefined, {
+        type: `${LIST_ACTIONS}_SUCCESS`,
+        result: {
+          object: [],
+          object_buttons: [],
+          site_actions: [],
+          user: [
+            {
+              icon: '',
+              id: 'preferences',
+              title: 'Preferences',
+            },
+            {
+              icon: '',
+              id: 'dashboard',
+              title: 'Dashboard',
+            },
+            {
+              icon: '',
+              id: 'plone_setup',
+              title: 'Site Setup',
+            },
+            {
+              icon: '',
+              id: 'logout',
+              title: 'Log out',
+            },
+          ],
+          document_actions: [],
+          portal_tabs: [],
+        },
+      }),
+    ).toEqual({
+      error: null,
+      actions: {
+        object: [],
+        object_buttons: [],
+        site_actions: [],
+        user: [
+          {
+            icon: '',
+            id: 'preferences',
+            title: 'Preferences',
+          },
+          {
+            icon: '',
+            id: 'dashboard',
+            title: 'Dashboard',
+          },
+          {
+            icon: '',
+            id: 'plone_setup',
+            title: 'Site Setup',
+          },
+          {
+            icon: '',
+            id: 'logout',
+            title: 'Log out',
+          },
+        ],
+        document_actions: [],
+        portal_tabs: [],
+      },
+      loaded: true,
+      loading: false,
+    });
+  });
+});

package/src/customizations/volto/reducers/breadcrumbs/README.md

@@ -0,0 +1,7 @@
+copied from volto, override with this bit:
+
+      if (Object.keys(action.result).length === 0) {
+        return state;
+      }
+
+solves problem of crash when the get_content redirects

package/src/customizations/volto/reducers/breadcrumbs/breadcrumbs.js

@@ -0,0 +1,98 @@
+/**
+ * Breadcrumbs reducer.
+ * @module reducers/breadcrumbs/breadcrumbs
+ */
+
+import { map } from 'lodash';
+import {
+  flattenToAppURL,
+  getBaseUrl,
+  hasApiExpander,
+} from '@plone/volto/helpers';
+
+import {
+  GET_BREADCRUMBS,
+  GET_CONTENT,
+} from '@plone/volto/constants/ActionTypes';
+
+const initialState = {
+  error: null,
+  items: [],
+  root: null,
+  loaded: false,
+  loading: false,
+};
+
+/**
+ * Breadcrumbs reducer.
+ * @function breadcrumbs
+ * @param {Object} state Current state.
+ * @param {Object} action Action to be handled.
+ * @returns {Object} New state.
+ */
+export default function breadcrumbs(state = initialState, action = {}) {
+  let hasExpander;
+  switch (action.type) {
+    case `${GET_BREADCRUMBS}_PENDING`:
+      return {
+        ...state,
+        error: null,
+        loaded: false,
+        loading: true,
+      };
+    case `${GET_CONTENT}_SUCCESS`:
+      if (Object.keys(action.result).length === 0) {
+        return state;
+      }
+      hasExpander = hasApiExpander(
+        'breadcrumbs',
+        getBaseUrl(flattenToAppURL(action.result['@id'])),
+      );
+      if (hasExpander && !action.subrequest) {
+        return {
+          ...state,
+          error: null,
+          items: map(
+            action.result['@components'].breadcrumbs.items,
+            (item) => ({
+              title: item.title,
+              url: flattenToAppURL(item['@id']),
+            }),
+          ),
+          root: flattenToAppURL(action.result['@components'].breadcrumbs.root),
+          loaded: true,
+          loading: false,
+        };
+      }
+      return state;
+    case `${GET_BREADCRUMBS}_SUCCESS`:
+      hasExpander = hasApiExpander(
+        'breadcrumbs',
+        getBaseUrl(flattenToAppURL(action.result['@id'])),
+      );
+      if (!hasExpander) {
+        return {
+          ...state,
+          error: null,
+          items: map(action.result.items, (item) => ({
+            title: item.title,
+            url: flattenToAppURL(item['@id']),
+          })),
+          root: flattenToAppURL(action.result.root),
+          loaded: true,
+          loading: false,
+        };
+      }
+      return state;
+    case `${GET_BREADCRUMBS}_FAIL`:
+      return {
+        ...state,
+        error: action.error,
+        items: [],
+        loaded: false,
+        loading: false,
+      };
+    default:
+      return state;
+  }
+}

package/src/customizations/volto/reducers/breadcrumbs/breadcrumbs.test.js

@@ -0,0 +1,120 @@
+import config from '@plone/volto/registry';
+import breadcrumbs from './breadcrumbs';
+import {
+  GET_BREADCRUMBS,
+  GET_CONTENT,
+} from '@plone/volto/constants/ActionTypes';
+
+const { settings } = config;
+
+describe('Breadcrumbs reducer', () => {
+  it('should return the initial state', () => {
+    expect(breadcrumbs()).toEqual({
+      error: null,
+      items: [],
+      root: null,
+      loaded: false,
+      loading: false,
+    });
+  });
+
+  it('should handle GET_BREADCRUMBS_PENDING', () => {
+    expect(
+      breadcrumbs(undefined, {
+        type: `${GET_BREADCRUMBS}_PENDING`,
+      }),
+    ).toEqual({
+      error: null,
+      items: [],
+      root: null,
+      loaded: false,
+      loading: true,
+    });
+  });
+
+  it('should handle GET_BREADCRUMBS_SUCCESS', () => {
+    expect(
+      breadcrumbs(undefined, {
+        type: `${GET_BREADCRUMBS}_SUCCESS`,
+        result: {
+          items: [
+            {
+              title: 'Welcome to Plone!',
+              '@id': `${settings.apiPath}/front-page`,
+            },
+          ],
+          root: settings.apiPath,
+        },
+      }),
+    ).toEqual({
+      error: null,
+      items: [
+        {
+          title: 'Welcome to Plone!',
+          url: '/front-page',
+        },
+      ],
+      root: '',
+      loaded: true,
+      loading: false,
+    });
+  });
+
+  it('should handle GET_BREADCRUMBS_FAIL', () => {
+    expect(
+      breadcrumbs(undefined, {
+        type: `${GET_BREADCRUMBS}_FAIL`,
+        error: 'failed',
+      }),
+    ).toEqual({
+      error: 'failed',
+      items: [],
+      root: null,
+      loaded: false,
+      loading: false,
+    });
+  });
+});
+
+describe('Breadcrumbs reducer - (BREADCRUMBS)GET_CONTENT', () => {
+  beforeEach(() => {
+    config.settings.apiExpanders = [
+      {
+        match: '',
+        GET_CONTENT: ['breadcrumbs'],
+      },
+    ];
+  });
+
+  it('should handle (BREADCRUMBS)GET_CONTENT_SUCCESS', () => {
+    expect(
+      breadcrumbs(undefined, {
+        type: `${GET_CONTENT}_SUCCESS`,
+        result: {
+          '@components': {
+            breadcrumbs: {
+              items: [
+                {
+                  title: 'Welcome to Plone!',
+                  '@id': `${settings.apiPath}/front-page`,
+                },
+              ],
+              root: settings.apiPath,
+            },
+          },
+        },
+      }),
+    ).toEqual({
+      error: null,
+      items: [
+        {
+          title: 'Welcome to Plone!',
+          url: '/front-page',
+        },
+      ],
+      root: '',
+      loaded: true,
+      loading: false,
+    });
+  });
+});

package/src/customizations/volto/reducers/navigation/navigation.js

@@ -57,6 +57,9 @@ export default function navigation(state = initialState, action = {}) {
         loading: true,
       };
     case `${GET_CONTENT}_SUCCESS`:
+      if (Object.keys(action.result).length === 0) {
+        return state;
+      }
       hasExpander = hasApiExpander(
         'navigation',
         getBaseUrl(flattenToAppURL(action.result['@id'])),

package/src/index.js

@@ -544,7 +544,7 @@ const applyConfig = (config) => {
     },
     {
       match: '',
-      GET_CONTENT: ['navigation', 'breadcrumbs', 'actions'],
+      GET_CONTENT: ['navigation', 'breadcrumbs', 'actions', 'workflow'],
       querystring: { 'expand.navigation.depth': '3' },
     },
   ];