@eeacms/volto-cca-policy 1.0.22 → 1.0.24

package/locales/sk/LC_MESSAGES/volto.po

@@ -393,6 +393,11 @@ msgstr ""
 msgid "Cycle"
 msgstr ""
 
+#. Default: "Data sources"
+#: components/theme/Views/ExtendedToolView
+msgid "Data sources"
+msgstr ""
+
 #. Default: "Date of creation:"
 #: components/theme/Content/Sections/ContentMetadata
 msgid "Date of creation:"
@@ -1462,6 +1467,11 @@ msgstr ""
 msgid "Tool"
 msgstr "Nástroj"
 
+#. Default: "Tool validation use"
+#: components/theme/Views/ExtendedToolView
+msgid "Tool validation use"
+msgstr ""
+
 #. Default: "Tools per country"
 #: components/Search/NavigatorCatalogue/NavigatorCatalogueMapView
 msgid "Tools per country"

package/locales/sl/LC_MESSAGES/volto.po

@@ -393,6 +393,11 @@ msgstr ""
 msgid "Cycle"
 msgstr ""
 
+#. Default: "Data sources"
+#: components/theme/Views/ExtendedToolView
+msgid "Data sources"
+msgstr ""
+
 #. Default: "Date of creation:"
 #: components/theme/Content/Sections/ContentMetadata
 msgid "Date of creation:"
@@ -1462,6 +1467,11 @@ msgstr ""
 msgid "Tool"
 msgstr "Orodje"
 
+#. Default: "Tool validation use"
+#: components/theme/Views/ExtendedToolView
+msgid "Tool validation use"
+msgstr ""
+
 #. Default: "Tools per country"
 #: components/Search/NavigatorCatalogue/NavigatorCatalogueMapView
 msgid "Tools per country"

package/locales/sv/LC_MESSAGES/volto.po

@@ -393,6 +393,11 @@ msgstr ""
 msgid "Cycle"
 msgstr ""
 
+#. Default: "Data sources"
+#: components/theme/Views/ExtendedToolView
+msgid "Data sources"
+msgstr ""
+
 #. Default: "Date of creation:"
 #: components/theme/Content/Sections/ContentMetadata
 msgid "Date of creation:"
@@ -1462,6 +1467,11 @@ msgstr ""
 msgid "Tool"
 msgstr "Verktyg"
 
+#. Default: "Tool validation use"
+#: components/theme/Views/ExtendedToolView
+msgid "Tool validation use"
+msgstr ""
+
 #. Default: "Tools per country"
 #: components/Search/NavigatorCatalogue/NavigatorCatalogueMapView
 msgid "Tools per country"

package/locales/tr/LC_MESSAGES/volto.po

@@ -393,6 +393,11 @@ msgstr ""
 msgid "Cycle"
 msgstr ""
 
+#. Default: "Data sources"
+#: components/theme/Views/ExtendedToolView
+msgid "Data sources"
+msgstr ""
+
 #. Default: "Date of creation:"
 #: components/theme/Content/Sections/ContentMetadata
 msgid "Date of creation:"
@@ -1462,6 +1467,11 @@ msgstr ""
 msgid "Tool"
 msgstr "Araç"
 
+#. Default: "Tool validation use"
+#: components/theme/Views/ExtendedToolView
+msgid "Tool validation use"
+msgstr ""
+
 #. Default: "Tools per country"
 #: components/Search/NavigatorCatalogue/NavigatorCatalogueMapView
 msgid "Tools per country"

package/locales/volto.pot

@@ -1,7 +1,7 @@
 msgid ""
 msgstr ""
 "Project-Id-Version: Plone\n"
-"POT-Creation-Date: 2026-09-14T12:10:53.707Z\n"
+"POT-Creation-Date: 2026-09-16T07:51:35.558Z\n"
 "Last-Translator: Plone i18n <plone-i18n@lists.sourceforge.net>\n"
 "Language-Team: Plone i18n <plone-i18n@lists.sourceforge.net>\n"
 "Content-Type: text/plain; charset=utf-8\n"
