@eeacms/volto-cca-policy 0.3.42 → 0.3.44

package/CHANGELOG.md

@@ -4,6 +4,41 @@ 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.44](https://github.com/eea/volto-cca-policy/compare/0.3.43...0.3.44) - 16 May 2025
+
+#### :bug: Bug Fixes
+
+- fix(mission): fix actions fallback [kreafox - [`4868c71`](https://github.com/eea/volto-cca-policy/commit/4868c71eb3658b0eaac7946274fb8b4d5cd3c698)]
+- fix(mission): default result to empty object [kreafox - [`1a4adbd`](https://github.com/eea/volto-cca-policy/commit/1a4adbd8203c36fb51be6060403e5ae683f1a47c)]
+
+#### :nail_care: Enhancements
+
+- change(mission): small update [kreafox - [`8314492`](https://github.com/eea/volto-cca-policy/commit/8314492b334a1ab523b1bd10497da1806460282d)]
+- change(mission): update data for Assessment section - refs #286757 [kreafox - [`eeede94`](https://github.com/eea/volto-cca-policy/commit/eeede943d1f87e66d8688acabb4be051e37cea10)]
+- change(mission): add fallback when results are empty [kreafox - [`4316e12`](https://github.com/eea/volto-cca-policy/commit/4316e122fb1f89582a70e8c5f33b57583d275001)]
+
+#### :hammer_and_wrench: Others
+
+- Show different message [Tiberiu Ichim - [`714bda0`](https://github.com/eea/volto-cca-policy/commit/714bda05dc7e8b5738a6bbd4a9b493e637e8b142)]
+### [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
@@ -2352,13 +2387,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
@@ -2375,9 +2407,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)]
@@ -2594,7 +2623,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
 
@@ -3075,7 +3103,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/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.42",
+  "version": "0.3.44",
   "description": "@eeacms/volto-cca-policy: Volto add-on",
   "main": "src/index.js",
   "author": "European Environment Agency: IDM2 A-Team",

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">Loading...</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/TabSections/ActionPagesTab.jsx

@@ -4,6 +4,8 @@ import { HTMLField } from '@eeacms/volto-cca-policy/helpers';
 import { formatTextToHTML } from '@eeacms/volto-cca-policy/utils';
 import AccordionList from '../AccordionList';
 
+const isEmpty = (arr) => !Array.isArray(arr) || arr.length === 0;
+
 const ActionsTabContent = ({ action }) => {
   const hasHazards = action?.Climate_Hazards?.length > 0;
   const hasSectors = action?.Sectors.length > 0;
@@ -51,21 +53,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 sortedActions = [...(actions || [])].sort((a, b) => a.Order - b.Order);
+
+  const NoResults = isEmpty(action_text) && isEmpty(actions);
 
-  const sortedActions = [...actions].sort((a, b) => a.Order - b.Order);
+  if (NoResults) {
+    return (
+      <Tab.Pane>
+        <p>{No_Data_Reported_Label}</p>
+      </Tab.Pane>
+    );
+  }
 
   return (
     <Tab.Pane>
@@ -77,11 +94,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 +106,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.jsx

@@ -6,6 +6,8 @@ import AccordionList from '../AccordionList';
 
 import image from '@eeacms/volto-cca-policy/../theme//assets/images/image-narrow.svg';
 
+const isEmpty = (arr) => !Array.isArray(arr) || arr.length === 0;
+
 const ItemsSection = ({ items }) => {
   if (!items?.length) return null;
 
@@ -45,7 +47,7 @@ const AssessmentAccordionContent = ({ result }) => {
   );
 };
 
-const AssessmentTab = ({ result }) => {
+const AssessmentTab = ({ result, general_text }) => {
   const {
     Title,
     Subheading,
@@ -55,12 +57,26 @@ const AssessmentTab = ({ result }) => {
     Attachments,
     Hazards_Title,
     Hazards_Abstract,
-  } = result.assessment_text?.[0] || [];
+  } = result.assessment_text?.[0] || {};
   const assessment_risks = result.assessment_risks || [];
-  const assessment_sectors = result.assessment_sectors || [];
-
+  const assessment_hazards_sectors = result.assessment_hazards_sectors || [];
+  const { No_Data_Reported_Label } = general_text || {};
   // const [activeIndex, setActiveIndex] = React.useState(0);
 
+  const NoResults =
+    isEmpty(result.assessment_text) &&
+    isEmpty(result.assessment_factors) &&
+    isEmpty(result.assessment_risks) &&
+    isEmpty(result.assessment_hazards_sectors);
+
+  if (NoResults) {
+    return (
+      <Tab.Pane>
+        <p>{No_Data_Reported_Label}</p>
+      </Tab.Pane>
+    );
+  }
+
   return (
     <Tab.Pane>
       {Title && <h2>{Title}</h2>}
@@ -110,10 +126,10 @@ const AssessmentTab = ({ result }) => {
 
       <br />
 
-      {assessment_sectors && (
+      {assessment_hazards_sectors && (
         <AccordionList
-          accordions={assessment_sectors.map((category) => ({
-            title: category.Category_Name,
+          accordions={assessment_hazards_sectors.map((category) => ({
+            title: category.Hazard,
             content: (
               <ul>
                 {category.Sectors.map((sector, idx) => (

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.jsx

@@ -5,7 +5,7 @@ import { formatTextToHTML } from '@eeacms/volto-cca-policy/utils';
 import AccordionList from '../AccordionList';
 import StatisticSection from '../StatisticSection';
 
-const GovernanceTab = ({ result }) => {
+const GovernanceTab = ({ result, general_text }) => {
   const {
     Title,
     Introduction,
@@ -21,7 +21,8 @@ const GovernanceTab = ({ result }) => {
     Statistic_Population_Size_Label,
     Statistic_Population_Year,
     Statistic_Population_Year_Label,
-  } = result;
+  } = result || {};
+  const { No_Data_Reported_Label } = general_text || {};
 
   const statisticData = [
     {
@@ -42,6 +43,14 @@ const GovernanceTab = ({ result }) => {
     },
   ].filter((stat) => stat.value && stat.label);
 
+  if (!result) {
+    return (
+      <Tab.Pane>
+        <p>{No_Data_Reported_Label}</p>
+      </Tab.Pane>
+    );
+  }
+
   return (
     <Tab.Pane>
       {Title && <h2>{Title}</h2>}

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.jsx

@@ -9,6 +9,8 @@ import {
 import AccordionList from '../AccordionList';
 import image from '@eeacms/volto-cca-policy/../theme/assets/images/image-narrow.svg';
 
+const isEmpty = (arr) => !Array.isArray(arr) || arr.length === 0;
+
 const ItemsSection = ({ items }) => {
   if (!items?.length) return null;
 
@@ -69,12 +71,13 @@ const PlanningGoalContent = ({ goal }) => {
   );
 };
 
-const PlanningTab = ({ result }) => {
+const PlanningTab = ({ result, general_text }) => {
   const {
     planning_goals = [],
     planning_titles = [],
     planning_climate_action = [],
   } = result || {};
+  const { No_Data_Reported_Label } = general_text || {};
 
   const titleData = planning_titles?.[0];
   const goalData = planning_goals?.[0];
@@ -85,6 +88,19 @@ const PlanningTab = ({ result }) => {
     return aNum - bNum;
   });
 
+  const NoResults =
+    isEmpty(planning_goals) &&
+    isEmpty(planning_titles) &&
+    isEmpty(planning_climate_action);
+
+  if (NoResults) {
+    return (
+      <Tab.Pane>
+        <p>{No_Data_Reported_Label}</p>
+      </Tab.Pane>
+    );
+  }
+
   return (
     <Tab.Pane>
       {titleData?.Title && <h2>{titleData.Title}</h2>}

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;
     }
   }
 }