design-comuni-plone-theme 8.0.0-alpha.37

package/src/components/ItaliaTheme/Footer/FooterSmall.jsx

@@ -0,0 +1,109 @@
+/**
+ * FooterSmall component.
+ * @module components/theme/Footer/FooterSmall
+ */
+
+import React, { useState, useEffect } from 'react';
+import cx from 'classnames';
+import { UniversalLink } from '@plone/volto/components';
+import { defineMessages, useIntl } from 'react-intl';
+import { Container } from 'design-react-kit';
+import { getSiteProperty } from 'design-comuni-plone-theme/helpers';
+import { useLocation } from 'react-router-dom';
+import { useDispatch, useSelector } from 'react-redux';
+import { getSubFooter, getItemsByPath } from 'volto-subfooter';
+import { flattenToAppURL } from '@plone/volto/helpers';
+import { displayBanner } from 'volto-gdpr-privacy';
+
+const messages = defineMessages({
+  goToPage: {
+    id: 'Vai alla pagina',
+    defaultMessage: 'Vai alla pagina',
+  },
+  cookieSettings: {
+    id: 'Impostazioni cookie footer',
+    defaultMessage: 'Impostazioni cookie',
+  },
+});
+
+/**
+ * FooterSmall component class.
+ * @class FooterSmall
+ * @extends Component
+ */
+const FooterSmall = () => {
+  const intl = useIntl();
+  const pathname = useLocation().pathname;
+  const dispatch = useDispatch();
+  const [links, setLinks] = useState([]);
+
+  const subFooter = useSelector((state) => state.subFooter?.result);
+  const subFooterItems = getItemsByPath(subFooter, pathname)?.filter(
+    (item) => item.visible,
+  );
+
+  useEffect(() => {
+    dispatch(getSubFooter());
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+
+  useEffect(() => {
+    let _links = getSiteProperty('smallFooterLinks', intl.locale) ?? [];
+    setLinks(_links);
+  }, [intl.locale]);
+
+  return subFooterItems?.length > 0 || links.length > 0 || true ? (
+    <div className="it-footer-small-prints clearfix">
+      <Container tag="div">
+        <h3 className="visually-hidden">
+          {intl.formatMessage(messages.goToPage)}
+        </h3>
+        <ul className="it-footer-small-prints-list list-inline mb-0 d-flex flex-column flex-md-row">
+          {subFooterItems?.length > 0 &&
+            subFooterItems.map((item, index) => {
+              let url =
+                item.href || flattenToAppURL(item.linkUrl?.[0]?.['@id']) || '/';
+              return (
+                <li
+                  className={cx('list-inline-item', {
+                    'in-evidence': item.inEvidence,
+                  })}
+                  key={url + index}
+                >
+                  <UniversalLink
+                    data-element={item.id_lighthouse}
+                    href={url}
+                    title={item.title}
+                  >
+                    {item.title}
+                  </UniversalLink>
+                </li>
+              );
+            })}
+          {links?.length > 0 &&
+            links.map((link) => (
+              <li className="list-inline-item" key={link.url}>
+                <UniversalLink href={link.url} title={link.title}>
+                  {link.title}
+                </UniversalLink>
+              </li>
+            ))}
+          <li className="list-inline-item">
+            <button
+              className="footer-gdpr-privacy-show-banner"
+              onClick={(e) => {
+                e.preventDefault();
+                dispatch(displayBanner(true, true));
+              }}
+              title={intl.formatMessage(messages.cookieSettings)}
+            >
+              {intl.formatMessage(messages.cookieSettings)}
+            </button>
+          </li>
+        </ul>
+      </Container>
+    </div>
+  ) : null;
+};
+
+export default FooterSmall;

package/src/components/ItaliaTheme/Footer/FooterSocials.jsx

@@ -0,0 +1,54 @@
+/**
+ * FooterSocials component.
+ * @module components/ItaliaTheme/Header/FooterSocials
+ */
+
+import React, { useEffect } from 'react';
+import { useSelector, useDispatch } from 'react-redux';
+import { isEmpty } from 'lodash';
+
+import { Icon } from 'design-comuni-plone-theme/components/ItaliaTheme';
+import { getSocialSettings } from 'volto-social-settings';
+
+const FooterSocials = () => {
+  const socialSettings = useSelector((state) => state.socialSettings);
+  const dispatch = useDispatch();
+
+  const items = isEmpty(socialSettings.results) ? [] : socialSettings.results;
+
+  useEffect(() => {
+    if (!socialSettings?.loadingResults && items.length === 0) {
+      dispatch(getSocialSettings());
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [dispatch]);
+
+  return (
+    items.length > 0 && (
+      <ul className="list-inline text-start social">
+        {items.map((social, idx) => (
+          <li className="list-inline-item" key={idx}>
+            <a
+              title={social.title}
+              href={social.url}
+              target="_blank"
+              rel="noopener noreferrer"
+              className="p-2 text-white"
+            >
+              <Icon
+                icon={social.icon}
+                color="white"
+                className="align-top"
+                padding={false}
+                size="sm"
+              />
+              <span className="visually-hidden">{social.title}</span>
+            </a>
+          </li>
+        ))}
+      </ul>
+    )
+  );
+};
+
+export default FooterSocials;

package/src/components/ItaliaTheme/Footer/SubsiteFooter.jsx

@@ -0,0 +1,31 @@
+/**
+ * SubsiteFooter component.
+ * @module components/ItaliaTheme/Header/SubsiteFooter
+ */
+
+import React from 'react';
+import { useSelector } from 'react-redux';
+import { useLocation } from 'react-router-dom';
+import { flattenHTMLToAppURL, isCmsUi } from '@plone/volto/helpers';
+
+const SubsiteFooter = () => {
+  const location = useLocation();
+  const isCmsUI = isCmsUi(location.pathname);
+  const subsite = useSelector((state) => state.subsite?.data);
+
+  return subsite?.subsite_footer?.data ? (
+    <div className={`subsite-footer ${isCmsUI ? 'public-ui' : ''}`}>
+      <div className="text">
+        <div className="container px-md-4">
+          <div
+            dangerouslySetInnerHTML={{
+              __html: flattenHTMLToAppURL(subsite.subsite_footer.data),
+            }}
+          />
+        </div>
+      </div>
+    </div>
+  ) : null;
+};
+
+export default SubsiteFooter;

package/src/components/ItaliaTheme/Footer/logo-eu-inverted.svg

@@ -0,0 +1,17 @@
+<svg width="178" height="56" viewBox="0 0 178 56" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M69.4536 12.8418V5.13834H74.3702V6.49777H71.0169V8.76349H73.7584V10.1229H71.0169V12.8418H69.4536ZM75.3359 12.8418V7.17749H76.854V12.8418H75.3359ZM75.3359 6.45246V4.91177H76.854V6.45246H75.3359ZM79.7746 12.8418H78.2566V7.17749H79.7633V7.49469C80.2768 7.19259 80.7489 7.04155 81.1794 7.04155C81.9346 7.04155 82.4557 7.26434 82.7427 7.70993C83.0297 8.15553 83.1732 8.84279 83.1732 9.77174V12.8418H81.6552V9.81705C81.6552 9.3337 81.5985 8.97874 81.4852 8.75216C81.3719 8.51804 81.1454 8.40098 80.8055 8.40098C80.4959 8.40098 80.1975 8.45384 79.9106 8.55958L79.7746 8.60489V12.8418ZM88.8571 8.94475V11.3011C88.8722 11.4824 88.9024 11.6108 88.9478 11.6863C88.9931 11.7543 89.0875 11.8033 89.231 11.8336L89.1857 12.9777C88.8005 12.9777 88.4908 12.9513 88.2567 12.8984C88.0301 12.8456 87.7998 12.7398 87.5657 12.5812C87.0219 12.8456 86.4668 12.9777 85.9004 12.9777C84.7297 12.9777 84.1444 12.3584 84.1444 11.1199C84.1444 10.5157 84.3068 10.0889 84.6316 9.83971C84.9563 9.58293 85.4548 9.43188 86.1269 9.38657L87.3391 9.29594V8.94475C87.3391 8.71063 87.2862 8.55203 87.1805 8.46895C87.0748 8.37832 86.9048 8.33301 86.6707 8.33301L84.5409 8.42364L84.4956 7.37008C85.3037 7.15106 86.0703 7.04155 86.7953 7.04155C87.5279 7.04155 88.0528 7.19259 88.37 7.49469C88.6948 7.79679 88.8571 8.28014 88.8571 8.94475ZM86.3082 10.4401C85.8853 10.4779 85.6738 10.7045 85.6738 11.1199C85.6738 11.5352 85.8588 11.7429 86.2289 11.7429C86.5159 11.7429 86.8293 11.6976 87.1692 11.607L87.3391 11.5617V10.3495L86.3082 10.4401ZM91.8223 12.8418H90.3043V7.17749H91.811V7.49469C92.3245 7.19259 92.7966 7.04155 93.227 7.04155C93.9823 7.04155 94.5034 7.26434 94.7904 7.70993C95.0774 8.15553 95.2209 8.84279 95.2209 9.77174V12.8418H93.7028V9.81705C93.7028 9.3337 93.6462 8.97874 93.5329 8.75216C93.4196 8.51804 93.1931 8.40098 92.8532 8.40098C92.5436 8.40098 92.2452 8.45384 91.9582 8.55958L91.8223 8.60489V12.8418ZM96.3281 8.53692V7.17749H100.531V8.53692L98.152 11.4824H100.531V12.8418H96.3281V11.4824L98.7071 8.53692H96.3281ZM101.71 12.8418V7.17749H103.228V12.8418H101.71ZM101.71 6.45246V4.91177H103.228V6.45246H101.71ZM108.97 8.94475V11.3011C108.985 11.4824 109.015 11.6108 109.06 11.6863C109.106 11.7543 109.2 11.8033 109.344 11.8336L109.298 12.9777C108.913 12.9777 108.604 12.9513 108.369 12.8984C108.143 12.8456 107.912 12.7398 107.678 12.5812C107.135 12.8456 106.579 12.9777 106.013 12.9777C104.842 12.9777 104.257 12.3584 104.257 11.1199C104.257 10.5157 104.419 10.0889 104.744 9.83971C105.069 9.58293 105.567 9.43188 106.24 9.38657L107.452 9.29594V8.94475C107.452 8.71063 107.399 8.55203 107.293 8.46895C107.187 8.37832 107.018 8.33301 106.783 8.33301L104.654 8.42364L104.608 7.37008C105.416 7.15106 106.183 7.04155 106.908 7.04155C107.641 7.04155 108.165 7.19259 108.483 7.49469C108.807 7.79679 108.97 8.28014 108.97 8.94475ZM106.421 10.4401C105.998 10.4779 105.786 10.7045 105.786 11.1199C105.786 11.5352 105.972 11.7429 106.342 11.7429C106.629 11.7429 106.942 11.6976 107.282 11.607L107.452 11.5617V10.3495L106.421 10.4401ZM113.555 8.46895H112.162V10.7913C112.162 11.0179 112.165 11.1803 112.173 11.2785C112.188 11.3691 112.23 11.4484 112.297 11.5164C112.373 11.5843 112.486 11.6183 112.637 11.6183L113.498 11.5957L113.566 12.8078C113.06 12.9211 112.675 12.9777 112.411 12.9777C111.731 12.9777 111.267 12.8267 111.017 12.5246C110.768 12.2149 110.644 11.6485 110.644 10.8253V8.46895H109.975V7.17749H110.644V5.60282H112.162V7.17749H113.555V8.46895ZM114.849 7.82322C115.25 7.3021 115.918 7.04155 116.855 7.04155C117.791 7.04155 118.459 7.3021 118.86 7.82322C119.26 8.33678 119.46 9.06181 119.46 9.99831C119.46 11.9846 118.592 12.9777 116.855 12.9777C115.117 12.9777 114.249 11.9846 114.249 9.99831C114.249 9.06181 114.449 8.33678 114.849 7.82322ZM116.016 11.2785C116.175 11.5503 116.454 11.6863 116.855 11.6863C117.255 11.6863 117.53 11.5503 117.681 11.2785C117.84 11.0066 117.919 10.5799 117.919 9.99831C117.919 9.41678 117.84 8.99384 117.681 8.72951C117.53 8.46517 117.255 8.33301 116.855 8.33301C116.454 8.33301 116.175 8.46517 116.016 8.72951C115.865 8.99384 115.79 9.41678 115.79 9.99831C115.79 10.5799 115.865 11.0066 116.016 11.2785ZM74.1323 20.9118V28.8418H72.6256V28.6039C72.0969 28.8531 71.64 28.9777 71.2548 28.9777C70.4316 28.9777 69.8576 28.7398 69.5329 28.264C69.2081 27.7882 69.0457 27.0368 69.0457 26.0096C69.0457 24.975 69.2383 24.2235 69.6235 23.7553C70.0162 23.2795 70.6053 23.0416 71.3907 23.0416C71.6324 23.0416 71.9685 23.0793 72.399 23.1548L72.6142 23.2002V20.9118H74.1323ZM72.4556 27.4824L72.6142 27.4484V24.469C72.1988 24.3934 71.8288 24.3557 71.504 24.3557C70.8923 24.3557 70.5864 24.8994 70.5864 25.987C70.5864 26.5761 70.6544 26.9952 70.7903 27.2445C70.9263 27.4937 71.1491 27.6183 71.4587 27.6183C71.7759 27.6183 72.1082 27.573 72.4556 27.4824ZM79.8739 24.9448V27.3011C79.889 27.4824 79.9192 27.6108 79.9645 27.6863C80.0099 27.7543 80.1043 27.8033 80.2478 27.8336L80.2024 28.9777C79.8173 28.9777 79.5076 28.9513 79.2735 28.8984C79.0469 28.8456 78.8166 28.7398 78.5824 28.5812C78.0387 28.8456 77.4836 28.9777 76.9171 28.9777C75.7465 28.9777 75.1612 28.3584 75.1612 27.1199C75.1612 26.5157 75.3236 26.0889 75.6483 25.8397C75.9731 25.5829 76.4716 25.4319 77.1437 25.3866L78.3559 25.2959V24.9448C78.3559 24.7106 78.303 24.552 78.1973 24.469C78.0915 24.3783 77.9216 24.333 77.6875 24.333L75.5577 24.4236L75.5124 23.3701C76.3205 23.1511 77.0871 23.0416 77.8121 23.0416C78.5447 23.0416 79.0696 23.1926 79.3868 23.4947C79.7115 23.7968 79.8739 24.2801 79.8739 24.9448ZM77.325 26.4401C76.902 26.4779 76.6906 26.7045 76.6906 27.1199C76.6906 27.5352 76.8756 27.7429 77.2457 27.7429C77.5327 27.7429 77.8461 27.6976 78.1859 27.607L78.3559 27.5617V26.3495L77.325 26.4401ZM81.389 28.8418V20.9118H82.9071V28.8418H81.389ZM84.4424 28.8418V20.9118H85.9605V28.8418H84.4424ZM87.19 23.9365L87.7224 21.1384H89.3197L88.3568 23.9365H87.19ZM91.9356 26.2702C91.9356 27.1689 92.3925 27.6183 93.3063 27.6183C94.2202 27.6183 94.6771 27.1689 94.6771 26.2702V21.1384H96.2405V26.2362C96.2405 27.1803 95.995 27.8751 95.5041 28.3207C95.0207 28.7587 94.2882 28.9777 93.3063 28.9777C92.3245 28.9777 91.5882 28.7587 91.0973 28.3207C90.6139 27.8751 90.3722 27.1803 90.3722 26.2362V21.1384H91.9356V26.2702ZM99.1792 28.8418H97.6612V23.1775H99.1679V23.4947C99.6815 23.1926 100.154 23.0416 100.584 23.0416C101.339 23.0416 101.86 23.2644 102.147 23.7099C102.434 24.1555 102.578 24.8428 102.578 25.7717V28.8418H101.06V25.8171C101.06 25.3337 101.003 24.9787 100.89 24.7522C100.777 24.5181 100.55 24.401 100.21 24.401C99.9005 24.401 99.6022 24.4539 99.3152 24.5596L99.1792 24.6049V28.8418ZM103.923 28.8418V23.1775H105.441V28.8418H103.923ZM103.923 22.4525V20.9118H105.441V22.4525H103.923ZM107.149 23.8232C107.55 23.3021 108.218 23.0416 109.155 23.0416C110.091 23.0416 110.759 23.3021 111.16 23.8232C111.56 24.3368 111.76 25.0618 111.76 25.9983C111.76 27.9846 110.892 28.9777 109.155 28.9777C107.418 28.9777 106.549 27.9846 106.549 25.9983C106.549 25.0618 106.749 24.3368 107.149 23.8232ZM108.316 27.2785C108.475 27.5503 108.754 27.6863 109.155 27.6863C109.555 27.6863 109.831 27.5503 109.982 27.2785C110.14 27.0066 110.219 26.5799 110.219 25.9983C110.219 25.4168 110.14 24.9939 109.982 24.7295C109.831 24.4652 109.555 24.333 109.155 24.333C108.754 24.333 108.475 24.4652 108.316 24.7295C108.165 24.9939 108.09 25.4168 108.09 25.9983C108.09 26.5799 108.165 27.0066 108.316 27.2785ZM114.391 28.8418H112.873V23.1775H114.38V23.4947C114.893 23.1926 115.365 23.0416 115.796 23.0416C116.551 23.0416 117.072 23.2644 117.359 23.7099C117.646 24.1555 117.79 24.8428 117.79 25.7717V28.8418H116.272V25.8171C116.272 25.3337 116.215 24.9787 116.102 24.7522C115.988 24.5181 115.762 24.401 115.422 24.401C115.112 24.401 114.814 24.4539 114.527 24.5596L114.391 24.6049V28.8418ZM120.381 26.6554C120.388 27.0028 120.479 27.2558 120.653 27.4144C120.834 27.5654 121.091 27.641 121.423 27.641C122.125 27.641 122.752 27.6183 123.304 27.573L123.621 27.539L123.643 28.6605C122.775 28.872 121.989 28.9777 121.287 28.9777C120.434 28.9777 119.814 28.7512 119.429 28.298C119.044 27.8449 118.851 27.1085 118.851 26.0889C118.851 24.0574 119.686 23.0416 121.355 23.0416C123.001 23.0416 123.825 23.895 123.825 25.6018L123.711 26.6554H120.381ZM122.329 25.4999C122.329 25.0467 122.258 24.7333 122.114 24.5596C121.971 24.3783 121.718 24.2877 121.355 24.2877C121 24.2877 120.747 24.3821 120.596 24.5709C120.453 24.7522 120.377 25.0618 120.369 25.4999H122.329ZM128.645 26.6554C128.652 27.0028 128.743 27.2558 128.917 27.4144C129.098 27.5654 129.355 27.641 129.687 27.641C130.39 27.641 131.016 27.6183 131.568 27.573L131.885 27.539L131.908 28.6605C131.039 28.872 130.254 28.9777 129.551 28.9777C128.698 28.9777 128.078 28.7512 127.693 28.298C127.308 27.8449 127.116 27.1085 127.116 26.0889C127.116 24.0574 127.95 23.0416 129.619 23.0416C131.266 23.0416 132.089 23.895 132.089 25.6018L131.976 26.6554H128.645ZM130.593 25.4999C130.593 25.0467 130.522 24.7333 130.378 24.5596C130.235 24.3783 129.982 24.2877 129.619 24.2877C129.264 24.2877 129.011 24.3821 128.86 24.5709C128.717 24.7522 128.641 25.0618 128.634 25.4999H130.593ZM136.516 23.1775H138.034V28.8418H136.527V28.5246C135.983 28.8267 135.511 28.9777 135.111 28.9777C134.325 28.9777 133.797 28.7625 133.525 28.332C133.253 27.894 133.117 27.1652 133.117 26.1456V23.1775H134.635V26.1682C134.635 26.7271 134.68 27.1085 134.771 27.3124C134.862 27.5164 135.081 27.6183 135.428 27.6183C135.76 27.6183 136.074 27.5654 136.368 27.4597L136.516 27.4144V23.1775ZM139.435 28.8418V23.1775H140.942V23.7779C141.577 23.4003 142.181 23.1548 142.755 23.0416V24.5709C142.143 24.6993 141.618 24.8315 141.18 24.9674L140.953 25.0467V28.8418H139.435ZM143.956 23.8232C144.357 23.3021 145.025 23.0416 145.961 23.0416C146.898 23.0416 147.566 23.3021 147.967 23.8232C148.367 24.3368 148.567 25.0618 148.567 25.9983C148.567 27.9846 147.699 28.9777 145.961 28.9777C144.224 28.9777 143.356 27.9846 143.356 25.9983C143.356 25.0618 143.556 24.3368 143.956 23.8232ZM145.123 27.2785C145.282 27.5503 145.561 27.6863 145.961 27.6863C146.362 27.6863 146.637 27.5503 146.788 27.2785C146.947 27.0066 147.026 26.5799 147.026 25.9983C147.026 25.4168 146.947 24.9939 146.788 24.7295C146.637 24.4652 146.362 24.333 145.961 24.333C145.561 24.333 145.282 24.4652 145.123 24.7295C144.972 24.9939 144.897 25.4168 144.897 25.9983C144.897 26.5799 144.972 27.0066 145.123 27.2785ZM149.68 31.2208V23.1775H151.187V23.4834C151.677 23.1888 152.108 23.0416 152.478 23.0416C153.241 23.0416 153.803 23.2719 154.166 23.7326C154.528 24.1857 154.71 24.9599 154.71 26.055C154.71 27.1501 154.51 27.9129 154.109 28.3433C153.709 28.7663 153.052 28.9777 152.138 28.9777C151.889 28.9777 151.621 28.9551 151.334 28.9098L151.198 28.8871V31.2208H149.68ZM152.183 24.401C151.904 24.401 151.621 24.4576 151.334 24.5709L151.198 24.6276V27.5957C151.538 27.641 151.813 27.6636 152.025 27.6636C152.463 27.6636 152.761 27.5352 152.92 27.2785C153.086 27.0217 153.169 26.5836 153.169 25.9643C153.169 24.9221 152.84 24.401 152.183 24.401ZM157.088 26.6554C157.096 27.0028 157.186 27.2558 157.36 27.4144C157.541 27.5654 157.798 27.641 158.13 27.641C158.833 27.641 159.46 27.6183 160.011 27.573L160.328 27.539L160.351 28.6605C159.482 28.872 158.697 28.9777 157.994 28.9777C157.141 28.9777 156.522 28.7512 156.136 28.298C155.751 27.8449 155.559 27.1085 155.559 26.0889C155.559 24.0574 156.393 23.0416 158.062 23.0416C159.709 23.0416 160.532 23.895 160.532 25.6018L160.419 26.6554H157.088ZM159.037 25.4999C159.037 25.0467 158.965 24.7333 158.821 24.5596C158.678 24.3783 158.425 24.2877 158.062 24.2877C157.707 24.2877 157.454 24.3821 157.303 24.5709C157.16 24.7522 157.084 25.0618 157.077 25.4999H159.037ZM165.956 24.9448V27.3011C165.971 27.4824 166.001 27.6108 166.046 27.6863C166.092 27.7543 166.186 27.8033 166.33 27.8336L166.284 28.9777C165.899 28.9777 165.589 28.9513 165.355 28.8984C165.129 28.8456 164.898 28.7398 164.664 28.5812C164.12 28.8456 163.565 28.9777 162.999 28.9777C161.828 28.9777 161.243 28.3584 161.243 27.1199C161.243 26.5157 161.405 26.0889 161.73 25.8397C162.055 25.5829 162.553 25.4319 163.226 25.3866L164.438 25.2959V24.9448C164.438 24.7106 164.385 24.552 164.279 24.469C164.173 24.3783 164.003 24.333 163.769 24.333L161.64 24.4236L161.594 23.3701C162.402 23.1511 163.169 23.0416 163.894 23.0416C164.627 23.0416 165.151 23.1926 165.469 23.4947C165.793 23.7968 165.956 24.2801 165.956 24.9448ZM163.407 26.4401C162.984 26.4779 162.772 26.7045 162.772 27.1199C162.772 27.5352 162.957 27.7429 163.327 27.7429C163.614 27.7429 163.928 27.6976 164.268 27.607L164.438 27.5617V26.3495L163.407 26.4401Z" fill="white"/>
+<path d="M0.5 43.5708V4.77344H58.5462V43.5708H0.5Z" fill="#164194" stroke="white"/>
+<path d="M28.2521 12.9438L29.5013 12.0178L30.7505 12.9438L30.2717 11.4495L31.5417 10.5446H29.9802L29.5013 9.0293L29.0225 10.5446H27.4609L28.731 11.4495L28.2521 12.9438Z" fill="#FFCC00"/>
+<path d="M21.8205 14.6918L23.0489 13.7658L24.2981 14.6918L23.84 13.1976L25.0892 12.2926H23.5277L23.0489 10.7773L22.57 12.2926H21.0293L22.2785 13.1976L21.8205 14.6918Z" fill="#FFCC00"/>
+<path d="M18.3431 15.5547L17.8643 17.07H16.3027L17.5728 17.996L17.0939 19.4692L18.3431 18.5642L19.5923 19.4692L19.1135 17.996L20.3835 17.07H18.822L18.3431 15.5547Z" fill="#FFCC00"/>
+<path d="M16.6146 25.0666L17.8638 25.9716L17.3849 24.4984L18.655 23.5724H17.0935L16.6146 22.0781L16.1357 23.5724H14.5742L15.8443 24.4984L15.3654 25.9716L16.6146 25.0666Z" fill="#FFCC00"/>
+<path d="M18.822 30.0958L18.3431 28.6016L17.8643 30.0958H16.3027L17.5728 31.0218L17.0939 32.5161L18.3431 31.59L19.5923 32.5161L19.1135 31.0218L20.3835 30.0958H18.822Z" fill="#FFCC00"/>
+<path d="M23.5485 34.8731L23.0697 33.3789L22.5908 34.8942L21.0293 34.8731L22.2993 35.7992L21.8205 37.2934L23.0697 36.3674L24.3189 37.2934L23.84 35.7992L25.1101 34.8731H23.5485Z" fill="#FFCC00"/>
+<path d="M29.9802 36.6208L29.5013 35.1055L29.0225 36.6208H27.4609L28.731 37.5257L28.2521 39.02L29.5013 38.0939L30.7505 39.02L30.2717 37.5257L31.5417 36.6208H29.9802Z" fill="#FFCC00"/>
+<path d="M36.4144 34.8731L35.9564 33.3789L35.4775 34.8942L33.916 34.8731L35.1652 35.7992L34.7072 37.2934L35.9564 36.3674L37.1848 37.2934L36.7267 35.7992L37.976 34.8731H36.4144Z" fill="#FFCC00"/>
+<path d="M41.1618 30.0958L40.683 28.6016L40.2041 30.0958H38.6426L39.9126 31.0218L39.4337 32.5161L40.683 31.59L41.9114 32.5161L41.4533 31.0218L42.7025 30.0958H41.1618Z" fill="#FFCC00"/>
+<path d="M44.4304 23.5509H42.8689L42.39 22.0566L41.9111 23.5509H40.3496L41.6196 24.4769L41.1408 25.9711L42.39 25.0451L43.6392 25.9711L43.1603 24.4769L44.4304 23.5509Z" fill="#FFCC00"/>
+<path d="M39.4337 19.4477L40.683 18.5427L41.9114 19.4477L41.4533 17.9745L42.7025 17.0485H41.1618L40.683 15.5332L40.2041 17.0485H38.6426L39.9126 17.9745L39.4337 19.4477Z" fill="#FFCC00"/>
+<path d="M35.9571 10.7773L35.4782 12.2926H33.9375L35.1867 13.2186L34.7287 14.6918L35.9571 13.7658L37.2063 14.6918L36.7274 13.2186L37.9975 12.2926H36.4359L35.9571 10.7773Z" fill="#FFCC00"/>
+<path d="M68.5938 42V36.2734H69.7188L72.0625 40.0977V36.2734H73.1367V42H71.9766L69.668 38.2656V42H68.5938ZM76.7578 40.6797L77.8516 40.8633C77.7109 41.2643 77.4883 41.5703 77.1836 41.7812C76.8815 41.9896 76.5026 42.0938 76.0469 42.0938C75.3255 42.0938 74.7917 41.8581 74.4453 41.3867C74.1719 41.0091 74.0352 40.5326 74.0352 39.957C74.0352 39.2695 74.2148 38.7318 74.5742 38.3438C74.9336 37.9531 75.388 37.7578 75.9375 37.7578C76.5547 37.7578 77.0417 37.9622 77.3984 38.3711C77.7552 38.7773 77.9258 39.401 77.9102 40.2422H75.1602C75.168 40.5677 75.2565 40.8216 75.4258 41.0039C75.5951 41.1836 75.806 41.2734 76.0586 41.2734C76.2305 41.2734 76.375 41.2266 76.4922 41.1328C76.6094 41.0391 76.6979 40.888 76.7578 40.6797ZM76.8203 39.5703C76.8125 39.2526 76.7305 39.0117 76.5742 38.8477C76.418 38.681 76.2279 38.5977 76.0039 38.5977C75.7643 38.5977 75.5664 38.6849 75.4102 38.8594C75.2539 39.0339 75.1771 39.2708 75.1797 39.5703H76.8203ZM78.2812 42L79.7773 39.8633L78.3438 37.8516H79.6836L80.418 38.9922L81.1914 37.8516H82.4805L81.0742 39.8164L82.6094 42H81.2617L80.418 40.7148L79.5664 42H78.2812ZM85.1641 37.8516V38.7266H84.4141V40.3984C84.4141 40.737 84.4206 40.9349 84.4336 40.9922C84.4492 41.0469 84.4818 41.0924 84.5312 41.1289C84.5833 41.1654 84.6458 41.1836 84.7188 41.1836C84.8203 41.1836 84.9674 41.1484 85.1602 41.0781L85.2539 41.9297C84.9987 42.0391 84.7096 42.0938 84.3867 42.0938C84.1888 42.0938 84.0104 42.0612 83.8516 41.9961C83.6927 41.9284 83.5755 41.8424 83.5 41.7383C83.4271 41.6315 83.3763 41.4883 83.3477 41.3086C83.3242 41.181 83.3125 40.9232 83.3125 40.5352V38.7266H82.8086V37.8516H83.3125V37.0273L84.4141 36.3867V37.8516H85.1641ZM88.5977 39.8945V38.9297H91.0898V41.2109C90.8477 41.4453 90.4961 41.6523 90.0352 41.832C89.5768 42.0091 89.112 42.0977 88.6406 42.0977C88.0417 42.0977 87.5195 41.9727 87.0742 41.7227C86.6289 41.4701 86.2943 41.1107 86.0703 40.6445C85.8464 40.1758 85.7344 39.6667 85.7344 39.1172C85.7344 38.5208 85.8594 37.9909 86.1094 37.5273C86.3594 37.0638 86.7253 36.7083 87.207 36.4609C87.5742 36.2708 88.0312 36.1758 88.5781 36.1758C89.2891 36.1758 89.8438 36.3255 90.2422 36.625C90.6432 36.9219 90.901 37.3333 91.0156 37.8594L89.8672 38.0742C89.7865 37.793 89.6341 37.5716 89.4102 37.4102C89.1888 37.2461 88.9115 37.1641 88.5781 37.1641C88.0729 37.1641 87.6706 37.3242 87.3711 37.6445C87.0742 37.9648 86.9258 38.4401 86.9258 39.0703C86.9258 39.75 87.0768 40.2604 87.3789 40.6016C87.681 40.9401 88.0768 41.1094 88.5664 41.1094C88.8086 41.1094 89.0508 41.0625 89.293 40.9688C89.5378 40.8724 89.7474 40.7565 89.9219 40.6211V39.8945H88.5977ZM94.5547 40.6797L95.6484 40.8633C95.5078 41.2643 95.2852 41.5703 94.9805 41.7812C94.6784 41.9896 94.2995 42.0938 93.8438 42.0938C93.1224 42.0938 92.5885 41.8581 92.2422 41.3867C91.9688 41.0091 91.832 40.5326 91.832 39.957C91.832 39.2695 92.0117 38.7318 92.3711 38.3438C92.7305 37.9531 93.1849 37.7578 93.7344 37.7578C94.3516 37.7578 94.8385 37.9622 95.1953 38.3711C95.5521 38.7773 95.7227 39.401 95.707 40.2422H92.957C92.9648 40.5677 93.0534 40.8216 93.2227 41.0039C93.3919 41.1836 93.6029 41.2734 93.8555 41.2734C94.0273 41.2734 94.1719 41.2266 94.2891 41.1328C94.4062 41.0391 94.4948 40.888 94.5547 40.6797ZM94.6172 39.5703C94.6094 39.2526 94.5273 39.0117 94.3711 38.8477C94.2148 38.681 94.0247 38.5977 93.8008 38.5977C93.5612 38.5977 93.3633 38.6849 93.207 38.8594C93.0508 39.0339 92.974 39.2708 92.9766 39.5703H94.6172ZM100.379 42H99.2812V39.8828C99.2812 39.4349 99.2578 39.1458 99.2109 39.0156C99.1641 38.8828 99.0872 38.7799 98.9805 38.707C98.8763 38.6341 98.75 38.5977 98.6016 38.5977C98.4115 38.5977 98.2409 38.6497 98.0898 38.7539C97.9388 38.8581 97.8346 38.9961 97.7773 39.168C97.7227 39.3398 97.6953 39.6576 97.6953 40.1211V42H96.5977V37.8516H97.6172V38.4609C97.9792 37.9922 98.4349 37.7578 98.9844 37.7578C99.2266 37.7578 99.4479 37.8021 99.6484 37.8906C99.849 37.9766 100 38.0872 100.102 38.2227C100.206 38.3581 100.277 38.5117 100.316 38.6836C100.358 38.8555 100.379 39.1016 100.379 39.4219V42ZM103.898 40.6797L104.992 40.8633C104.852 41.2643 104.629 41.5703 104.324 41.7812C104.022 41.9896 103.643 42.0938 103.188 42.0938C102.466 42.0938 101.932 41.8581 101.586 41.3867C101.312 41.0091 101.176 40.5326 101.176 39.957C101.176 39.2695 101.355 38.7318 101.715 38.3438C102.074 37.9531 102.529 37.7578 103.078 37.7578C103.695 37.7578 104.182 37.9622 104.539 38.3711C104.896 38.7773 105.066 39.401 105.051 40.2422H102.301C102.309 40.5677 102.397 40.8216 102.566 41.0039C102.736 41.1836 102.947 41.2734 103.199 41.2734C103.371 41.2734 103.516 41.2266 103.633 41.1328C103.75 41.0391 103.839 40.888 103.898 40.6797ZM103.961 39.5703C103.953 39.2526 103.871 39.0117 103.715 38.8477C103.559 38.681 103.368 38.5977 103.145 38.5977C102.905 38.5977 102.707 38.6849 102.551 38.8594C102.395 39.0339 102.318 39.2708 102.32 39.5703H103.961ZM107 42H105.902V37.8516H106.922V38.4414C107.096 38.1628 107.253 37.9792 107.391 37.8906C107.531 37.8021 107.69 37.7578 107.867 37.7578C108.117 37.7578 108.358 37.8268 108.59 37.9648L108.25 38.9219C108.065 38.8021 107.893 38.7422 107.734 38.7422C107.581 38.7422 107.451 38.7852 107.344 38.8711C107.237 38.9544 107.152 39.1068 107.09 39.3281C107.03 39.5495 107 40.013 107 40.7188V42ZM109.887 39.1172L108.891 38.9375C109.003 38.5365 109.195 38.2396 109.469 38.0469C109.742 37.8542 110.148 37.7578 110.688 37.7578C111.177 37.7578 111.542 37.8164 111.781 37.9336C112.021 38.0482 112.189 38.1953 112.285 38.375C112.384 38.5521 112.434 38.8789 112.434 39.3555L112.422 40.6367C112.422 41.0013 112.439 41.2708 112.473 41.4453C112.509 41.6172 112.576 41.8021 112.672 42H111.586C111.557 41.9271 111.522 41.819 111.48 41.6758C111.462 41.6107 111.449 41.5677 111.441 41.5469C111.254 41.7292 111.053 41.8659 110.84 41.957C110.626 42.0482 110.398 42.0938 110.156 42.0938C109.729 42.0938 109.392 41.9779 109.145 41.7461C108.9 41.5143 108.777 41.2214 108.777 40.8672C108.777 40.6328 108.833 40.4245 108.945 40.2422C109.057 40.0573 109.214 39.9167 109.414 39.8203C109.617 39.7214 109.909 39.6354 110.289 39.5625C110.802 39.4661 111.158 39.3763 111.355 39.293V39.1836C111.355 38.9727 111.303 38.8229 111.199 38.7344C111.095 38.6432 110.898 38.5977 110.609 38.5977C110.414 38.5977 110.262 38.6367 110.152 38.7148C110.043 38.7904 109.954 38.9245 109.887 39.1172ZM111.355 40.0078C111.215 40.0547 110.992 40.1107 110.688 40.1758C110.383 40.2409 110.184 40.3047 110.09 40.3672C109.947 40.4688 109.875 40.5977 109.875 40.7539C109.875 40.9076 109.932 41.0404 110.047 41.1523C110.161 41.2643 110.307 41.3203 110.484 41.3203C110.682 41.3203 110.871 41.2552 111.051 41.125C111.184 41.026 111.271 40.9049 111.312 40.7617C111.341 40.668 111.355 40.4896 111.355 40.2266V40.0078ZM115.422 37.8516V38.7266H114.672V40.3984C114.672 40.737 114.678 40.9349 114.691 40.9922C114.707 41.0469 114.74 41.0924 114.789 41.1289C114.841 41.1654 114.904 41.1836 114.977 41.1836C115.078 41.1836 115.225 41.1484 115.418 41.0781L115.512 41.9297C115.257 42.0391 114.967 42.0938 114.645 42.0938C114.447 42.0938 114.268 42.0612 114.109 41.9961C113.951 41.9284 113.833 41.8424 113.758 41.7383C113.685 41.6315 113.634 41.4883 113.605 41.3086C113.582 41.181 113.57 40.9232 113.57 40.5352V38.7266H113.066V37.8516H113.57V37.0273L114.672 36.3867V37.8516H115.422ZM116.184 37.2891V36.2734H117.281V37.2891H116.184ZM116.184 42V37.8516H117.281V42H116.184ZM118.156 39.8672C118.156 39.5026 118.246 39.1497 118.426 38.8086C118.605 38.4674 118.859 38.207 119.188 38.0273C119.518 37.8477 119.887 37.7578 120.293 37.7578C120.921 37.7578 121.435 37.9622 121.836 38.3711C122.237 38.7773 122.438 39.2917 122.438 39.9141C122.438 40.5417 122.234 41.0625 121.828 41.4766C121.424 41.888 120.915 42.0938 120.301 42.0938C119.921 42.0938 119.557 42.0078 119.211 41.8359C118.867 41.6641 118.605 41.4128 118.426 41.082C118.246 40.7487 118.156 40.3438 118.156 39.8672ZM119.281 39.9258C119.281 40.3372 119.379 40.6523 119.574 40.8711C119.77 41.0898 120.01 41.1992 120.297 41.1992C120.583 41.1992 120.823 41.0898 121.016 40.8711C121.211 40.6523 121.309 40.3346 121.309 39.918C121.309 39.5117 121.211 39.1992 121.016 38.9805C120.823 38.7617 120.583 38.6523 120.297 38.6523C120.01 38.6523 119.77 38.7617 119.574 38.9805C119.379 39.1992 119.281 39.5143 119.281 39.9258ZM127.074 42H125.977V39.8828C125.977 39.4349 125.953 39.1458 125.906 39.0156C125.859 38.8828 125.783 38.7799 125.676 38.707C125.572 38.6341 125.445 38.5977 125.297 38.5977C125.107 38.5977 124.936 38.6497 124.785 38.7539C124.634 38.8581 124.53 38.9961 124.473 39.168C124.418 39.3398 124.391 39.6576 124.391 40.1211V42H123.293V37.8516H124.312V38.4609C124.674 37.9922 125.13 37.7578 125.68 37.7578C125.922 37.7578 126.143 37.8021 126.344 37.8906C126.544 37.9766 126.695 38.0872 126.797 38.2227C126.901 38.3581 126.973 38.5117 127.012 38.6836C127.053 38.8555 127.074 39.1016 127.074 39.4219V42ZM128.199 42V36.2734H132.445V37.2422H129.355V38.5117H132.23V39.4766H129.355V41.0352H132.555V42H128.199ZM133.527 36.2734H134.684V39.375C134.684 39.8672 134.698 40.1862 134.727 40.332C134.776 40.5664 134.893 40.7552 135.078 40.8984C135.266 41.0391 135.521 41.1094 135.844 41.1094C136.172 41.1094 136.419 41.043 136.586 40.9102C136.753 40.7747 136.853 40.6094 136.887 40.4141C136.921 40.2188 136.938 39.8945 136.938 39.4414V36.2734H138.094V39.2812C138.094 39.9688 138.062 40.4544 138 40.7383C137.938 41.0221 137.822 41.2617 137.652 41.457C137.486 41.6523 137.262 41.8086 136.98 41.9258C136.699 42.0404 136.332 42.0977 135.879 42.0977C135.332 42.0977 134.917 42.0352 134.633 41.9102C134.352 41.7826 134.129 41.6185 133.965 41.418C133.801 41.2148 133.693 41.0026 133.641 40.7812C133.565 40.4531 133.527 39.9688 133.527 39.3281V36.2734Z" fill="white"/>
+</svg>

package/src/components/ItaliaTheme/GalleryPreview/GalleryPreview.jsx

@@ -0,0 +1,138 @@
+import React, { useEffect, useState } from 'react';
+import { defineMessages, useIntl } from 'react-intl';
+import { flattenToAppURL } from '@plone/volto/helpers';
+
+import PropTypes from 'prop-types';
+
+import { Modal, ModalBody, Button, ModalHeader } from 'design-react-kit';
+import { Icon } from 'design-comuni-plone-theme/components/ItaliaTheme';
+import DefaultImageSVG from '@plone/volto/components/manage/Blocks/Listing/default-image.svg';
+
+const messages = defineMessages({
+  view_prev: {
+    id: 'gallery_view_prev',
+    defaultMessage: 'Immagine precedente',
+  },
+  view_next: {
+    id: 'gallery_view_next',
+    defaultMessage: 'Immagine successiva',
+  },
+  close_preview: {
+    id: 'gallery_close_preview',
+    defaultMessage: "Chiudi l'anteprima",
+  },
+});
+
+/**
+ * GalleryPreview view component class.
+ * @function GalleryPreview
+ * @params {object} content Content object.
+ * @params {string} folder name where to find images.
+ * @returns {string} Markup of the component.
+ */
+const GalleryPreview = ({ id, viewIndex, setViewIndex, items }) => {
+  const intl = useIntl();
+  const [modalIsOpen, setModalIsOpen] = useState(false);
+
+  const closeModal = () => {
+    setViewIndex(null);
+  };
+
+  useEffect(() => {
+    if (viewIndex != null) {
+      setModalIsOpen(true);
+    } else {
+      setModalIsOpen(false);
+    }
+  }, [viewIndex]);
+
+  return items?.length > 0 ? (
+    <Modal
+      isOpen={modalIsOpen}
+      wrapClassName="public-ui"
+      id={`gallery-preview-${id}`}
+      size="xl"
+      className="gallery-preview"
+      onExit={() => {
+        setViewIndex(null);
+        setModalIsOpen(false);
+      }}
+      backdrop="static"
+      centered={true}
+      toggle={closeModal}
+      scrollable={false}
+    >
+      {viewIndex != null && (
+        <>
+          <ModalHeader
+            closeButton={true}
+            closeAriaLabel={intl.formatMessage(messages.close_preview)}
+            toggle={closeModal}
+          >
+            {items[viewIndex].title}
+          </ModalHeader>
+          <ModalBody>
+            {items[viewIndex].description && (
+              <p className="pb-3">{items[viewIndex].description}</p>
+            )}
+            <div className="item-preview">
+              {items.length > 1 && (
+                <Button
+                  color="white"
+                  size="xs"
+                  title={intl.formatMessage(messages.view_prev)}
+                  onClick={() => {
+                    setViewIndex(
+                      viewIndex - 1 >= 0 ? viewIndex - 1 : items.length - 1,
+                    );
+                  }}
+                  className="prev"
+                >
+                  <Icon color="" icon="it-arrow-left" padding={false} />
+                </Button>
+              )}
+              <div className="image">
+                {items[viewIndex].image ? (
+                  <img
+                    src={flattenToAppURL(
+                      items[viewIndex].image.scales.larger.download,
+                    )}
+                    loading="lazy"
+                    alt={items[viewIndex].title}
+                  />
+                ) : (
+                  <img src={DefaultImageSVG} alt="" />
+                )}
+              </div>
+
+              {items.length > 1 && (
+                <Button
+                  color="white"
+                  size="xs"
+                  title={intl.formatMessage(messages.view_next)}
+                  onClick={() => {
+                    setViewIndex(
+                      viewIndex + 1 < items.length ? viewIndex + 1 : 0,
+                    );
+                  }}
+                  className="next"
+                >
+                  <Icon color="" icon="it-arrow-right" padding={false} />
+                </Button>
+              )}
+            </div>
+          </ModalBody>
+        </>
+      )}
+    </Modal>
+  ) : null;
+};
+
+export default GalleryPreview;
+
+GalleryPreview.propTypes = {
+  id: PropTypes.string,
+  viewIndex: PropTypes.number,
+  setViewIndex: PropTypes.func,
+  items: PropTypes.array,
+};

package/src/components/ItaliaTheme/Header/HeaderCenter.jsx

@@ -0,0 +1,50 @@
+/**
+ * HeaderCenter component.
+ * @module components/Header/HeaderCenter
+ */
+
+import React from 'react';
+import { UniversalLink } from '@plone/volto/components';
+import { useSelector } from 'react-redux';
+import { Header, HeaderContent, HeaderRightZone } from 'design-react-kit';
+import { flattenToAppURL } from '@plone/volto/helpers';
+import {
+  Logo,
+  SocialHeader,
+  HeaderSearch,
+  BrandText,
+} from 'design-comuni-plone-theme/components/ItaliaTheme';
+
+const HeaderCenter = () => {
+  const subsite = useSelector((state) => state.subsite?.data);
+  const logoSubsite = subsite?.subsite_logo && (
+    <figure className="icon">
+      <img
+        src={flattenToAppURL(subsite.subsite_logo.scales?.mini?.download)}
+        alt="Logo"
+      />
+    </figure>
+  );
+
+  return (
+    <Header small={false} theme="" type="center">
+      <HeaderContent>
+        <div className="it-brand-wrapper ps-4">
+          <UniversalLink
+            href={subsite?.['@id'] ? flattenToAppURL(subsite['@id']) : '/'}
+            title="homepage"
+          >
+            {subsite?.subsite_logo ? logoSubsite : <Logo />}
+            <BrandText subsite={subsite} />
+          </UniversalLink>
+        </div>
+        <HeaderRightZone>
+          <SocialHeader />
+          <HeaderSearch />
+        </HeaderRightZone>
+      </HeaderContent>
+    </Header>
+  );
+};
+
+export default HeaderCenter;

package/src/components/ItaliaTheme/Header/HeaderSearch/HeaderSearch.jsx

@@ -0,0 +1,48 @@
+/**
+ * HeaderSearch component.
+ * @module components/Header/HeaderSearch
+ */
+
+import React, { useState } from 'react';
+import { defineMessages, useIntl } from 'react-intl';
+import { Icon } from 'design-comuni-plone-theme/components/ItaliaTheme';
+import { SearchModal } from 'design-comuni-plone-theme/components/ItaliaTheme';
+
+const messages = defineMessages({
+  search: {
+    id: 'Cerca',
+    defaultMessage: 'Cerca',
+  },
+});
+
+const HeaderSearch = () => {
+  const intl = useIntl();
+  const [showSearchModal, setShowSearchModal] = useState(false);
+
+  return (
+    <>
+      <div className="it-search-wrapper">
+        <span className="d-none d-md-block">
+          {intl.formatMessage(messages.search)}
+        </span>
+        <a
+          className="search-link rounded-icon"
+          aria-label={intl.formatMessage(messages.search)}
+          onClick={(e) => {
+            e.preventDefault();
+            setShowSearchModal(true);
+          }}
+          href="#search"
+        >
+          <Icon icon="it-search" />
+        </a>
+      </div>
+      <SearchModal
+        show={showSearchModal}
+        closeModal={() => setShowSearchModal(false)}
+      />
+    </>
+  );
+};
+
+export default HeaderSearch;