@eeacms/volto-clms-theme 1.1.89 → 1.1.91

package/CHANGELOG.md

@@ -4,6 +4,37 @@ 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).
 
+### [1.1.91](https://github.com/eea/volto-clms-theme/compare/1.1.90...1.1.91) - 12 December 2023
+
+#### :rocket: New Features
+
+- feat: new field type for service desk form [Mikel Larreategi - [`4b22f00`](https://github.com/eea/volto-clms-theme/commit/4b22f00b2c52b23b45e5740f1f29d7e7ed3af818)]
+- feat: add a pop-up about formats [Mikel Larreategi - [`da7ee61`](https://github.com/eea/volto-clms-theme/commit/da7ee61424938148703f77d677a3d11fdb7cc07f)]
+- feat: add a pop-up about EPSG codes [Mikel Larreategi - [`c2163b6`](https://github.com/eea/volto-clms-theme/commit/c2163b6a940249a46af7db5057976c5c0f71122b)]
+- feat: enable add block button [Mikel Larreategi - [`53d0573`](https://github.com/eea/volto-clms-theme/commit/53d0573dfbecd117d044a7c25a68ce89294b5f61)]
+
+#### :bug: Bug Fixes
+
+- fix: CLMS-2898 reverted CLMS-1556 [Unai - [`d4c9e6e`](https://github.com/eea/volto-clms-theme/commit/d4c9e6e249de534705bd4e0bf0f2ed584026f0a5)]
+
+#### :hammer_and_wrench: Others
+
+- lint [Mikel Larreategi - [`b912406`](https://github.com/eea/volto-clms-theme/commit/b91240623d56c91e544902f84f52b51dddd550c5)]
+- eslint [Mikel Larreategi - [`d216ab5`](https://github.com/eea/volto-clms-theme/commit/d216ab514d0dcc4091084642c80868033ac6ae6b)]
+- fix [Mikel Larreategi - [`f8470ad`](https://github.com/eea/volto-clms-theme/commit/f8470ad0cb4f64ce54078b9ccba936e43960e9ab)]
+- style for span in active tab [Unai - [`ac9f312`](https://github.com/eea/volto-clms-theme/commit/ac9f312d48ae053cd94540167a45aea83d524b33)]
+### [1.1.90](https://github.com/eea/volto-clms-theme/compare/1.1.89...1.1.90) - 4 December 2023
+
+#### :hammer_and_wrench: Others
+
+- Revert "Revert "fix: remove cart length comparation to copmose the correct cart data"" [Mikel Larreategi - [`05d0c61`](https://github.com/eea/volto-clms-theme/commit/05d0c61e8bbb4b778946e9ffa139473c6714cf15)]
+- Revert "Revert "fix: CLMS-2833"" [Mikel Larreategi - [`b282ca8`](https://github.com/eea/volto-clms-theme/commit/b282ca8601116f69e0aad609edd779d7c6fabf3f)]
+- Revert "Revert "do not show Categorization text if no item inside"" [Mikel Larreategi - [`7cf2698`](https://github.com/eea/volto-clms-theme/commit/7cf269862b17e3ea9c8db63d174793b180b3b71e)]
+- Revert "Revert "zoom in cart modal"" [Mikel Larreategi - [`0bad1b0`](https://github.com/eea/volto-clms-theme/commit/0bad1b04ddfa7639b0a5125176f95c5e27c78759)]
+- Revert "Revert "trigger color"" [Mikel Larreategi - [`98c90f5`](https://github.com/eea/volto-clms-theme/commit/98c90f5bc413ee3a37af4a60823aa07c26522a5e)]
+- Revert "Revert "fix: CLMS-2458 last style fixes"" [Mikel Larreategi - [`0976f43`](https://github.com/eea/volto-clms-theme/commit/0976f436d53fa7b5e939795af69e33a1dbf51d05)]
+- Revert "Revert "style fixes in cart modal"" [Mikel Larreategi - [`03bc5e3`](https://github.com/eea/volto-clms-theme/commit/03bc5e360a6ba6fc48afb262e64277f435e93a5b)]
+- Revert "Revert "cart modal created"" [Mikel Larreategi - [`388564f`](https://github.com/eea/volto-clms-theme/commit/388564f506bc2ceffd445d0996b561ce6a01d693)]
 ### [1.1.89](https://github.com/eea/volto-clms-theme/compare/1.1.88...1.1.89) - 1 December 2023
 
 #### :hammer_and_wrench: Others

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eeacms/volto-clms-theme",
-  "version": "1.1.89",
+  "version": "1.1.91",
   "description": "volto-clms-theme: Volto theme for CLMS site",
   "main": "src/index.js",
   "author": "CodeSyntax for the European Environment Agency",
@@ -61,6 +61,7 @@
     "react-native-mime-types": "2.3.0",
     "react-slick": "0.28.1",
     "react-svg": "14.0.4",
+    "react-zoom-pan-pinch": "3.3.0",
     "slick-carousel": "1.8.1",
     "validator": "13.7.0",
     "volto-cookie-banner": "2.1.0",

package/src/components/Blocks/CustomTemplates/VoltoFormBlock/customIdFieldSchema.js

@@ -125,7 +125,7 @@ export default (props) => {
       },
       field_type: {
         title: intl.formatMessage(messages.field_type),
-        type: 'array',
+        type: 'string',
         choices: [
           ...baseFieldTypeChoices,
           ...(config.blocks.blocksConfig.form.additionalFields?.map(

package/src/components/Blocks/CustomTemplates/VoltoTabsBlock/custom.less

@@ -88,3 +88,7 @@ div.tabs-block.edit a.item.active p.menu-item-text {
   border-style: none none solid none;
   font-weight: bold;
 }
+
+.left-menu .active span {
+  color: #fff;
+}

package/src/components/Blocks/customBlocks.js

@@ -78,6 +78,7 @@ import codeSVG from '@plone/volto/icons/code.svg';
 import upSVG from '@plone/volto/icons/up-key.svg';
 import ImageWidget from '@eeacms/volto-clms-theme/components/Widgets/ImageWidget';
 import AttachmentWithSizeLimit from '@eeacms/volto-clms-theme/components/Widgets/AttachmentWithSizeLimit';
+import TextareaWithRequestData from '@eeacms/volto-clms-theme/components/Widgets/TextareaWithRequestData';
 import TextWidget from '@plone/volto/components/manage/Widgets/TextWidget';
 import TextareaWidget from '@plone/volto/components/manage/Widgets/TextareaWidget';
 import EmailWidget from '@plone/volto/components/manage/Widgets/EmailWidget';
@@ -610,6 +611,11 @@ const customBlocks = (config) => ({
         label: 'Attachment (size limit)',
         component: AttachmentWithSizeLimit,
       },
+      {
+        id: 'text_area_with_request_data',
+        label: 'CCL Text Area with Request Data',
+        component: TextareaWithRequestData,
+      },
     ],
   },
   maps: {

package/src/components/CLMSDatasetDetailView/DownloadDataSetContent.jsx

@@ -1,7 +1,6 @@
 import React from 'react';
 import { FormattedMessage } from 'react-intl';
 import { useSelector } from 'react-redux';
-import { useLocation } from 'react-router-dom';
 
 import CclButton from '@eeacms/volto-clms-theme/components/CclButton/CclButton';
 import CclDownloadTable from '@eeacms/volto-clms-theme/components/CclDownloadTable/CclDownloadTable';
@@ -9,9 +8,8 @@ import CclLoginModal from '@eeacms/volto-clms-theme/components/CclLoginModal/Ccl
 import { StringToHTML } from '@eeacms/volto-clms-theme/components/CclUtils';
 
 const DownloadDataSetContent = (data, token) => {
-  const location = useLocation();
-
   const user = useSelector((state) => state?.users?.user);
+  const locale = useSelector((state) => state?.intl?.locale);
 
   return (
     <div>
@@ -36,11 +34,15 @@ const DownloadDataSetContent = (data, token) => {
           )}
           {user?.['@id'] ? (
             data.mapviewer_istimeseries === true ? (
-              <CclButton url={location.pathname + '/download-by-area'}>
+              <CclButton
+                url={'/' + locale + '/map-viewer?dataset=' + data?.UID}
+              >
                 Go to download by area and time
               </CclButton>
             ) : (
-              <CclButton url={location.pathname + '/download-by-area'}>
+              <CclButton
+                url={'/' + locale + '/map-viewer?dataset=' + data?.UID}
+              >
                 Go to download by area
               </CclButton>
             )

package/src/components/CLMSDownloadCartView/AreaNaming.jsx

@@ -1,12 +1,63 @@
+import React from 'react';
+import { TransformWrapper, TransformComponent } from 'react-zoom-pan-pinch';
 import { Label } from 'semantic-ui-react';
+
+import LatLonImg from '@eeacms/volto-clms-theme/../theme/clms/img/lat_lon.png';
+import CclModal from '@eeacms/volto-clms-theme/components/CclModal/CclModal';
+
 export const AreaNaming = (areaProps) => {
   const { item } = areaProps;
   switch (item?.area?.type) {
     case 'polygon':
       return (
         <>
-          <span>Bounding Box</span>
-          <br />
+          <CclModal
+            draggable={true}
+            trigger={<span className="cart-modal-trigger">Bounding Box</span>}
+            size={'medium'}
+          >
+            <div className="image-modal">
+              <TransformWrapper>
+                {({ zoomIn, zoomOut, resetTransform, ...rest }) => (
+                  <React.Fragment>
+                    <div className="tools">
+                      <button
+                        className="ccl-button ccl-button--default"
+                        onClick={() => zoomIn()}
+                      >
+                        Zoom in
+                      </button>
+                      <button
+                        className="ccl-button ccl-button--default"
+                        onClick={() => zoomOut()}
+                      >
+                        Zoom out
+                      </button>
+                      <button
+                        className="ccl-button ccl-button--default"
+                        onClick={() => resetTransform()}
+                      >
+                        Reset zoom
+                      </button>
+                    </div>
+                    <TransformComponent>
+                      <img src={LatLonImg} alt={'Lat Lon World'} />
+                    </TransformComponent>
+                  </React.Fragment>
+                )}
+              </TransformWrapper>
+              <span className="modal-cart-bounding-boxes">
+                <span className="cart-bounding-box-row">
+                  <Label>{`N: ${item?.area.value[1].toFixed(1)}º`}</Label>&nbsp;
+                  <Label>{`E: ${item?.area.value[2].toFixed(1)}º`}</Label>&nbsp;
+                  {/* </span>
+            <span className="cart-bounding-box-row"> */}
+                  <Label>{`S: ${item?.area.value[3].toFixed(1)}º`}</Label>&nbsp;
+                  <Label>{`W: ${item?.area.value[0].toFixed(1)}º`}</Label>
+                </span>
+              </span>
+            </div>
+          </CclModal>
           <span className="cart-bounding-boxes">
             <span className="cart-bounding-box-row">
               <Label>{`N: ${item?.area.value[1].toFixed(1)}º`}</Label>&nbsp;

package/src/components/CLMSDownloadCartView/CLMSCartContent.jsx

@@ -8,10 +8,12 @@ import {
   Select,
   Table,
   Pagination,
+  Popup,
 } from 'semantic-ui-react';
 
 import { Icon } from '@plone/volto/components';
 import { Toast } from '@plone/volto/components';
+import { UniversalLink } from '@plone/volto/components';
 import addDocumentSVG from '@plone/volto/icons/add-document.svg';
 import removeSVG from '@plone/volto/icons/delete.svg';
 import paginationLeftSVG from '@plone/volto/icons/left-key.svg';
@@ -20,6 +22,7 @@ import CclButton from '@eeacms/volto-clms-theme/components/CclButton/CclButton';
 import useCartState from '@eeacms/volto-clms-utils/cart/useCartState';
 import { cleanDuplicatesEntries } from '@eeacms/volto-clms-utils/utils';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import CclModal from '@eeacms/volto-clms-theme/components/CclModal/CclModal';
 
 import { getDownloadtool, postDownloadtool } from '../../actions';
 import { useFilteredPagination } from '../CclUtils/useFilteredPagination';
@@ -49,7 +52,7 @@ import {
 const CLMSCartContent = (props) => {
   const { localSessionCart, getNutsIDList } = props;
   const dispatch = useDispatch();
-  const { removeCartItem, /* removeCartItems, */ updateCart } = useCartState();
+  const { removeCartItem, removeCartItems, updateCart } = useCartState();
 
   // state connections
   const cart = useSelector((state) => state.cart_items.items);
@@ -102,7 +105,6 @@ const CLMSCartContent = (props) => {
     if (
       datasets_items?.length > 0 &&
       cart.length > 0 &&
-      cart.length !== newCart.length &&
       ((localsessionNutsIDList.length > 0 && nutsnames.loaded) ||
         !nutsnames.loading)
     ) {
@@ -144,17 +146,17 @@ const CLMSCartContent = (props) => {
 
   // eslint-disable-next-line react-hooks/exhaustive-deps
   const setCartItemInProgress = (in_progress_unique_ids) => {
-    // let started_processing_items =
-    //   cartItems.length > 0
-    //     ? cartItems.filter((r) =>
-    //         in_progress_unique_ids.includes(r['unique_id']),
-    //       )
-    //     : [];
-    // var items_to_remove =
-    //   started_processing_items.length > 0
-    //     ? started_processing_items.map((item) => item.unique_id)
-    //     : [];
-    // removeCartItems(items_to_remove);
+    let started_processing_items =
+      cartItems.length > 0
+        ? cartItems.filter((r) =>
+            in_progress_unique_ids.includes(r['unique_id']),
+          )
+        : [];
+    var items_to_remove =
+      started_processing_items.length > 0
+        ? started_processing_items.map((item) => item.unique_id)
+        : [];
+    removeCartItems(items_to_remove);
     dispatch(getDownloadtool());
   };
 
@@ -197,6 +199,7 @@ const CLMSCartContent = (props) => {
         ? selectedItems.map((item) => item?.unique_id)
         : [];
     dispatch(postDownloadtool(body, unique_ids));
+    removeCartItem(unique_ids);
   };
 
   const downloadModal = () => {
@@ -272,7 +275,31 @@ const CLMSCartContent = (props) => {
                   <Table.HeaderCell width={5}>Static info</Table.HeaderCell>
                   <Table.HeaderCell>Configurable</Table.HeaderCell>
                   <Table.HeaderCell></Table.HeaderCell>
-                  <Table.HeaderCell>Projection</Table.HeaderCell>
+                  <Table.HeaderCell>
+                    Projection{' '}
+                    <CclModal
+                      draggable={false}
+                      trigger={
+                        /* eslint-disable jsx-a11y/anchor-is-valid */
+                        <a href="#">
+                          <Popup
+                            content="Explore EPSG details and coordinate systems with a click."
+                            trigger={
+                              <FontAwesomeIcon
+                                icon={['far', 'question-circle']}
+                              />
+                            }
+                          />
+                        </a>
+                      }
+                      size={'small'}
+                    >
+                      <div className="image-modal">
+                        Explore EPSG-related details in our{' '}
+                        <UniversalLink href="/faq">FAQ page</UniversalLink>
+                      </div>
+                    </CclModal>
+                  </Table.HeaderCell>
                   <Table.HeaderCell>Timeseries</Table.HeaderCell>
                   <Table.HeaderCell></Table.HeaderCell>
                 </Table.Row>
@@ -323,8 +350,8 @@ const CLMSCartContent = (props) => {
                           <strong>Source: </strong>
                           {contentOrDash(item?.source)}
                         </div>
-                        <div className="mb-2">
-                          <strong>Area: </strong>
+                        <div className="mb-2 cart-area">
+                          <strong className="cart-area-text">Area: </strong>
                           <AreaNaming item={item} />
                         </div>
 
@@ -340,7 +367,32 @@ const CLMSCartContent = (props) => {
                         </div>
 
                         <div className="mb-2">
-                          <strong>Format: </strong>
+                          <strong>Format: </strong>{' '}
+                          <CclModal
+                            draggable={false}
+                            trigger={
+                              /* eslint-disable jsx-a11y/anchor-is-valid */
+                              <a href="#">
+                                <Popup
+                                  content="Explore Formats details and coordinate systems with a click."
+                                  trigger={
+                                    <FontAwesomeIcon
+                                      color="#000000"
+                                      icon={['far', 'question-circle']}
+                                    />
+                                  }
+                                />
+                              </a>
+                            }
+                            size={'small'}
+                          >
+                            <div className="image-modal">
+                              Explore format-related details in our{' '}
+                              <UniversalLink href="/faq">
+                                FAQ page
+                              </UniversalLink>
+                            </div>
+                          </CclModal>
                         </div>
                         {item?.layer !== null && (
                           <div className="mb-2">

package/src/components/CLMSDownloadCartView/cart-table.less

@@ -9,7 +9,8 @@ td li {
 }
 
 .cart-bounding-boxes {
-  margin-top: 0.8rem;
+  margin-top: 1.5rem;
+  margin-left: -8.7rem;
 }
 
 .cart-bounding-boxes .ui.label {
@@ -18,6 +19,17 @@ td li {
   color: #273b4b;
 }
 
+.modal-cart-bounding-boxes .ui.label {
+  padding: 0;
+  background-color: transparent;
+  color: #273b4b;
+}
+
+.modal-cart-bounding-boxes {
+  display: flex;
+  justify-content: center;
+}
+
 .ui.selection.dropdown {
   width: 95%;
   min-height: 1.3rem !important;
@@ -71,3 +83,26 @@ div.mb-2 {
 .ui.table td.table-td-timeseries {
   text-align: center;
 }
+
+.cart-modal-trigger {
+  border-color: #a0b128;
+  color: #a0b128;
+  cursor: pointer;
+}
+
+.cart-area {
+  display: flex;
+}
+
+.modal-trigger {
+  margin: 0 !important;
+}
+
+.cart-area-text {
+  margin-right: 0.2rem;
+}
+
+.tools {
+  margin-bottom: 1.5rem;
+  margin-inline: 6rem;
+}

package/src/components/CLMSMapViewerView/CLMSMapViewerView.jsx

@@ -3,11 +3,12 @@ import { defineMessages, useIntl } from 'react-intl';
 import { useDispatch, useSelector } from 'react-redux';
 
 import { Forbidden, Unauthorized } from '@plone/volto/components';
-import { Helmet, getBaseUrl } from '@plone/volto/helpers';
-import { MapViewer } from '@eeacms/volto-arcgis-block/components';
-import config from '@eeacms/volto-arcgis-block/components/MapViewer/config';
-import { helmetTitle } from '@eeacms/volto-clms-theme/components/CclUtils';
+// import { Helmet, getBaseUrl } from '@plone/volto/helpers';
+// import { MapViewer } from '@eeacms/volto-arcgis-block/components';
+// import config from '@eeacms/volto-arcgis-block/components/MapViewer/config';
+// import { helmetTitle } from '@eeacms/volto-clms-theme/components/CclUtils';
 import useCartState from '@eeacms/volto-clms-utils/cart/useCartState';
+import { Redirect } from 'react-router-dom';
 
 import { getExtraBreadcrumbItems } from '../../actions';
 
@@ -20,6 +21,7 @@ const CLMSMapViewerView = (props) => {
   const dispatch = useDispatch();
   const { isLoggedIn } = useCartState();
   const content = useSelector((state) => state.content.data);
+  const locale = useSelector((state) => state?.intl?.locale);
 
   const { formatMessage } = useIntl();
   const messages = defineMessages({
@@ -50,45 +52,45 @@ const CLMSMapViewerView = (props) => {
     props.location.pathname,
   ]);
 
-  const config_by_area = {
-    ...config,
-    DownloadByArea: true,
-    Components: [
-      // Area Information
-      {
-        ComponentTitle: 'Custom detail element',
-        Products: [
-          {
-            ProductTitle: 'Test detail',
-            Datasets: [
-              {
-                DatasetId: 'copernicus_v_3035_10_m_cz-2012_p_2010-2014_v01_r00',
-                DatasetTitle: 'Coastal Zones 2012',
-                DatasetDescription:
-                  'The Coastal Zones (CZ) LC/LU product for 2012 is providing a detailed Land Cover / Land Use (LC/ LU) dataset for areas along the coastline of the EEA38 countries and the United Kingdom, with reference year 2012 for the classification. This product monitors landscape dynamics in European coastal territory to an inland depth of 10 km with a total area of approximately 730,000 km², with all the relevant areas (estuaries, coastal lowlands, nature reserves). The production of the coastal zone layers was coordinated by the European Environment Agency (EEA) in the frame of the EU Copernicus programme, as part of the Copernicus Land Monitoring Service (CLMS) Local Component.The Coastal Zones product covers a buffer zone of coastline derived from EU-Hydro v1.1. Land Cover/Land Use (LC/LU) layer is extracted from Very High Resolution (VHR) satellite data and other available data. The class definitions follow the pre-defined nomenclature on the basis of Mapping and Assessment of Ecosystems and their Services (MAES) typology of ecosystems (Level 1 to Level 4) and CORINE Land Cover adapted to the specific characteristics of coastal zones. The classification provides 71 distinct thematic classes with a Minimum Mapping Unit (MMU) of 0.5 ha and a Minimum Mapping Width (MMW) of 10 m. The product is available for the 2012 and 2018 reference year including change mapping.This CZ dataset is distributed in vector format, in a single OGC GeoPackage SQLite file covering the area of interest.',
-                ViewService:
-                  'https://image.discomap.eea.europa.eu/arcgis/services/CoastalZones/CZ_CoastalZones_2012/MapServer/WmsServer?',
-                Layer: [
-                  {
-                    LayerId: 'Coastal_Zones_2012_vector53031',
-                    Title: 'Coastal Zones 2012 vector',
-                  },
-                  {
-                    LayerId: 'Coastal_Zones_2012_raster55645',
-                    Title: 'Coastal Zones 2012 raster',
-                  },
-                ],
-                DownloadService: 'EEA',
-                DownloadType: 'ESRI REST service',
-                IsTimeSeries: false,
-                TimeSeriesService: '',
-              },
-            ],
-          },
-        ],
-      },
-    ],
-  };
+  // const config_by_area = {
+  //   ...config,
+  //   DownloadByArea: true,
+  //   Components: [
+  //     // Area Information
+  //     {
+  //       ComponentTitle: 'Custom detail element',
+  //       Products: [
+  //         {
+  //           ProductTitle: 'Test detail',
+  //           Datasets: [
+  //             {
+  //               DatasetId: 'copernicus_v_3035_10_m_cz-2012_p_2010-2014_v01_r00',
+  //               DatasetTitle: 'Coastal Zones 2012',
+  //               DatasetDescription:
+  //                 'The Coastal Zones (CZ) LC/LU product for 2012 is providing a detailed Land Cover / Land Use (LC/ LU) dataset for areas along the coastline of the EEA38 countries and the United Kingdom, with reference year 2012 for the classification. This product monitors landscape dynamics in European coastal territory to an inland depth of 10 km with a total area of approximately 730,000 km², with all the relevant areas (estuaries, coastal lowlands, nature reserves). The production of the coastal zone layers was coordinated by the European Environment Agency (EEA) in the frame of the EU Copernicus programme, as part of the Copernicus Land Monitoring Service (CLMS) Local Component.The Coastal Zones product covers a buffer zone of coastline derived from EU-Hydro v1.1. Land Cover/Land Use (LC/LU) layer is extracted from Very High Resolution (VHR) satellite data and other available data. The class definitions follow the pre-defined nomenclature on the basis of Mapping and Assessment of Ecosystems and their Services (MAES) typology of ecosystems (Level 1 to Level 4) and CORINE Land Cover adapted to the specific characteristics of coastal zones. The classification provides 71 distinct thematic classes with a Minimum Mapping Unit (MMU) of 0.5 ha and a Minimum Mapping Width (MMW) of 10 m. The product is available for the 2012 and 2018 reference year including change mapping.This CZ dataset is distributed in vector format, in a single OGC GeoPackage SQLite file covering the area of interest.',
+  //               ViewService:
+  //                 'https://image.discomap.eea.europa.eu/arcgis/services/CoastalZones/CZ_CoastalZones_2012/MapServer/WmsServer?',
+  //               Layer: [
+  //                 {
+  //                   LayerId: 'Coastal_Zones_2012_vector53031',
+  //                   Title: 'Coastal Zones 2012 vector',
+  //                 },
+  //                 {
+  //                   LayerId: 'Coastal_Zones_2012_raster55645',
+  //                   Title: 'Coastal Zones 2012 raster',
+  //                 },
+  //               ],
+  //               DownloadService: 'EEA',
+  //               DownloadType: 'ESRI REST service',
+  //               IsTimeSeries: false,
+  //               TimeSeriesService: '',
+  //             },
+  //           ],
+  //         },
+  //       ],
+  //     },
+  //   ],
+  // };
 
   return (
     <div>
@@ -108,17 +110,18 @@ const CLMSMapViewerView = (props) => {
         </>
       )}
       {isLoggedIn && (
-        <>
-          <Helmet
-            title={helmetTitle(formatMessage(messages.DownloadByArea), content)}
-          />
-          <MapViewer
-            cfg={config_by_area}
-            url={getBaseUrl(props.location.pathname)}
-            customClass={'land'}
-            id={props.location.pathname}
-          ></MapViewer>
-        </>
+        <Redirect to={'/' + locale + '/map-viewer?dataset=' + content?.UID} />
+        // <>
+        //   <Helmet
+        //     title={helmetTitle(formatMessage(messages.DownloadByArea), content)}
+        //   />
+        //   <MapViewer
+        //     cfg={config_by_area}
+        //     url={getBaseUrl(props.location.pathname)}
+        //     customClass={'land'}
+        //     id={props.location.pathname}
+        //   ></MapViewer>
+        // </>
       )}
     </div>
   );

package/src/components/CLMSTechnicalLibraryAdminInfo/CLMSTechnicalLibraryAdminInfo.jsx

@@ -28,7 +28,9 @@ const CLMSTechnicalLibraryAdminInfo = (props) => {
             Hide
           </Button>
           <br />
-          <strong>Categorization</strong>
+          {item?.taxonomy_technical_library_categorization && (
+            <strong>Categorization</strong>
+          )}{' '}
           <ul>
             {item?.taxonomy_technical_library_categorization?.map((item) => (
               <li>{item.title}</li>

package/src/components/CLMSTechnicalLibraryView/CLMSTechnicalLibraryView.jsx

@@ -3,6 +3,11 @@ import CclButton from '../CclButton/CclButton';
 
 const CLMSTechnicalLibraryView = (props) => {
   const { content } = props;
+
+  const textToForm = encodeURIComponent(
+    `I want the following document ${content.title} ${content['@id']}`,
+  );
+
   return (
     <div className="ccl-container">
       <>
@@ -16,13 +21,12 @@ const CLMSTechnicalLibraryView = (props) => {
           {content.ondemand ? (
             <>
               <p>
-                You are requesting an on-demand document. Please contact the
-                service desk to obtain it.
+                You are requesting an on-demand document. Please contact the{' '}
+                <a href={`/en/contact-service-helpdesk?text=${textToForm}`}>
+                  service desk
+                </a>{' '}
+                to obtain it.
               </p>
-
-              <CclButton to={`/en/contact-service-helpdesk`}>
-                Helpdesk
-              </CclButton>
             </>
           ) : (
             <>

package/src/components/CclModal/CclModal.jsx

@@ -50,6 +50,7 @@ function CclModal(props) {
         </Draggable>
       )}
       <Segment
+        className="modal-trigger"
         basic
         compact
         onClick={() => {

package/src/components/Widgets/TextareaWithRequestData.jsx

@@ -0,0 +1,18 @@
+import React from 'react';
+//import { injectIntl } from 'react-intl';
+import TextareaWidget from '@plone/volto/components/manage/Widgets/TextareaWidget';
+
+import { useLocation } from 'react-router-dom';
+
+const TextareaWithRequestData = (props) => {
+  const { search } = useLocation();
+
+  const hashMatch = decodeURIComponent(
+    search.includes('text') &&
+      search.match(/.*(\?text=.*)/)[1].replace(/\?text=/, ''),
+  );
+
+  return <TextareaWidget {...props} value={hashMatch} />;
+};
+
+export default TextareaWithRequestData;

package/src/index.js

@@ -323,6 +323,8 @@ const applyConfig = (config) => {
     ...reducers,
   };
 
+  config.experimental.addBlockButton.enabled = true;
+
   return config;
 };
 export default applyConfig;