From d96b8886d6b839b3c802afeac921b1ed5f72937f Mon Sep 17 00:00:00 2001
From: Wagner Trezub <wagner.trezub@redturtle.it>
Date: Fri, 25 Oct 2024 12:03:02 +0200
Subject: [PATCH 01/17] fix: condition with has no content

---
 src/components/ItaliaTheme/Blocks/Alert/View.jsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/ItaliaTheme/Blocks/Alert/View.jsx b/src/components/ItaliaTheme/Blocks/Alert/View.jsx
index bc160f6cb..d76bc7cc8 100644
--- a/src/components/ItaliaTheme/Blocks/Alert/View.jsx
+++ b/src/components/ItaliaTheme/Blocks/Alert/View.jsx
@@ -27,7 +27,7 @@ const View = ({ data, pathname }) => {
       )
     : '';
 
-  return (
+  return content ? (
     <section role="alert" className="block alertblock">
       <Row className={cx('row-full-width', 'bg-alert-' + data.color)}>
         <Container className="p-4 pt-5 pb-5">
@@ -50,6 +50,8 @@ const View = ({ data, pathname }) => {
         </Container>
       </Row>
     </section>
+  ) : (
+    <></>
   );
 };
 

From 73d9c644c1aa236f96dc1216517658ee91f9ab16 Mon Sep 17 00:00:00 2001
From: Wagner Trezub <wagner.trezub@redturtle.it>
Date: Fri, 25 Oct 2024 15:54:27 +0200
Subject: [PATCH 02/17] feat: new date schedule for alert block

---
 .../ItaliaTheme/Blocks/Alert/Dates.jsx        |  88 ++++++++++++++
 .../ItaliaTheme/Blocks/Alert/Edit.jsx         | 110 ++++++++++--------
 .../ItaliaTheme/Blocks/Alert/Sidebar.jsx      |  42 ++++++-
 .../ItaliaTheme/Blocks/Alert/View.jsx         |  10 +-
 theme/ItaliaTheme/Blocks/_alert.scss          |   3 +
 5 files changed, 200 insertions(+), 53 deletions(-)
 create mode 100644 src/components/ItaliaTheme/Blocks/Alert/Dates.jsx

diff --git a/src/components/ItaliaTheme/Blocks/Alert/Dates.jsx b/src/components/ItaliaTheme/Blocks/Alert/Dates.jsx
new file mode 100644
index 000000000..3af9785a5
--- /dev/null
+++ b/src/components/ItaliaTheme/Blocks/Alert/Dates.jsx
@@ -0,0 +1,88 @@
+import React from 'react';
+import { Row, Container } from 'design-react-kit/dist/design-react-kit';
+import { defineMessages, useIntl } from 'react-intl';
+
+const messages = defineMessages({
+  expiredDate: {
+    id: 'expiredDate',
+    defaultMessage: 'Pubblicazione scaduta',
+  },
+  activeDate: {
+    id: 'activeDate',
+    defaultMessage: 'Pubblicazione attiva',
+  },
+  futureDate: {
+    id: 'futureDate',
+    defaultMessage: 'Pubblicazione futura',
+  },
+  startTitle: {
+    id: 'startTitle',
+    defaultMessage: 'Data inizio pubblicazione:',
+  },
+  endTitle: {
+    id: 'endTitle',
+    defaultMessage: 'Data fine pubblicazione:',
+  },
+});
+
+const Dates = ({ startDate, endDate, ...props }) => {
+  const currentDate = new Date();
+  const intl = useIntl();
+
+  const startDateObj = startDate ? new Date(startDate) : null; // reset startDate
+  const endDateObj = endDate ? new Date(endDate) : null; // reset endDate
+
+  const hasStartOrEnd = startDateObj || endDateObj;
+  const isStartAfterCurrent = startDateObj && startDateObj > currentDate;
+  const isEndAfterCurrent = endDateObj && endDateObj > currentDate;
+  const isCurrentBetweenStartAndEnd =
+    startDateObj &&
+    endDateObj &&
+    currentDate >= startDateObj &&
+    currentDate <= endDateObj;
+
+  const currentStatus =
+    startDateObj && !endDateObj // Se solo startDate è definito
+      ? isStartAfterCurrent
+        ? intl.formatMessage(messages.futureDate)
+        : intl.formatMessage(messages.activeDate) // Solo startDate è definito
+      : isCurrentBetweenStartAndEnd
+      ? intl.formatMessage(messages.activeDate) // Dentro l'intervallo di date
+      : isEndAfterCurrent
+      ? intl.formatMessage(messages.activeDate) // A data di fine è già passata
+      : intl.formatMessage(messages.expiredDate); // Se non rientra in nessuna delle altre condizioni
+
+  return (
+    hasStartOrEnd && (
+      <Container className="alert-info-dates">
+        <Row>
+          <p>{currentStatus}</p>
+        </Row>
+        <Row>
+          <ul>
+            {startDateObj && (
+              <li>
+                <p>
+                  {intl.formatMessage(messages.startTitle) +
+                    ' ' +
+                    startDateObj.toLocaleString()}
+                </p>
+              </li>
+            )}
+            {endDateObj && (
+              <li>
+                <p>
+                  {intl.formatMessage(messages.endTitle) +
+                    ' ' +
+                    endDateObj.toLocaleString()}
+                </p>
+              </li>
+            )}
+          </ul>
+        </Row>
+      </Container>
+    )
+  );
+};
+
+export default Dates;
diff --git a/src/components/ItaliaTheme/Blocks/Alert/Edit.jsx b/src/components/ItaliaTheme/Blocks/Alert/Edit.jsx
index 52de84dfc..53259e7c9 100644
--- a/src/components/ItaliaTheme/Blocks/Alert/Edit.jsx
+++ b/src/components/ItaliaTheme/Blocks/Alert/Edit.jsx
@@ -14,6 +14,7 @@ import { Container, Row, Col } from 'design-react-kit/dist/design-react-kit';
 import { createContent } from '@plone/volto/actions';
 import { SidebarPortal } from '@plone/volto/components';
 import { EditTextBlock } from '@plone/volto/components';
+import Dates from './Dates';
 
 import { AlertSidebar } from 'design-comuni-plone-theme/components/ItaliaTheme';
 /**
@@ -53,65 +54,77 @@ class Edit extends Component {
       this.props.data.color = 'warning';
     }
     this.blockNode = React.createRef();
+    this.state = {
+      startDate: null,
+      endDate: null,
+    };
   }
 
   render() {
     if (__SERVER__) {
       return <div />;
     }
+
     return (
-      <div className="public-ui">
-        <div
-          className={cx('alertblock', {
-            selected: this.props.selected,
-          })}
-        >
-          <Row
-            className={cx(
-              'row-full-width p-5',
-              'bg-alert-' + this.props.data.color,
-            )}
+      <>
+        <div className="public-ui">
+          <div
+            className={cx('alertblock', {
+              selected: this.props.selected,
+            })}
           >
-            <Container className="ui">
-              <Row className="align-items-start">
-                {this.props.data.image?.data && (
-                  <Col sm={2} className="pb-3 image-col">
-                    <img
-                      src={`data:${this.props.data.image['content-type']};${this.props.data.image.encoding},${this.props.data.image.data}`}
-                      alt=""
-                      className={cx('left-image', [
-                        this.props.data.sizeImage
-                          ? 'size-' + this.props.data.sizeImage
-                          : 'size-l',
-                      ])}
+            <Dates
+              startDate={this.props.data.startDate}
+              endDate={this.props.data.endDate}
+              {...this.props}
+            />
+            <Row
+              className={cx(
+                'row-full-width p-5',
+                'bg-alert-' + this.props.data.color,
+              )}
+            >
+              <Container className="ui">
+                <Row className="align-items-start">
+                  {this.props.data.image?.data && (
+                    <Col sm={2} className="pb-3 image-col">
+                      <img
+                        src={`data:${this.props.data.image['content-type']};${this.props.data.image.encoding},${this.props.data.image.data}`}
+                        alt=""
+                        className={cx('left-image', [
+                          this.props.data.sizeImage
+                            ? 'size-' + this.props.data.sizeImage
+                            : 'size-l',
+                        ])}
+                      />
+                    </Col>
+                  )}
+                  <Col>
+                    <EditTextBlock
+                      data={this.props.data}
+                      detached={true}
+                      index={this.props.index}
+                      selected={this.props.selected}
+                      block={this.props.block}
+                      onAddBlock={this.props.onAddBlock}
+                      onChangeBlock={this.props.onChangeBlock}
+                      onDeleteBlock={this.props.onDeleteBlock}
+                      onMutateBlock={this.props.onMutateBlock}
+                      onFocusPreviousBlock={this.props.onFocusPreviousBlock}
+                      onFocusNextBlock={this.props.onFocusNextBlock}
+                      onSelectBlock={this.props.onSelectBlock}
+                      blockNode={this.blockNode}
                     />
                   </Col>
-                )}
-                <Col>
-                  <EditTextBlock
-                    data={this.props.data}
-                    detached={true}
-                    index={this.props.index}
-                    selected={this.props.selected}
-                    block={this.props.block}
-                    onAddBlock={this.props.onAddBlock}
-                    onChangeBlock={this.props.onChangeBlock}
-                    onDeleteBlock={this.props.onDeleteBlock}
-                    onMutateBlock={this.props.onMutateBlock}
-                    onFocusPreviousBlock={this.props.onFocusPreviousBlock}
-                    onFocusNextBlock={this.props.onFocusNextBlock}
-                    onSelectBlock={this.props.onSelectBlock}
-                    blockNode={this.blockNode}
-                  />
-                </Col>
-              </Row>
-            </Container>
-          </Row>
+                </Row>
+              </Container>
+            </Row>
+          </div>
+          <SidebarPortal selected={this.props.selected}>
+            <AlertSidebar {...this.props} />
+          </SidebarPortal>
         </div>
-        <SidebarPortal selected={this.props.selected}>
-          <AlertSidebar {...this.props} />
-        </SidebarPortal>
-      </div>
+      </>
     );
   }
 }
@@ -122,6 +135,7 @@ export default compose(
     (state) => ({
       request: state.content.create,
       content: state.content.data,
+      userLogged: state.users.user,
     }),
     { createContent },
   ),
diff --git a/src/components/ItaliaTheme/Blocks/Alert/Sidebar.jsx b/src/components/ItaliaTheme/Blocks/Alert/Sidebar.jsx
index f4d0c1c0d..e35bf04e7 100644
--- a/src/components/ItaliaTheme/Blocks/Alert/Sidebar.jsx
+++ b/src/components/ItaliaTheme/Blocks/Alert/Sidebar.jsx
@@ -5,6 +5,7 @@ import { defineMessages, FormattedMessage, injectIntl } from 'react-intl';
 import { FileWidget } from '@plone/volto/components';
 import { ColorListWidget } from 'design-comuni-plone-theme/components/ItaliaTheme';
 import ImageSizeWidget from '@plone/volto/components/manage/Widgets/ImageSizeWidget';
+import { DatetimeWidget } from '@plone/volto/components';
 
 const messages = defineMessages({
   Color: {
@@ -31,9 +32,17 @@ const messages = defineMessages({
     id: 'CardImageSize',
     defaultMessage: 'Dimensione immagine',
   },
-  CardImageSize: {
-    id: 'CardImageSize',
-    defaultMessage: 'Dimensione immagine',
+  startDate: {
+    id: 'startDate',
+    defaultMessage: 'Inizio',
+  },
+  endDate: {
+    id: 'endDate',
+    defaultMessage: 'Scadenza',
+  },
+  dateTitle: {
+    id: 'dateTitle',
+    defaultMessage: 'Periodo di visualizzazione',
   },
 });
 
@@ -104,6 +113,33 @@ class Sidebar extends Component {
             value={this.props.data.sizeImage}
           />
         </Segment>
+        <Segment className="form">
+          <header className="header pulled">
+            <h2>{this.props.intl.formatMessage(messages.dateTitle)}</h2>
+          </header>
+          <DatetimeWidget
+            id="startDate"
+            title={this.props.intl.formatMessage(messages.startDate)}
+            value={this.props.data.startDate}
+            onChange={(name, value) => {
+              this.props.onChangeBlock(this.props.block, {
+                ...this.props.data,
+                [name]: value,
+              });
+            }}
+          />
+          <DatetimeWidget
+            id="endDate"
+            title={this.props.intl.formatMessage(messages.endDate)}
+            value={this.props.data.endDate}
+            onChange={(name, value) => {
+              this.props.onChangeBlock(this.props.block, {
+                ...this.props.data,
+                [name]: value,
+              });
+            }}
+          />
+        </Segment>
       </Segment.Group>
     );
   }
diff --git a/src/components/ItaliaTheme/Blocks/Alert/View.jsx b/src/components/ItaliaTheme/Blocks/Alert/View.jsx
index d76bc7cc8..a0d07e629 100644
--- a/src/components/ItaliaTheme/Blocks/Alert/View.jsx
+++ b/src/components/ItaliaTheme/Blocks/Alert/View.jsx
@@ -4,20 +4,23 @@
  */
 
 import React from 'react';
+import { useSelector } from 'react-redux';
 import PropTypes from 'prop-types';
 import cx from 'classnames';
 import redraft from 'redraft';
 import { Container, Row, Col } from 'design-react-kit/dist/design-react-kit';
 //import { isCmsUi } from '@plone/volto/helpers';
 import config from '@plone/volto/registry';
+import Dates from './Dates';
 
 /**
  * View Alert block class.
  * @class View
  * @extends Component
  */
-const View = ({ data, pathname }) => {
-  //const isCmsUI = pathname ? isCmsUi(pathname) : false
+const View = (props) => {
+  const { data, pathname } = props;
+  const userLogged = useSelector((state) => state.userSession.token);
 
   const content = data.text
     ? redraft(
@@ -29,6 +32,9 @@ const View = ({ data, pathname }) => {
 
   return content ? (
     <section role="alert" className="block alertblock">
+      {userLogged && (
+        <Dates startDate={data.startDate} endDate={data.endDate} {...props} />
+      )}
       <Row className={cx('row-full-width', 'bg-alert-' + data.color)}>
         <Container className="p-4 pt-5 pb-5">
           <Row className="align-items-start">
diff --git a/theme/ItaliaTheme/Blocks/_alert.scss b/theme/ItaliaTheme/Blocks/_alert.scss
index a913fdc1a..e69e962e0 100644
--- a/theme/ItaliaTheme/Blocks/_alert.scss
+++ b/theme/ItaliaTheme/Blocks/_alert.scss
@@ -118,4 +118,7 @@
       margin-top: 1rem;
     }
   }
+  .alert-info-dates {
+    border-top: 1px solid $gray-100;
+  }
 }

From 66b6b838cf162c002569e37fbd3fbfb80ae69f65 Mon Sep 17 00:00:00 2001
From: Wagner Trezub <wagner.trezub@redturtle.it>
Date: Fri, 25 Oct 2024 16:47:18 +0200
Subject: [PATCH 03/17] feat: condition to set visible the alert view

---
 locales/de/LC_MESSAGES/volto.po               | 40 ++++++++++
 locales/en/LC_MESSAGES/volto.po               | 40 ++++++++++
 locales/es/LC_MESSAGES/volto.po               | 40 ++++++++++
 locales/fr/LC_MESSAGES/volto.po               | 40 ++++++++++
 locales/it/LC_MESSAGES/volto.po               | 40 ++++++++++
 locales/volto.pot                             | 42 +++++++++-
 .../ItaliaTheme/Blocks/Alert/Dates.jsx        | 77 ++++++++-----------
 .../ItaliaTheme/Blocks/Alert/View.jsx         | 17 +++-
 8 files changed, 291 insertions(+), 45 deletions(-)

diff --git a/locales/de/LC_MESSAGES/volto.po b/locales/de/LC_MESSAGES/volto.po
index 09d96c5a8..367b19717 100644
--- a/locales/de/LC_MESSAGES/volto.po
+++ b/locales/de/LC_MESSAGES/volto.po
@@ -734,6 +734,11 @@ msgstr ""
 msgid "actions"
 msgstr ""
 
+#: components/ItaliaTheme/Blocks/Alert/Dates
+# defaultMessage: Pubblicazione attiva
+msgid "activeDate"
+msgstr ""
+
 #: components/ItaliaTheme/Search/Search
 # defaultMessage: {filterNumber} filtri attivati
 msgid "active_filters"
@@ -1630,6 +1635,11 @@ msgstr ""
 msgid "dateRangePicker_upArrowDownArrow"
 msgstr ""
 
+#: components/ItaliaTheme/Blocks/Alert/Sidebar
+# defaultMessage: Periodo di visualizzazione
+msgid "dateTitle"
+msgstr ""
+
 #: components/ItaliaTheme/View/EventoView/EventoDateOrari
 # defaultMessage: Date e orari
 msgid "date_e_orari"
@@ -1894,6 +1904,16 @@ msgstr ""
 msgid "end"
 msgstr ""
 
+#: components/ItaliaTheme/Blocks/Alert/Sidebar
+# defaultMessage: Scadenza
+msgid "endDate"
+msgstr ""
+
+#: components/ItaliaTheme/Blocks/Alert/Dates
+# defaultMessage: Data fine pubblicazione:
+msgid "endTitle"
+msgstr ""
+
 #: components/ItaliaTheme/View/EventoView/EventoCosE
 # defaultMessage: Cos'è
 msgid "event_cos_e"
@@ -1960,6 +1980,11 @@ msgstr ""
 msgid "expire"
 msgstr ""
 
+#: components/ItaliaTheme/Blocks/Alert/Dates
+# defaultMessage: Pubblicazione scaduta
+msgid "expiredDate"
+msgstr ""
+
 #: components/ItaliaTheme/View/Commons/RelatedItemInEvidence/ItemInEvidence
 # defaultMessage: Esplora
 msgid "explore"
@@ -2040,6 +2065,11 @@ msgstr ""
 msgid "from"
 msgstr ""
 
+#: components/ItaliaTheme/Blocks/Alert/Dates
+# defaultMessage: Pubblicazione futura
+msgid "futureDate"
+msgstr ""
+
 #: components/ItaliaTheme/View/Commons/Gallery
 # defaultMessage: Galleria immagini
 msgid "gallery"
@@ -3487,6 +3517,16 @@ msgstr ""
 msgid "start"
 msgstr ""
 
+#: components/ItaliaTheme/Blocks/Alert/Sidebar
+# defaultMessage: Inizio
+msgid "startDate"
+msgstr ""
+
+#: components/ItaliaTheme/Blocks/Alert/Dates
+# defaultMessage: Data inizio pubblicazione:
+msgid "startTitle"
+msgstr ""
+
 #: components/ItaliaTheme/View/TrasparenzaView/DettagliProcedimentiView
 # defaultMessage: Strumenti di tutela
 msgid "strumenti_di_tutela"
diff --git a/locales/en/LC_MESSAGES/volto.po b/locales/en/LC_MESSAGES/volto.po
index b9ddbf17b..2ad4deb96 100644
--- a/locales/en/LC_MESSAGES/volto.po
+++ b/locales/en/LC_MESSAGES/volto.po
@@ -719,6 +719,11 @@ msgstr ""
 msgid "actions"
 msgstr "View actions"
 
+#: components/ItaliaTheme/Blocks/Alert/Dates
+# defaultMessage: Pubblicazione attiva
+msgid "activeDate"
+msgstr ""
+
 #: components/ItaliaTheme/Search/Search
 # defaultMessage: {filterNumber} filtri attivati
 msgid "active_filters"
@@ -1615,6 +1620,11 @@ msgstr "Open the keyboard shortcuts panel."
 msgid "dateRangePicker_upArrowDownArrow"
 msgstr "up and down arrow keys"
 
+#: components/ItaliaTheme/Blocks/Alert/Sidebar
+# defaultMessage: Periodo di visualizzazione
+msgid "dateTitle"
+msgstr ""
+
 #: components/ItaliaTheme/View/EventoView/EventoDateOrari
 # defaultMessage: Date e orari
 msgid "date_e_orari"
@@ -1879,6 +1889,16 @@ msgstr ""
 msgid "end"
 msgstr "End of event"
 
+#: components/ItaliaTheme/Blocks/Alert/Sidebar
+# defaultMessage: Scadenza
+msgid "endDate"
+msgstr ""
+
+#: components/ItaliaTheme/Blocks/Alert/Dates
+# defaultMessage: Data fine pubblicazione:
+msgid "endTitle"
+msgstr ""
+
 #: components/ItaliaTheme/View/EventoView/EventoCosE
 # defaultMessage: Cos'è
 msgid "event_cos_e"
@@ -1945,6 +1965,11 @@ msgstr ""
 msgid "expire"
 msgstr "Expire"
 
+#: components/ItaliaTheme/Blocks/Alert/Dates
+# defaultMessage: Pubblicazione scaduta
+msgid "expiredDate"
+msgstr ""
+
 #: components/ItaliaTheme/View/Commons/RelatedItemInEvidence/ItemInEvidence
 # defaultMessage: Esplora
 msgid "explore"
@@ -2025,6 +2050,11 @@ msgstr "Found {total} results"
 msgid "from"
 msgstr "from"
 
+#: components/ItaliaTheme/Blocks/Alert/Dates
+# defaultMessage: Pubblicazione futura
+msgid "futureDate"
+msgstr ""
+
 #: components/ItaliaTheme/View/Commons/Gallery
 # defaultMessage: Galleria immagini
 msgid "gallery"
@@ -3472,6 +3502,16 @@ msgstr ""
 msgid "start"
 msgstr "Event start"
 
+#: components/ItaliaTheme/Blocks/Alert/Sidebar
+# defaultMessage: Inizio
+msgid "startDate"
+msgstr ""
+
+#: components/ItaliaTheme/Blocks/Alert/Dates
+# defaultMessage: Data inizio pubblicazione:
+msgid "startTitle"
+msgstr ""
+
 #: components/ItaliaTheme/View/TrasparenzaView/DettagliProcedimentiView
 # defaultMessage: Strumenti di tutela
 msgid "strumenti_di_tutela"
diff --git a/locales/es/LC_MESSAGES/volto.po b/locales/es/LC_MESSAGES/volto.po
index 4d489f8d7..c150ec658 100644
--- a/locales/es/LC_MESSAGES/volto.po
+++ b/locales/es/LC_MESSAGES/volto.po
@@ -728,6 +728,11 @@ msgstr "Acordeón"
 msgid "actions"
 msgstr "Ver acciones"
 
+#: components/ItaliaTheme/Blocks/Alert/Dates
+# defaultMessage: Pubblicazione attiva
+msgid "activeDate"
+msgstr ""
+
 #: components/ItaliaTheme/Search/Search
 # defaultMessage: {filterNumber} filtri attivati
 msgid "active_filters"
@@ -1624,6 +1629,11 @@ msgstr "Abra el panel de métodos abreviados de teclado."
 msgid "dateRangePicker_upArrowDownArrow"
 msgstr "teclas de flecha arriba y abajo"
 
+#: components/ItaliaTheme/Blocks/Alert/Sidebar
+# defaultMessage: Periodo di visualizzazione
+msgid "dateTitle"
+msgstr ""
+
 #: components/ItaliaTheme/View/EventoView/EventoDateOrari
 # defaultMessage: Date e orari
 msgid "date_e_orari"
@@ -1888,6 +1898,16 @@ msgstr "Seleccione un elemento en la barra lateral en para mostrarlo aquí"
 msgid "end"
 msgstr "Fin del evento"
 
+#: components/ItaliaTheme/Blocks/Alert/Sidebar
+# defaultMessage: Scadenza
+msgid "endDate"
+msgstr ""
+
+#: components/ItaliaTheme/Blocks/Alert/Dates
+# defaultMessage: Data fine pubblicazione:
+msgid "endTitle"
+msgstr ""
+
 #: components/ItaliaTheme/View/EventoView/EventoCosE
 # defaultMessage: Cos'è
 msgid "event_cos_e"
@@ -1954,6 +1974,11 @@ msgstr ""
 msgid "expire"
 msgstr "Expirar"
 
+#: components/ItaliaTheme/Blocks/Alert/Dates
+# defaultMessage: Pubblicazione scaduta
+msgid "expiredDate"
+msgstr ""
+
 #: components/ItaliaTheme/View/Commons/RelatedItemInEvidence/ItemInEvidence
 # defaultMessage: Esplora
 msgid "explore"
@@ -2034,6 +2059,11 @@ msgstr "Encontrados {total} resultados"
 msgid "from"
 msgstr "desde"
 
+#: components/ItaliaTheme/Blocks/Alert/Dates
+# defaultMessage: Pubblicazione futura
+msgid "futureDate"
+msgstr ""
+
 #: components/ItaliaTheme/View/Commons/Gallery
 # defaultMessage: Galleria immagini
 msgid "gallery"
@@ -3481,6 +3511,16 @@ msgstr "Patrocinadores"
 msgid "start"
 msgstr "Inicio del evento"
 
+#: components/ItaliaTheme/Blocks/Alert/Sidebar
+# defaultMessage: Inizio
+msgid "startDate"
+msgstr ""
+
+#: components/ItaliaTheme/Blocks/Alert/Dates
+# defaultMessage: Data inizio pubblicazione:
+msgid "startTitle"
+msgstr ""
+
 #: components/ItaliaTheme/View/TrasparenzaView/DettagliProcedimentiView
 # defaultMessage: Strumenti di tutela
 msgid "strumenti_di_tutela"
diff --git a/locales/fr/LC_MESSAGES/volto.po b/locales/fr/LC_MESSAGES/volto.po
index a6e9758e9..b877d722e 100644
--- a/locales/fr/LC_MESSAGES/volto.po
+++ b/locales/fr/LC_MESSAGES/volto.po
@@ -736,6 +736,11 @@ msgstr ""
 msgid "actions"
 msgstr "Voir les actions"
 
+#: components/ItaliaTheme/Blocks/Alert/Dates
+# defaultMessage: Pubblicazione attiva
+msgid "activeDate"
+msgstr ""
+
 #: components/ItaliaTheme/Search/Search
 # defaultMessage: {filterNumber} filtri attivati
 msgid "active_filters"
@@ -1632,6 +1637,11 @@ msgstr ""
 msgid "dateRangePicker_upArrowDownArrow"
 msgstr ""
 
+#: components/ItaliaTheme/Blocks/Alert/Sidebar
+# defaultMessage: Periodo di visualizzazione
+msgid "dateTitle"
+msgstr ""
+
 #: components/ItaliaTheme/View/EventoView/EventoDateOrari
 # defaultMessage: Date e orari
 msgid "date_e_orari"
@@ -1896,6 +1906,16 @@ msgstr ""
 msgid "end"
 msgstr "fin"
 
+#: components/ItaliaTheme/Blocks/Alert/Sidebar
+# defaultMessage: Scadenza
+msgid "endDate"
+msgstr ""
+
+#: components/ItaliaTheme/Blocks/Alert/Dates
+# defaultMessage: Data fine pubblicazione:
+msgid "endTitle"
+msgstr ""
+
 #: components/ItaliaTheme/View/EventoView/EventoCosE
 # defaultMessage: Cos'è
 msgid "event_cos_e"
@@ -1962,6 +1982,11 @@ msgstr ""
 msgid "expire"
 msgstr "Expiration"
 
+#: components/ItaliaTheme/Blocks/Alert/Dates
+# defaultMessage: Pubblicazione scaduta
+msgid "expiredDate"
+msgstr ""
+
 #: components/ItaliaTheme/View/Commons/RelatedItemInEvidence/ItemInEvidence
 # defaultMessage: Esplora
 msgid "explore"
@@ -2042,6 +2067,11 @@ msgstr "{total} résultats trouvés"
 msgid "from"
 msgstr "du"
 
+#: components/ItaliaTheme/Blocks/Alert/Dates
+# defaultMessage: Pubblicazione futura
+msgid "futureDate"
+msgstr ""
+
 #: components/ItaliaTheme/View/Commons/Gallery
 # defaultMessage: Galleria immagini
 msgid "gallery"
@@ -3489,6 +3519,16 @@ msgstr "Sponsor"
 msgid "start"
 msgstr "Début de l'événement"
 
+#: components/ItaliaTheme/Blocks/Alert/Sidebar
+# defaultMessage: Inizio
+msgid "startDate"
+msgstr ""
+
+#: components/ItaliaTheme/Blocks/Alert/Dates
+# defaultMessage: Data inizio pubblicazione:
+msgid "startTitle"
+msgstr ""
+
 #: components/ItaliaTheme/View/TrasparenzaView/DettagliProcedimentiView
 # defaultMessage: Strumenti di tutela
 msgid "strumenti_di_tutela"
diff --git a/locales/it/LC_MESSAGES/volto.po b/locales/it/LC_MESSAGES/volto.po
index 9b6992b3b..a300a11a2 100644
--- a/locales/it/LC_MESSAGES/volto.po
+++ b/locales/it/LC_MESSAGES/volto.po
@@ -719,6 +719,11 @@ msgstr ""
 msgid "actions"
 msgstr "Vedi azioni"
 
+#: components/ItaliaTheme/Blocks/Alert/Dates
+# defaultMessage: Pubblicazione attiva
+msgid "activeDate"
+msgstr ""
+
 #: components/ItaliaTheme/Search/Search
 # defaultMessage: {filterNumber} filtri attivati
 msgid "active_filters"
@@ -1615,6 +1620,11 @@ msgstr "Apri il pannello dei tasti rapidi"
 msgid "dateRangePicker_upArrowDownArrow"
 msgstr "Tasti freccia su e giu"
 
+#: components/ItaliaTheme/Blocks/Alert/Sidebar
+# defaultMessage: Periodo di visualizzazione
+msgid "dateTitle"
+msgstr ""
+
 #: components/ItaliaTheme/View/EventoView/EventoDateOrari
 # defaultMessage: Date e orari
 msgid "date_e_orari"
@@ -1879,6 +1889,16 @@ msgstr "Seleziona un elemento nella barra laterale per mostrarlo qui."
 msgid "end"
 msgstr "Fine evento"
 
+#: components/ItaliaTheme/Blocks/Alert/Sidebar
+# defaultMessage: Scadenza
+msgid "endDate"
+msgstr ""
+
+#: components/ItaliaTheme/Blocks/Alert/Dates
+# defaultMessage: Data fine pubblicazione:
+msgid "endTitle"
+msgstr ""
+
 #: components/ItaliaTheme/View/EventoView/EventoCosE
 # defaultMessage: Cos'è
 msgid "event_cos_e"
@@ -1945,6 +1965,11 @@ msgstr "Togliere la spunta per sezioni con un numero elevato di elementi"
 msgid "expire"
 msgstr "Scadenza"
 
+#: components/ItaliaTheme/Blocks/Alert/Dates
+# defaultMessage: Pubblicazione scaduta
+msgid "expiredDate"
+msgstr ""
+
 #: components/ItaliaTheme/View/Commons/RelatedItemInEvidence/ItemInEvidence
 # defaultMessage: Esplora
 msgid "explore"
@@ -2025,6 +2050,11 @@ msgstr "Trovati {total} risultati"
 msgid "from"
 msgstr "dal"
 
+#: components/ItaliaTheme/Blocks/Alert/Dates
+# defaultMessage: Pubblicazione futura
+msgid "futureDate"
+msgstr ""
+
 #: components/ItaliaTheme/View/Commons/Gallery
 # defaultMessage: Galleria immagini
 msgid "gallery"
@@ -3472,6 +3502,16 @@ msgstr "Sponsor"
 msgid "start"
 msgstr "Inizio evento"
 
+#: components/ItaliaTheme/Blocks/Alert/Sidebar
+# defaultMessage: Inizio
+msgid "startDate"
+msgstr ""
+
+#: components/ItaliaTheme/Blocks/Alert/Dates
+# defaultMessage: Data inizio pubblicazione:
+msgid "startTitle"
+msgstr ""
+
 #: components/ItaliaTheme/View/TrasparenzaView/DettagliProcedimentiView
 # defaultMessage: Strumenti di tutela
 msgid "strumenti_di_tutela"
diff --git a/locales/volto.pot b/locales/volto.pot
index 67d73aa7a..66558d7eb 100644
--- a/locales/volto.pot
+++ b/locales/volto.pot
@@ -1,7 +1,7 @@
 msgid ""
 msgstr ""
 "Project-Id-Version: Plone\n"
-"POT-Creation-Date: 2024-09-04T10:35:48.334Z\n"
+"POT-Creation-Date: 2024-10-25T13:58:39.565Z\n"
 "Last-Translator: Plone i18n <plone-i18n@lists.sourceforge.net>\n"
 "Language-Team: Plone i18n <plone-i18n@lists.sourceforge.net>\n"
 "MIME-Version: 1.0\n"
@@ -721,6 +721,11 @@ msgstr ""
 msgid "actions"
 msgstr ""
 
+#: components/ItaliaTheme/Blocks/Alert/Dates
+# defaultMessage: Pubblicazione attiva
+msgid "activeDate"
+msgstr ""
+
 #: components/ItaliaTheme/Search/Search
 # defaultMessage: {filterNumber} filtri attivati
 msgid "active_filters"
@@ -1617,6 +1622,11 @@ msgstr ""
 msgid "dateRangePicker_upArrowDownArrow"
 msgstr ""
 
+#: components/ItaliaTheme/Blocks/Alert/Sidebar
+# defaultMessage: Periodo di visualizzazione
+msgid "dateTitle"
+msgstr ""
+
 #: components/ItaliaTheme/View/EventoView/EventoDateOrari
 # defaultMessage: Date e orari
 msgid "date_e_orari"
@@ -1881,6 +1891,16 @@ msgstr ""
 msgid "end"
 msgstr ""
 
+#: components/ItaliaTheme/Blocks/Alert/Sidebar
+# defaultMessage: Scadenza
+msgid "endDate"
+msgstr ""
+
+#: components/ItaliaTheme/Blocks/Alert/Dates
+# defaultMessage: Data fine pubblicazione:
+msgid "endTitle"
+msgstr ""
+
 #: components/ItaliaTheme/View/EventoView/EventoCosE
 # defaultMessage: Cos'è
 msgid "event_cos_e"
@@ -1947,6 +1967,11 @@ msgstr ""
 msgid "expire"
 msgstr ""
 
+#: components/ItaliaTheme/Blocks/Alert/Dates
+# defaultMessage: Pubblicazione scaduta
+msgid "expiredDate"
+msgstr ""
+
 #: components/ItaliaTheme/View/Commons/RelatedItemInEvidence/ItemInEvidence
 # defaultMessage: Esplora
 msgid "explore"
@@ -2027,6 +2052,11 @@ msgstr ""
 msgid "from"
 msgstr ""
 
+#: components/ItaliaTheme/Blocks/Alert/Dates
+# defaultMessage: Pubblicazione futura
+msgid "futureDate"
+msgstr ""
+
 #: components/ItaliaTheme/View/Commons/Gallery
 # defaultMessage: Galleria immagini
 msgid "gallery"
@@ -3474,6 +3504,16 @@ msgstr ""
 msgid "start"
 msgstr ""
 
+#: components/ItaliaTheme/Blocks/Alert/Sidebar
+# defaultMessage: Inizio
+msgid "startDate"
+msgstr ""
+
+#: components/ItaliaTheme/Blocks/Alert/Dates
+# defaultMessage: Data inizio pubblicazione:
+msgid "startTitle"
+msgstr ""
+
 #: components/ItaliaTheme/View/TrasparenzaView/DettagliProcedimentiView
 # defaultMessage: Strumenti di tutela
 msgid "strumenti_di_tutela"
diff --git a/src/components/ItaliaTheme/Blocks/Alert/Dates.jsx b/src/components/ItaliaTheme/Blocks/Alert/Dates.jsx
index 3af9785a5..8cda4025f 100644
--- a/src/components/ItaliaTheme/Blocks/Alert/Dates.jsx
+++ b/src/components/ItaliaTheme/Blocks/Alert/Dates.jsx
@@ -3,54 +3,47 @@ import { Row, Container } from 'design-react-kit/dist/design-react-kit';
 import { defineMessages, useIntl } from 'react-intl';
 
 const messages = defineMessages({
-  expiredDate: {
-    id: 'expiredDate',
-    defaultMessage: 'Pubblicazione scaduta',
-  },
-  activeDate: {
-    id: 'activeDate',
-    defaultMessage: 'Pubblicazione attiva',
-  },
-  futureDate: {
-    id: 'futureDate',
-    defaultMessage: 'Pubblicazione futura',
-  },
+  expiredDate: { id: 'expiredDate', defaultMessage: 'Pubblicazione scaduta' },
+  activeDate: { id: 'activeDate', defaultMessage: 'Pubblicazione attiva' },
+  futureDate: { id: 'futureDate', defaultMessage: 'Pubblicazione futura' },
   startTitle: {
     id: 'startTitle',
     defaultMessage: 'Data inizio pubblicazione:',
   },
-  endTitle: {
-    id: 'endTitle',
-    defaultMessage: 'Data fine pubblicazione:',
-  },
+  endTitle: { id: 'endTitle', defaultMessage: 'Data fine pubblicazione:' },
 });
 
-const Dates = ({ startDate, endDate, ...props }) => {
-  const currentDate = new Date();
+// Componente Dates
+const Dates = ({ startDate, endDate }) => {
   const intl = useIntl();
+  const currentDate = new Date();
+  const startDateObj = startDate ? new Date(startDate) : null; // Convertire la data di inizio in oggetto Date
+  const endDateObj = endDate ? new Date(endDate) : null; // Convertire la data di fine in oggetto Date
 
-  const startDateObj = startDate ? new Date(startDate) : null; // reset startDate
-  const endDateObj = endDate ? new Date(endDate) : null; // reset endDate
+  const hasStartOrEnd = startDateObj || endDateObj; // Controlla se almeno una delle date è definita
 
-  const hasStartOrEnd = startDateObj || endDateObj;
-  const isStartAfterCurrent = startDateObj && startDateObj > currentDate;
-  const isEndAfterCurrent = endDateObj && endDateObj > currentDate;
-  const isCurrentBetweenStartAndEnd =
-    startDateObj &&
-    endDateObj &&
-    currentDate >= startDateObj &&
-    currentDate <= endDateObj;
+  let currentStatus = intl.formatMessage(messages.expiredDate); // Stato predefinito
 
-  const currentStatus =
-    startDateObj && !endDateObj // Se solo startDate è definito
-      ? isStartAfterCurrent
+  // Logica per determinare lo stato attuale
+  if (startDateObj && endDateObj) {
+    if (endDateObj < currentDate) {
+      currentStatus = intl.formatMessage(messages.expiredDate);
+    } else if (startDateObj > currentDate) {
+      currentStatus = intl.formatMessage(messages.futureDate);
+    } else {
+      currentStatus = intl.formatMessage(messages.activeDate);
+    }
+  } else if (startDateObj) {
+    currentStatus =
+      startDateObj > currentDate
         ? intl.formatMessage(messages.futureDate)
-        : intl.formatMessage(messages.activeDate) // Solo startDate è definito
-      : isCurrentBetweenStartAndEnd
-      ? intl.formatMessage(messages.activeDate) // Dentro l'intervallo di date
-      : isEndAfterCurrent
-      ? intl.formatMessage(messages.activeDate) // A data di fine è già passata
-      : intl.formatMessage(messages.expiredDate); // Se non rientra in nessuna delle altre condizioni
+        : intl.formatMessage(messages.activeDate);
+  } else if (endDateObj) {
+    currentStatus =
+      endDateObj > currentDate
+        ? intl.formatMessage(messages.activeDate)
+        : intl.formatMessage(messages.expiredDate);
+  }
 
   return (
     hasStartOrEnd && (
@@ -63,18 +56,16 @@ const Dates = ({ startDate, endDate, ...props }) => {
             {startDateObj && (
               <li>
                 <p>
-                  {intl.formatMessage(messages.startTitle) +
-                    ' ' +
-                    startDateObj.toLocaleString()}
+                  {intl.formatMessage(messages.startTitle)}{' '}
+                  {startDateObj.toLocaleString()}{' '}
                 </p>
               </li>
             )}
             {endDateObj && (
               <li>
                 <p>
-                  {intl.formatMessage(messages.endTitle) +
-                    ' ' +
-                    endDateObj.toLocaleString()}
+                  {intl.formatMessage(messages.endTitle)}{' '}
+                  {endDateObj.toLocaleString()}
                 </p>
               </li>
             )}
diff --git a/src/components/ItaliaTheme/Blocks/Alert/View.jsx b/src/components/ItaliaTheme/Blocks/Alert/View.jsx
index a0d07e629..a49627c47 100644
--- a/src/components/ItaliaTheme/Blocks/Alert/View.jsx
+++ b/src/components/ItaliaTheme/Blocks/Alert/View.jsx
@@ -30,7 +30,22 @@ const View = (props) => {
       )
     : '';
 
-  return content ? (
+  const currentDate = new Date();
+  const startDateObj = data.startDate ? new Date(data.startDate) : null; // Convertire la data di inizio in oggetto Date
+  const endDateObj = data.endDate ? new Date(data.endDate) : null; // Convertire la data di fine in oggetto Date
+
+  // Verificações para garantir que o alerta é ativo
+  const isStartActive = startDateObj ? startDateObj <= currentDate : true; // A data de início deve ser anterior ou igual à atual
+  const isEndActive = endDateObj ? endDateObj >= currentDate : true; // A data de fim deve ser posterior ou igual à atual
+
+  const isAlertActive =
+    startDateObj && endDateObj
+      ? isStartActive && isEndActive
+      : startDateObj
+      ? isStartActive
+      : isEndActive;
+
+  return content && (userLogged || isAlertActive) ? (
     <section role="alert" className="block alertblock">
       {userLogged && (
         <Dates startDate={data.startDate} endDate={data.endDate} {...props} />

From 468c04cf741cafb5e4238e1a747651c6add6ab93 Mon Sep 17 00:00:00 2001
From: Wagner Trezub <wagner.trezub@redturtle.it>
Date: Fri, 25 Oct 2024 16:55:45 +0200
Subject: [PATCH 04/17] fix: file cleaned

---
 src/components/ItaliaTheme/Blocks/Alert/View.jsx | 11 +++++------
 1 file changed, 5 insertions(+), 6 deletions(-)

diff --git a/src/components/ItaliaTheme/Blocks/Alert/View.jsx b/src/components/ItaliaTheme/Blocks/Alert/View.jsx
index a49627c47..09d205195 100644
--- a/src/components/ItaliaTheme/Blocks/Alert/View.jsx
+++ b/src/components/ItaliaTheme/Blocks/Alert/View.jsx
@@ -19,7 +19,7 @@ import Dates from './Dates';
  * @extends Component
  */
 const View = (props) => {
-  const { data, pathname } = props;
+  const { data } = props;
   const userLogged = useSelector((state) => state.userSession.token);
 
   const content = data.text
@@ -31,12 +31,11 @@ const View = (props) => {
     : '';
 
   const currentDate = new Date();
-  const startDateObj = data.startDate ? new Date(data.startDate) : null; // Convertire la data di inizio in oggetto Date
-  const endDateObj = data.endDate ? new Date(data.endDate) : null; // Convertire la data di fine in oggetto Date
+  const startDateObj = data.startDate ? new Date(data.startDate) : null;
+  const endDateObj = data.endDate ? new Date(data.endDate) : null;
 
-  // Verificações para garantir que o alerta é ativo
-  const isStartActive = startDateObj ? startDateObj <= currentDate : true; // A data de início deve ser anterior ou igual à atual
-  const isEndActive = endDateObj ? endDateObj >= currentDate : true; // A data de fim deve ser posterior ou igual à atual
+  const isStartActive = startDateObj ? startDateObj <= currentDate : true;
+  const isEndActive = endDateObj ? endDateObj >= currentDate : true;
 
   const isAlertActive =
     startDateObj && endDateObj

From 4e30e4051c113b83d0dd333ec561454863245e38 Mon Sep 17 00:00:00 2001
From: Wagner Trezub <wagner.trezub@redturtle.it>
Date: Mon, 28 Oct 2024 08:32:05 +0100
Subject: [PATCH 05/17] chore: i18n

---
 .../ItaliaTheme/Blocks/Alert/Dates.jsx        | 24 +++++++++++++------
 1 file changed, 17 insertions(+), 7 deletions(-)

diff --git a/src/components/ItaliaTheme/Blocks/Alert/Dates.jsx b/src/components/ItaliaTheme/Blocks/Alert/Dates.jsx
index 8cda4025f..b99467c71 100644
--- a/src/components/ItaliaTheme/Blocks/Alert/Dates.jsx
+++ b/src/components/ItaliaTheme/Blocks/Alert/Dates.jsx
@@ -3,28 +3,38 @@ import { Row, Container } from 'design-react-kit/dist/design-react-kit';
 import { defineMessages, useIntl } from 'react-intl';
 
 const messages = defineMessages({
-  expiredDate: { id: 'expiredDate', defaultMessage: 'Pubblicazione scaduta' },
-  activeDate: { id: 'activeDate', defaultMessage: 'Pubblicazione attiva' },
-  futureDate: { id: 'futureDate', defaultMessage: 'Pubblicazione futura' },
+  expiredDate: {
+    id: 'expiredDate',
+    defaultMessage: 'Pubblicazione scaduta',
+  },
+  activeDate: {
+    id: 'activeDate',
+    defaultMessage: 'Pubblicazione attiva',
+  },
+  futureDate: {
+    id: 'futureDate',
+    defaultMessage: 'Pubblicazione futura',
+  },
   startTitle: {
     id: 'startTitle',
     defaultMessage: 'Data inizio pubblicazione:',
   },
-  endTitle: { id: 'endTitle', defaultMessage: 'Data fine pubblicazione:' },
+  endTitle: {
+    id: 'endTitle',
+    defaultMessage: 'Data fine pubblicazione:',
+  },
 });
 
-// Componente Dates
 const Dates = ({ startDate, endDate }) => {
   const intl = useIntl();
   const currentDate = new Date();
   const startDateObj = startDate ? new Date(startDate) : null; // Convertire la data di inizio in oggetto Date
   const endDateObj = endDate ? new Date(endDate) : null; // Convertire la data di fine in oggetto Date
-
   const hasStartOrEnd = startDateObj || endDateObj; // Controlla se almeno una delle date è definita
 
   let currentStatus = intl.formatMessage(messages.expiredDate); // Stato predefinito
 
-  // Logica per determinare lo stato attuale
+  // Current date state logic
   if (startDateObj && endDateObj) {
     if (endDateObj < currentDate) {
       currentStatus = intl.formatMessage(messages.expiredDate);

From eca6f3d82a78c723d10c3cfd85be68e62e7d8715 Mon Sep 17 00:00:00 2001
From: Wagner Trezub <wagner.trezub@redturtle.it>
Date: Mon, 28 Oct 2024 09:10:18 +0100
Subject: [PATCH 06/17] refact: changes to upgrade the code

---
 .../ItaliaTheme/Blocks/Alert/Edit.jsx         |  8 +---
 .../ItaliaTheme/Blocks/Alert/View.jsx         | 44 +++--------------
 .../Blocks/Alert/{Dates.jsx => dateUtils.js}  | 47 ++++++++++++-------
 3 files changed, 39 insertions(+), 60 deletions(-)
 rename src/components/ItaliaTheme/Blocks/Alert/{Dates.jsx => dateUtils.js} (65%)

diff --git a/src/components/ItaliaTheme/Blocks/Alert/Edit.jsx b/src/components/ItaliaTheme/Blocks/Alert/Edit.jsx
index 53259e7c9..2d5205031 100644
--- a/src/components/ItaliaTheme/Blocks/Alert/Edit.jsx
+++ b/src/components/ItaliaTheme/Blocks/Alert/Edit.jsx
@@ -14,14 +14,10 @@ import { Container, Row, Col } from 'design-react-kit/dist/design-react-kit';
 import { createContent } from '@plone/volto/actions';
 import { SidebarPortal } from '@plone/volto/components';
 import { EditTextBlock } from '@plone/volto/components';
-import Dates from './Dates';
+import Dates from './dateUtils';
 
 import { AlertSidebar } from 'design-comuni-plone-theme/components/ItaliaTheme';
-/**
- * Edit Alert block class.
- * @class Edit
- * @extends Component
- */
+
 class Edit extends Component {
   /**
    * Property types.
diff --git a/src/components/ItaliaTheme/Blocks/Alert/View.jsx b/src/components/ItaliaTheme/Blocks/Alert/View.jsx
index 09d205195..6bddf3c16 100644
--- a/src/components/ItaliaTheme/Blocks/Alert/View.jsx
+++ b/src/components/ItaliaTheme/Blocks/Alert/View.jsx
@@ -1,25 +1,14 @@
-/**
- * View Alert block.
- * @module components/manage/Blocks/Hero/View
- */
-
 import React from 'react';
 import { useSelector } from 'react-redux';
 import PropTypes from 'prop-types';
 import cx from 'classnames';
 import redraft from 'redraft';
 import { Container, Row, Col } from 'design-react-kit/dist/design-react-kit';
-//import { isCmsUi } from '@plone/volto/helpers';
 import config from '@plone/volto/registry';
-import Dates from './Dates';
+import Dates from './dateUtils';
+import { isActive } from './dateUtils';
 
-/**
- * View Alert block class.
- * @class View
- * @extends Component
- */
-const View = (props) => {
-  const { data } = props;
+const View = ({ data }) => {
   const userLogged = useSelector((state) => state.userSession.token);
 
   const content = data.text
@@ -30,24 +19,10 @@ const View = (props) => {
       )
     : '';
 
-  const currentDate = new Date();
-  const startDateObj = data.startDate ? new Date(data.startDate) : null;
-  const endDateObj = data.endDate ? new Date(data.endDate) : null;
-
-  const isStartActive = startDateObj ? startDateObj <= currentDate : true;
-  const isEndActive = endDateObj ? endDateObj >= currentDate : true;
-
-  const isAlertActive =
-    startDateObj && endDateObj
-      ? isStartActive && isEndActive
-      : startDateObj
-      ? isStartActive
-      : isEndActive;
-
-  return content && (userLogged || isAlertActive) ? (
+  return content && (userLogged || isActive(data.startDate, data.endDate)) ? (
     <section role="alert" className="block alertblock">
       {userLogged && (
-        <Dates startDate={data.startDate} endDate={data.endDate} {...props} />
+        <Dates startDate={data.startDate} endDate={data.endDate} />
       )}
       <Row className={cx('row-full-width', 'bg-alert-' + data.color)}>
         <Container className="p-4 pt-5 pb-5">
@@ -70,16 +45,9 @@ const View = (props) => {
         </Container>
       </Row>
     </section>
-  ) : (
-    <></>
-  );
+  ) : null;
 };
 
-/**
- * Property types.
- * @property {Object} propTypes Property types.
- * @static
- */
 View.propTypes = {
   data: PropTypes.objectOf(PropTypes.any).isRequired,
 };
diff --git a/src/components/ItaliaTheme/Blocks/Alert/Dates.jsx b/src/components/ItaliaTheme/Blocks/Alert/dateUtils.js
similarity index 65%
rename from src/components/ItaliaTheme/Blocks/Alert/Dates.jsx
rename to src/components/ItaliaTheme/Blocks/Alert/dateUtils.js
index b99467c71..ecb6a34fd 100644
--- a/src/components/ItaliaTheme/Blocks/Alert/Dates.jsx
+++ b/src/components/ItaliaTheme/Blocks/Alert/dateUtils.js
@@ -25,57 +25,72 @@ const messages = defineMessages({
   },
 });
 
+export const isActive = (startDate, endDate) => {
+  const today = new Date().getTime();
+  const start = startDate ? new Date(startDate).getTime() : null;
+  const end = endDate ? new Date(endDate).getTime() : null;
+
+  if (start && end) {
+    return today >= start && today <= end;
+  }
+  if (start) {
+    return today >= start;
+  }
+  if (end) {
+    return today <= end;
+  }
+  return false;
+};
+
 const Dates = ({ startDate, endDate }) => {
   const intl = useIntl();
-  const currentDate = new Date();
-  const startDateObj = startDate ? new Date(startDate) : null; // Convertire la data di inizio in oggetto Date
-  const endDateObj = endDate ? new Date(endDate) : null; // Convertire la data di fine in oggetto Date
-  const hasStartOrEnd = startDateObj || endDateObj; // Controlla se almeno una delle date è definita
+  const currentDate = new Date().getTime();
+  const startDateObj = startDate ? new Date(startDate).getTime() : null;
+  const endDateObj = endDate ? new Date(endDate).getTime() : null;
 
-  let currentStatus = intl.formatMessage(messages.expiredDate); // Stato predefinito
+  let currentStatus = null;
 
-  // Current date state logic
   if (startDateObj && endDateObj) {
-    if (endDateObj < currentDate) {
-      currentStatus = intl.formatMessage(messages.expiredDate);
-    } else if (startDateObj > currentDate) {
+    if (currentDate < startDateObj) {
       currentStatus = intl.formatMessage(messages.futureDate);
+    } else if (currentDate > endDateObj) {
+      currentStatus = intl.formatMessage(messages.expiredDate);
     } else {
       currentStatus = intl.formatMessage(messages.activeDate);
     }
   } else if (startDateObj) {
     currentStatus =
-      startDateObj > currentDate
+      currentDate < startDateObj
         ? intl.formatMessage(messages.futureDate)
         : intl.formatMessage(messages.activeDate);
   } else if (endDateObj) {
     currentStatus =
-      endDateObj > currentDate
+      currentDate <= endDateObj
         ? intl.formatMessage(messages.activeDate)
         : intl.formatMessage(messages.expiredDate);
   }
 
   return (
-    hasStartOrEnd && (
+    currentStatus && (
       <Container className="alert-info-dates">
         <Row>
           <p>{currentStatus}</p>
         </Row>
         <Row>
           <ul>
-            {startDateObj && (
+            {startDate && (
               <li>
                 <p>
                   {intl.formatMessage(messages.startTitle)}{' '}
-                  {startDateObj.toLocaleString()}{' '}
+                  {new Date(startDate).toLocaleString()}{' '}
                 </p>
               </li>
             )}
-            {endDateObj && (
+            {endDate && (
               <li>
                 <p>
                   {intl.formatMessage(messages.endTitle)}{' '}
-                  {endDateObj.toLocaleString()}
+                  {new Date(endDate).toLocaleString()}
                 </p>
               </li>
             )}

From 6f41f35562966fbbf693793bc5c6ffe88bb0de2f Mon Sep 17 00:00:00 2001
From: Wagner Trezub <wagner.trezub@redturtle.it>
Date: Mon, 28 Oct 2024 10:00:33 +0100
Subject: [PATCH 07/17] refact: class component to function component for View

---
 .../ItaliaTheme/Blocks/Alert/Edit.jsx         | 200 ++++++++----------
 .../ItaliaTheme/Blocks/Alert/View.jsx         |   3 +-
 2 files changed, 85 insertions(+), 118 deletions(-)

diff --git a/src/components/ItaliaTheme/Blocks/Alert/Edit.jsx b/src/components/ItaliaTheme/Blocks/Alert/Edit.jsx
index 2d5205031..923cbc3c7 100644
--- a/src/components/ItaliaTheme/Blocks/Alert/Edit.jsx
+++ b/src/components/ItaliaTheme/Blocks/Alert/Edit.jsx
@@ -3,136 +3,102 @@
  * @module components/manage/Blocks/Image/Edit
  */
 
-import React, { Component } from 'react';
+import React from 'react';
 import PropTypes from 'prop-types';
-import { connect } from 'react-redux';
-import { compose } from 'redux';
 import { injectIntl } from 'react-intl';
 import cx from 'classnames';
 import { Container, Row, Col } from 'design-react-kit/dist/design-react-kit';
 
-import { createContent } from '@plone/volto/actions';
-import { SidebarPortal } from '@plone/volto/components';
 import { EditTextBlock } from '@plone/volto/components';
 import Dates from './dateUtils';
 
+import { SidebarPortal } from '@plone/volto/components';
 import { AlertSidebar } from 'design-comuni-plone-theme/components/ItaliaTheme';
 
-class Edit extends Component {
-  /**
-   * Property types.
-   * @property {Object} propTypes Property types.
-   * @static
-   */
-  static propTypes = {
-    selected: PropTypes.bool.isRequired,
-    block: PropTypes.string.isRequired,
-    index: PropTypes.number.isRequired,
-    data: PropTypes.objectOf(PropTypes.any).isRequired,
-    content: PropTypes.objectOf(PropTypes.any).isRequired,
-    request: PropTypes.shape({
-      loading: PropTypes.bool,
-      loaded: PropTypes.bool,
-    }).isRequired,
-    pathname: PropTypes.string.isRequired,
-    onChangeBlock: PropTypes.func.isRequired,
-    onSelectBlock: PropTypes.func.isRequired,
-    onDeleteBlock: PropTypes.func.isRequired,
-    onFocusPreviousBlock: PropTypes.func.isRequired,
-    onFocusNextBlock: PropTypes.func.isRequired,
-    handleKeyDown: PropTypes.func.isRequired,
-    createContent: PropTypes.func.isRequired,
-  };
+const Edit = (props) => {
+  const {
+    data,
+    selected,
+    index,
+    onChangeBlock,
+    onSelectBlock,
+    onDeleteBlock,
+    onFocusPreviousBlock,
+    onFocusNextBlock,
+    onAddBlock,
+  } = props;
 
-  constructor(props) {
-    super(props);
-    if (!this.props.data.color) {
-      this.props.data.color = 'warning';
-    }
-    this.blockNode = React.createRef();
-    this.state = {
-      startDate: null,
-      endDate: null,
-    };
+  if (!data.color) {
+    data.color = 'warning';
   }
 
-  render() {
-    if (__SERVER__) {
-      return <div />;
-    }
-
-    return (
-      <>
-        <div className="public-ui">
-          <div
-            className={cx('alertblock', {
-              selected: this.props.selected,
-            })}
-          >
-            <Dates
-              startDate={this.props.data.startDate}
-              endDate={this.props.data.endDate}
-              {...this.props}
-            />
-            <Row
-              className={cx(
-                'row-full-width p-5',
-                'bg-alert-' + this.props.data.color,
+  return (
+    <div className="public-ui">
+      <div className={cx('alertblock', { selected })}>
+        <Dates startDate={data.startDate} endDate={data.endDate} {...props} />
+        <Row className={cx('row-full-width p-5', 'bg-alert-' + data.color)}>
+          <Container className="ui">
+            <Row className="align-items-start">
+              {data.image?.data && (
+                <Col sm={2} className="pb-3 image-col">
+                  <img
+                    src={`data:${data.image['content-type']};${data.image.encoding},${data.image.data}`}
+                    alt=""
+                    className={cx('left-image', [
+                      data.sizeImage ? 'size-' + data.sizeImage : 'size-l',
+                    ])}
+                  />
+                </Col>
               )}
-            >
-              <Container className="ui">
-                <Row className="align-items-start">
-                  {this.props.data.image?.data && (
-                    <Col sm={2} className="pb-3 image-col">
-                      <img
-                        src={`data:${this.props.data.image['content-type']};${this.props.data.image.encoding},${this.props.data.image.data}`}
-                        alt=""
-                        className={cx('left-image', [
-                          this.props.data.sizeImage
-                            ? 'size-' + this.props.data.sizeImage
-                            : 'size-l',
-                        ])}
-                      />
-                    </Col>
-                  )}
-                  <Col>
-                    <EditTextBlock
-                      data={this.props.data}
-                      detached={true}
-                      index={this.props.index}
-                      selected={this.props.selected}
-                      block={this.props.block}
-                      onAddBlock={this.props.onAddBlock}
-                      onChangeBlock={this.props.onChangeBlock}
-                      onDeleteBlock={this.props.onDeleteBlock}
-                      onMutateBlock={this.props.onMutateBlock}
-                      onFocusPreviousBlock={this.props.onFocusPreviousBlock}
-                      onFocusNextBlock={this.props.onFocusNextBlock}
-                      onSelectBlock={this.props.onSelectBlock}
-                      blockNode={this.blockNode}
-                    />
-                  </Col>
-                </Row>
-              </Container>
+              <Col>
+                <EditTextBlock
+                  data={data}
+                  detached={true}
+                  index={index}
+                  selected={selected}
+                  block={props.block}
+                  onAddBlock={onAddBlock}
+                  onChangeBlock={onChangeBlock}
+                  onDeleteBlock={onDeleteBlock}
+                  onMutateBlock={props.onMutateBlock}
+                  onFocusPreviousBlock={onFocusPreviousBlock}
+                  onFocusNextBlock={onFocusNextBlock}
+                  onSelectBlock={onSelectBlock}
+                />
+              </Col>
             </Row>
-          </div>
-          <SidebarPortal selected={this.props.selected}>
-            <AlertSidebar {...this.props} />
-          </SidebarPortal>
-        </div>
-      </>
-    );
-  }
-}
+          </Container>
+        </Row>
+      </div>
+      <SidebarPortal selected={selected}>
+        <AlertSidebar {...props} />
+      </SidebarPortal>
+    </div>
+  );
+};
+
+/**
+ * Property types.
+ * @property {Object} propTypes Property types.
+ * @static
+ */
+Edit.propTypes = {
+  selected: PropTypes.bool.isRequired,
+  block: PropTypes.string.isRequired,
+  index: PropTypes.number.isRequired,
+  data: PropTypes.objectOf(PropTypes.any).isRequired,
+  request: PropTypes.shape({
+    loading: PropTypes.bool,
+    loaded: PropTypes.bool,
+  }).isRequired,
+  pathname: PropTypes.string.isRequired,
+  onChangeBlock: PropTypes.func.isRequired,
+  onSelectBlock: PropTypes.func.isRequired,
+  onDeleteBlock: PropTypes.func.isRequired,
+  onFocusPreviousBlock: PropTypes.func.isRequired,
+  onFocusNextBlock: PropTypes.func.isRequired,
+  handleKeyDown: PropTypes.func.isRequired,
+  createContent: PropTypes.func.isRequired,
+};
 
-export default compose(
-  injectIntl,
-  connect(
-    (state) => ({
-      request: state.content.create,
-      content: state.content.data,
-      userLogged: state.users.user,
-    }),
-    { createContent },
-  ),
-)(Edit);
+export default injectIntl(Edit);
diff --git a/src/components/ItaliaTheme/Blocks/Alert/View.jsx b/src/components/ItaliaTheme/Blocks/Alert/View.jsx
index 6bddf3c16..f78cb1147 100644
--- a/src/components/ItaliaTheme/Blocks/Alert/View.jsx
+++ b/src/components/ItaliaTheme/Blocks/Alert/View.jsx
@@ -9,6 +9,7 @@ import Dates from './dateUtils';
 import { isActive } from './dateUtils';
 
 const View = ({ data }) => {
+  const { startDate, endDate } = data;
   const userLogged = useSelector((state) => state.userSession.token);
 
   const content = data.text
@@ -19,7 +20,7 @@ const View = ({ data }) => {
       )
     : '';
 
-  return content && (userLogged || isActive(data.startDate, data.endDate)) ? (
+  return content && (userLogged || isActive(startDate, endDate)) ? (
     <section role="alert" className="block alertblock">
       {userLogged && (
         <Dates startDate={data.startDate} endDate={data.endDate} />

From 6bdaeb125347aaf17ff38caa5200d26f40e19435 Mon Sep 17 00:00:00 2001
From: Wagner Trezub <wagner.trezub@redturtle.it>
Date: Mon, 28 Oct 2024 14:10:22 +0100
Subject: [PATCH 08/17] fix: condition re-thinked

---
 .../ItaliaTheme/Blocks/Alert/AlertWrapper.jsx | 102 +++++++++++++++++
 .../ItaliaTheme/Blocks/Alert/Edit.jsx         |  97 ++++++++--------
 .../ItaliaTheme/Blocks/Alert/View.jsx         |  58 +++++-----
 .../ItaliaTheme/Blocks/Alert/dateUtils.js     | 104 ------------------
 .../ItaliaTheme/Blocks/Alert/utils.js         |  60 ++++++++++
 5 files changed, 239 insertions(+), 182 deletions(-)
 create mode 100644 src/components/ItaliaTheme/Blocks/Alert/AlertWrapper.jsx
 delete mode 100644 src/components/ItaliaTheme/Blocks/Alert/dateUtils.js
 create mode 100644 src/components/ItaliaTheme/Blocks/Alert/utils.js

diff --git a/src/components/ItaliaTheme/Blocks/Alert/AlertWrapper.jsx b/src/components/ItaliaTheme/Blocks/Alert/AlertWrapper.jsx
new file mode 100644
index 000000000..75124d9b0
--- /dev/null
+++ b/src/components/ItaliaTheme/Blocks/Alert/AlertWrapper.jsx
@@ -0,0 +1,102 @@
+import React from 'react';
+import { useSelector } from 'react-redux';
+import { Row, Container } from 'design-react-kit/dist/design-react-kit';
+import { defineMessages, useIntl } from 'react-intl';
+
+const messages = defineMessages({
+  expiredDate: {
+    id: 'expiredDate',
+    defaultMessage: 'Pubblicazione scaduta',
+  },
+  activeDate: {
+    id: 'activeDate',
+    defaultMessage: 'Pubblicazione attiva',
+  },
+  futureDate: {
+    id: 'futureDate',
+    defaultMessage: 'Pubblicazione futura',
+  },
+  startTitle: {
+    id: 'startTitle',
+    defaultMessage: 'Data inizio pubblicazione:',
+  },
+  endTitle: {
+    id: 'endTitle',
+    defaultMessage: 'Data fine pubblicazione:',
+  },
+  errorDate: {
+    id: 'errorDate',
+    defaultMessage: "Data di scadenza anteriore a data d'inizio",
+  },
+});
+
+const AlertWrapper = ({ data, children }) => {
+  const intl = useIntl();
+  const userLogged = useSelector((state) => state.userSession.token);
+
+  const isActive = () => {
+    const today = new Date().getTime();
+    const start = data.startDate ? new Date(data.startDate).getTime() : 0;
+    const end = data.endDate
+      ? new Date(data.endDate).getTime()
+      : Number.MAX_SAFE_INTEGER;
+
+    const returnValue = { active: false, message: null };
+
+    if (end < start) {
+      returnValue.message = intl.formatMessage(messages.errorDate);
+      returnValue.active = false;
+    } else if (today < start) {
+      returnValue.message = intl.formatMessage(messages.futureDate);
+      returnValue.active = false;
+    } else if (today < end) {
+      returnValue.message = intl.formatMessage(messages.activeDate);
+      returnValue.active = true;
+    } else {
+      returnValue.message = intl.formatMessage(messages.expiredDate);
+      returnValue.active = false;
+    }
+    return returnValue;
+  };
+
+  const activeStatus = isActive();
+
+  return (
+    <>
+      {(userLogged || activeStatus.active) && (
+        <>
+          {userLogged && (
+            <Container className="alert-info-dates">
+              <Row>
+                <p>{activeStatus.message}</p>
+              </Row>
+              <Row>
+                <ul>
+                  {data.startDate && (
+                    <li>
+                      <p>
+                        {intl.formatMessage(messages.startTitle)}{' '}
+                        {new Date(data.startDate).toLocaleString()}
+                      </p>
+                    </li>
+                  )}
+                  {data.endDate && (
+                    <li>
+                      <p>
+                        {intl.formatMessage(messages.endTitle)}{' '}
+                        {new Date(data.endDate).toLocaleString()}
+                      </p>
+                    </li>
+                  )}
+                </ul>
+              </Row>
+            </Container>
+          )}
+          {children}
+        </>
+      )}
+    </>
+  );
+};
+
+export default AlertWrapper;
diff --git a/src/components/ItaliaTheme/Blocks/Alert/Edit.jsx b/src/components/ItaliaTheme/Blocks/Alert/Edit.jsx
index 923cbc3c7..a1a759893 100644
--- a/src/components/ItaliaTheme/Blocks/Alert/Edit.jsx
+++ b/src/components/ItaliaTheme/Blocks/Alert/Edit.jsx
@@ -3,14 +3,13 @@
  * @module components/manage/Blocks/Image/Edit
  */
 
-import React from 'react';
+import React, { useEffect } from 'react';
 import PropTypes from 'prop-types';
-import { injectIntl } from 'react-intl';
 import cx from 'classnames';
 import { Container, Row, Col } from 'design-react-kit/dist/design-react-kit';
 
 import { EditTextBlock } from '@plone/volto/components';
-import Dates from './dateUtils';
+import AlertWrapper from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/Alert/AlertWrapper.jsx';
 
 import { SidebarPortal } from '@plone/volto/components';
 import { AlertSidebar } from 'design-comuni-plone-theme/components/ItaliaTheme';
@@ -18,6 +17,7 @@ import { AlertSidebar } from 'design-comuni-plone-theme/components/ItaliaTheme';
 const Edit = (props) => {
   const {
     data,
+    block,
     selected,
     index,
     onChangeBlock,
@@ -28,52 +28,58 @@ const Edit = (props) => {
     onAddBlock,
   } = props;
 
-  if (!data.color) {
-    data.color = 'warning';
-  }
+  useEffect(() => {
+    if (!data.bg_color) {
+      onChangeBlock(block, {
+        ...data,
+        bg_color: data.color ?? 'warning',
+      });
+    }
+  }, [data, onChangeBlock, block]);
 
   return (
-    <div className="public-ui">
-      <div className={cx('alertblock', { selected })}>
-        <Dates startDate={data.startDate} endDate={data.endDate} {...props} />
-        <Row className={cx('row-full-width p-5', 'bg-alert-' + data.color)}>
-          <Container className="ui">
-            <Row className="align-items-start">
-              {data.image?.data && (
-                <Col sm={2} className="pb-3 image-col">
-                  <img
-                    src={`data:${data.image['content-type']};${data.image.encoding},${data.image.data}`}
-                    alt=""
-                    className={cx('left-image', [
-                      data.sizeImage ? 'size-' + data.sizeImage : 'size-l',
-                    ])}
+    <AlertWrapper data={data} {...props}>
+      <div className="public-ui">
+        <div className={cx('alertblock', { selected })}>
+          <Row className={cx('row-full-width p-5', 'bg-alert-' + data.color)}>
+            <Container className="ui">
+              <Row className="align-items-start">
+                {data.image?.data && (
+                  <Col sm={2} className="pb-3 image-col">
+                    <img
+                      src={`data:${data.image['content-type']};${data.image.encoding},${data.image.data}`}
+                      alt=""
+                      className={cx('left-image', [
+                        data.sizeImage ? 'size-' + data.sizeImage : 'size-l',
+                      ])}
+                    />
+                  </Col>
+                )}
+                <Col>
+                  <EditTextBlock
+                    data={data}
+                    detached={true}
+                    index={index}
+                    selected={selected}
+                    block={props.block}
+                    onAddBlock={onAddBlock}
+                    onChangeBlock={onChangeBlock}
+                    onDeleteBlock={onDeleteBlock}
+                    onMutateBlock={props.onMutateBlock}
+                    onFocusPreviousBlock={onFocusPreviousBlock}
+                    onFocusNextBlock={onFocusNextBlock}
+                    onSelectBlock={onSelectBlock}
                   />
                 </Col>
-              )}
-              <Col>
-                <EditTextBlock
-                  data={data}
-                  detached={true}
-                  index={index}
-                  selected={selected}
-                  block={props.block}
-                  onAddBlock={onAddBlock}
-                  onChangeBlock={onChangeBlock}
-                  onDeleteBlock={onDeleteBlock}
-                  onMutateBlock={props.onMutateBlock}
-                  onFocusPreviousBlock={onFocusPreviousBlock}
-                  onFocusNextBlock={onFocusNextBlock}
-                  onSelectBlock={onSelectBlock}
-                />
-              </Col>
-            </Row>
-          </Container>
-        </Row>
+              </Row>
+            </Container>
+          </Row>
+        </div>
+        <SidebarPortal selected={selected}>
+          <AlertSidebar {...props} />
+        </SidebarPortal>
       </div>
-      <SidebarPortal selected={selected}>
-        <AlertSidebar {...props} />
-      </SidebarPortal>
-    </div>
+    </AlertWrapper>
   );
 };
 
@@ -100,5 +106,4 @@ Edit.propTypes = {
   handleKeyDown: PropTypes.func.isRequired,
   createContent: PropTypes.func.isRequired,
 };
-
-export default injectIntl(Edit);
+export default Edit;
diff --git a/src/components/ItaliaTheme/Blocks/Alert/View.jsx b/src/components/ItaliaTheme/Blocks/Alert/View.jsx
index f78cb1147..c35489ca8 100644
--- a/src/components/ItaliaTheme/Blocks/Alert/View.jsx
+++ b/src/components/ItaliaTheme/Blocks/Alert/View.jsx
@@ -1,17 +1,12 @@
 import React from 'react';
-import { useSelector } from 'react-redux';
 import PropTypes from 'prop-types';
 import cx from 'classnames';
 import redraft from 'redraft';
 import { Container, Row, Col } from 'design-react-kit/dist/design-react-kit';
 import config from '@plone/volto/registry';
-import Dates from './dateUtils';
-import { isActive } from './dateUtils';
+import AlertWrapper from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/Alert/AlertWrapper.jsx';
 
 const View = ({ data }) => {
-  const { startDate, endDate } = data;
-  const userLogged = useSelector((state) => state.userSession.token);
-
   const content = data.text
     ? redraft(
         data.text,
@@ -20,32 +15,31 @@ const View = ({ data }) => {
       )
     : '';
 
-  return content && (userLogged || isActive(startDate, endDate)) ? (
-    <section role="alert" className="block alertblock">
-      {userLogged && (
-        <Dates startDate={data.startDate} endDate={data.endDate} />
-      )}
-      <Row className={cx('row-full-width', 'bg-alert-' + data.color)}>
-        <Container className="p-4 pt-5 pb-5">
-          <Row className="align-items-start">
-            {data.image?.data && (
-              <Col sm={2} className="pb-3 image-col">
-                <img
-                  src={`data:${data.image['content-type']};${data.image.encoding},${data.image.data}`}
-                  alt=""
-                  aria-hidden="true"
-                  className={cx('left-image', [
-                    data.sizeImage ? 'size-' + data.sizeImage : 'size-l',
-                  ])}
-                  loading="lazy"
-                />
-              </Col>
-            )}
-            <Col>{content}</Col>
-          </Row>
-        </Container>
-      </Row>
-    </section>
+  return content ? (
+    <AlertWrapper data={data}>
+      <section role="alert" className="block alertblock">
+        <Row className={cx('row-full-width', 'bg-alert-' + data.color)}>
+          <Container className="p-4 pt-5 pb-5">
+            <Row className="align-items-start">
+              {data.image?.data && (
+                <Col sm={2} className="pb-3 image-col">
+                  <img
+                    src={`data:${data.image['content-type']};${data.image.encoding},${data.image.data}`}
+                    alt=""
+                    aria-hidden="true"
+                    className={cx('left-image', [
+                      data.sizeImage ? 'size-' + data.sizeImage : 'size-l',
+                    ])}
+                    loading="lazy"
+                  />
+                </Col>
+              )}
+              <Col>{content}</Col>
+            </Row>
+          </Container>
+        </Row>
+      </section>
+    </AlertWrapper>
   ) : null;
 };
 
diff --git a/src/components/ItaliaTheme/Blocks/Alert/dateUtils.js b/src/components/ItaliaTheme/Blocks/Alert/dateUtils.js
deleted file mode 100644
index ecb6a34fd..000000000
--- a/src/components/ItaliaTheme/Blocks/Alert/dateUtils.js
+++ /dev/null
@@ -1,104 +0,0 @@
-import React from 'react';
-import { Row, Container } from 'design-react-kit/dist/design-react-kit';
-import { defineMessages, useIntl } from 'react-intl';
-
-const messages = defineMessages({
-  expiredDate: {
-    id: 'expiredDate',
-    defaultMessage: 'Pubblicazione scaduta',
-  },
-  activeDate: {
-    id: 'activeDate',
-    defaultMessage: 'Pubblicazione attiva',
-  },
-  futureDate: {
-    id: 'futureDate',
-    defaultMessage: 'Pubblicazione futura',
-  },
-  startTitle: {
-    id: 'startTitle',
-    defaultMessage: 'Data inizio pubblicazione:',
-  },
-  endTitle: {
-    id: 'endTitle',
-    defaultMessage: 'Data fine pubblicazione:',
-  },
-});
-
-export const isActive = (startDate, endDate) => {
-  const today = new Date().getTime();
-  const start = startDate ? new Date(startDate).getTime() : null;
-  const end = endDate ? new Date(endDate).getTime() : null;
-
-  if (start && end) {
-    return today >= start && today <= end;
-  }
-  if (start) {
-    return today >= start;
-  }
-  if (end) {
-    return today <= end;
-  }
-  return false;
-};
-
-const Dates = ({ startDate, endDate }) => {
-  const intl = useIntl();
-  const currentDate = new Date().getTime();
-  const startDateObj = startDate ? new Date(startDate).getTime() : null;
-  const endDateObj = endDate ? new Date(endDate).getTime() : null;
-
-  let currentStatus = null;
-
-  if (startDateObj && endDateObj) {
-    if (currentDate < startDateObj) {
-      currentStatus = intl.formatMessage(messages.futureDate);
-    } else if (currentDate > endDateObj) {
-      currentStatus = intl.formatMessage(messages.expiredDate);
-    } else {
-      currentStatus = intl.formatMessage(messages.activeDate);
-    }
-  } else if (startDateObj) {
-    currentStatus =
-      currentDate < startDateObj
-        ? intl.formatMessage(messages.futureDate)
-        : intl.formatMessage(messages.activeDate);
-  } else if (endDateObj) {
-    currentStatus =
-      currentDate <= endDateObj
-        ? intl.formatMessage(messages.activeDate)
-        : intl.formatMessage(messages.expiredDate);
-  }
-
-  return (
-    currentStatus && (
-      <Container className="alert-info-dates">
-        <Row>
-          <p>{currentStatus}</p>
-        </Row>
-        <Row>
-          <ul>
-            {startDate && (
-              <li>
-                <p>
-                  {intl.formatMessage(messages.startTitle)}{' '}
-                  {new Date(startDate).toLocaleString()}{' '}
-                </p>
-              </li>
-            )}
-            {endDate && (
-              <li>
-                <p>
-                  {intl.formatMessage(messages.endTitle)}{' '}
-                  {new Date(endDate).toLocaleString()}
-                </p>
-              </li>
-            )}
-          </ul>
-        </Row>
-      </Container>
-    )
-  );
-};
-
-export default Dates;
diff --git a/src/components/ItaliaTheme/Blocks/Alert/utils.js b/src/components/ItaliaTheme/Blocks/Alert/utils.js
new file mode 100644
index 000000000..a8728fb93
--- /dev/null
+++ b/src/components/ItaliaTheme/Blocks/Alert/utils.js
@@ -0,0 +1,60 @@
+import React from 'react';
+import { Row, Container } from 'design-react-kit/dist/design-react-kit';
+import { defineMessages, useIntl } from 'react-intl';
+
+const messages = defineMessages({
+  expiredDate: {
+    id: 'expiredDate',
+    defaultMessage: 'Pubblicazione scaduta',
+  },
+  activeDate: {
+    id: 'activeDate',
+    defaultMessage: 'Pubblicazione attiva',
+  },
+  futureDate: {
+    id: 'futureDate',
+    defaultMessage: 'Pubblicazione futura',
+  },
+  startTitle: {
+    id: 'startTitle',
+    defaultMessage: 'Data inizio pubblicazione:',
+  },
+  endTitle: {
+    id: 'endTitle',
+    defaultMessage: 'Data fine pubblicazione:',
+  },
+});
+
+const isActive = ({ startDate, endDate }) => {
+  const intl = useIntl();
+
+  let currentStatus = null;
+
+  const isActive = () => {
+    const today = new Date().getTime();
+    const start = startDate ? new Date(startDate).getTime() : null;
+    const end = endDate ? new Date(endDate).getTime() : null;
+
+    if (start && end) {
+      currentStatus = intl.formatMessage(messages.activeDate);
+      return today >= start && today <= end;
+    }
+    if (start) {
+      today >= start
+        ? (currentStatus = intl.formatMessage(messages.activeDate))
+        : (currentStatus = intl.formatMessage(messages.futureDate));
+      return today >= start;
+    }
+    if (end) {
+      today <= end
+        ? (currentStatus = intl.formatMessage(messages.activeDate))
+        : (currentStatus = intl.formatMessage(messages.expiredDate));
+      return today <= end;
+    }
+    return false;
+  };
+
+  return isActive;
+};
+
+export default isActive(currentStatus);

From 9713e117e4f9acc35ac7a50046bfe38da1712965 Mon Sep 17 00:00:00 2001
From: Wagner Trezub <60133113+Wagner3UB@users.noreply.github.com>
Date: Mon, 28 Oct 2024 14:11:15 +0100
Subject: [PATCH 09/17] Update
 src/components/ItaliaTheme/Blocks/Alert/Sidebar.jsx

Co-authored-by: Giulia Ghisini <51911425+giuliaghisini@users.noreply.github.com>
---
 src/components/ItaliaTheme/Blocks/Alert/Sidebar.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/ItaliaTheme/Blocks/Alert/Sidebar.jsx b/src/components/ItaliaTheme/Blocks/Alert/Sidebar.jsx
index e35bf04e7..c98b980bd 100644
--- a/src/components/ItaliaTheme/Blocks/Alert/Sidebar.jsx
+++ b/src/components/ItaliaTheme/Blocks/Alert/Sidebar.jsx
@@ -33,7 +33,7 @@ const messages = defineMessages({
     defaultMessage: 'Dimensione immagine',
   },
   startDate: {
-    id: 'startDate',
+    id: 'alertblock_startDate',
     defaultMessage: 'Inizio',
   },
   endDate: {

From 558c33f2995193856b8b6bb8ba9261fb35e76311 Mon Sep 17 00:00:00 2001
From: Wagner Trezub <60133113+Wagner3UB@users.noreply.github.com>
Date: Mon, 28 Oct 2024 14:11:24 +0100
Subject: [PATCH 10/17] Update
 src/components/ItaliaTheme/Blocks/Alert/Sidebar.jsx

Co-authored-by: Giulia Ghisini <51911425+giuliaghisini@users.noreply.github.com>
---
 src/components/ItaliaTheme/Blocks/Alert/Sidebar.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/ItaliaTheme/Blocks/Alert/Sidebar.jsx b/src/components/ItaliaTheme/Blocks/Alert/Sidebar.jsx
index c98b980bd..c788c82df 100644
--- a/src/components/ItaliaTheme/Blocks/Alert/Sidebar.jsx
+++ b/src/components/ItaliaTheme/Blocks/Alert/Sidebar.jsx
@@ -37,7 +37,7 @@ const messages = defineMessages({
     defaultMessage: 'Inizio',
   },
   endDate: {
-    id: 'endDate',
+    id: 'alertblock_endDate',
     defaultMessage: 'Scadenza',
   },
   dateTitle: {

From 01c9038c9557dc94d3c7913a05db787dfb317e0c Mon Sep 17 00:00:00 2001
From: Wagner Trezub <60133113+Wagner3UB@users.noreply.github.com>
Date: Mon, 28 Oct 2024 14:11:31 +0100
Subject: [PATCH 11/17] Update
 src/components/ItaliaTheme/Blocks/Alert/Sidebar.jsx

Co-authored-by: Giulia Ghisini <51911425+giuliaghisini@users.noreply.github.com>
---
 src/components/ItaliaTheme/Blocks/Alert/Sidebar.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/ItaliaTheme/Blocks/Alert/Sidebar.jsx b/src/components/ItaliaTheme/Blocks/Alert/Sidebar.jsx
index c788c82df..37deece5a 100644
--- a/src/components/ItaliaTheme/Blocks/Alert/Sidebar.jsx
+++ b/src/components/ItaliaTheme/Blocks/Alert/Sidebar.jsx
@@ -41,7 +41,7 @@ const messages = defineMessages({
     defaultMessage: 'Scadenza',
   },
   dateTitle: {
-    id: 'dateTitle',
+    id: 'alertblock_dateTitle',
     defaultMessage: 'Periodo di visualizzazione',
   },
 });

From dc7fcece2efacf9edf6dafd39acf74e0c09c7418 Mon Sep 17 00:00:00 2001
From: Wagner Trezub <wagner.trezub@redturtle.it>
Date: Mon, 28 Oct 2024 14:13:31 +0100
Subject: [PATCH 12/17] chore: i18n

---
 locales/de/LC_MESSAGES/volto.po               | 50 +++++++++++-------
 locales/en/LC_MESSAGES/volto.po               | 50 +++++++++++-------
 locales/es/LC_MESSAGES/volto.po               | 50 +++++++++++-------
 locales/fr/LC_MESSAGES/volto.po               | 50 +++++++++++-------
 locales/it/LC_MESSAGES/volto.po               | 50 +++++++++++-------
 locales/volto.pot                             | 52 +++++++++++--------
 .../ItaliaTheme/Blocks/Alert/Sidebar.jsx      | 14 ++---
 7 files changed, 189 insertions(+), 127 deletions(-)

diff --git a/locales/de/LC_MESSAGES/volto.po b/locales/de/LC_MESSAGES/volto.po
index 367b19717..e2c95d9a8 100644
--- a/locales/de/LC_MESSAGES/volto.po
+++ b/locales/de/LC_MESSAGES/volto.po
@@ -734,7 +734,8 @@ msgstr ""
 msgid "actions"
 msgstr ""
 
-#: components/ItaliaTheme/Blocks/Alert/Dates
+#: components/ItaliaTheme/Blocks/Alert/AlertWrapper
+#: components/ItaliaTheme/Blocks/Alert/utils
 # defaultMessage: Pubblicazione attiva
 msgid "activeDate"
 msgstr ""
@@ -749,6 +750,21 @@ msgstr ""
 msgid "advandedSectionsFilters"
 msgstr ""
 
+#: components/ItaliaTheme/Blocks/Alert/Sidebar
+# defaultMessage: Periodo di visualizzazione
+msgid "alertblock_dateTitle"
+msgstr ""
+
+#: components/ItaliaTheme/Blocks/Alert/Sidebar
+# defaultMessage: Scadenza
+msgid "alertblock_endDate"
+msgstr ""
+
+#: components/ItaliaTheme/Blocks/Alert/Sidebar
+# defaultMessage: Inizio
+msgid "alertblock_startDate"
+msgstr ""
+
 #: components/ItaliaTheme/Blocks/IconBlocks/Sidebar
 # defaultMessage: Centrare i card
 msgid "alignCards"
@@ -1635,11 +1651,6 @@ msgstr ""
 msgid "dateRangePicker_upArrowDownArrow"
 msgstr ""
 
-#: components/ItaliaTheme/Blocks/Alert/Sidebar
-# defaultMessage: Periodo di visualizzazione
-msgid "dateTitle"
-msgstr ""
-
 #: components/ItaliaTheme/View/EventoView/EventoDateOrari
 # defaultMessage: Date e orari
 msgid "date_e_orari"
@@ -1904,16 +1915,17 @@ msgstr ""
 msgid "end"
 msgstr ""
 
-#: components/ItaliaTheme/Blocks/Alert/Sidebar
-# defaultMessage: Scadenza
-msgid "endDate"
-msgstr ""
-
-#: components/ItaliaTheme/Blocks/Alert/Dates
+#: components/ItaliaTheme/Blocks/Alert/AlertWrapper
+#: components/ItaliaTheme/Blocks/Alert/utils
 # defaultMessage: Data fine pubblicazione:
 msgid "endTitle"
 msgstr ""
 
+#: components/ItaliaTheme/Blocks/Alert/AlertWrapper
+# defaultMessage: Data di scadenza anteriore a data d'inizio
+msgid "errorDate"
+msgstr ""
+
 #: components/ItaliaTheme/View/EventoView/EventoCosE
 # defaultMessage: Cos'è
 msgid "event_cos_e"
@@ -1980,7 +1992,8 @@ msgstr ""
 msgid "expire"
 msgstr ""
 
-#: components/ItaliaTheme/Blocks/Alert/Dates
+#: components/ItaliaTheme/Blocks/Alert/AlertWrapper
+#: components/ItaliaTheme/Blocks/Alert/utils
 # defaultMessage: Pubblicazione scaduta
 msgid "expiredDate"
 msgstr ""
@@ -2065,7 +2078,8 @@ msgstr ""
 msgid "from"
 msgstr ""
 
-#: components/ItaliaTheme/Blocks/Alert/Dates
+#: components/ItaliaTheme/Blocks/Alert/AlertWrapper
+#: components/ItaliaTheme/Blocks/Alert/utils
 # defaultMessage: Pubblicazione futura
 msgid "futureDate"
 msgstr ""
@@ -3517,12 +3531,8 @@ msgstr ""
 msgid "start"
 msgstr ""
 
-#: components/ItaliaTheme/Blocks/Alert/Sidebar
-# defaultMessage: Inizio
-msgid "startDate"
-msgstr ""
-
-#: components/ItaliaTheme/Blocks/Alert/Dates
+#: components/ItaliaTheme/Blocks/Alert/AlertWrapper
+#: components/ItaliaTheme/Blocks/Alert/utils
 # defaultMessage: Data inizio pubblicazione:
 msgid "startTitle"
 msgstr ""
diff --git a/locales/en/LC_MESSAGES/volto.po b/locales/en/LC_MESSAGES/volto.po
index 2ad4deb96..b5b046f4d 100644
--- a/locales/en/LC_MESSAGES/volto.po
+++ b/locales/en/LC_MESSAGES/volto.po
@@ -719,7 +719,8 @@ msgstr ""
 msgid "actions"
 msgstr "View actions"
 
-#: components/ItaliaTheme/Blocks/Alert/Dates
+#: components/ItaliaTheme/Blocks/Alert/AlertWrapper
+#: components/ItaliaTheme/Blocks/Alert/utils
 # defaultMessage: Pubblicazione attiva
 msgid "activeDate"
 msgstr ""
@@ -734,6 +735,21 @@ msgstr ""
 msgid "advandedSectionsFilters"
 msgstr "Go to advanced search by sections"
 
+#: components/ItaliaTheme/Blocks/Alert/Sidebar
+# defaultMessage: Periodo di visualizzazione
+msgid "alertblock_dateTitle"
+msgstr ""
+
+#: components/ItaliaTheme/Blocks/Alert/Sidebar
+# defaultMessage: Scadenza
+msgid "alertblock_endDate"
+msgstr ""
+
+#: components/ItaliaTheme/Blocks/Alert/Sidebar
+# defaultMessage: Inizio
+msgid "alertblock_startDate"
+msgstr ""
+
 #: components/ItaliaTheme/Blocks/IconBlocks/Sidebar
 # defaultMessage: Centrare i card
 msgid "alignCards"
@@ -1620,11 +1636,6 @@ msgstr "Open the keyboard shortcuts panel."
 msgid "dateRangePicker_upArrowDownArrow"
 msgstr "up and down arrow keys"
 
-#: components/ItaliaTheme/Blocks/Alert/Sidebar
-# defaultMessage: Periodo di visualizzazione
-msgid "dateTitle"
-msgstr ""
-
 #: components/ItaliaTheme/View/EventoView/EventoDateOrari
 # defaultMessage: Date e orari
 msgid "date_e_orari"
@@ -1889,16 +1900,17 @@ msgstr ""
 msgid "end"
 msgstr "End of event"
 
-#: components/ItaliaTheme/Blocks/Alert/Sidebar
-# defaultMessage: Scadenza
-msgid "endDate"
-msgstr ""
-
-#: components/ItaliaTheme/Blocks/Alert/Dates
+#: components/ItaliaTheme/Blocks/Alert/AlertWrapper
+#: components/ItaliaTheme/Blocks/Alert/utils
 # defaultMessage: Data fine pubblicazione:
 msgid "endTitle"
 msgstr ""
 
+#: components/ItaliaTheme/Blocks/Alert/AlertWrapper
+# defaultMessage: Data di scadenza anteriore a data d'inizio
+msgid "errorDate"
+msgstr ""
+
 #: components/ItaliaTheme/View/EventoView/EventoCosE
 # defaultMessage: Cos'è
 msgid "event_cos_e"
@@ -1965,7 +1977,8 @@ msgstr ""
 msgid "expire"
 msgstr "Expire"
 
-#: components/ItaliaTheme/Blocks/Alert/Dates
+#: components/ItaliaTheme/Blocks/Alert/AlertWrapper
+#: components/ItaliaTheme/Blocks/Alert/utils
 # defaultMessage: Pubblicazione scaduta
 msgid "expiredDate"
 msgstr ""
@@ -2050,7 +2063,8 @@ msgstr "Found {total} results"
 msgid "from"
 msgstr "from"
 
-#: components/ItaliaTheme/Blocks/Alert/Dates
+#: components/ItaliaTheme/Blocks/Alert/AlertWrapper
+#: components/ItaliaTheme/Blocks/Alert/utils
 # defaultMessage: Pubblicazione futura
 msgid "futureDate"
 msgstr ""
@@ -3502,12 +3516,8 @@ msgstr ""
 msgid "start"
 msgstr "Event start"
 
-#: components/ItaliaTheme/Blocks/Alert/Sidebar
-# defaultMessage: Inizio
-msgid "startDate"
-msgstr ""
-
-#: components/ItaliaTheme/Blocks/Alert/Dates
+#: components/ItaliaTheme/Blocks/Alert/AlertWrapper
+#: components/ItaliaTheme/Blocks/Alert/utils
 # defaultMessage: Data inizio pubblicazione:
 msgid "startTitle"
 msgstr ""
diff --git a/locales/es/LC_MESSAGES/volto.po b/locales/es/LC_MESSAGES/volto.po
index c150ec658..06f2cb30e 100644
--- a/locales/es/LC_MESSAGES/volto.po
+++ b/locales/es/LC_MESSAGES/volto.po
@@ -728,7 +728,8 @@ msgstr "Acordeón"
 msgid "actions"
 msgstr "Ver acciones"
 
-#: components/ItaliaTheme/Blocks/Alert/Dates
+#: components/ItaliaTheme/Blocks/Alert/AlertWrapper
+#: components/ItaliaTheme/Blocks/Alert/utils
 # defaultMessage: Pubblicazione attiva
 msgid "activeDate"
 msgstr ""
@@ -743,6 +744,21 @@ msgstr ""
 msgid "advandedSectionsFilters"
 msgstr "Ir a búsqueda avanzada por secciones"
 
+#: components/ItaliaTheme/Blocks/Alert/Sidebar
+# defaultMessage: Periodo di visualizzazione
+msgid "alertblock_dateTitle"
+msgstr ""
+
+#: components/ItaliaTheme/Blocks/Alert/Sidebar
+# defaultMessage: Scadenza
+msgid "alertblock_endDate"
+msgstr ""
+
+#: components/ItaliaTheme/Blocks/Alert/Sidebar
+# defaultMessage: Inizio
+msgid "alertblock_startDate"
+msgstr ""
+
 #: components/ItaliaTheme/Blocks/IconBlocks/Sidebar
 # defaultMessage: Centrare i card
 msgid "alignCards"
@@ -1629,11 +1645,6 @@ msgstr "Abra el panel de métodos abreviados de teclado."
 msgid "dateRangePicker_upArrowDownArrow"
 msgstr "teclas de flecha arriba y abajo"
 
-#: components/ItaliaTheme/Blocks/Alert/Sidebar
-# defaultMessage: Periodo di visualizzazione
-msgid "dateTitle"
-msgstr ""
-
 #: components/ItaliaTheme/View/EventoView/EventoDateOrari
 # defaultMessage: Date e orari
 msgid "date_e_orari"
@@ -1898,16 +1909,17 @@ msgstr "Seleccione un elemento en la barra lateral en para mostrarlo aquí"
 msgid "end"
 msgstr "Fin del evento"
 
-#: components/ItaliaTheme/Blocks/Alert/Sidebar
-# defaultMessage: Scadenza
-msgid "endDate"
-msgstr ""
-
-#: components/ItaliaTheme/Blocks/Alert/Dates
+#: components/ItaliaTheme/Blocks/Alert/AlertWrapper
+#: components/ItaliaTheme/Blocks/Alert/utils
 # defaultMessage: Data fine pubblicazione:
 msgid "endTitle"
 msgstr ""
 
+#: components/ItaliaTheme/Blocks/Alert/AlertWrapper
+# defaultMessage: Data di scadenza anteriore a data d'inizio
+msgid "errorDate"
+msgstr ""
+
 #: components/ItaliaTheme/View/EventoView/EventoCosE
 # defaultMessage: Cos'è
 msgid "event_cos_e"
@@ -1974,7 +1986,8 @@ msgstr ""
 msgid "expire"
 msgstr "Expirar"
 
-#: components/ItaliaTheme/Blocks/Alert/Dates
+#: components/ItaliaTheme/Blocks/Alert/AlertWrapper
+#: components/ItaliaTheme/Blocks/Alert/utils
 # defaultMessage: Pubblicazione scaduta
 msgid "expiredDate"
 msgstr ""
@@ -2059,7 +2072,8 @@ msgstr "Encontrados {total} resultados"
 msgid "from"
 msgstr "desde"
 
-#: components/ItaliaTheme/Blocks/Alert/Dates
+#: components/ItaliaTheme/Blocks/Alert/AlertWrapper
+#: components/ItaliaTheme/Blocks/Alert/utils
 # defaultMessage: Pubblicazione futura
 msgid "futureDate"
 msgstr ""
@@ -3511,12 +3525,8 @@ msgstr "Patrocinadores"
 msgid "start"
 msgstr "Inicio del evento"
 
-#: components/ItaliaTheme/Blocks/Alert/Sidebar
-# defaultMessage: Inizio
-msgid "startDate"
-msgstr ""
-
-#: components/ItaliaTheme/Blocks/Alert/Dates
+#: components/ItaliaTheme/Blocks/Alert/AlertWrapper
+#: components/ItaliaTheme/Blocks/Alert/utils
 # defaultMessage: Data inizio pubblicazione:
 msgid "startTitle"
 msgstr ""
diff --git a/locales/fr/LC_MESSAGES/volto.po b/locales/fr/LC_MESSAGES/volto.po
index b877d722e..2fe64bbee 100644
--- a/locales/fr/LC_MESSAGES/volto.po
+++ b/locales/fr/LC_MESSAGES/volto.po
@@ -736,7 +736,8 @@ msgstr ""
 msgid "actions"
 msgstr "Voir les actions"
 
-#: components/ItaliaTheme/Blocks/Alert/Dates
+#: components/ItaliaTheme/Blocks/Alert/AlertWrapper
+#: components/ItaliaTheme/Blocks/Alert/utils
 # defaultMessage: Pubblicazione attiva
 msgid "activeDate"
 msgstr ""
@@ -751,6 +752,21 @@ msgstr ""
 msgid "advandedSectionsFilters"
 msgstr "Aller à la recherche avancée par rubrique"
 
+#: components/ItaliaTheme/Blocks/Alert/Sidebar
+# defaultMessage: Periodo di visualizzazione
+msgid "alertblock_dateTitle"
+msgstr ""
+
+#: components/ItaliaTheme/Blocks/Alert/Sidebar
+# defaultMessage: Scadenza
+msgid "alertblock_endDate"
+msgstr ""
+
+#: components/ItaliaTheme/Blocks/Alert/Sidebar
+# defaultMessage: Inizio
+msgid "alertblock_startDate"
+msgstr ""
+
 #: components/ItaliaTheme/Blocks/IconBlocks/Sidebar
 # defaultMessage: Centrare i card
 msgid "alignCards"
@@ -1637,11 +1653,6 @@ msgstr ""
 msgid "dateRangePicker_upArrowDownArrow"
 msgstr ""
 
-#: components/ItaliaTheme/Blocks/Alert/Sidebar
-# defaultMessage: Periodo di visualizzazione
-msgid "dateTitle"
-msgstr ""
-
 #: components/ItaliaTheme/View/EventoView/EventoDateOrari
 # defaultMessage: Date e orari
 msgid "date_e_orari"
@@ -1906,16 +1917,17 @@ msgstr ""
 msgid "end"
 msgstr "fin"
 
-#: components/ItaliaTheme/Blocks/Alert/Sidebar
-# defaultMessage: Scadenza
-msgid "endDate"
-msgstr ""
-
-#: components/ItaliaTheme/Blocks/Alert/Dates
+#: components/ItaliaTheme/Blocks/Alert/AlertWrapper
+#: components/ItaliaTheme/Blocks/Alert/utils
 # defaultMessage: Data fine pubblicazione:
 msgid "endTitle"
 msgstr ""
 
+#: components/ItaliaTheme/Blocks/Alert/AlertWrapper
+# defaultMessage: Data di scadenza anteriore a data d'inizio
+msgid "errorDate"
+msgstr ""
+
 #: components/ItaliaTheme/View/EventoView/EventoCosE
 # defaultMessage: Cos'è
 msgid "event_cos_e"
@@ -1982,7 +1994,8 @@ msgstr ""
 msgid "expire"
 msgstr "Expiration"
 
-#: components/ItaliaTheme/Blocks/Alert/Dates
+#: components/ItaliaTheme/Blocks/Alert/AlertWrapper
+#: components/ItaliaTheme/Blocks/Alert/utils
 # defaultMessage: Pubblicazione scaduta
 msgid "expiredDate"
 msgstr ""
@@ -2067,7 +2080,8 @@ msgstr "{total} résultats trouvés"
 msgid "from"
 msgstr "du"
 
-#: components/ItaliaTheme/Blocks/Alert/Dates
+#: components/ItaliaTheme/Blocks/Alert/AlertWrapper
+#: components/ItaliaTheme/Blocks/Alert/utils
 # defaultMessage: Pubblicazione futura
 msgid "futureDate"
 msgstr ""
@@ -3519,12 +3533,8 @@ msgstr "Sponsor"
 msgid "start"
 msgstr "Début de l'événement"
 
-#: components/ItaliaTheme/Blocks/Alert/Sidebar
-# defaultMessage: Inizio
-msgid "startDate"
-msgstr ""
-
-#: components/ItaliaTheme/Blocks/Alert/Dates
+#: components/ItaliaTheme/Blocks/Alert/AlertWrapper
+#: components/ItaliaTheme/Blocks/Alert/utils
 # defaultMessage: Data inizio pubblicazione:
 msgid "startTitle"
 msgstr ""
diff --git a/locales/it/LC_MESSAGES/volto.po b/locales/it/LC_MESSAGES/volto.po
index a300a11a2..384a91eba 100644
--- a/locales/it/LC_MESSAGES/volto.po
+++ b/locales/it/LC_MESSAGES/volto.po
@@ -719,7 +719,8 @@ msgstr ""
 msgid "actions"
 msgstr "Vedi azioni"
 
-#: components/ItaliaTheme/Blocks/Alert/Dates
+#: components/ItaliaTheme/Blocks/Alert/AlertWrapper
+#: components/ItaliaTheme/Blocks/Alert/utils
 # defaultMessage: Pubblicazione attiva
 msgid "activeDate"
 msgstr ""
@@ -734,6 +735,21 @@ msgstr ""
 msgid "advandedSectionsFilters"
 msgstr ""
 
+#: components/ItaliaTheme/Blocks/Alert/Sidebar
+# defaultMessage: Periodo di visualizzazione
+msgid "alertblock_dateTitle"
+msgstr ""
+
+#: components/ItaliaTheme/Blocks/Alert/Sidebar
+# defaultMessage: Scadenza
+msgid "alertblock_endDate"
+msgstr ""
+
+#: components/ItaliaTheme/Blocks/Alert/Sidebar
+# defaultMessage: Inizio
+msgid "alertblock_startDate"
+msgstr ""
+
 #: components/ItaliaTheme/Blocks/IconBlocks/Sidebar
 # defaultMessage: Centrare i card
 msgid "alignCards"
@@ -1620,11 +1636,6 @@ msgstr "Apri il pannello dei tasti rapidi"
 msgid "dateRangePicker_upArrowDownArrow"
 msgstr "Tasti freccia su e giu"
 
-#: components/ItaliaTheme/Blocks/Alert/Sidebar
-# defaultMessage: Periodo di visualizzazione
-msgid "dateTitle"
-msgstr ""
-
 #: components/ItaliaTheme/View/EventoView/EventoDateOrari
 # defaultMessage: Date e orari
 msgid "date_e_orari"
@@ -1889,16 +1900,17 @@ msgstr "Seleziona un elemento nella barra laterale per mostrarlo qui."
 msgid "end"
 msgstr "Fine evento"
 
-#: components/ItaliaTheme/Blocks/Alert/Sidebar
-# defaultMessage: Scadenza
-msgid "endDate"
-msgstr ""
-
-#: components/ItaliaTheme/Blocks/Alert/Dates
+#: components/ItaliaTheme/Blocks/Alert/AlertWrapper
+#: components/ItaliaTheme/Blocks/Alert/utils
 # defaultMessage: Data fine pubblicazione:
 msgid "endTitle"
 msgstr ""
 
+#: components/ItaliaTheme/Blocks/Alert/AlertWrapper
+# defaultMessage: Data di scadenza anteriore a data d'inizio
+msgid "errorDate"
+msgstr ""
+
 #: components/ItaliaTheme/View/EventoView/EventoCosE
 # defaultMessage: Cos'è
 msgid "event_cos_e"
@@ -1965,7 +1977,8 @@ msgstr "Togliere la spunta per sezioni con un numero elevato di elementi"
 msgid "expire"
 msgstr "Scadenza"
 
-#: components/ItaliaTheme/Blocks/Alert/Dates
+#: components/ItaliaTheme/Blocks/Alert/AlertWrapper
+#: components/ItaliaTheme/Blocks/Alert/utils
 # defaultMessage: Pubblicazione scaduta
 msgid "expiredDate"
 msgstr ""
@@ -2050,7 +2063,8 @@ msgstr "Trovati {total} risultati"
 msgid "from"
 msgstr "dal"
 
-#: components/ItaliaTheme/Blocks/Alert/Dates
+#: components/ItaliaTheme/Blocks/Alert/AlertWrapper
+#: components/ItaliaTheme/Blocks/Alert/utils
 # defaultMessage: Pubblicazione futura
 msgid "futureDate"
 msgstr ""
@@ -3502,12 +3516,8 @@ msgstr "Sponsor"
 msgid "start"
 msgstr "Inizio evento"
 
-#: components/ItaliaTheme/Blocks/Alert/Sidebar
-# defaultMessage: Inizio
-msgid "startDate"
-msgstr ""
-
-#: components/ItaliaTheme/Blocks/Alert/Dates
+#: components/ItaliaTheme/Blocks/Alert/AlertWrapper
+#: components/ItaliaTheme/Blocks/Alert/utils
 # defaultMessage: Data inizio pubblicazione:
 msgid "startTitle"
 msgstr ""
diff --git a/locales/volto.pot b/locales/volto.pot
index 66558d7eb..d4e52865e 100644
--- a/locales/volto.pot
+++ b/locales/volto.pot
@@ -1,7 +1,7 @@
 msgid ""
 msgstr ""
 "Project-Id-Version: Plone\n"
-"POT-Creation-Date: 2024-10-25T13:58:39.565Z\n"
+"POT-Creation-Date: 2024-10-28T13:13:14.478Z\n"
 "Last-Translator: Plone i18n <plone-i18n@lists.sourceforge.net>\n"
 "Language-Team: Plone i18n <plone-i18n@lists.sourceforge.net>\n"
 "MIME-Version: 1.0\n"
@@ -721,7 +721,8 @@ msgstr ""
 msgid "actions"
 msgstr ""
 
-#: components/ItaliaTheme/Blocks/Alert/Dates
+#: components/ItaliaTheme/Blocks/Alert/AlertWrapper
+#: components/ItaliaTheme/Blocks/Alert/utils
 # defaultMessage: Pubblicazione attiva
 msgid "activeDate"
 msgstr ""
@@ -736,6 +737,21 @@ msgstr ""
 msgid "advandedSectionsFilters"
 msgstr ""
 
+#: components/ItaliaTheme/Blocks/Alert/Sidebar
+# defaultMessage: Periodo di visualizzazione
+msgid "alertblock_dateTitle"
+msgstr ""
+
+#: components/ItaliaTheme/Blocks/Alert/Sidebar
+# defaultMessage: Scadenza
+msgid "alertblock_endDate"
+msgstr ""
+
+#: components/ItaliaTheme/Blocks/Alert/Sidebar
+# defaultMessage: Inizio
+msgid "alertblock_startDate"
+msgstr ""
+
 #: components/ItaliaTheme/Blocks/IconBlocks/Sidebar
 # defaultMessage: Centrare i card
 msgid "alignCards"
@@ -1622,11 +1638,6 @@ msgstr ""
 msgid "dateRangePicker_upArrowDownArrow"
 msgstr ""
 
-#: components/ItaliaTheme/Blocks/Alert/Sidebar
-# defaultMessage: Periodo di visualizzazione
-msgid "dateTitle"
-msgstr ""
-
 #: components/ItaliaTheme/View/EventoView/EventoDateOrari
 # defaultMessage: Date e orari
 msgid "date_e_orari"
@@ -1891,16 +1902,17 @@ msgstr ""
 msgid "end"
 msgstr ""
 
-#: components/ItaliaTheme/Blocks/Alert/Sidebar
-# defaultMessage: Scadenza
-msgid "endDate"
-msgstr ""
-
-#: components/ItaliaTheme/Blocks/Alert/Dates
+#: components/ItaliaTheme/Blocks/Alert/AlertWrapper
+#: components/ItaliaTheme/Blocks/Alert/utils
 # defaultMessage: Data fine pubblicazione:
 msgid "endTitle"
 msgstr ""
 
+#: components/ItaliaTheme/Blocks/Alert/AlertWrapper
+# defaultMessage: Data di scadenza anteriore a data d'inizio
+msgid "errorDate"
+msgstr ""
+
 #: components/ItaliaTheme/View/EventoView/EventoCosE
 # defaultMessage: Cos'è
 msgid "event_cos_e"
@@ -1967,7 +1979,8 @@ msgstr ""
 msgid "expire"
 msgstr ""
 
-#: components/ItaliaTheme/Blocks/Alert/Dates
+#: components/ItaliaTheme/Blocks/Alert/AlertWrapper
+#: components/ItaliaTheme/Blocks/Alert/utils
 # defaultMessage: Pubblicazione scaduta
 msgid "expiredDate"
 msgstr ""
@@ -2052,7 +2065,8 @@ msgstr ""
 msgid "from"
 msgstr ""
 
-#: components/ItaliaTheme/Blocks/Alert/Dates
+#: components/ItaliaTheme/Blocks/Alert/AlertWrapper
+#: components/ItaliaTheme/Blocks/Alert/utils
 # defaultMessage: Pubblicazione futura
 msgid "futureDate"
 msgstr ""
@@ -3504,12 +3518,8 @@ msgstr ""
 msgid "start"
 msgstr ""
 
-#: components/ItaliaTheme/Blocks/Alert/Sidebar
-# defaultMessage: Inizio
-msgid "startDate"
-msgstr ""
-
-#: components/ItaliaTheme/Blocks/Alert/Dates
+#: components/ItaliaTheme/Blocks/Alert/AlertWrapper
+#: components/ItaliaTheme/Blocks/Alert/utils
 # defaultMessage: Data inizio pubblicazione:
 msgid "startTitle"
 msgstr ""
diff --git a/src/components/ItaliaTheme/Blocks/Alert/Sidebar.jsx b/src/components/ItaliaTheme/Blocks/Alert/Sidebar.jsx
index 37deece5a..b3b150466 100644
--- a/src/components/ItaliaTheme/Blocks/Alert/Sidebar.jsx
+++ b/src/components/ItaliaTheme/Blocks/Alert/Sidebar.jsx
@@ -32,15 +32,15 @@ const messages = defineMessages({
     id: 'CardImageSize',
     defaultMessage: 'Dimensione immagine',
   },
-  startDate: {
+  alertblock_startDate: {
     id: 'alertblock_startDate',
     defaultMessage: 'Inizio',
   },
-  endDate: {
+  alertblock_endDate: {
     id: 'alertblock_endDate',
     defaultMessage: 'Scadenza',
   },
-  dateTitle: {
+  alertblock_dateTitle: {
     id: 'alertblock_dateTitle',
     defaultMessage: 'Periodo di visualizzazione',
   },
@@ -115,11 +115,13 @@ class Sidebar extends Component {
         </Segment>
         <Segment className="form">
           <header className="header pulled">
-            <h2>{this.props.intl.formatMessage(messages.dateTitle)}</h2>
+            <h2>
+              {this.props.intl.formatMessage(messages.alertblock_dateTitle)}
+            </h2>
           </header>
           <DatetimeWidget
             id="startDate"
-            title={this.props.intl.formatMessage(messages.startDate)}
+            title={this.props.intl.formatMessage(messages.alertblock_startDate)}
             value={this.props.data.startDate}
             onChange={(name, value) => {
               this.props.onChangeBlock(this.props.block, {
@@ -130,7 +132,7 @@ class Sidebar extends Component {
           />
           <DatetimeWidget
             id="endDate"
-            title={this.props.intl.formatMessage(messages.endDate)}
+            title={this.props.intl.formatMessage(messages.alertblock_endDate)}
             value={this.props.data.endDate}
             onChange={(name, value) => {
               this.props.onChangeBlock(this.props.block, {

From dde6a9c0d8609e9cc329742f03fb3b5d356ee13b Mon Sep 17 00:00:00 2001
From: Wagner Trezub <wagner.trezub@redturtle.it>
Date: Tue, 29 Oct 2024 14:10:05 +0100
Subject: [PATCH 13/17] fix: removed utils

---
 .../ItaliaTheme/Blocks/Alert/utils.js         | 60 -------------------
 1 file changed, 60 deletions(-)
 delete mode 100644 src/components/ItaliaTheme/Blocks/Alert/utils.js

diff --git a/src/components/ItaliaTheme/Blocks/Alert/utils.js b/src/components/ItaliaTheme/Blocks/Alert/utils.js
deleted file mode 100644
index a8728fb93..000000000
--- a/src/components/ItaliaTheme/Blocks/Alert/utils.js
+++ /dev/null
@@ -1,60 +0,0 @@
-import React from 'react';
-import { Row, Container } from 'design-react-kit/dist/design-react-kit';
-import { defineMessages, useIntl } from 'react-intl';
-
-const messages = defineMessages({
-  expiredDate: {
-    id: 'expiredDate',
-    defaultMessage: 'Pubblicazione scaduta',
-  },
-  activeDate: {
-    id: 'activeDate',
-    defaultMessage: 'Pubblicazione attiva',
-  },
-  futureDate: {
-    id: 'futureDate',
-    defaultMessage: 'Pubblicazione futura',
-  },
-  startTitle: {
-    id: 'startTitle',
-    defaultMessage: 'Data inizio pubblicazione:',
-  },
-  endTitle: {
-    id: 'endTitle',
-    defaultMessage: 'Data fine pubblicazione:',
-  },
-});
-
-const isActive = ({ startDate, endDate }) => {
-  const intl = useIntl();
-
-  let currentStatus = null;
-
-  const isActive = () => {
-    const today = new Date().getTime();
-    const start = startDate ? new Date(startDate).getTime() : null;
-    const end = endDate ? new Date(endDate).getTime() : null;
-
-    if (start && end) {
-      currentStatus = intl.formatMessage(messages.activeDate);
-      return today >= start && today <= end;
-    }
-    if (start) {
-      today >= start
-        ? (currentStatus = intl.formatMessage(messages.activeDate))
-        : (currentStatus = intl.formatMessage(messages.futureDate));
-      return today >= start;
-    }
-    if (end) {
-      today <= end
-        ? (currentStatus = intl.formatMessage(messages.activeDate))
-        : (currentStatus = intl.formatMessage(messages.expiredDate));
-      return today <= end;
-    }
-    return false;
-  };
-
-  return isActive;
-};
-
-export default isActive(currentStatus);

From 878b491a68b73cc2a455c619c88eda76fec83eba Mon Sep 17 00:00:00 2001
From: Wagner Trezub <wagner.trezub@redturtle.it>
Date: Wed, 30 Oct 2024 14:14:51 +0100
Subject: [PATCH 14/17] fix: message conditional

---
 .../ItaliaTheme/Blocks/Alert/AlertWrapper.jsx | 68 ++++++++-----------
 .../ItaliaTheme/Blocks/Alert/Edit.jsx         |  4 +-
 .../ItaliaTheme/Blocks/Alert/View.jsx         | 27 ++++----
 theme/ItaliaTheme/Blocks/_alert.scss          | 11 ++-
 4 files changed, 52 insertions(+), 58 deletions(-)

diff --git a/src/components/ItaliaTheme/Blocks/Alert/AlertWrapper.jsx b/src/components/ItaliaTheme/Blocks/Alert/AlertWrapper.jsx
index 75124d9b0..f59f20d65 100644
--- a/src/components/ItaliaTheme/Blocks/Alert/AlertWrapper.jsx
+++ b/src/components/ItaliaTheme/Blocks/Alert/AlertWrapper.jsx
@@ -5,28 +5,25 @@ import { defineMessages, useIntl } from 'react-intl';
 
 const messages = defineMessages({
   expiredDate: {
-    id: 'expiredDate',
-    defaultMessage: 'Pubblicazione scaduta',
+    id: 'alert_expiredDate',
+    defaultMessage: "Non visibile. E' scaduto il {date}.",
   },
   activeDate: {
-    id: 'activeDate',
-    defaultMessage: 'Pubblicazione attiva',
+    id: 'alert_activeDate',
+    defaultMessage: 'Pubblicazione attiva.',
   },
   futureDate: {
-    id: 'futureDate',
-    defaultMessage: 'Pubblicazione futura',
-  },
-  startTitle: {
-    id: 'startTitle',
-    defaultMessage: 'Data inizio pubblicazione:',
-  },
-  endTitle: {
-    id: 'endTitle',
-    defaultMessage: 'Data fine pubblicazione:',
+    id: 'alert_futureDate',
+    defaultMessage: 'Non visibile. Verà pubblicato il {date}',
   },
   errorDate: {
-    id: 'errorDate',
-    defaultMessage: "Data di scadenza anteriore a data d'inizio",
+    id: 'alert_errorDate',
+    defaultMessage:
+      "Non visibile. C'è un errore sulle date: la data di scadenza è anteriore alla data d'inizio",
+  },
+  willExpire: {
+    id: 'alert_willExpire',
+    defaultMessage: 'Scadrà il {date}',
   },
 });
 
@@ -45,16 +42,25 @@ const AlertWrapper = ({ data, children }) => {
 
     if (end < start) {
       returnValue.message = intl.formatMessage(messages.errorDate);
-      returnValue.active = false;
     } else if (today < start) {
-      returnValue.message = intl.formatMessage(messages.futureDate);
+      returnValue.message = intl.formatMessage(messages.futureDate, {
+        date: new Date(data.startDate).toLocaleString(),
+      });
       returnValue.active = false;
     } else if (today < end) {
       returnValue.message = intl.formatMessage(messages.activeDate);
+      if (data.endDate) {
+        returnValue.message +=
+          ' ' +
+          intl.formatMessage(messages.willExpire, {
+            date: new Date(data.endDate).toLocaleString(),
+          });
+      }
       returnValue.active = true;
     } else {
-      returnValue.message = intl.formatMessage(messages.expiredDate);
-      returnValue.active = false;
+      returnValue.message = intl.formatMessage(messages.expiredDate, {
+        date: new Date(data.endDate).toLocaleString(),
+      });
     }
     return returnValue;
   };
@@ -68,27 +74,7 @@ const AlertWrapper = ({ data, children }) => {
           {userLogged && (
             <Container className="alert-info-dates">
               <Row>
-                <p>{activeStatus.message}</p>
-              </Row>
-              <Row>
-                <ul>
-                  {data.startDate && (
-                    <li>
-                      <p>
-                        {intl.formatMessage(messages.startTitle)}{' '}
-                        {new Date(data.startDate).toLocaleString()}
-                      </p>
-                    </li>
-                  )}
-                  {data.endDate && (
-                    <li>
-                      <p>
-                        {intl.formatMessage(messages.endTitle)}{' '}
-                        {new Date(data.endDate).toLocaleString()}
-                      </p>
-                    </li>
-                  )}
-                </ul>
+                <p className="alert-info-text">{activeStatus.message}</p>
               </Row>
             </Container>
           )}
diff --git a/src/components/ItaliaTheme/Blocks/Alert/Edit.jsx b/src/components/ItaliaTheme/Blocks/Alert/Edit.jsx
index a1a759893..04f255c51 100644
--- a/src/components/ItaliaTheme/Blocks/Alert/Edit.jsx
+++ b/src/components/ItaliaTheme/Blocks/Alert/Edit.jsx
@@ -47,10 +47,10 @@ const Edit = (props) => {
                 {data.image?.data && (
                   <Col sm={2} className="pb-3 image-col">
                     <img
-                      src={`data:${data.image['content-type']};${data.image.encoding},${data.image.data}`}
+                      src={`data:${data?.image['content-type']};${data?.image?.encoding},${data?.image?.data}`}
                       alt=""
                       className={cx('left-image', [
-                        data.sizeImage ? 'size-' + data.sizeImage : 'size-l',
+                        data?.sizeImage ? 'size-' + data.sizeImage : 'size-l',
                       ])}
                     />
                   </Col>
diff --git a/src/components/ItaliaTheme/Blocks/Alert/View.jsx b/src/components/ItaliaTheme/Blocks/Alert/View.jsx
index c35489ca8..ec7692cd3 100644
--- a/src/components/ItaliaTheme/Blocks/Alert/View.jsx
+++ b/src/components/ItaliaTheme/Blocks/Alert/View.jsx
@@ -5,19 +5,12 @@ import redraft from 'redraft';
 import { Container, Row, Col } from 'design-react-kit/dist/design-react-kit';
 import config from '@plone/volto/registry';
 import AlertWrapper from 'design-comuni-plone-theme/components/ItaliaTheme/Blocks/Alert/AlertWrapper.jsx';
+import { checkRedraftHasContent } from 'design-comuni-plone-theme/helpers';
 
 const View = ({ data }) => {
-  const content = data.text
-    ? redraft(
-        data.text,
-        config.settings.richtextViewSettings.ToHTMLRenderers,
-        config.settings.richtextViewSettings.ToHTMLOptions,
-      )
-    : '';
-
-  return content ? (
-    <AlertWrapper data={data}>
-      <section role="alert" className="block alertblock">
+  return checkRedraftHasContent(data.text) ? (
+    <section role="alert" className="block alertblock">
+      <AlertWrapper data={data}>
         <Row className={cx('row-full-width', 'bg-alert-' + data.color)}>
           <Container className="p-4 pt-5 pb-5">
             <Row className="align-items-start">
@@ -34,12 +27,18 @@ const View = ({ data }) => {
                   />
                 </Col>
               )}
-              <Col>{content}</Col>
+              <Col>
+                {redraft(
+                  data.text,
+                  config.settings.richtextViewSettings.ToHTMLRenderers,
+                  config.settings.richtextViewSettings.ToHTMLOptions,
+                )}
+              </Col>
             </Row>
           </Container>
         </Row>
-      </section>
-    </AlertWrapper>
+      </AlertWrapper>
+    </section>
   ) : null;
 };
 
diff --git a/theme/ItaliaTheme/Blocks/_alert.scss b/theme/ItaliaTheme/Blocks/_alert.scss
index e69e962e0..232a29ef7 100644
--- a/theme/ItaliaTheme/Blocks/_alert.scss
+++ b/theme/ItaliaTheme/Blocks/_alert.scss
@@ -1,6 +1,7 @@
 .public-ui {
   .block.alertblock,
   .alertblock {
+    position: relative;
     .bg-alert-warning-orange,
     .bg-alert-warning,
     .bg-alert-danger {
@@ -119,6 +120,14 @@
     }
   }
   .alert-info-dates {
-    border-top: 1px solid $gray-100;
+    position: absolute;
+    content: '';
+    top: -1em;
+    .alert-info-text {
+      padding: 0 1em;
+      background-color: #fff;
+      border: 1px solid #000;
+      text-align: center;
+    }
   }
 }

From a8c75c0516f136c817e1dbcf3b396433be66322a Mon Sep 17 00:00:00 2001
From: Wagner Trezub <wagner.trezub@redturtle.it>
Date: Wed, 30 Oct 2024 14:15:29 +0100
Subject: [PATCH 15/17] fix: removed unnecessary code

---
 src/components/ItaliaTheme/Blocks/Alert/AlertWrapper.jsx | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/components/ItaliaTheme/Blocks/Alert/AlertWrapper.jsx b/src/components/ItaliaTheme/Blocks/Alert/AlertWrapper.jsx
index f59f20d65..cda9c642e 100644
--- a/src/components/ItaliaTheme/Blocks/Alert/AlertWrapper.jsx
+++ b/src/components/ItaliaTheme/Blocks/Alert/AlertWrapper.jsx
@@ -46,7 +46,6 @@ const AlertWrapper = ({ data, children }) => {
       returnValue.message = intl.formatMessage(messages.futureDate, {
         date: new Date(data.startDate).toLocaleString(),
       });
-      returnValue.active = false;
     } else if (today < end) {
       returnValue.message = intl.formatMessage(messages.activeDate);
       if (data.endDate) {

From 2bc5531b8128008477cc67ff2a490e5e12e38377 Mon Sep 17 00:00:00 2001
From: Wagner Trezub <wagner.trezub@redturtle.it>
Date: Wed, 30 Oct 2024 14:16:15 +0100
Subject: [PATCH 16/17] chore: i18n

---
 locales/de/LC_MESSAGES/volto.po | 60 +++++++++++++------------------
 locales/en/LC_MESSAGES/volto.po | 60 +++++++++++++------------------
 locales/es/LC_MESSAGES/volto.po | 60 +++++++++++++------------------
 locales/fr/LC_MESSAGES/volto.po | 60 +++++++++++++------------------
 locales/it/LC_MESSAGES/volto.po | 60 +++++++++++++------------------
 locales/volto.pot               | 62 ++++++++++++++-------------------
 6 files changed, 151 insertions(+), 211 deletions(-)

diff --git a/locales/de/LC_MESSAGES/volto.po b/locales/de/LC_MESSAGES/volto.po
index e2c95d9a8..62398c545 100644
--- a/locales/de/LC_MESSAGES/volto.po
+++ b/locales/de/LC_MESSAGES/volto.po
@@ -734,12 +734,6 @@ msgstr ""
 msgid "actions"
 msgstr ""
 
-#: components/ItaliaTheme/Blocks/Alert/AlertWrapper
-#: components/ItaliaTheme/Blocks/Alert/utils
-# defaultMessage: Pubblicazione attiva
-msgid "activeDate"
-msgstr ""
-
 #: components/ItaliaTheme/Search/Search
 # defaultMessage: {filterNumber} filtri attivati
 msgid "active_filters"
@@ -750,6 +744,31 @@ msgstr ""
 msgid "advandedSectionsFilters"
 msgstr ""
 
+#: components/ItaliaTheme/Blocks/Alert/AlertWrapper
+# defaultMessage: Pubblicazione attiva.
+msgid "alert_activeDate"
+msgstr ""
+
+#: components/ItaliaTheme/Blocks/Alert/AlertWrapper
+# defaultMessage: Non visibile. C'è un errore sulle date: la data di scadenza è anteriore alla data d'inizio
+msgid "alert_errorDate"
+msgstr ""
+
+#: components/ItaliaTheme/Blocks/Alert/AlertWrapper
+# defaultMessage: Non visibile. E' scaduto il {date}.
+msgid "alert_expiredDate"
+msgstr ""
+
+#: components/ItaliaTheme/Blocks/Alert/AlertWrapper
+# defaultMessage: Non visibile. Verà pubblicato il {date}
+msgid "alert_futureDate"
+msgstr ""
+
+#: components/ItaliaTheme/Blocks/Alert/AlertWrapper
+# defaultMessage: Scadrà il {date}
+msgid "alert_willExpire"
+msgstr ""
+
 #: components/ItaliaTheme/Blocks/Alert/Sidebar
 # defaultMessage: Periodo di visualizzazione
 msgid "alertblock_dateTitle"
@@ -1915,17 +1934,6 @@ msgstr ""
 msgid "end"
 msgstr ""
 
-#: components/ItaliaTheme/Blocks/Alert/AlertWrapper
-#: components/ItaliaTheme/Blocks/Alert/utils
-# defaultMessage: Data fine pubblicazione:
-msgid "endTitle"
-msgstr ""
-
-#: components/ItaliaTheme/Blocks/Alert/AlertWrapper
-# defaultMessage: Data di scadenza anteriore a data d'inizio
-msgid "errorDate"
-msgstr ""
-
 #: components/ItaliaTheme/View/EventoView/EventoCosE
 # defaultMessage: Cos'è
 msgid "event_cos_e"
@@ -1992,12 +2000,6 @@ msgstr ""
 msgid "expire"
 msgstr ""
 
-#: components/ItaliaTheme/Blocks/Alert/AlertWrapper
-#: components/ItaliaTheme/Blocks/Alert/utils
-# defaultMessage: Pubblicazione scaduta
-msgid "expiredDate"
-msgstr ""
-
 #: components/ItaliaTheme/View/Commons/RelatedItemInEvidence/ItemInEvidence
 # defaultMessage: Esplora
 msgid "explore"
@@ -2078,12 +2080,6 @@ msgstr ""
 msgid "from"
 msgstr ""
 
-#: components/ItaliaTheme/Blocks/Alert/AlertWrapper
-#: components/ItaliaTheme/Blocks/Alert/utils
-# defaultMessage: Pubblicazione futura
-msgid "futureDate"
-msgstr ""
-
 #: components/ItaliaTheme/View/Commons/Gallery
 # defaultMessage: Galleria immagini
 msgid "gallery"
@@ -3531,12 +3527,6 @@ msgstr ""
 msgid "start"
 msgstr ""
 
-#: components/ItaliaTheme/Blocks/Alert/AlertWrapper
-#: components/ItaliaTheme/Blocks/Alert/utils
-# defaultMessage: Data inizio pubblicazione:
-msgid "startTitle"
-msgstr ""
-
 #: components/ItaliaTheme/View/TrasparenzaView/DettagliProcedimentiView
 # defaultMessage: Strumenti di tutela
 msgid "strumenti_di_tutela"
diff --git a/locales/en/LC_MESSAGES/volto.po b/locales/en/LC_MESSAGES/volto.po
index b5b046f4d..c67fe4797 100644
--- a/locales/en/LC_MESSAGES/volto.po
+++ b/locales/en/LC_MESSAGES/volto.po
@@ -719,12 +719,6 @@ msgstr ""
 msgid "actions"
 msgstr "View actions"
 
-#: components/ItaliaTheme/Blocks/Alert/AlertWrapper
-#: components/ItaliaTheme/Blocks/Alert/utils
-# defaultMessage: Pubblicazione attiva
-msgid "activeDate"
-msgstr ""
-
 #: components/ItaliaTheme/Search/Search
 # defaultMessage: {filterNumber} filtri attivati
 msgid "active_filters"
@@ -735,6 +729,31 @@ msgstr ""
 msgid "advandedSectionsFilters"
 msgstr "Go to advanced search by sections"
 
+#: components/ItaliaTheme/Blocks/Alert/AlertWrapper
+# defaultMessage: Pubblicazione attiva.
+msgid "alert_activeDate"
+msgstr ""
+
+#: components/ItaliaTheme/Blocks/Alert/AlertWrapper
+# defaultMessage: Non visibile. C'è un errore sulle date: la data di scadenza è anteriore alla data d'inizio
+msgid "alert_errorDate"
+msgstr ""
+
+#: components/ItaliaTheme/Blocks/Alert/AlertWrapper
+# defaultMessage: Non visibile. E' scaduto il {date}.
+msgid "alert_expiredDate"
+msgstr ""
+
+#: components/ItaliaTheme/Blocks/Alert/AlertWrapper
+# defaultMessage: Non visibile. Verà pubblicato il {date}
+msgid "alert_futureDate"
+msgstr ""
+
+#: components/ItaliaTheme/Blocks/Alert/AlertWrapper
+# defaultMessage: Scadrà il {date}
+msgid "alert_willExpire"
+msgstr ""
+
 #: components/ItaliaTheme/Blocks/Alert/Sidebar
 # defaultMessage: Periodo di visualizzazione
 msgid "alertblock_dateTitle"
@@ -1900,17 +1919,6 @@ msgstr ""
 msgid "end"
 msgstr "End of event"
 
-#: components/ItaliaTheme/Blocks/Alert/AlertWrapper
-#: components/ItaliaTheme/Blocks/Alert/utils
-# defaultMessage: Data fine pubblicazione:
-msgid "endTitle"
-msgstr ""
-
-#: components/ItaliaTheme/Blocks/Alert/AlertWrapper
-# defaultMessage: Data di scadenza anteriore a data d'inizio
-msgid "errorDate"
-msgstr ""
-
 #: components/ItaliaTheme/View/EventoView/EventoCosE
 # defaultMessage: Cos'è
 msgid "event_cos_e"
@@ -1977,12 +1985,6 @@ msgstr ""
 msgid "expire"
 msgstr "Expire"
 
-#: components/ItaliaTheme/Blocks/Alert/AlertWrapper
-#: components/ItaliaTheme/Blocks/Alert/utils
-# defaultMessage: Pubblicazione scaduta
-msgid "expiredDate"
-msgstr ""
-
 #: components/ItaliaTheme/View/Commons/RelatedItemInEvidence/ItemInEvidence
 # defaultMessage: Esplora
 msgid "explore"
@@ -2063,12 +2065,6 @@ msgstr "Found {total} results"
 msgid "from"
 msgstr "from"
 
-#: components/ItaliaTheme/Blocks/Alert/AlertWrapper
-#: components/ItaliaTheme/Blocks/Alert/utils
-# defaultMessage: Pubblicazione futura
-msgid "futureDate"
-msgstr ""
-
 #: components/ItaliaTheme/View/Commons/Gallery
 # defaultMessage: Galleria immagini
 msgid "gallery"
@@ -3516,12 +3512,6 @@ msgstr ""
 msgid "start"
 msgstr "Event start"
 
-#: components/ItaliaTheme/Blocks/Alert/AlertWrapper
-#: components/ItaliaTheme/Blocks/Alert/utils
-# defaultMessage: Data inizio pubblicazione:
-msgid "startTitle"
-msgstr ""
-
 #: components/ItaliaTheme/View/TrasparenzaView/DettagliProcedimentiView
 # defaultMessage: Strumenti di tutela
 msgid "strumenti_di_tutela"
diff --git a/locales/es/LC_MESSAGES/volto.po b/locales/es/LC_MESSAGES/volto.po
index 06f2cb30e..284f8e067 100644
--- a/locales/es/LC_MESSAGES/volto.po
+++ b/locales/es/LC_MESSAGES/volto.po
@@ -728,12 +728,6 @@ msgstr "Acordeón"
 msgid "actions"
 msgstr "Ver acciones"
 
-#: components/ItaliaTheme/Blocks/Alert/AlertWrapper
-#: components/ItaliaTheme/Blocks/Alert/utils
-# defaultMessage: Pubblicazione attiva
-msgid "activeDate"
-msgstr ""
-
 #: components/ItaliaTheme/Search/Search
 # defaultMessage: {filterNumber} filtri attivati
 msgid "active_filters"
@@ -744,6 +738,31 @@ msgstr ""
 msgid "advandedSectionsFilters"
 msgstr "Ir a búsqueda avanzada por secciones"
 
+#: components/ItaliaTheme/Blocks/Alert/AlertWrapper
+# defaultMessage: Pubblicazione attiva.
+msgid "alert_activeDate"
+msgstr ""
+
+#: components/ItaliaTheme/Blocks/Alert/AlertWrapper
+# defaultMessage: Non visibile. C'è un errore sulle date: la data di scadenza è anteriore alla data d'inizio
+msgid "alert_errorDate"
+msgstr ""
+
+#: components/ItaliaTheme/Blocks/Alert/AlertWrapper
+# defaultMessage: Non visibile. E' scaduto il {date}.
+msgid "alert_expiredDate"
+msgstr ""
+
+#: components/ItaliaTheme/Blocks/Alert/AlertWrapper
+# defaultMessage: Non visibile. Verà pubblicato il {date}
+msgid "alert_futureDate"
+msgstr ""
+
+#: components/ItaliaTheme/Blocks/Alert/AlertWrapper
+# defaultMessage: Scadrà il {date}
+msgid "alert_willExpire"
+msgstr ""
+
 #: components/ItaliaTheme/Blocks/Alert/Sidebar
 # defaultMessage: Periodo di visualizzazione
 msgid "alertblock_dateTitle"
@@ -1909,17 +1928,6 @@ msgstr "Seleccione un elemento en la barra lateral en para mostrarlo aquí"
 msgid "end"
 msgstr "Fin del evento"
 
-#: components/ItaliaTheme/Blocks/Alert/AlertWrapper
-#: components/ItaliaTheme/Blocks/Alert/utils
-# defaultMessage: Data fine pubblicazione:
-msgid "endTitle"
-msgstr ""
-
-#: components/ItaliaTheme/Blocks/Alert/AlertWrapper
-# defaultMessage: Data di scadenza anteriore a data d'inizio
-msgid "errorDate"
-msgstr ""
-
 #: components/ItaliaTheme/View/EventoView/EventoCosE
 # defaultMessage: Cos'è
 msgid "event_cos_e"
@@ -1986,12 +1994,6 @@ msgstr ""
 msgid "expire"
 msgstr "Expirar"
 
-#: components/ItaliaTheme/Blocks/Alert/AlertWrapper
-#: components/ItaliaTheme/Blocks/Alert/utils
-# defaultMessage: Pubblicazione scaduta
-msgid "expiredDate"
-msgstr ""
-
 #: components/ItaliaTheme/View/Commons/RelatedItemInEvidence/ItemInEvidence
 # defaultMessage: Esplora
 msgid "explore"
@@ -2072,12 +2074,6 @@ msgstr "Encontrados {total} resultados"
 msgid "from"
 msgstr "desde"
 
-#: components/ItaliaTheme/Blocks/Alert/AlertWrapper
-#: components/ItaliaTheme/Blocks/Alert/utils
-# defaultMessage: Pubblicazione futura
-msgid "futureDate"
-msgstr ""
-
 #: components/ItaliaTheme/View/Commons/Gallery
 # defaultMessage: Galleria immagini
 msgid "gallery"
@@ -3525,12 +3521,6 @@ msgstr "Patrocinadores"
 msgid "start"
 msgstr "Inicio del evento"
 
-#: components/ItaliaTheme/Blocks/Alert/AlertWrapper
-#: components/ItaliaTheme/Blocks/Alert/utils
-# defaultMessage: Data inizio pubblicazione:
-msgid "startTitle"
-msgstr ""
-
 #: components/ItaliaTheme/View/TrasparenzaView/DettagliProcedimentiView
 # defaultMessage: Strumenti di tutela
 msgid "strumenti_di_tutela"
diff --git a/locales/fr/LC_MESSAGES/volto.po b/locales/fr/LC_MESSAGES/volto.po
index 2fe64bbee..dcdc9a0d5 100644
--- a/locales/fr/LC_MESSAGES/volto.po
+++ b/locales/fr/LC_MESSAGES/volto.po
@@ -736,12 +736,6 @@ msgstr ""
 msgid "actions"
 msgstr "Voir les actions"
 
-#: components/ItaliaTheme/Blocks/Alert/AlertWrapper
-#: components/ItaliaTheme/Blocks/Alert/utils
-# defaultMessage: Pubblicazione attiva
-msgid "activeDate"
-msgstr ""
-
 #: components/ItaliaTheme/Search/Search
 # defaultMessage: {filterNumber} filtri attivati
 msgid "active_filters"
@@ -752,6 +746,31 @@ msgstr ""
 msgid "advandedSectionsFilters"
 msgstr "Aller à la recherche avancée par rubrique"
 
+#: components/ItaliaTheme/Blocks/Alert/AlertWrapper
+# defaultMessage: Pubblicazione attiva.
+msgid "alert_activeDate"
+msgstr ""
+
+#: components/ItaliaTheme/Blocks/Alert/AlertWrapper
+# defaultMessage: Non visibile. C'è un errore sulle date: la data di scadenza è anteriore alla data d'inizio
+msgid "alert_errorDate"
+msgstr ""
+
+#: components/ItaliaTheme/Blocks/Alert/AlertWrapper
+# defaultMessage: Non visibile. E' scaduto il {date}.
+msgid "alert_expiredDate"
+msgstr ""
+
+#: components/ItaliaTheme/Blocks/Alert/AlertWrapper
+# defaultMessage: Non visibile. Verà pubblicato il {date}
+msgid "alert_futureDate"
+msgstr ""
+
+#: components/ItaliaTheme/Blocks/Alert/AlertWrapper
+# defaultMessage: Scadrà il {date}
+msgid "alert_willExpire"
+msgstr ""
+
 #: components/ItaliaTheme/Blocks/Alert/Sidebar
 # defaultMessage: Periodo di visualizzazione
 msgid "alertblock_dateTitle"
@@ -1917,17 +1936,6 @@ msgstr ""
 msgid "end"
 msgstr "fin"
 
-#: components/ItaliaTheme/Blocks/Alert/AlertWrapper
-#: components/ItaliaTheme/Blocks/Alert/utils
-# defaultMessage: Data fine pubblicazione:
-msgid "endTitle"
-msgstr ""
-
-#: components/ItaliaTheme/Blocks/Alert/AlertWrapper
-# defaultMessage: Data di scadenza anteriore a data d'inizio
-msgid "errorDate"
-msgstr ""
-
 #: components/ItaliaTheme/View/EventoView/EventoCosE
 # defaultMessage: Cos'è
 msgid "event_cos_e"
@@ -1994,12 +2002,6 @@ msgstr ""
 msgid "expire"
 msgstr "Expiration"
 
-#: components/ItaliaTheme/Blocks/Alert/AlertWrapper
-#: components/ItaliaTheme/Blocks/Alert/utils
-# defaultMessage: Pubblicazione scaduta
-msgid "expiredDate"
-msgstr ""
-
 #: components/ItaliaTheme/View/Commons/RelatedItemInEvidence/ItemInEvidence
 # defaultMessage: Esplora
 msgid "explore"
@@ -2080,12 +2082,6 @@ msgstr "{total} résultats trouvés"
 msgid "from"
 msgstr "du"
 
-#: components/ItaliaTheme/Blocks/Alert/AlertWrapper
-#: components/ItaliaTheme/Blocks/Alert/utils
-# defaultMessage: Pubblicazione futura
-msgid "futureDate"
-msgstr ""
-
 #: components/ItaliaTheme/View/Commons/Gallery
 # defaultMessage: Galleria immagini
 msgid "gallery"
@@ -3533,12 +3529,6 @@ msgstr "Sponsor"
 msgid "start"
 msgstr "Début de l'événement"
 
-#: components/ItaliaTheme/Blocks/Alert/AlertWrapper
-#: components/ItaliaTheme/Blocks/Alert/utils
-# defaultMessage: Data inizio pubblicazione:
-msgid "startTitle"
-msgstr ""
-
 #: components/ItaliaTheme/View/TrasparenzaView/DettagliProcedimentiView
 # defaultMessage: Strumenti di tutela
 msgid "strumenti_di_tutela"
diff --git a/locales/it/LC_MESSAGES/volto.po b/locales/it/LC_MESSAGES/volto.po
index 384a91eba..52336cbf7 100644
--- a/locales/it/LC_MESSAGES/volto.po
+++ b/locales/it/LC_MESSAGES/volto.po
@@ -719,12 +719,6 @@ msgstr ""
 msgid "actions"
 msgstr "Vedi azioni"
 
-#: components/ItaliaTheme/Blocks/Alert/AlertWrapper
-#: components/ItaliaTheme/Blocks/Alert/utils
-# defaultMessage: Pubblicazione attiva
-msgid "activeDate"
-msgstr ""
-
 #: components/ItaliaTheme/Search/Search
 # defaultMessage: {filterNumber} filtri attivati
 msgid "active_filters"
@@ -735,6 +729,31 @@ msgstr ""
 msgid "advandedSectionsFilters"
 msgstr ""
 
+#: components/ItaliaTheme/Blocks/Alert/AlertWrapper
+# defaultMessage: Pubblicazione attiva.
+msgid "alert_activeDate"
+msgstr ""
+
+#: components/ItaliaTheme/Blocks/Alert/AlertWrapper
+# defaultMessage: Non visibile. C'è un errore sulle date: la data di scadenza è anteriore alla data d'inizio
+msgid "alert_errorDate"
+msgstr ""
+
+#: components/ItaliaTheme/Blocks/Alert/AlertWrapper
+# defaultMessage: Non visibile. E' scaduto il {date}.
+msgid "alert_expiredDate"
+msgstr ""
+
+#: components/ItaliaTheme/Blocks/Alert/AlertWrapper
+# defaultMessage: Non visibile. Verà pubblicato il {date}
+msgid "alert_futureDate"
+msgstr ""
+
+#: components/ItaliaTheme/Blocks/Alert/AlertWrapper
+# defaultMessage: Scadrà il {date}
+msgid "alert_willExpire"
+msgstr ""
+
 #: components/ItaliaTheme/Blocks/Alert/Sidebar
 # defaultMessage: Periodo di visualizzazione
 msgid "alertblock_dateTitle"
@@ -1900,17 +1919,6 @@ msgstr "Seleziona un elemento nella barra laterale per mostrarlo qui."
 msgid "end"
 msgstr "Fine evento"
 
-#: components/ItaliaTheme/Blocks/Alert/AlertWrapper
-#: components/ItaliaTheme/Blocks/Alert/utils
-# defaultMessage: Data fine pubblicazione:
-msgid "endTitle"
-msgstr ""
-
-#: components/ItaliaTheme/Blocks/Alert/AlertWrapper
-# defaultMessage: Data di scadenza anteriore a data d'inizio
-msgid "errorDate"
-msgstr ""
-
 #: components/ItaliaTheme/View/EventoView/EventoCosE
 # defaultMessage: Cos'è
 msgid "event_cos_e"
@@ -1977,12 +1985,6 @@ msgstr "Togliere la spunta per sezioni con un numero elevato di elementi"
 msgid "expire"
 msgstr "Scadenza"
 
-#: components/ItaliaTheme/Blocks/Alert/AlertWrapper
-#: components/ItaliaTheme/Blocks/Alert/utils
-# defaultMessage: Pubblicazione scaduta
-msgid "expiredDate"
-msgstr ""
-
 #: components/ItaliaTheme/View/Commons/RelatedItemInEvidence/ItemInEvidence
 # defaultMessage: Esplora
 msgid "explore"
@@ -2063,12 +2065,6 @@ msgstr "Trovati {total} risultati"
 msgid "from"
 msgstr "dal"
 
-#: components/ItaliaTheme/Blocks/Alert/AlertWrapper
-#: components/ItaliaTheme/Blocks/Alert/utils
-# defaultMessage: Pubblicazione futura
-msgid "futureDate"
-msgstr ""
-
 #: components/ItaliaTheme/View/Commons/Gallery
 # defaultMessage: Galleria immagini
 msgid "gallery"
@@ -3516,12 +3512,6 @@ msgstr "Sponsor"
 msgid "start"
 msgstr "Inizio evento"
 
-#: components/ItaliaTheme/Blocks/Alert/AlertWrapper
-#: components/ItaliaTheme/Blocks/Alert/utils
-# defaultMessage: Data inizio pubblicazione:
-msgid "startTitle"
-msgstr ""
-
 #: components/ItaliaTheme/View/TrasparenzaView/DettagliProcedimentiView
 # defaultMessage: Strumenti di tutela
 msgid "strumenti_di_tutela"
diff --git a/locales/volto.pot b/locales/volto.pot
index d4e52865e..745c46b98 100644
--- a/locales/volto.pot
+++ b/locales/volto.pot
@@ -1,7 +1,7 @@
 msgid ""
 msgstr ""
 "Project-Id-Version: Plone\n"
-"POT-Creation-Date: 2024-10-28T13:13:14.478Z\n"
+"POT-Creation-Date: 2024-10-30T13:16:00.707Z\n"
 "Last-Translator: Plone i18n <plone-i18n@lists.sourceforge.net>\n"
 "Language-Team: Plone i18n <plone-i18n@lists.sourceforge.net>\n"
 "MIME-Version: 1.0\n"
@@ -721,12 +721,6 @@ msgstr ""
 msgid "actions"
 msgstr ""
 
-#: components/ItaliaTheme/Blocks/Alert/AlertWrapper
-#: components/ItaliaTheme/Blocks/Alert/utils
-# defaultMessage: Pubblicazione attiva
-msgid "activeDate"
-msgstr ""
-
 #: components/ItaliaTheme/Search/Search
 # defaultMessage: {filterNumber} filtri attivati
 msgid "active_filters"
@@ -737,6 +731,31 @@ msgstr ""
 msgid "advandedSectionsFilters"
 msgstr ""
 
+#: components/ItaliaTheme/Blocks/Alert/AlertWrapper
+# defaultMessage: Pubblicazione attiva.
+msgid "alert_activeDate"
+msgstr ""
+
+#: components/ItaliaTheme/Blocks/Alert/AlertWrapper
+# defaultMessage: Non visibile. C'è un errore sulle date: la data di scadenza è anteriore alla data d'inizio
+msgid "alert_errorDate"
+msgstr ""
+
+#: components/ItaliaTheme/Blocks/Alert/AlertWrapper
+# defaultMessage: Non visibile. E' scaduto il {date}.
+msgid "alert_expiredDate"
+msgstr ""
+
+#: components/ItaliaTheme/Blocks/Alert/AlertWrapper
+# defaultMessage: Non visibile. Verà pubblicato il {date}
+msgid "alert_futureDate"
+msgstr ""
+
+#: components/ItaliaTheme/Blocks/Alert/AlertWrapper
+# defaultMessage: Scadrà il {date}
+msgid "alert_willExpire"
+msgstr ""
+
 #: components/ItaliaTheme/Blocks/Alert/Sidebar
 # defaultMessage: Periodo di visualizzazione
 msgid "alertblock_dateTitle"
@@ -1902,17 +1921,6 @@ msgstr ""
 msgid "end"
 msgstr ""
 
-#: components/ItaliaTheme/Blocks/Alert/AlertWrapper
-#: components/ItaliaTheme/Blocks/Alert/utils
-# defaultMessage: Data fine pubblicazione:
-msgid "endTitle"
-msgstr ""
-
-#: components/ItaliaTheme/Blocks/Alert/AlertWrapper
-# defaultMessage: Data di scadenza anteriore a data d'inizio
-msgid "errorDate"
-msgstr ""
-
 #: components/ItaliaTheme/View/EventoView/EventoCosE
 # defaultMessage: Cos'è
 msgid "event_cos_e"
@@ -1979,12 +1987,6 @@ msgstr ""
 msgid "expire"
 msgstr ""
 
-#: components/ItaliaTheme/Blocks/Alert/AlertWrapper
-#: components/ItaliaTheme/Blocks/Alert/utils
-# defaultMessage: Pubblicazione scaduta
-msgid "expiredDate"
-msgstr ""
-
 #: components/ItaliaTheme/View/Commons/RelatedItemInEvidence/ItemInEvidence
 # defaultMessage: Esplora
 msgid "explore"
@@ -2065,12 +2067,6 @@ msgstr ""
 msgid "from"
 msgstr ""
 
-#: components/ItaliaTheme/Blocks/Alert/AlertWrapper
-#: components/ItaliaTheme/Blocks/Alert/utils
-# defaultMessage: Pubblicazione futura
-msgid "futureDate"
-msgstr ""
-
 #: components/ItaliaTheme/View/Commons/Gallery
 # defaultMessage: Galleria immagini
 msgid "gallery"
@@ -3518,12 +3514,6 @@ msgstr ""
 msgid "start"
 msgstr ""
 
-#: components/ItaliaTheme/Blocks/Alert/AlertWrapper
-#: components/ItaliaTheme/Blocks/Alert/utils
-# defaultMessage: Data inizio pubblicazione:
-msgid "startTitle"
-msgstr ""
-
 #: components/ItaliaTheme/View/TrasparenzaView/DettagliProcedimentiView
 # defaultMessage: Strumenti di tutela
 msgid "strumenti_di_tutela"

From 994e6722e0b6c85ea402c1dc329455e3b3499122 Mon Sep 17 00:00:00 2001
From: Wagner Trezub <wagner.trezub@redturtle.it>
Date: Wed, 30 Oct 2024 14:28:40 +0100
Subject: [PATCH 17/17] fix: message as default

---
 .../ItaliaTheme/Blocks/Alert/AlertWrapper.jsx        | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/components/ItaliaTheme/Blocks/Alert/AlertWrapper.jsx b/src/components/ItaliaTheme/Blocks/Alert/AlertWrapper.jsx
index cda9c642e..20dd3cdff 100644
--- a/src/components/ItaliaTheme/Blocks/Alert/AlertWrapper.jsx
+++ b/src/components/ItaliaTheme/Blocks/Alert/AlertWrapper.jsx
@@ -38,7 +38,12 @@ const AlertWrapper = ({ data, children }) => {
       ? new Date(data.endDate).getTime()
       : Number.MAX_SAFE_INTEGER;
 
-    const returnValue = { active: false, message: null };
+    const returnValue = {
+      active: false,
+      message: intl.formatMessage(messages.expiredDate, {
+        date: new Date(data.endDate).toLocaleString(),
+      }),
+    };
 
     if (end < start) {
       returnValue.message = intl.formatMessage(messages.errorDate);
@@ -56,11 +61,8 @@ const AlertWrapper = ({ data, children }) => {
           });
       }
       returnValue.active = true;
-    } else {
-      returnValue.message = intl.formatMessage(messages.expiredDate, {
-        date: new Date(data.endDate).toLocaleString(),
-      });
     }
+
     return returnValue;
   };