@@ -395,6 +395,11 @@ msgstr ""
 msgid "Cycle"
 msgstr ""
 
+#. Default: "Data sources"
+#: components/theme/Views/ExtendedToolView
+msgid "Data sources"
+msgstr ""
+
 #. Default: "Date of creation:"
 #: components/theme/Content/Sections/ContentMetadata
 msgid "Date of creation:"
@@ -1464,6 +1469,11 @@ msgstr ""
 msgid "Tool"
 msgstr ""
 
+#. Default: "Tool validation use"
+#: components/theme/Views/ExtendedToolView
+msgid "Tool validation use"
+msgstr ""
+
 #. Default: "Tools per country"
 #: components/Search/NavigatorCatalogue/NavigatorCatalogueMapView
 msgid "Tools per country"

package/package.json

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

package/src/components/Search/NavigatorCatalogue/NavigatorCatalogueCardItem.jsx

@@ -54,6 +54,23 @@ const publicationDateFormatter = new Intl.DateTimeFormat('en-GB', {
   timeZone: 'UTC',
 });
 
+const formatPublicationDate = (value) => {
+  if (!value) return '';
+  const raw =
+    typeof value === 'object' && value !== null && 'raw' in value
+      ? value.raw
+      : value;
+  const val = Array.isArray(raw) ? raw[0] : raw;
+  if (!val || typeof val === 'object') return '';
+  try {
+    const d = new Date(val);
+    if (Number.isNaN(d.getTime())) return '';
+    return publicationDateFormatter.format(d);
+  } catch {
+    return '';
+  }
+};
+
 const TagGroup = ({ typeLabel, values, type }) => {
   const visible = values.slice(0, 3);
   const hidden = values.slice(3);
@@ -117,7 +134,7 @@ const CycleElements = ({ intl, values }) => {
 };
 
 const NavigatorCatalogueCardItem = (props) => {
-  const { result } = props;
+  const { result = {} } = props;
   const intl = useIntl();
   const sectors = rawValueAsArray(result.cca_adaptation_sectors);
   const hazards = rawValueAsArray(result.cca_climate_impacts);
@@ -131,13 +148,14 @@ const NavigatorCatalogueCardItem = (props) => {
   const adaptationSupportCycleSteps = rawValueAsArray(
     result.adaptation_support_cycle_step,
   )
-    .map((value) => value?.title?.split(':')[0])
+    .map((value) => {
+      const title = value?.title || value;
+      return typeof title === 'string' ? title.split(':')[0] : title;
+    })
     .filter(Boolean);
   const publicationDate =
     result.publication_date?.raw || result.publication_date;
-  const formattedPublicationDate = publicationDate
-    ? publicationDateFormatter.format(new Date(publicationDate))
-    : '';
+  const formattedPublicationDate = formatPublicationDate(publicationDate);
   const sectorLabel = intl.formatMessage(messages.sector);
   const hazardLabel = intl.formatMessage(messages.hazard);
   const compareTool = {

package/src/components/Search/NavigatorCatalogue/NavigatorCatalogueCardItem.test.jsx

@@ -175,6 +175,50 @@ describe('NavigatorCatalogueCardItem', () => {
     expect(screen.queryByText('License:')).not.toBeInTheDocument();
   });
 
+  it('safely handles invalid, array, or malformed publication dates without throwing RangeError', () => {
+    // Malformed/invalid date string that would throw RangeError: Invalid time value
+    const { rerender } = renderCard({
+      title: 'Invalid date tool',
+      publication_date: 'N/A',
+    });
+    expect(screen.getByText('Invalid date tool')).toBeInTheDocument();
+    expect(screen.queryByText('N/A')).not.toBeInTheDocument();
+
+    // Array publication date
+    rerender(
+      <IntlProvider locale="en">
+        <NavigatorCatalogueCardItem
+          result={{
+            title: 'Array date tool',
+            publication_date: { raw: ['2026-07-24'] },
+          }}
+        />
+      </IntlProvider>,
+    );
+    expect(screen.getByText('24 Jul 26')).toBeInTheDocument();
+
+    // Malformed object publication date
+    rerender(
+      <IntlProvider locale="en">
+        <NavigatorCatalogueCardItem
+          result={{
+            title: 'Object date tool',
+            publication_date: { raw: { invalid: true } },
+          }}
+        />
+      </IntlProvider>,
+    );
+    expect(screen.getByText('Object date tool')).toBeInTheDocument();
+  });
+
+  it('safely handles non-string adaptationSupportCycleSteps without throwing', () => {
+    renderCard({
+      title: 'Numeric cycle tool',
+      adaptation_support_cycle_step: { raw: [123, null, { title: 456 }] },
+    });
+    expect(screen.getByText('Numeric cycle tool')).toBeInTheDocument();
+  });
+
   describe('thumbnail rendering and fallback', () => {
     it('renders thumbnail image and smoothly transitions from placeholder on load', () => {
       const { container } = renderCard({

package/src/components/manage/Blocks/ChatbotCatalogue/DocumentCard.jsx

@@ -1,6 +1,4 @@
 import React, { useContext, memo } from 'react';
-import { Icon } from 'semantic-ui-react';
-import ExternalLink from '@eeacms/search/components/Result/ExternalLink';
 
 import NavigatorCatalogueCardItem from '@eeacms/volto-cca-policy/components/Search/NavigatorCatalogue/NavigatorCatalogueCardItem';
 // The `ChatMessageContext` seam only exists in @eeacms/volto-eea-chatbot from
@@ -54,137 +52,58 @@ export function matchesDocumentTitle(docTitle, searchTitle) {
   return false;
 }
 
-function formatDate(value) {
-  if (!value) return null;
-  const d = new Date(value);
-  if (Number.isNaN(d.getTime())) return null;
-  return d.toLocaleDateString('en-GB', {
-    day: '2-digit',
-    month: 'short',
-    year: '2-digit',
-  });
+function sourcePropsEqual(prev, next) {
+  return prev.source?.link === next.source?.link;
 }
 
-// `InlineDocCard` rebuilds the `source` object on every render (the answer is
-// re-rendered on each streaming tick), so a plain `===` prop comparison would
-// never memoize. Compare the actual fields instead.
-function sourceEqual(prevSource, nextSource) {
-  return (
-    prevSource?.semantic_identifier === nextSource?.semantic_identifier &&
-    prevSource?.blurb === nextSource?.blurb &&
-    prevSource?.updated_at === nextSource?.updated_at &&
-    prevSource?.source_type === nextSource?.source_type &&
-    prevSource?.link === nextSource?.link
-  );
-}
+export class DocCardErrorBoundary extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = { hasError: false };
+  }
 
-function sourcePropsEqual(prev, next) {
-  return prev.index === next.index && sourceEqual(prev.source, next.source);
+  static getDerivedStateFromError() {
+    return { hasError: true };
+  }
+
+  componentDidCatch(error, info) {
+    // eslint-disable-next-line no-console
+    console.warn('DocCard failed to render rich catalogue card:', error, info);
+  }
+
+  render() {
+    if (this.state.hasError) {
+      return this.props.fallback ?? null;
+    }
+    return this.props.children;
+  }
 }
 
 /**
- * Document card styled to match the Navigator catalogue cards
- * (volto-cca-policy NavigatorCatalogueCardItem), used when full searchlib
- * metadata is not yet loaded or for external/unindexed sources.
+ * Document card rendered once the globalsearch ES lookup (by document URL)
+ * resolves as the full Navigator catalogue card.
+ *
+ * If the document is not found in Elasticsearch (or lookup fails), no card
+ * is displayed.
  */
-const DocumentCard = memo(function DocumentCard({ source, index }) {
-  if (!source || typeof source !== 'object' || !source.semantic_identifier) {
+const EnhancedDocCard = memo(function EnhancedDocCard({ source }) {
+  const { result } = useCatalogueDoc(source?.link);
+
+  if (!result) {
     return null;
   }
-  const {
-    semantic_identifier: rawTitle,
-    blurb,
-    updated_at,
-    source_type,
-    link,
-  } = source;
-  const isWeb = source_type === 'web';
-  const title = cleanDocumentTitle(rawTitle);
-  const formattedDate = formatDate(updated_at);
-  const typeLabel = isWeb ? 'Web' : 'Document';
 
   return (
-    <div className="catalogue-chat-navigator-card">
-      <div className="navigator-catalogue-item">
-        <div className="navigator-tool-icon large" aria-hidden="true">
-          <Icon className="ri-file-line" />
-        </div>
-
-        <div className="catalogue-item-main">
-          <div className="catalogue-item-top">
-            <div className="navigator-tool-provider">
-              {typeof index === 'number' && (
-                <span className="chat-citation">{index} </span>
-              )}
-              {typeLabel}
-            </div>
-            {formattedDate && (
-              <span className="catalogue-date">{formattedDate}</span>
-            )}
-          </div>
-
-          <div className="catalogue-item-heading">
-            <h4>
-              {link ? (
-                <ExternalLink href={link} title={title}>
-                  {title}
-                </ExternalLink>
-              ) : (
-                <span title={title}>{title}</span>
-              )}
-            </h4>
-          </div>
-
-          {blurb && <p className="catalogue-description">{blurb}</p>}
-
-          <div className="catalogue-item-footer">
-            <div className="catalogue-meta license-type">
-              <span className="catalogue-type">Type: {typeLabel}</span>
-            </div>
-
-            <div className="catalogue-actions">
-              {link && (
-                <ExternalLink
-                  href={link}
-                  className="ui button primary icon"
-                  labelPosition="left"
-                >
-                  View
-                  <Icon className="ri-arrow-right-line" />
-                </ExternalLink>
-              )}
-            </div>
-          </div>
+    <DocCardErrorBoundary fallback={null}>
+      <div className="catalogue-chat-card-inline">
+        <div className="catalogue-chat-navigator-card">
+          <NavigatorCatalogueCardItem result={result} />
         </div>
       </div>
-    </div>
+    </DocCardErrorBoundary>
   );
 }, sourcePropsEqual);
 
-/**
- * Document card that upgrades itself: while it has only the Onyx-provided
- * fields it renders the basic `DocumentCard`; once the globalsearch ES
- * lookup (by document URL) resolves it re-renders as the full Navigator
- * catalogue card.
- *
- * Memoized: the answer markdown is re-rendered on every streaming tick, but
- * the (already-shown, potentially heavy) card should only re-render when its
- * own data changes, not on every tick. Its own basic→full upgrade is driven
- * by internal state, which still re-renders it exactly once.
- */
-const EnhancedDocCard = memo(function EnhancedDocCard({ source, index }) {
-  const { result } = useCatalogueDoc(source?.link);
-
-  if (result) {
-    return (
-      <div className="catalogue-chat-navigator-card">
-        <NavigatorCatalogueCardItem result={result} />
-      </div>
-    );
-  }
-  return <DocumentCard source={source} index={index} />;
-}, sourcePropsEqual);
-
 /**
  * Inline document card, rendered in the message text where the assistant
  * emitted a `![[doc: Title]]` marker (see docCards.js). Tries to match the
@@ -204,11 +123,7 @@ export function InlineDocCard({ title, documents = [] }) {
     source_type: doc?.source_type,
     link: doc?.link,
   };
-  return (
-    <div className="catalogue-chat-card-inline">
-      <EnhancedDocCard source={source} />
-    </div>
-  );
+  return <EnhancedDocCard source={source} />;
 }
 
 /**