design-comuni-plone-theme 10.4.0 → 10.4.2

package/src/customizations/volto/middleware/api.js

@@ -128,58 +128,76 @@ function sendOnSocket(request) {
  * @param {Object} api Api object.
  * @returns {Promise} Action promise.
  */
-const apiMiddlewareFactory = (api) => ({ dispatch, getState }) => (next) => (
-  action,
-) => {
-  const { settings } = config;
+const apiMiddlewareFactory =
+  (api) =>
+  ({ dispatch, getState }) =>
+  (next) =>
+  (action) => {
+    const { settings } = config;
 
-  const token = getState().userSession.token;
-  let isAnonymous = true;
-  if (token) {
-    const tokenExpiration = jwtDecode(token).exp;
-    const currentTime = new Date().getTime() / 1000;
-    isAnonymous = !token || currentTime > tokenExpiration;
-  }
+    const token = getState().userSession.token;
+    let isAnonymous = true;
+    if (token) {
+      const tokenExpiration = jwtDecode(token).exp;
+      const currentTime = new Date().getTime() / 1000;
+      isAnonymous = !token || currentTime > tokenExpiration;
+    }
 
-  if (typeof action === 'function') {
-    return action(dispatch, getState);
-  }
+    if (typeof action === 'function') {
+      return action(dispatch, getState);
+    }
 
-  const { request, type, mode = 'parallel', ...rest } = action;
-  const { subrequest } = action; // We want subrequest remains in `...rest` above
+    const { request, type, mode = 'parallel', ...rest } = action;
+    const { subrequest } = action; // We want subrequest remains in `...rest` above
 
-  let actionPromise;
+    let actionPromise;
 
-  if (!request) {
-    return next(action);
-  }
+    if (!request) {
+      return next(action);
+    }
 
-  next({ ...rest, type: `${type}_PENDING` });
+    next({ ...rest, type: `${type}_PENDING` });
 
-  if (socket) {
-    actionPromise = Array.isArray(request)
-      ? Promise.all(
-          request.map((item) =>
-            sendOnSocket({
-              ...item,
-              path: addExpandersToPath(item.path, type, isAnonymous),
-              id: type,
-            }),
-          ),
-        )
-      : sendOnSocket({
-          ...request,
-          path: addExpandersToPath(request.path, type, isAnonymous),
-          id: type,
-        });
-  } else {
-    actionPromise = Array.isArray(request)
-      ? mode === 'serial'
-        ? request.reduce((prevPromise, item) => {
-            return prevPromise.then((acc) => {
-              return api[item.op](
-                addExpandersToPath(item.path, type, isAnonymous),
-                {
+    if (socket) {
+      actionPromise = Array.isArray(request)
+        ? Promise.all(
+            request.map((item) =>
+              sendOnSocket({
+                ...item,
+                path: addExpandersToPath(item.path, type, isAnonymous),
+                id: type,
+              }),
+            ),
+          )
+        : sendOnSocket({
+            ...request,
+            path: addExpandersToPath(request.path, type, isAnonymous),
+            id: type,
+          });
+    } else {
+      actionPromise = Array.isArray(request)
+        ? mode === 'serial'
+          ? request.reduce((prevPromise, item) => {
+              return prevPromise.then((acc) => {
+                return api[item.op](
+                  addExpandersToPath(item.path, type, isAnonymous),
+                  {
+                    data: item.data,
+                    type: item.type,
+                    headers: item.headers,
+                    params: request.params,
+                    checkUrl: settings.actions_raising_api_errors.includes(
+                      action.type,
+                    ),
+                  },
+                ).then((reqres) => {
+                  return [...acc, reqres];
+                });
+              });
+            }, Promise.resolve([]))
+          : Promise.all(
+              request.map((item) =>
+                api[item.op](addExpandersToPath(item.path, type, isAnonymous), {
                   data: item.data,
                   type: item.type,
                   headers: item.headers,
@@ -187,176 +205,162 @@ const apiMiddlewareFactory = (api) => ({ dispatch, getState }) => (next) => (
                   checkUrl: settings.actions_raising_api_errors.includes(
                     action.type,
                   ),
-                },
-              ).then((reqres) => {
-                return [...acc, reqres];
-              });
-            });
-          }, Promise.resolve([]))
-        : Promise.all(
-            request.map((item) =>
-              api[item.op](addExpandersToPath(item.path, type, isAnonymous), {
-                data: item.data,
-                type: item.type,
-                headers: item.headers,
-                params: request.params,
-                checkUrl: settings.actions_raising_api_errors.includes(
-                  action.type,
-                ),
-              }),
-            ),
-          )
-      : api[request.op](addExpandersToPath(request.path, type, isAnonymous), {
-          data: request.data,
-          type: request.type,
-          headers: request.headers,
-          params: request.params,
-          checkUrl: settings.actions_raising_api_errors.includes(action.type),
-        });
-    actionPromise.then(
-      (result) => {
-        const { settings } = config;
-        if (getState().apierror.connectionRefused) {
-          next({
-            ...rest,
-            type: RESET_APIERROR,
+                }),
+              ),
+            )
+        : api[request.op](addExpandersToPath(request.path, type, isAnonymous), {
+            data: request.data,
+            type: request.type,
+            headers: request.headers,
+            params: request.params,
+            checkUrl: settings.actions_raising_api_errors.includes(action.type),
           });
-        }
-        if (type === GET_CONTENT) {
-          const lang = result?.language?.token;
-          if (
-            lang &&
-            getState().intl.locale !== toReactIntlLang(lang) &&
-            !subrequest &&
-            config.settings.supportedLanguages.includes(lang)
-          ) {
-            const langFileName = toGettextLang(lang);
-            import('~/../locales/' + langFileName + '.json').then((locale) => {
-              dispatch(changeLanguage(lang, locale.default));
+      actionPromise.then(
+        (result) => {
+          const { settings } = config;
+          if (getState().apierror.connectionRefused) {
+            next({
+              ...rest,
+              type: RESET_APIERROR,
             });
           }
-        }
-        if (type === LOGIN && settings.websockets) {
-          const cookies = new Cookies();
-          cookies.set(
-            'auth_token',
-            result.token,
-            getCookieOptions({
-              expires: new Date(jwtDecode(result.token).exp * 1000),
-            }),
-          );
-          api.get('/@wstoken').then((res) => {
-            socket = new WebSocket(
-              `${settings.apiPath.replace('http', 'ws')}/@ws?ws_token=${
-                res.token
-              }`,
+          if (type === GET_CONTENT) {
+            const lang = result?.language?.token;
+            if (
+              lang &&
+              getState().intl.locale !== toReactIntlLang(lang) &&
+              !subrequest &&
+              config.settings.supportedLanguages.includes(lang)
+            ) {
+              const langFileName = toGettextLang(lang);
+              import('~/../locales/' + langFileName + '.json').then(
+                (locale) => {
+                  dispatch(changeLanguage(lang, locale.default));
+                },
+              );
+            }
+          }
+          if (type === LOGIN && settings.websockets) {
+            const cookies = new Cookies();
+            cookies.set(
+              'auth_token',
+              result.token,
+              getCookieOptions({
+                expires: new Date(jwtDecode(result.token).exp * 1000),
+              }),
             );
-            socket.onmessage = (message) => {
-              const packet = JSON.parse(message.data);
-              if (packet.error) {
-                dispatch({
-                  type: `${packet.id}_FAIL`,
-                  error: packet.error,
-                });
-              } else {
-                dispatch({
-                  type: `${packet.id}_SUCCESS`,
-                  result: JSON.parse(packet.data),
-                });
-              }
-            };
-          });
-        }
-        try {
-          return next({ ...rest, result, type: `${type}_SUCCESS` });
-        } catch (error) {
-          // There was an exception while processing reducers or downstream middleware.
-          next({
-            ...rest,
-            error: { status: 500, error },
-            type: `${type}_FAIL`,
-          });
-          // Rethrow the original exception on the client side only,
-          // so it doesn't fall through to express on the server.
-          if (__CLIENT__) throw error;
-        }
-      },
-      (error) => {
-        // Only SSR can set ECONNREFUSED
-        if (error.code === 'ECONNREFUSED') {
-          next({
-            ...rest,
-            error,
-            statusCode: error.code,
-            connectionRefused: true,
-            type: SET_APIERROR,
-          });
-        }
-
-        // Response error is marked crossDomain if CORS error happen
-        else if (error.crossDomain) {
-          next({
-            ...rest,
-            error,
-            statusCode: 'CORSERROR',
-            connectionRefused: false,
-            type: SET_APIERROR,
-          });
-        }
-
-        // Check for actions who can raise api errors
-        if (settings.actions_raising_api_errors.includes(action.type)) {
-          // Gateway timeout
-          if (error?.response?.statusCode === 504) {
-            next({
-              ...rest,
-              error,
-              statusCode: error.code,
-              connectionRefused: true,
-              type: SET_APIERROR,
+            api.get('/@wstoken').then((res) => {
+              socket = new WebSocket(
+                `${settings.apiPath.replace('http', 'ws')}/@ws?ws_token=${
+                  res.token
+                }`,
+              );
+              socket.onmessage = (message) => {
+                const packet = JSON.parse(message.data);
+                if (packet.error) {
+                  dispatch({
+                    type: `${packet.id}_FAIL`,
+                    error: packet.error,
+                  });
+                } else {
+                  dispatch({
+                    type: `${packet.id}_SUCCESS`,
+                    result: JSON.parse(packet.data),
+                  });
+                }
+              };
             });
           }
-
-          // Redirect
-          else if (error?.code === 301) {
+          try {
+            return next({ ...rest, result, type: `${type}_SUCCESS` });
+          } catch (error) {
+            // There was an exception while processing reducers or downstream middleware.
             next({
               ...rest,
-              error,
-              statusCode: error.code,
-              connectionRefused: false,
-              type: SET_APIERROR,
+              error: { status: 500, error },
+              type: `${type}_FAIL`,
             });
+            // Rethrow the original exception on the client side only,
+            // so it doesn't fall through to express on the server.
+            if (__CLIENT__) throw error;
           }
-
-          // Redirect
-          else if (error?.code === 408) {
+        },
+        (error) => {
+          // Only SSR can set ECONNREFUSED
+          if (error.code === 'ECONNREFUSED') {
             next({
               ...rest,
               error,
               statusCode: error.code,
-              connectionRefused: false,
+              connectionRefused: true,
               type: SET_APIERROR,
             });
           }
 
-          // Unauthorized
-          else if (error?.response?.statusCode === 401) {
+          // Response error is marked crossDomain if CORS error happen
+          else if (error.crossDomain) {
             next({
               ...rest,
               error,
-              statusCode: error.response,
-              message: error.response.body.message,
+              statusCode: 'CORSERROR',
               connectionRefused: false,
               type: SET_APIERROR,
             });
           }
-        }
-        return next({ ...rest, error, type: `${type}_FAIL` });
-      },
-    );
-  }
 
-  return actionPromise;
-};
+          // Check for actions who can raise api errors
+          if (settings.actions_raising_api_errors.includes(action.type)) {
+            // Gateway timeout
+            if (error?.response?.statusCode === 504) {
+              next({
+                ...rest,
+                error,
+                statusCode: error.code,
+                connectionRefused: true,
+                type: SET_APIERROR,
+              });
+            }
+
+            // Redirect
+            else if (error?.code === 301) {
+              next({
+                ...rest,
+                error,
+                statusCode: error.code,
+                connectionRefused: false,
+                type: SET_APIERROR,
+              });
+            }
+
+            // Redirect
+            else if (error?.code === 408) {
+              next({
+                ...rest,
+                error,
+                statusCode: error.code,
+                connectionRefused: false,
+                type: SET_APIERROR,
+              });
+            }
+
+            // Unauthorized
+            else if (error?.response?.statusCode === 401) {
+              next({
+                ...rest,
+                error,
+                statusCode: error.response,
+                message: error.response.body.message,
+                connectionRefused: false,
+                type: SET_APIERROR,
+              });
+            }
+          }
+          return next({ ...rest, error, type: `${type}_FAIL` });
+        },
+      );
+    }
+
+    return actionPromise;
+  };
 
 export default apiMiddlewareFactory;

package/src/customizations/volto/middleware/blacklistRoutes.js

@@ -5,43 +5,45 @@
 import config from '@plone/volto/registry';
 import { matchPath } from 'react-router';
 
-const blacklistRoutes = ({ dispatch, getState }) => (next) => (action) => {
-  if (typeof action === 'function') {
-    return next(action);
-  }
-
-  switch (action.type) {
-    case '@@router/LOCATION_CHANGE':
-      let { pathname } = action.payload.location;
-      const { externalRoutes = [] } = config.settings;
+const blacklistRoutes =
+  ({ dispatch, getState }) =>
+  (next) =>
+  (action) => {
+    if (typeof action === 'function') {
+      return next(action);
+    }
 
-      const route = externalRoutes.find((route) =>
-        matchPath(pathname, route.match),
-      );
+    switch (action.type) {
+      case '@@router/LOCATION_CHANGE':
+        let { pathname } = action.payload.location;
+        const { externalRoutes = [] } = config.settings;
 
-      let actionToSend = action;
-      if (pathname.startsWith('/++api++')) {
-        actionToSend.payload.location.pathname = actionToSend.payload.location.pathname.substring(
-          8,
+        const route = externalRoutes.find((route) =>
+          matchPath(pathname, route.match),
         );
-        // To handle the `window.location.replace`
-        pathname = actionToSend.payload.location.pathname;
-        if (window.history) {
-          window.history.replaceState(window.history.state, '', pathname);
+
+        let actionToSend = action;
+        if (pathname.startsWith('/++api++')) {
+          actionToSend.payload.location.pathname =
+            actionToSend.payload.location.pathname.substring(8);
+          // To handle the `window.location.replace`
+          pathname = actionToSend.payload.location.pathname;
+          if (window.history) {
+            window.history.replaceState(window.history.state, '', pathname);
+          }
         }
-      }
 
-      if (!route) {
-        return next(actionToSend);
-      } else {
-        window.location.replace(
-          route.url ? route.url(actionToSend.payload) : pathname,
-        );
-      }
-      break;
-    default:
-      return next(action);
-  }
-};
+        if (!route) {
+          return next(actionToSend);
+        } else {
+          window.location.replace(
+            route.url ? route.url(actionToSend.payload) : pathname,
+          );
+        }
+        break;
+      default:
+        return next(action);
+    }
+  };
 
-export default blacklistRoutes;
+export default blacklistRoutes;

package/src/helpers/dates.js

@@ -11,8 +11,8 @@ export const viewDate = (locale, value, format) => {
         ? // Since we assume UTC everywhere, then transform to local (momentjs default)
           moment(value)
         : value.match(/T(.)/g)
-        ? moment(`${value}Z`) // This might happen in old Plone versions dates
-        : moment(value); //This when date is like '2021-05-05'
+          ? moment(`${value}Z`) // This might happen in old Plone versions dates
+          : moment(value); //This when date is like '2021-05-05'
     } else {
       datetime = moment(value);
     }

package/src/theme/ItaliaTheme/Addons/volto-gdpr-privacy.scss

@@ -48,6 +48,7 @@
           line-height: 17px;
           outline: none;
           vertical-align: baseline;
+
           input:focus ~ label::before {
             box-shadow: $gdpr-focus-shadow !important;
             outline: none !important;
@@ -63,8 +64,11 @@
               left: 0;
               border: 1px solid $gdpr-toggle-border;
               background-color: $gdpr-toggle;
-              transition: border 0.1s ease, opacity 0.1s ease,
-                transform 0.1s ease, box-shadow 0.1s ease;
+              transition:
+                border 0.1s ease,
+                opacity 0.1s ease,
+                transform 0.1s ease,
+                box-shadow 0.1s ease;
             }
 
             &:after {
@@ -151,12 +155,14 @@
                 width: 1.5rem;
                 height: 1.5rem;
                 border: 1.5px solid $gdpr-toggle-border;
+                border-radius: 500rem;
                 background: #ffffff
                   linear-gradient(transparent, rgba(0, 0, 0, 0.05));
-                border-radius: 500rem;
                 content: '' !important;
                 opacity: 1;
-                transition: background 0.3s ease, left 0.3s ease;
+                transition:
+                  background 0.3s ease,
+                  left 0.3s ease;
               }
             }
           }
@@ -197,8 +203,8 @@
 }
 
 button.gdpr-privacy-show-banner {
-  margin: 0;
   border-radius: 0;
+  margin: 0;
   border-bottom-left-radius: 5px;
   border-top-left-radius: 5px;
 }
@@ -233,6 +239,7 @@ body.has-toolbar-collapsed {
     }
   }
 }
+
 .gdpr-privacy-banner
   .gdpr-privacy-content-wrapper
   .gdpr-privacy-content

package/src/theme/ItaliaTheme/Blocks/_accordion.scss

@@ -38,6 +38,7 @@ $accordion-icon-color: #7fb2e5;
             top: -7px;
             right: 0;
             left: unset;
+
             &:focus {
               outline: 1px solid $focus-outline-color;
             }
@@ -63,6 +64,7 @@ $accordion-icon-color: #7fb2e5;
               padding: 0 0.4em;
               border: none;
               background: none;
+
               &:focus {
                 outline: 1px solid $focus-outline-color;
               }

package/src/theme/ItaliaTheme/Blocks/_alert.scss

@@ -55,8 +55,8 @@
     }
 
     img.left-image {
-      object-fit: unset;
       max-width: 80%;
+      object-fit: unset;
 
       &.size {
         &-m {

package/src/theme/ItaliaTheme/Blocks/_bandiInEvidenceTemplate.scss

@@ -18,6 +18,7 @@
     .card-body {
       display: flex;
       flex-direction: column;
+      justify-content: space-between;
       padding: 2.5rem;
       padding-bottom: 0rem;
     }
@@ -50,9 +51,13 @@
   }
 
   // tablet
-  @media (max-width: 1367px) and (min-width: 586px) {
+  @media (min-width: 586px) and (max-width: 1367px) {
     .bandi-in-evidence-cards-wrapper {
       grid-template-columns: auto auto;
+
+      div.read-more a.read-more {
+        flex-direction: row;
+      }
     }
   }