@eeacms/volto-cca-policy 0.3.84 → 0.3.86

package/CHANGELOG.md

@@ -4,7 +4,7 @@ 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.84](https://github.com/eea/volto-cca-policy/compare/1.0.0-alpha.1...0.3.84) - 7 October 2025
+### [0.3.86](https://github.com/eea/volto-cca-policy/compare/1.0.0-alpha.1...0.3.86) - 31 October 2025
 
 #### :rocket: Dependency updates
 
@@ -14,12 +14,21 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
 #### :bug: Bug Fixes
 
+- fix(tests): increase code coverage [kreafox - [`66cd2b3`](https://github.com/eea/volto-cca-policy/commit/66cd2b39a9b7b026c171d99e2bf3b8a47b7cddd2)]
+- fix(tests): update hyperlink text in PlanningTab [kreafox - [`05080e0`](https://github.com/eea/volto-cca-policy/commit/05080e0727730a5fe7c67d884ad6453eaf82081a)]
+- fix(mission): adjust margins for nested lists and accordion padding [kreafox - [`1abf18f`](https://github.com/eea/volto-cca-policy/commit/1abf18fabe9efffa552ed2e6a8b57f9b1d59f7a6)]
+- fix(mission): improve URL extraction logic - refs #291190 [kreafox - [`8e4c6e4`](https://github.com/eea/volto-cca-policy/commit/8e4c6e42dc35b4c940c39f9f25d587f66d0b242d)]
+- fix(mission): fix assessment risk numbering to match sorted order [kreafox - [`9ecea88`](https://github.com/eea/volto-cca-policy/commit/9ecea885394f1ae6ad63ffb03d8a10cd706caffb)]
 - fix: duplicated code - make ItemsSection reusable [kreafox - [`52e2625`](https://github.com/eea/volto-cca-policy/commit/52e2625914f699c194f75d561f97959ab6c21fbf)]
 - fix: add missing props for title block [kreafox - [`1d8efa0`](https://github.com/eea/volto-cca-policy/commit/1d8efa0136960261196e7585f89f4ff7db75ae17)]
 - fix: trailing space issue in HtmlSlateWidget - refs #290137 [kreafox - [`34c1ff6`](https://github.com/eea/volto-cca-policy/commit/34c1ff6896a0fe3fae40527f31ea34220e945163)]
 
 #### :nail_care: Enhancements
 
+- change(mission): add third level for sectors and hazards - refs #291189 [kreafox - [`5cf352c`](https://github.com/eea/volto-cca-policy/commit/5cf352ce46284b3cbd106276b60a1d4fea89235d)]
+- refactor(mission): simplify sector rendering logic in Action tab [kreafox - [`8413ccc`](https://github.com/eea/volto-cca-policy/commit/8413cccfd67e9a598f88474b8a034e7998063d23)]
+- change(mission): improve AccordionList [kreafox - [`cf1497f`](https://github.com/eea/volto-cca-policy/commit/cf1497ff50ff45cdb0bb8e995683969bb3e3c065)]
+- refactor(mission): remove unnecessary line breaks and simplify message rendering - refs #291190 [kreafox - [`430a123`](https://github.com/eea/volto-cca-policy/commit/430a12371b6e1c6a77ea65b6a434eda883568c64)]
 - refactor(mission): use ItemsSection in PlanningTab - refs #291190 [kreafox - [`9e96aaa`](https://github.com/eea/volto-cca-policy/commit/9e96aaac0686f6688b3406aca578b598882a9c29)]
 - change: update sectors with icons for Planning tab - refs #291190 [kreafox - [`8b82168`](https://github.com/eea/volto-cca-policy/commit/8b821686fc6b9d98c542d9f0315734b446070a17)]
 - change: update factors with icons for Assessment tab - refs #291189 [kreafox - [`d8b7afc`](https://github.com/eea/volto-cca-policy/commit/d8b7afc36b2129b60ef81d9a057c4c9be35cbb03)]
@@ -37,6 +46,8 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
 #### :hammer_and_wrench: Others
 
+- test: try to use specific version for plone-backend [kreafox - [`79c542e`](https://github.com/eea/volto-cca-policy/commit/79c542e8d55d2f1663b768c555880599634ae527)]
+- test(mission): add unit tests for NoDataReported and StatisticSection components [kreafox - [`36c6e36`](https://github.com/eea/volto-cca-policy/commit/36c6e36278124759240c896786f2ac0c20674730)]
 - test: resolve Jest errors in component tests [kreafox - [`6dbb735`](https://github.com/eea/volto-cca-policy/commit/6dbb73540e8301fcb42a4d52db7004f5a42db4d8)]
 - test: fix PlanningTab mock data to match component structure [kreafox - [`48e76e1`](https://github.com/eea/volto-cca-policy/commit/48e76e1e50e0c6d8a6a500fec3d1831419faeee9)]
 - test: resolve Jest errors in component tests [kreafox - [`f309b96`](https://github.com/eea/volto-cca-policy/commit/f309b96b0767358530d969e21102887a9db76b5a)]
@@ -125,8 +136,47 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 - Add some loadable for components [Tiberiu Ichim - [`1793962`](https://github.com/eea/volto-cca-policy/commit/179396211c66a6a2465b2d1b6c0f2afc40fc7189)]
 - Refs #284961 - test [Tripon Eugen - [`c989f1f`](https://github.com/eea/volto-cca-policy/commit/c989f1f8638c0c5233c5c49f8673c9a2cdc7937e)]
 - Refs #284961 - add translations [Tripon Eugen - [`04ee988`](https://github.com/eea/volto-cca-policy/commit/04ee988c086d393b9b37ce1ea8d24f5e84f266aa)]
-### [1.0.0-alpha.0](https://github.com/eea/volto-cca-policy/compare/0.3.83...1.0.0-alpha.0) - 15 July 2025
+### [1.0.0-alpha.0](https://github.com/eea/volto-cca-policy/compare/0.3.85...1.0.0-alpha.0) - 15 July 2025
 
+### [0.3.85](https://github.com/eea/volto-cca-policy/compare/0.3.84...0.3.85) - 14 October 2025
+
+#### :bug: Bug Fixes
+
+- fix(mission): fix assessment risk numbering to match sorted order [kreafox - [`9ecea88`](https://github.com/eea/volto-cca-policy/commit/9ecea885394f1ae6ad63ffb03d8a10cd706caffb)]
+
+#### :nail_care: Enhancements
+
+- change(mission): improve AccordionList [kreafox - [`cf1497f`](https://github.com/eea/volto-cca-policy/commit/cf1497ff50ff45cdb0bb8e995683969bb3e3c065)]
+- refactor(mission): remove unnecessary line breaks and simplify message rendering - refs #291190 [kreafox - [`430a123`](https://github.com/eea/volto-cca-policy/commit/430a12371b6e1c6a77ea65b6a434eda883568c64)]
+
+#### :hammer_and_wrench: Others
+
+- test(mission): add unit tests for NoDataReported and StatisticSection components [kreafox - [`36c6e36`](https://github.com/eea/volto-cca-policy/commit/36c6e36278124759240c896786f2ac0c20674730)]
+### [0.3.84](https://github.com/eea/volto-cca-policy/compare/0.3.83...0.3.84) - 7 October 2025
+
+#### :bug: Bug Fixes
+
+- fix: duplicated code - make ItemsSection reusable [kreafox - [`52e2625`](https://github.com/eea/volto-cca-policy/commit/52e2625914f699c194f75d561f97959ab6c21fbf)]
+
+#### :nail_care: Enhancements
+
+- refactor(mission): use ItemsSection in PlanningTab - refs #291190 [kreafox - [`9e96aaa`](https://github.com/eea/volto-cca-policy/commit/9e96aaac0686f6688b3406aca578b598882a9c29)]
+- change: update sectors with icons for Planning tab - refs #291190 [kreafox - [`8b82168`](https://github.com/eea/volto-cca-policy/commit/8b821686fc6b9d98c542d9f0315734b446070a17)]
+- change: update factors with icons for Assessment tab - refs #291189 [kreafox - [`d8b7afc`](https://github.com/eea/volto-cca-policy/commit/d8b7afc36b2129b60ef81d9a057c4c9be35cbb03)]
+- change: update sectors with icons for Action tab - refs #291188 [kreafox - [`a9f15c7`](https://github.com/eea/volto-cca-policy/commit/a9f15c70fa261c9da5b0f01d0bf07ede0136085f)]
+- change(mission): use result_beta in sandbox for signatory reporting - refs #292508 [kreafox - [`b425801`](https://github.com/eea/volto-cca-policy/commit/b42580100bdd2b4d79be53bbfa05098856deb4be)]
+- change: update signatory profile action tab with icons [kreafox - [`0e72902`](https://github.com/eea/volto-cca-policy/commit/0e7290259b966ff72d2a4d77efca8fbeec8655f8)]
+
+#### :house: Internal changes
+
+- style(mission): mobile fixes on signatory reporting pages [kreafox - [`cbeb584`](https://github.com/eea/volto-cca-policy/commit/cbeb5846c8047c164c29635bd30491b4f810246a)]
+- chore: better component naming [kreafox - [`d61e462`](https://github.com/eea/volto-cca-policy/commit/d61e4629da184ec14d6ad0d056ac29751223e2f9)]
+
+#### :hammer_and_wrench: Others
+
+- test: resolve Jest errors in component tests [kreafox - [`6dbb735`](https://github.com/eea/volto-cca-policy/commit/6dbb73540e8301fcb42a4d52db7004f5a42db4d8)]
+- test: fix PlanningTab mock data to match component structure [kreafox - [`48e76e1`](https://github.com/eea/volto-cca-policy/commit/48e76e1e50e0c6d8a6a500fec3d1831419faeee9)]
+- test: resolve Jest errors in component tests [kreafox - [`f309b96`](https://github.com/eea/volto-cca-policy/commit/f309b96b0767358530d969e21102887a9db76b5a)]
 ### [0.3.83](https://github.com/eea/volto-cca-policy/compare/0.3.82...0.3.83) - 10 September 2025
 
 #### :hammer_and_wrench: Others
@@ -207,7 +257,6 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 - style: fix item spacing [kreafox - [`7d4535d`](https://github.com/eea/volto-cca-policy/commit/7d4535dbc486e6cb80fc55d6ac8c7c01d9cf48af)]
 - chore: code cleanup [kreafox - [`842419b`](https://github.com/eea/volto-cca-policy/commit/842419b1bce3dc624755c81c9dea672198cab9e2)]
 - style: update teaser block styling [kreafox - [`1e0cad8`](https://github.com/eea/volto-cca-policy/commit/1e0cad8e1ed3ae827ee868dce8ad50b292a937ba)]
-- chore: update Makefile, run yarn i18n [kreafox - [`61e6962`](https://github.com/eea/volto-cca-policy/commit/61e6962901068ae6512265417a730bd9befd65fe)]
 - chore: move styling to theme folder [kreafox - [`8cf6a1b`](https://github.com/eea/volto-cca-policy/commit/8cf6a1b8b14abf472a9c61b28db574f6d9e0bd3b)]
 - chore: remove ArrayWidget customization [kreafox - [`249bf93`](https://github.com/eea/volto-cca-policy/commit/249bf93054f7726c3d57a8b8ca01b75cd0d30522)]
 - chore: remove Footer customization [kreafox - [`7038af3`](https://github.com/eea/volto-cca-policy/commit/7038af37d48a328dfc31746f3fa84973e2f840ab)]
@@ -2970,13 +3019,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
@@ -2993,9 +3039,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)]
@@ -3212,7 +3255,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
 
@@ -3693,7 +3735,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.3.84",
+  "version": "0.3.86",
   "description": "@eeacms/volto-cca-policy: Volto add-on",
   "main": "src/index.js",
   "author": "European Environment Agency: IDM2 A-Team",

package/src/components/theme/ImageGallery/ImageGallery.test.jsx

@@ -2,7 +2,12 @@ import '@testing-library/jest-dom';
 import { render, screen, fireEvent } from '@testing-library/react';
 import ImageGallery from './ImageGallery';
 
-jest.mock('react-slick', () => (props) => <div>React Slick Gallery</div>);
+jest.mock('react-slick', () => {
+  const React = require('react');
+  return React.forwardRef((props, ref) => (
+    <div ref={ref}>React Slick Gallery</div>
+  ));
+});
 
 const mockItems = [
   {

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

@@ -6,34 +6,44 @@ import {
   AccordionContent,
 } from 'semantic-ui-react';
 
-const AccordionList = ({ accordions, variation }) => {
-  const [activeIndex, setActiveIndex] = useState(-1);
+const AccordionList = ({ accordions, variation, multiple = false }) => {
+  const [activeIndexes, setActiveIndexes] = useState([]);
+
   const handleAccordionClick = (index) => {
-    setActiveIndex(activeIndex === index ? -1 : index);
+    if (multiple) {
+      setActiveIndexes((prev) =>
+        prev.includes(index)
+          ? prev.filter((i) => i !== index)
+          : [...prev, index],
+      );
+    } else {
+      setActiveIndexes((prev) => (prev.includes(index) ? [] : [index]));
+    }
   };
 
   return (
     <Accordion className={variation}>
-      {accordions.map((accordion, index) => (
-        <React.Fragment key={index}>
-          <AccordionTitle
-            active={activeIndex === index}
-            onClick={() => handleAccordionClick(index)}
-          >
-            <Icon
-              className={
-                activeIndex === index
-                  ? 'ri-arrow-up-s-line'
-                  : 'ri-arrow-down-s-line'
-              }
-            />
-            {accordion.title}
-          </AccordionTitle>
-          <AccordionContent active={activeIndex === index}>
-            {accordion.content}
-          </AccordionContent>
-        </React.Fragment>
-      ))}
+      {accordions.map((accordion, index) => {
+        const isActive = activeIndexes.includes(index);
+        return (
+          <React.Fragment key={index}>
+            <AccordionTitle
+              active={isActive}
+              onClick={() => handleAccordionClick(index)}
+            >
+              <Icon
+                className={
+                  isActive ? 'ri-arrow-up-s-line' : 'ri-arrow-down-s-line'
+                }
+              />
+              {accordion.title}
+            </AccordionTitle>
+            <AccordionContent active={isActive}>
+              {accordion.content}
+            </AccordionContent>
+          </React.Fragment>
+        );
+      })}
     </Accordion>
   );
 };

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

@@ -0,0 +1,70 @@
+import '@testing-library/jest-dom';
+import { render, screen } from '@testing-library/react';
+import ItemsSection from './ItemsSection';
+import defaultImage from '@eeacms/volto-cca-policy/../theme/assets/images/image-narrow.svg';
+
+jest.mock('@eeacms/volto-cca-policy/utils', () => ({
+  normalizeImageFileName: (filename) => filename?.toLowerCase() || '',
+}));
+
+describe('ItemsSection', () => {
+  it('renders nothing when items is empty or undefined', () => {
+    const { container, rerender } = render(<ItemsSection items={[]} />);
+    expect(container.firstChild).toBeNull();
+
+    rerender(<ItemsSection />);
+    expect(container.firstChild).toBeNull();
+  });
+
+  it('renders default image when item has no icon', () => {
+    const mockItems = [{ Sector: 'Water' }];
+    render(<ItemsSection items={mockItems} field="Sector" iconPath="sector" />);
+
+    const image = screen.getByRole('img');
+    expect(image).toHaveAttribute('src', defaultImage);
+    expect(screen.getByText('Water')).toBeInTheDocument();
+  });
+
+  it('renders custom image when icon is provided', () => {
+    const mockItems = [{ Sector: 'Energy', Icon: 'Solar' }];
+    render(<ItemsSection items={mockItems} field="Sector" iconPath="sector" />);
+
+    const image = screen.getByRole('img');
+    expect(image).toHaveAttribute(
+      'src',
+      '/en/mission/icons/signatory-reporting/sector/solar/@@images/image',
+    );
+    expect(screen.getByText('Energy')).toBeInTheDocument();
+  });
+
+  it('applies "column" class when more than 3 items exist', () => {
+    const mockItems = [
+      { Sector: 'Water' },
+      { Sector: 'Energy' },
+      { Sector: 'Agriculture' },
+      { Sector: 'Transport' },
+    ];
+
+    const { container } = render(
+      <ItemsSection items={mockItems} field="Sector" iconPath="sector" />,
+    );
+
+    const group = container.querySelector('.items-group');
+    expect(group).toHaveClass('column');
+  });
+
+  it('does not apply "column" class when 3 or fewer items', () => {
+    const mockItems = [
+      { Sector: 'Water' },
+      { Sector: 'Energy' },
+      { Sector: 'Agriculture' },
+    ];
+
+    const { container } = render(
+      <ItemsSection items={mockItems} field="Sector" iconPath="sector" />,
+    );
+
+    const group = container.querySelector('.items-group');
+    expect(group).not.toHaveClass('column');
+  });
+});

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

@@ -0,0 +1,12 @@
+import '@testing-library/jest-dom';
+import { render } from '@testing-library/react';
+import NoDataReported from './NoDataReported';
+
+describe('NoDataReported', () => {
+  it('renders the provided label inside Tab.Pane', () => {
+    const testLabel = 'No data available';
+    const { getByText } = render(<NoDataReported label={testLabel} />);
+
+    expect(getByText(testLabel)).toBeInTheDocument();
+  });
+});

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

@@ -0,0 +1,22 @@
+import '@testing-library/jest-dom';
+import { render } from '@testing-library/react';
+import StatisticSection from './StatisticSection';
+
+describe('StatisticSection', () => {
+  const mockStatistics = [
+    { label: 'Population year', value: 2023 },
+    { label: 'Population size', value: 362.133 },
+  ];
+
+  it('renders all statistic values and labels', () => {
+    const { getByText } = render(
+      <StatisticSection statistic={mockStatistics} />,
+    );
+
+    expect(getByText('2023')).toBeInTheDocument();
+    expect(getByText('362.133')).toBeInTheDocument();
+
+    expect(getByText('Population year')).toBeInTheDocument();
+    expect(getByText('Population size')).toBeInTheDocument();
+  });
+});

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

@@ -1,4 +1,3 @@
-import { useLocation } from 'react-router-dom';
 import { Tab, Grid } from 'semantic-ui-react';
 import { Callout } from '@eeacms/volto-eea-design-system/ui';
 import { HTMLField } from '@eeacms/volto-cca-policy/helpers';
@@ -8,14 +7,9 @@ import NoDataReported from '../NoDataReported';
 import ItemsSection from '../ItemsSection';
 
 const ActionTabContent = ({ action }) => {
-  const location = useLocation();
   const hasHazards = action?.Climate_Hazards?.length > 0;
-  const hasSectors = action?.Sectors.length > 0;
-  const hasBenefits = action?.Co_Benefits.length > 0;
-
-  const isSandbox = location.pathname.includes(
-    '/mission/sandbox/eea-sandbox/signatory-reporting',
-  );
+  const hasSectors = action?.Sectors?.length > 0;
+  const hasBenefits = action?.Co_Benefits?.length > 0;
 
   return (
     <>
@@ -34,7 +28,8 @@ const ActionTabContent = ({ action }) => {
           {hasSectors && (
             <>
               <h5 className="small-label">{action.Sectors_Label}</h5>
-              {isSandbox ? (
+
+              {action.Sectors.some((s) => s.Icon) ? (
                 <ItemsSection
                   items={action.Sectors}
                   field="Sector"
@@ -65,17 +60,14 @@ const ActionTabContent = ({ action }) => {
         )}
       </Grid>
       {action.Funding_Sources && (
-        <>
-          <br />
-          <div className="funding-sources">
-            <span>{action.Funding_Sources_Label} </span>
-            <strong>
-              <HTMLField
-                value={{ data: formatTextToHTML(action.Funding_Sources) }}
-              />
-            </strong>
-          </div>
-        </>
+        <div className="funding-sources">
+          <span>{action.Funding_Sources_Label} </span>
+          <strong>
+            <HTMLField
+              value={{ data: formatTextToHTML(action.Funding_Sources) }}
+            />
+          </strong>
+        </div>
       )}
     </>
   );

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

@@ -41,8 +41,9 @@ const AssessmentTab = ({ result, general_text }) => {
     Hazards_Title,
     Hazards_Abstract,
   } = result.assessment_text?.[0] || {};
-  const assessment_risks = result.assessment_risks || [];
-  const assessment_hazards_sectors = result.assessment_hazards_sectors || [];
+
+  const assessment_risks = result?.assessment_risks || [];
+  const assessment_hazards_sectors = result?.assessment_hazards_sectors || [];
   const { No_Data_Reported_Label } = general_text || {};
 
   const NoResults =
@@ -58,6 +59,7 @@ const AssessmentTab = ({ result, general_text }) => {
   return (
     <Tab.Pane className="assessment-tab">
       {Title && <h2>{Title}</h2>}
+
       {Subheading && (
         <Callout>
           <HTMLField value={{ data: formatTextToHTML(Subheading) }} />
@@ -69,7 +71,7 @@ const AssessmentTab = ({ result, general_text }) => {
       <div className="tab-section-wrapper assessment">
         {Cra_Title && <h3>{Cra_Title}</h3>}
 
-        {result.assessment_factors.length > 0 && (
+        {result.assessment_factors?.length > 0 && (
           <>
             {Cra_Abstract && <h5>{Cra_Abstract}</h5>}
             <ItemsSection
@@ -83,26 +85,19 @@ const AssessmentTab = ({ result, general_text }) => {
         {assessment_risks.length > 0 && (
           <>
             {Attachments && <h4>{Attachments}</h4>}
-            {assessment_risks.map((risk, index) => {
-              const title = risk?.Attachment_Title
-                ? `${risk.Assessment_Id}. ${risk.Attachment_Title} - ${
-                    risk.Year_Of_Publication || ''
-                  }`
-                : null;
-              return (
-                <div key={index}>
-                  <AccordionList
-                    variation="tertiary"
-                    accordions={[
-                      {
-                        title: title,
-                        content: <AssessmentAccordionContent result={risk} />,
-                      },
-                    ]}
-                  />
-                </div>
-              );
-            })}
+
+            <AccordionList
+              variation="tertiary"
+              multiple={false}
+              accordions={assessment_risks.map((risk, index) => ({
+                title: risk?.Attachment_Title
+                  ? `${index + 1}. ${risk.Attachment_Title} - ${
+                      risk.Year_Of_Publication || ''
+                    }`
+                  : `Risk ${index + 1}`,
+                content: <AssessmentAccordionContent result={risk} />,
+              }))}
+            />
           </>
         )}
       </div>
@@ -115,18 +110,52 @@ const AssessmentTab = ({ result, general_text }) => {
 
       <br />
 
-      {assessment_hazards_sectors && (
+      {assessment_hazards_sectors?.length > 0 && (
         <AccordionList
-          accordions={assessment_hazards_sectors.map((category) => ({
-            title: category.Hazard,
-            content: (
-              <ul>
-                {category.Sectors.map((sector, idx) => (
-                  <li key={idx}>{sector}</li>
-                ))}
-              </ul>
-            ),
-          }))}
+          accordions={assessment_hazards_sectors.flatMap((item) => {
+            // Beta data (Category > Hazards > Sectors)
+            if (item.Category && Array.isArray(item.Hazards)) {
+              return [
+                {
+                  title: item.Category,
+                  content: (
+                    <ul>
+                      {item.Hazards.map((hazard, index) => (
+                        <li key={index}>
+                          <strong>{hazard.Hazard}</strong>
+                          {Array.isArray(hazard.Sectors) &&
+                            hazard.Sectors.length > 0 && (
+                              <ul>
+                                {hazard.Sectors.map((sector, sIndex) => (
+                                  <li key={sIndex}>{sector}</li>
+                                ))}
+                              </ul>
+                            )}
+                        </li>
+                      ))}
+                    </ul>
+                  ),
+                },
+              ];
+            }
+
+            // Production data (Category=null but has Hazards array)
+            if (item.Category === null && Array.isArray(item.Hazards)) {
+              return item.Hazards.map((hazard) => ({
+                title: hazard.Hazard,
+                content: (
+                  <ul>
+                    {Array.isArray(hazard.Sectors) &&
+                      hazard.Sectors.map((sector, index) => (
+                        <li key={index}>{sector}</li>
+                      ))}
+                  </ul>
+                ),
+              }));
+            }
+
+            return [];
+          })}
         />
       )}
     </Tab.Pane>

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

@@ -6,6 +6,14 @@ jest.mock('@eeacms/volto-eea-design-system/ui', () => ({
   Callout: ({ children }) => <div>{children}</div>,
 }));
 
+jest.mock('@eeacms/volto-cca-policy/helpers', () => ({
+  HTMLField: ({ value }) => <div>{value.data}</div>,
+}));
+
+jest.mock('../NoDataReported', () => ({ label }) => (
+  <div data-testid="no-data">{label}</div>
+));
+
 jest.mock('@eeacms/volto-cca-policy/utils', () => ({
   isEmpty: (arr) => !arr || arr.length === 0,
   formatTextToHTML: (text) => text,
@@ -38,13 +46,28 @@ const mockData = {
       Please_Explain: 'Explanation content here.',
     },
   ],
+  assessment_hazards_sectors: [
+    {
+      Category: 'Water Management',
+      Hazards: [
+        { Hazard: 'Flooding', Sectors: ['Agriculture', 'Health'] },
+        { Hazard: 'Drought', Sectors: ['Energy'] },
+      ],
+    },
+    {
+      Category: null,
+      Hazards: [
+        { Hazard: 'Storms', Sectors: ['Transport', 'Tourism'] },
+        { Hazard: 'Heatwaves', Sectors: ['Health'] },
+      ],
+    },
+  ],
 };
 
 describe('AssessmentTab', () => {
-  it('renders core sections and nested tabs', () => {
+  it('renders all major sections correctly', () => {
     render(<AssessmentTab result={mockData} />);
 
-    // General headings
     expect(screen.getByText('Assessment Title')).toBeInTheDocument();
     expect(screen.getByText('Assessment Subheading')).toBeInTheDocument();
     expect(
@@ -56,8 +79,54 @@ describe('AssessmentTab', () => {
     expect(screen.getByText('Hazards')).toBeInTheDocument();
     expect(screen.getByText('Hazards abstract text.')).toBeInTheDocument();
 
-    // Items section
     expect(screen.getByText('Factor A')).toBeInTheDocument();
     expect(screen.getByText('Factor B')).toBeInTheDocument();
   });
+
+  it('renders assessment risks accordion with link and details', () => {
+    render(<AssessmentTab result={mockData} />);
+
+    expect(
+      screen.getByText('1. Risk Attachment Title - 2023'),
+    ).toBeInTheDocument();
+
+    expect(screen.getByText('Explore this risk')).toBeInTheDocument();
+    expect(screen.getByText('Details')).toBeInTheDocument();
+    expect(screen.getByText('Explanation content here.')).toBeInTheDocument();
+
+    const link = screen.getByRole('link', { name: 'Explore this risk' });
+    expect(link).toHaveAttribute('href', 'https://example.com');
+  });
+
+  it('renders beta-style hazards (Category > Hazard > Sector)', () => {
+    render(<AssessmentTab result={mockData} />);
+
+    expect(screen.getByText('Water Management')).toBeInTheDocument();
+    expect(screen.getByText('Flooding')).toBeInTheDocument();
+    expect(screen.getByText('Drought')).toBeInTheDocument();
+
+    expect(screen.getByText('Agriculture')).toBeInTheDocument();
+    expect(screen.getAllByText('Health').length).toBeGreaterThanOrEqual(1);
+    expect(screen.getByText('Energy')).toBeInTheDocument();
+  });
+
+  it('renders production-style hazards (Hazard > Sectors)', () => {
+    render(<AssessmentTab result={mockData} />);
+
+    expect(screen.getByText('Storms')).toBeInTheDocument();
+    expect(screen.getByText('Heatwaves')).toBeInTheDocument();
+    expect(screen.getByText('Transport')).toBeInTheDocument();
+    expect(screen.getByText('Tourism')).toBeInTheDocument();
+    expect(screen.getAllByText('Health').length).toBeGreaterThanOrEqual(1);
+  });
+
+  it('renders NoDataReported when no data available', () => {
+    render(
+      <AssessmentTab
+        result={{}}
+        general_text={{ No_Data_Reported_Label: 'No info' }}
+      />,
+    );
+    expect(screen.getByTestId('no-data')).toHaveTextContent('No info');
+  });
 });

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

@@ -63,19 +63,19 @@ const GovernanceTab = ({ result, general_text }) => {
 
       {Describe && <HTMLField value={{ data: formatTextToHTML(Describe) }} />}
 
-      <br />
-
       {Provide && (
-        <AccordionList
-          accordions={[
-            {
-              title: Provide_Title,
-              content: (
-                <HTMLField value={{ data: formatTextToHTML(Provide) }} />
-              ),
-            },
-          ]}
-        />
+        <div className="provide-section">
+          <AccordionList
+            accordions={[
+              {
+                title: Provide_Title,
+                content: (
+                  <HTMLField value={{ data: formatTextToHTML(Provide) }} />
+                ),
+              },
+            ]}
+          />
+        </div>
       )}
     </Tab.Pane>
   );

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

@@ -127,9 +127,8 @@ const PlanningTab = ({ result, general_text }) => {
 
       {planning_climate_action.map((action, index) => (
         <React.Fragment key={index}>
-          <br />
           {action?.Sectors_Introduction && (
-            <Message>
+            <Message className="sectors-introduction">
               <HTMLField
                 value={{
                   data: formatTextToHTML(action.Sectors_Introduction),
@@ -160,32 +159,27 @@ const PlanningTab = ({ result, general_text }) => {
             </p>
           )}
 
-          {action?.Name_Of_Plan_And_Hyperlink && (
-            <p>
-              {(() => {
-                const { name, url } = extractPlanNameAndURL(
-                  action.Name_Of_Plan_And_Hyperlink,
-                );
-                return url ? (
-                  <a href={url} title={name} target="_blank" rel="noreferrer">
-                    <strong>
-                      {action.Further_Information_Link_Text}
-                      {name && ` [${name}]`}
-                    </strong>
+          {(() => {
+            const { url } = extractPlanNameAndURL(
+              action?.Name_Of_Plan_And_Hyperlink,
+            );
+
+            if (url && action?.Further_Information_Link_Text) {
+              return (
+                <p>
+                  <a href={url} target="_blank" rel="noreferrer">
+                    <strong>{action.Further_Information_Link_Text}</strong>
                   </a>
-                ) : (
-                  <strong>
-                    {action.Further_Information_Link_Text}
-                    {name && ` [${name}]`}
-                  </strong>
-                );
-              })()}
-            </p>
-          )}
+                </p>
+              );
+            }
+
+            return null;
+          })()}
 
           {action?.Attachment && (
             <p>
-              <a href={action.Attachment}>
+              <a href={action.Attachment} target="_blank" rel="noreferrer">
                 <strong>{action.Explore_Plan_Link_Text}</strong>
               </a>
             </p>

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

@@ -105,7 +105,7 @@ describe('PlanningTab', () => {
   it('renders hyperlink with extracted name and URL', () => {
     const { getByText } = render(<PlanningTab result={mockResult} />);
 
-    const link = getByText(/More Info \[Plan Example\]/);
+    const link = getByText('More Info');
     expect(link).toBeInTheDocument();
     expect(link.closest('a')).toHaveAttribute('href', 'https://plan-link.com');
   });

package/src/utils.js

@@ -113,24 +113,29 @@ const trimTrailingChars = (str) => {
 export const extractPlanNameAndURL = (text) => {
   if (!text) return { name: '', url: '' };
 
-  // Match URL inside parentheses
-  const parenthesisMatch = text.match(/\((https?:\/\/[^\s)]+)\)/);
-  // Match first direct URL not inside parentheses
-  const directMatch = text.match(/https?:\/\/[^\s,;)]+/);
-  const url = parenthesisMatch?.[1] || directMatch?.[0] || '';
+  // Match all URLs
+  const urls = text.match(/https?:\/\/[^\s,;)]+/g) || [];
 
   let name = text;
+  let url = '';
 
-  if (url) {
-    // Remove URL and any punctuation before it
-    name = name.replace(`(${url})`, '').replace(url, '');
-    name = trimTrailingChars(name).trim();
+  if (urls.length > 1) {
+    // Edge case like Rotterdam: use second URL as the actual link
+    name = text.split(urls[0])[0] || urls[0]; // name is before or equals first URL
+    url = urls[1];
+  } else {
+    const parenthesisMatch = text.match(/\((https?:\/\/[^\s)]+)\)/);
+    const directMatch = text.match(/https?:\/\/[^\s,;)]+/);
+    url = parenthesisMatch?.[1] || directMatch?.[0] || '';
+
+    if (url) {
+      name = text.replace(`(${url})`, '').replace(url, '');
+    }
   }
 
-  return {
-    name: name,
-    url,
-  };
+  name = trimTrailingChars(name).trim();
+
+  return { name, url };
 };
 
 export const isEmpty = (arr) => !Array.isArray(arr) || arr.length === 0;

package/theme/globals/mission.less

@@ -112,6 +112,20 @@ body.subsite-mkh {
       margin: 2em 0;
     }
 
+    ul > li > ul {
+      margin-top: 0.3em;
+      margin-bottom: 1em;
+    }
+
+    .sectors-introduction {
+      margin-top: 3em;
+    }
+
+    .funding-sources,
+    .provide-section {
+      margin-top: 1em;
+    }
+
     .action-tab {
       .ui.items.items-group {
         margin: 1em 0;
@@ -169,6 +183,12 @@ body.subsite-mkh {
       margin-bottom: 1em;
     }
 
+    .ui.accordion {
+      .content.active {
+        padding: 1rem 1rem !important;
+      }
+    }
+
     .tab-section-wrapper {
       padding: 1.5em;
       margin: 2em 0;