@eeacms/volto-cca-policy 0.3.85 → 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.85](https://github.com/eea/volto-cca-policy/compare/1.0.0-alpha.1...0.3.85) - 14 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,6 +14,10 @@ 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)]
@@ -21,6 +25,8 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
 #### :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)]
@@ -40,6 +46,7 @@ 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)]
@@ -129,8 +136,22 @@ 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.84...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
@@ -236,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)]
@@ -2999,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
@@ -3022,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)]
@@ -3241,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
 
@@ -3722,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.85",
+  "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/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/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,15 +7,10 @@ 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',
-  );
-
   return (
     <>
       <Grid columns="12">
@@ -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"

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

@@ -110,18 +110,52 @@ const AssessmentTab = ({ result, general_text }) => {
 
       <br />
 
-      {assessment_hazards_sectors.length > 0 && (
+      {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/PlanningTab.jsx

@@ -159,27 +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>
-                ) : null;
-              })()}
-            </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,11 @@ body.subsite-mkh {
       margin: 2em 0;
     }
 
+    ul > li > ul {
+      margin-top: 0.3em;
+      margin-bottom: 1em;
+    }
+
     .sectors-introduction {
       margin-top: 3em;
     }
@@ -178,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;