@eeacms/volto-cca-policy 0.3.41 → 0.3.43

package/CHANGELOG.md

@@ -4,6 +4,35 @@ 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.43](https://github.com/eea/volto-cca-policy/compare/0.3.42...0.3.43) - 16 May 2025
+
+#### :bug: Bug Fixes
+
+- fix: update formatTextToHTML - refs #287671 [kreafox - [`79e5faf`](https://github.com/eea/volto-cca-policy/commit/79e5fafa7b2ba45405284b5f61865cb841c06e25)]
+
+#### :nail_care: Enhancements
+
+- change(mission): add fallback when action is empty - refs #286863 [kreafox - [`c99d5ea`](https://github.com/eea/volto-cca-policy/commit/c99d5ea1cf73796639585dca5fb2c524ac9bf91f)]
+- change: update templates & tests [kreafox - [`57b9083`](https://github.com/eea/volto-cca-policy/commit/57b90839efb13377b47c53127596d88cb96b3246)]
+- change(mission): add country subtitle - refs #287773 [kreafox - [`a8d07b7`](https://github.com/eea/volto-cca-policy/commit/a8d07b72cf71194bbbe5ea0559a3e8cf72ca221d)]
+
+#### :house: Internal changes
+
+- style(mission): adjust font size - refs #287671 [kreafox - [`50645b7`](https://github.com/eea/volto-cca-policy/commit/50645b75ae7d204a1cd47a78c3caa10bd3f63499)]
+
+#### :hammer_and_wrench: Others
+
+- No console.log [Tiberiu Ichim - [`6479dcc`](https://github.com/eea/volto-cca-policy/commit/6479dcc3a0f134d81fd4c3407692fa1d839a7093)]
+### [0.3.42](https://github.com/eea/volto-cca-policy/compare/0.3.41...0.3.42) - 15 May 2025
+
+#### :rocket: Dependency updates
+
+- Release @eeacms/volto-globalsearch@2.1.2 [EEA Jenkins - [`e8281dd`](https://github.com/eea/volto-cca-policy/commit/e8281dd309f4c2734d137946554d1ff50d3e5c97)]
+
+#### :bug: Bug Fixes
+
+- fix: production crash by using safe Statistic subcomponent access [kreafox - [`af7b1d7`](https://github.com/eea/volto-cca-policy/commit/af7b1d745b0080e0a01325b35b860dc537510689)]
+
 ### [0.3.41](https://github.com/eea/volto-cca-policy/compare/0.3.40...0.3.41) - 14 May 2025
 
 #### :rocket: Dependency updates

package/out.diff

@@ -0,0 +1,55 @@
+diff --git a/src/components/manage/Blocks/CaseStudyExplorer/CaseStudyExplorerView.js b/src/components/manage/Blocks/CaseStudyExplorer/CaseStudyExplorerView.js
+index f1f256d8..85d0490e 100644
+--- a/src/components/manage/Blocks/CaseStudyExplorer/CaseStudyExplorerView.js
++++ b/src/components/manage/Blocks/CaseStudyExplorer/CaseStudyExplorerView.js
+@@ -72,7 +72,8 @@ export default function CaseStudyExplorerView(props) {
+     setActiveItems(activeItems);
+   }, [activeFilters, cases]);
+ 
+-  if (__SERVER__) return '';
++  if (__SERVER__)
++    return <div className="casestudy-explorer-map">CaseStudyExplorer</div>;
+ 
+   return (
+     <div className="casestudy-explorer-map">
+diff --git a/src/components/theme/BannerTitle/BannerTitle.jsx b/src/components/theme/BannerTitle/BannerTitle.jsx
+index 386eb9e1..22f1b255 100644
+--- a/src/components/theme/BannerTitle/BannerTitle.jsx
++++ b/src/components/theme/BannerTitle/BannerTitle.jsx
+@@ -21,8 +21,10 @@ const BannerTitle = (props) => {
+     const hasHomePageClass = bodyClasses.includes('homepage');
+     setHasBodyClass(hasHomePageClass);
+   }, []);
++  const isChromeless =
++    __CLIENT__ && window?.location?.search?.indexOf('chromeless=1') > -1;
+ 
+-  return isHomePage ? null : (
++  return isHomePage || isChromeless ? null : (
+     <>
+       {!hasTitleBlock && !hasCountryFlagBlock ? (
+         <>
+diff --git a/src/customizations/volto/components/theme/View/DefaultView.jsx b/src/customizations/volto/components/theme/View/DefaultView.jsx
+index 90de6436..48ec77b6 100644
+--- a/src/customizations/volto/components/theme/View/DefaultView.jsx
++++ b/src/customizations/volto/components/theme/View/DefaultView.jsx
+@@ -85,7 +85,8 @@ const DefaultView = (props) => {
+       : 3;
+   const currentLang = useSelector((state) => state.intl.locale);
+ 
+-  // If the content is not yet loaded, then do not show anything
++  const isChromeless = location.search?.indexOf('chromeless=1') > -1;
++
+   return contentLoaded ? (
+     hasBlocksData(content) ? (
+       <>
+@@ -123,8 +124,8 @@ const DefaultView = (props) => {
+             </Grid>
+           </Container>
+         ) : (
+-          <Container id="page-document">
+-            <BannerTitle {...props} />
++          <Container id="page-document" className="here">
++            {!isChromeless && <BannerTitle {...props} />}
+             <RenderBlocks {...props} path={path} />
+           </Container>
+         )}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eeacms/volto-cca-policy",
-  "version": "0.3.41",
+  "version": "0.3.43",
   "description": "@eeacms/volto-cca-policy: Volto add-on",
   "main": "src/index.js",
   "author": "European Environment Agency: IDM2 A-Team",
@@ -32,7 +32,7 @@
     "@eeacms/volto-eea-design-system": "<=1.36.3",
     "@eeacms/volto-eea-website-theme": "^1.35.0",
     "@eeacms/volto-embed": "^9.1.1",
-    "@eeacms/volto-globalsearch": "2.1.1",
+    "@eeacms/volto-globalsearch": "2.1.2",
     "@eeacms/volto-hero-block": "^7.1.0",
     "@eeacms/volto-openlayers-map": "*",
     "@eeacms/volto-searchlib": "2.0.16",

package/src/components/manage/Blocks/CaseStudyExplorer/CaseStudyExplorerView.js

@@ -72,7 +72,8 @@ export default function CaseStudyExplorerView(props) {
     setActiveItems(activeItems);
   }, [activeFilters, cases]);
 
-  if (__SERVER__) return '';
+  if (__SERVER__)
+    return <div className="casestudy-explorer-map">CaseStudyExplorer</div>;
 
   return (
     <div className="casestudy-explorer-map">

package/src/components/theme/MissionSignatoryProfile/AccordionList.test.jsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import '@testing-library/jest-dom';
 import { render, fireEvent } from '@testing-library/react';
 import AccordionList from './AccordionList';

package/src/components/theme/MissionSignatoryProfile/MissionSignatoryProfileView.jsx

@@ -1,47 +1,50 @@
 import React from 'react';
 import { Tab, Container, Divider } from 'semantic-ui-react';
-import { BannerTitle } from '@eeacms/volto-cca-policy/helpers';
+import { formatTextToHTML } from '@eeacms/volto-cca-policy/utils';
+import { BannerTitle, HTMLField } from '@eeacms/volto-cca-policy/helpers';
+
 import GovernanceTab from './TabSections/GovernanceTab';
 import AssessmentTab from './TabSections/AssessmentTab';
 import PlanningTab from './TabSections/PlanningTab';
 import ActionPagesTab from './TabSections/ActionPagesTab';
 
 const tabRenderers = {
-  Governance_Label: (data) => <GovernanceTab result={data} />,
-  Assessment_Label: (data) => <AssessmentTab result={data} />,
-  Planning_Label: (data) => <PlanningTab result={data} />,
-  Action_Label: (data) => <ActionPagesTab result={data} />,
+  Governance_Label: (props) => <GovernanceTab {...props} />,
+  Assessment_Label: (props) => <AssessmentTab {...props} />,
+  Planning_Label: (props) => <PlanningTab {...props} />,
+  Action_Label: (props) => <ActionPagesTab {...props} />,
 };
 
-const MissionSignatoryProfileView = (props) => {
-  const { content } = props || {};
-  const dataJson =
-    props?.content?.['@components']?.missionsignatoryprofile || {};
+const MissionSignatoryProfileView = ({ content }) => {
+  const signatoryData =
+    content?.['@components']?.missionsignatoryprofile?.result || {};
 
-  const result = dataJson?.result || {};
-  const governance = result?.governance?.[0] || {};
-  const planning = result?.planning || {};
-  const assessment = result?.assessment || {};
-  const action = result?.action || {};
-  const footer_text = result?.footer_text || {};
-  const tab_labels = result?.tab_labels || [];
+  const {
+    governance = [{}],
+    planning = {},
+    assessment = {},
+    action = {},
+    footer_text = {},
+    tab_labels = [],
+    general_text = [{}],
+  } = signatoryData;
 
   const [activeIndex, setActiveIndex] = React.useState(0);
 
+  const tabData = {
+    Governance_Label: { result: governance[0], general_text: general_text[0] },
+    Assessment_Label: { result: assessment, general_text: general_text[0] },
+    Planning_Label: { result: planning, general_text: general_text[0] },
+    Action_Label: { result: action, general_text: general_text[0] },
+  };
+
   const panes = tab_labels
     .filter(({ key }) => key !== 'Language')
     .map(({ key, value }) => {
-      const renderTab = tabRenderers[key];
-      const dataMap = {
-        Governance_Label: governance,
-        Assessment_Label: assessment,
-        Planning_Label: planning,
-        Action_Label: action,
-      };
-
+      const Renderer = tabRenderers[key];
       return {
         menuItem: value,
-        render: () => (renderTab ? renderTab(dataMap[key]) : null),
+        render: () => (Renderer ? Renderer(tabData[key]) : null),
       };
     });
 
@@ -57,11 +60,12 @@ const MissionSignatoryProfileView = (props) => {
           hidePublishingDate: true,
           hideDownloadButton: false,
           hideShareButton: false,
+          subtitle: general_text?.[0]?.Country_Or_Area,
         }}
       />
+
       <div className="signatory-profile">
         <br />
-
         <Tab
           menu={{
             fluid: true,
@@ -75,11 +79,13 @@ const MissionSignatoryProfileView = (props) => {
           panes={panes}
         />
 
-        {footer_text.Disclaimer && (
+        {footer_text?.Disclaimer && (
           <div className="footer-text">
             <Divider />
-            <strong>{footer_text.Disclaimer_Title}</strong>
-            <p>{footer_text.Disclaimer}</p>
+            <strong>{footer_text?.Disclaimer_Title}</strong>
+            <HTMLField
+              value={{ data: formatTextToHTML(footer_text.Disclaimer) }}
+            />
           </div>
         )}
       </div>

package/src/components/theme/MissionSignatoryProfile/MissionSignatoryProfileView.test.jsx

@@ -1,9 +1,7 @@
-import React from 'react';
 import { render, fireEvent, screen } from '@testing-library/react';
 import '@testing-library/jest-dom';
 import MissionSignatoryProfileView from './MissionSignatoryProfileView';
 
-// Mock the tab components with minimal placeholders
 jest.mock('./TabSections/GovernanceTab', () => () => (
   <div>Mocked Governance</div>
 ));
@@ -12,8 +10,12 @@ jest.mock('./TabSections/AssessmentTab', () => () => (
 ));
 jest.mock('./TabSections/PlanningTab', () => () => <div>Mocked Planning</div>);
 jest.mock('./TabSections/ActionPagesTab', () => () => <div>Mocked Action</div>);
+
 jest.mock('@eeacms/volto-cca-policy/helpers', () => ({
   BannerTitle: ({ children }) => <div>{children}</div>,
+  HTMLField: ({ value }) => (
+    <div dangerouslySetInnerHTML={{ __html: value?.data }} />
+  ),
 }));
 
 describe('MissionSignatoryProfileView', () => {
@@ -34,7 +36,7 @@ describe('MissionSignatoryProfileView', () => {
             { key: 'Assessment_Label', value: 'Assessment' },
             { key: 'Planning_Label', value: 'Planning & Target' },
             { key: 'Action_Label', value: 'Action' },
-            { key: 'Language', value: 'en' }, // will be filtered out
+            { key: 'Language', value: 'en' },
           ],
         },
       },
@@ -70,6 +72,8 @@ describe('MissionSignatoryProfileView', () => {
   it('renders footer disclaimer text if present', () => {
     render(<MissionSignatoryProfileView content={content} />);
     expect(screen.getByText('Disclaimer Title')).toBeInTheDocument();
-    expect(screen.getByText('This is a disclaimer.')).toBeInTheDocument();
+    expect(
+      screen.getByText((content) => content.includes('This is a disclaimer.')),
+    ).toBeInTheDocument();
   });
 });

package/src/components/theme/MissionSignatoryProfile/StatisticSection.jsx

@@ -1,20 +1,15 @@
-import {
-  Statistic,
-  StatisticValue,
-  StatisticLabel,
-  StatisticGroup,
-} from 'semantic-ui-react';
+import { Statistic } from 'semantic-ui-react';
 
 const StatisticSection = ({ statistic }) => {
   return (
-    <StatisticGroup widths="two" size="small">
+    <Statistic.Group widths="two" size="small">
       {statistic.map((stat, index) => (
         <Statistic key={index}>
-          <StatisticValue>{stat.value}</StatisticValue>
-          <StatisticLabel>{stat.label}</StatisticLabel>
+          <Statistic.Value>{stat.value}</Statistic.Value>
+          <Statistic.Label>{stat.label}</Statistic.Label>
         </Statistic>
       ))}
-    </StatisticGroup>
+    </Statistic.Group>
   );
 };
 

package/src/components/theme/MissionSignatoryProfile/TabSections/ActionPagesTab.jsx

@@ -51,21 +51,36 @@ const ActionsTabContent = ({ action }) => {
       {action.Funding_Sources && (
         <>
           <br />
-          <p>
+          <div className="funding-sources">
             <span>{action.Funding_Sources_Label} </span>
-            <strong>{action.Funding_Sources}</strong>
-          </p>
+            <strong>
+              <HTMLField
+                value={{ data: formatTextToHTML(action.Funding_Sources) }}
+              />
+            </strong>
+          </div>
         </>
       )}
     </>
   );
 };
 
-const ActionPagesTab = ({ result }) => {
-  const { Title, Abstract, Abstract_Line } = result.action_text?.[0] || [];
-  const actions = result.actions || [];
+const ActionPagesTab = ({ result, general_text }) => {
+  const { action_text, actions } = result || {};
+  const { No_Data_Reported_Label } = general_text || {};
+  const { Title, Abstract, Abstract_Line } = action_text?.[0] || {};
+  const hasNoActions = !(actions?.length > 0);
+  const hasNoText = !(action_text?.length > 0);
+
+  const sortedActions = [...(actions || [])].sort((a, b) => a.Order - b.Order);
 
-  const sortedActions = [...actions].sort((a, b) => a.Order - b.Order);
+  if (hasNoActions && hasNoText) {
+    return (
+      <Tab.Pane>
+        <h5>{No_Data_Reported_Label}</h5>
+      </Tab.Pane>
+    );
+  }
 
   return (
     <Tab.Pane>
@@ -77,11 +92,11 @@ const ActionPagesTab = ({ result }) => {
         </Callout>
       )}
 
-      {sortedActions.map((action, index) => {
+      {sortedActions?.map((action, index) => {
         return (
           <div key={index} className="section-wrapper">
             <h5 className="section-title">
-              <span className="section-number">{action.Order}. </span>
+              <span className="section-number">{action?.Order}. </span>
               <HTMLField value={{ data: formatTextToHTML(action?.Action) }} />
             </h5>
 
@@ -89,7 +104,7 @@ const ActionPagesTab = ({ result }) => {
               variation="secondary"
               accordions={[
                 {
-                  title: action?.More_Details_Label || 'More details',
+                  title: action?.More_Details_Label,
                   content: <ActionsTabContent action={action} />,
                 },
               ]}

package/src/components/theme/MissionSignatoryProfile/TabSections/ActionPagesTab.test.jsx

@@ -1,9 +1,7 @@
-import React from 'react';
-import { render, within } from '@testing-library/react';
 import '@testing-library/jest-dom';
+import { render, within } from '@testing-library/react';
 import ActionPagesTab from './ActionPagesTab';
 
-// Mocking components used inside
 jest.mock('@eeacms/volto-eea-design-system/ui', () => ({
   Callout: ({ children }) => <div>{children}</div>,
 }));

package/src/components/theme/MissionSignatoryProfile/TabSections/AssessmentTab.test.jsx

@@ -1,6 +1,5 @@
-import React from 'react';
-import { render, screen } from '@testing-library/react';
 import '@testing-library/jest-dom';
+import { render, screen } from '@testing-library/react';
 import AssessmentTab from './AssessmentTab';
 
 jest.mock('@eeacms/volto-eea-design-system/ui', () => ({

package/src/components/theme/MissionSignatoryProfile/TabSections/GovernanceTab.test.jsx

@@ -1,6 +1,5 @@
-import React from 'react';
-import { render, screen } from '@testing-library/react';
 import '@testing-library/jest-dom';
+import { render, screen } from '@testing-library/react';
 import GovernanceTab from './GovernanceTab';
 
 describe('GovernanceTab', () => {

package/src/components/theme/MissionSignatoryProfile/TabSections/PlanningTab.test.jsx

@@ -1,6 +1,5 @@
-import React from 'react';
-import { render } from '@testing-library/react';
 import '@testing-library/jest-dom';
+import { render } from '@testing-library/react';
 import PlanningTab from './PlanningTab';
 
 jest.mock('@eeacms/volto-cca-policy/helpers', () => ({

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

@@ -0,0 +1,342 @@
+/**
+ * App container.
+ * @module components/theme/App/App
+ */
+
+import React, { Component } from 'react';
+import jwtDecode from 'jwt-decode';
+import PropTypes from 'prop-types';
+import { connect } from 'react-redux';
+import { compose } from 'redux';
+import { asyncConnect, Helmet } from '@plone/volto/helpers';
+import { Segment } from 'semantic-ui-react';
+import { renderRoutes } from 'react-router-config';
+import { Slide, ToastContainer, toast } from 'react-toastify';
+import split from 'lodash/split';
+import join from 'lodash/join';
+import trim from 'lodash/trim';
+import cx from 'classnames';
+import config from '@plone/volto/registry';
+import { PluggablesProvider } from '@plone/volto/components/manage/Pluggable';
+import { visitBlocks } from '@plone/volto/helpers/Blocks/Blocks';
+import { injectIntl } from 'react-intl';
+
+import Error from '@plone/volto/error';
+
+import {
+  Breadcrumbs,
+  Footer,
+  Header,
+  Icon,
+  OutdatedBrowser,
+  AppExtras,
+  SkipLinks,
+} from '@plone/volto/components';
+import {
+  BodyClass,
+  getBaseUrl,
+  getView,
+  hasApiExpander,
+  isCmsUi,
+} from '@plone/volto/helpers';
+import {
+  getBreadcrumbs,
+  getContent,
+  getNavigation,
+  getTypes,
+  getWorkflow,
+} from '@plone/volto/actions';
+
+import clearSVG from '@plone/volto/icons/clear.svg';
+import MultilingualRedirector from '@plone/volto/components/theme/MultilingualRedirector/MultilingualRedirector';
+import WorkingCopyToastsFactory from '@plone/volto/components/manage/WorkingCopyToastsFactory/WorkingCopyToastsFactory';
+import LockingToastsFactory from '@plone/volto/components/manage/LockingToastsFactory/LockingToastsFactory';
+
+/**
+ * @export
+ * @class App
+ * @extends {Component}
+ */
+export class App extends Component {
+  /**
+   * Property types.
+   * @property {Object} propTypes Property types.
+   * @static
+   */
+  static propTypes = {
+    pathname: PropTypes.string.isRequired,
+  };
+
+  state = {
+    hasError: false,
+    error: null,
+    errorInfo: null,
+  };
+
+  constructor(props) {
+    super(props);
+    this.mainRef = React.createRef();
+  }
+
+  /**
+   * @method componentWillReceiveProps
+   * @param {Object} nextProps Next properties
+   * @returns {undefined}
+   */
+  UNSAFE_componentWillReceiveProps(nextProps) {
+    if (nextProps.pathname !== this.props.pathname) {
+      if (this.state.hasError) {
+        this.setState({ hasError: false });
+      }
+    }
+  }
+
+  /**
+   * ComponentDidCatch
+   * @method ComponentDidCatch
+   * @param {string} error  The error
+   * @param {string} info The info
+   * @returns {undefined}
+   */
+  componentDidCatch(error, info) {
+    this.setState({ hasError: true, error, errorInfo: info });
+    config.settings.errorHandlers.forEach((handler) => handler(error));
+  }
+
+  dispatchContentClick = (event) => {
+    if (event.target === event.currentTarget) {
+      const rect = this.mainRef.current.getBoundingClientRect();
+      if (event.clientY > rect.bottom) {
+        document.dispatchEvent(new Event('voltoClickBelowContent'));
+      }
+    }
+  };
+
+  /**
+   * Render method.
+   * @method render
+   * @returns {string} Markup for the component.
+   */
+  render() {
+    const { views } = config;
+    const path = getBaseUrl(this.props.pathname);
+    const action = getView(this.props.pathname);
+    const isCmsUI = isCmsUi(this.props.pathname);
+    const ConnectionRefusedView = views.errorViews.ECONNREFUSED;
+
+    const language =
+      this.props.content?.language?.token ?? this.props.intl?.locale;
+    const isChromeless =
+      this.props.isChromelessSSR ||
+      (__CLIENT__ && window?.location?.search?.indexOf('chromeless=1') > -1);
+
+    return (
+      <PluggablesProvider>
+        {language && (
+          <Helmet>
+            <html lang={language} />
+          </Helmet>
+        )}
+        <BodyClass className={`view-${action}view`} />
+
+        {/* Body class depending on content type */}
+        {this.props.content && this.props.content['@type'] && (
+          <BodyClass
+            className={`contenttype-${this.props.content['@type']
+              .replace(' ', '-')
+              .toLowerCase()}`}
+          />
+        )}
+
+        {/* Body class depending on sections */}
+        <BodyClass
+          className={cx({
+            [trim(join(split(this.props.pathname, '/'), ' section-'))]:
+              this.props.pathname !== '/',
+            siteroot: this.props.pathname === '/',
+            'is-authenticated': !!this.props.token,
+            'is-anonymous': !this.props.token,
+            'cms-ui': isCmsUI,
+            'public-ui': !isCmsUI,
+          })}
+        />
+        {!isChromeless && (
+          <>
+            <SkipLinks />
+            <Header pathname={path} />
+            <Breadcrumbs pathname={path} />
+          </>
+        )}
+        <MultilingualRedirector
+          pathname={this.props.pathname}
+          contentLanguage={this.props.content?.language?.token}
+        >
+          <Segment
+            basic
+            className="content-area"
+            onClick={this.dispatchContentClick}
+          >
+            <main ref={this.mainRef}>
+              <OutdatedBrowser />
+              {this.props.connectionRefused ? (
+                <ConnectionRefusedView />
+              ) : this.state.hasError ? (
+                <Error
+                  message={this.state.error.message}
+                  stackTrace={this.state.errorInfo.componentStack}
+                />
+              ) : (
+                renderRoutes(this.props.route.routes, {
+                  staticContext: this.props.staticContext,
+                })
+              )}
+            </main>
+          </Segment>
+        </MultilingualRedirector>
+        {!isChromeless && <Footer />}
+        <LockingToastsFactory
+          content={this.props.content}
+          user={this.props.userId}
+        />
+        <WorkingCopyToastsFactory content={this.props.content} />
+        <ToastContainer
+          position={toast.POSITION.BOTTOM_CENTER}
+          hideProgressBar
+          transition={Slide}
+          autoClose={5000}
+          closeButton={
+            <Icon
+              className="toast-dismiss-action"
+              name={clearSVG}
+              size="18px"
+            />
+          }
+        />
+        <AppExtras {...this.props} />
+      </PluggablesProvider>
+    );
+  }
+}
+
+export const __test__ = connect(
+  (state, props) => ({
+    pathname: props.location.pathname,
+    token: state.userSession.token,
+    content: state.content.data,
+    apiError: state.apierror.error,
+    connectionRefused: state.apierror.connectionRefused,
+  }),
+  {},
+)(App);
+
+export const fetchContent = async ({ store, location }) => {
+  const content = await store.dispatch(
+    getContent(getBaseUrl(location.pathname)),
+  );
+
+  const promises = [];
+  const { blocksConfig } = config.blocks;
+
+  const visitor = ([id, data]) => {
+    const blockType = data['@type'];
+    const { getAsyncData } = blocksConfig[blockType];
+    if (getAsyncData) {
+      const p = getAsyncData({
+        store,
+        dispatch: store.dispatch,
+        path: location.pathname,
+        location,
+        id,
+        data,
+        blocksConfig,
+        content,
+      });
+      if (!p?.length) {
+        throw new Error(
+          'You should return a list of promises from getAsyncData',
+        );
+      }
+      promises.push(...p);
+    }
+  };
+
+  visitBlocks(content, visitor);
+
+  await Promise.allSettled(promises);
+
+  return content;
+};
+
+export function connectAppComponent(AppComponent) {
+  return compose(
+    asyncConnect([
+      {
+        key: 'breadcrumbs',
+        promise: ({ location, store: { dispatch } }) => {
+          // Do not trigger the breadcrumbs action if the expander is present
+          if (
+            __SERVER__ &&
+            !hasApiExpander('breadcrumbs', getBaseUrl(location.pathname))
+          ) {
+            return dispatch(getBreadcrumbs(getBaseUrl(location.pathname)));
+          }
+        },
+      },
+      {
+        key: 'content',
+        promise: ({ location, store }) =>
+          __SERVER__ && fetchContent({ store, location }),
+      },
+      {
+        key: 'navigation',
+        promise: ({ location, store: { dispatch } }) => {
+          // Do not trigger the navigation action if the expander is present
+          if (
+            __SERVER__ &&
+            !hasApiExpander('navigation', getBaseUrl(location.pathname))
+          ) {
+            return dispatch(
+              getNavigation(
+                getBaseUrl(location.pathname),
+                config.settings.navDepth,
+              ),
+            );
+          }
+        },
+      },
+      {
+        key: 'types',
+        promise: ({ location, store: { dispatch } }) => {
+          // Do not trigger the types action if the expander is present
+          if (
+            __SERVER__ &&
+            !hasApiExpander('types', getBaseUrl(location.pathname))
+          ) {
+            return dispatch(getTypes(getBaseUrl(location.pathname)));
+          }
+        },
+      },
+      {
+        key: 'workflow',
+        promise: ({ location, store: { dispatch } }) =>
+          __SERVER__ && dispatch(getWorkflow(getBaseUrl(location.pathname))),
+      },
+    ]),
+    injectIntl,
+    connect((state, props) => {
+      return {
+        isChromelessSSR: props.location.search?.indexOf('chromeless') > -1,
+        pathname: props.location.pathname,
+        token: state.userSession.token,
+        userId: state.userSession.token
+          ? jwtDecode(state.userSession.token).sub
+          : '',
+        content: state.content.data,
+        apiError: state.apierror.error,
+        connectionRefused: state.apierror.connectionRefused,
+      };
+    }, null),
+  )(AppComponent);
+}
+
+export default connectAppComponent(App);

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

@@ -0,0 +1 @@
+override to support the chromeless parameter

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

@@ -85,7 +85,8 @@ const DefaultView = (props) => {
       : 3;
   const currentLang = useSelector((state) => state.intl.locale);
 
-  // If the content is not yet loaded, then do not show anything
+  const isChromeless = location.search?.indexOf('chromeless=1') > -1;
+
   return contentLoaded ? (
     hasBlocksData(content) ? (
       <>
@@ -123,8 +124,8 @@ const DefaultView = (props) => {
             </Grid>
           </Container>
         ) : (
-          <Container id="page-document">
-            <BannerTitle {...props} />
+          <Container id="page-document" className="here">
+            {!isChromeless && <BannerTitle {...props} />}
             <RenderBlocks {...props} path={path} />
           </Container>
         )}

package/src/utils.js

@@ -92,11 +92,13 @@ export const formatTextToHTML = (text) => {
 
   // Convert URLs to clickable links
   formattedText = formattedText.replace(
-    /((https?:\/\/[^\s<>"]+))/g,
+    /(?<!["'>])((https?:\/\/[^\s<>"]+))/g,
     '<a href="$1" target="_blank" rel="noreferrer">$1</a>',
   );
 
-  return `<p>${formattedText}</p>`;
+  return formattedText.includes('<p>') || formattedText.includes('<a>')
+    ? formattedText
+    : `<p>${formattedText}</p>`;
 };
 
 export const extractPlanNameAndURL = (text) => {

package/theme/globals/mission.less

@@ -127,6 +127,11 @@ body.subsite-mkh {
       background-color: #fff !important;
     }
 
+    .funding-sources {
+      display: flex;
+      gap: 0.5em;
+    }
+
     .section-wrapper-info {
       display: flex;
       justify-content: space-between;
@@ -211,6 +216,7 @@ body.subsite-mkh {
 
     .footer-text {
       margin-top: 3em;
+      font-size: 15px;
     }
   }
 }