@eeacms/volto-clms-theme 1.0.44 → 1.0.45

package/CHANGELOG.md

@@ -4,8 +4,67 @@ All notable changes to this project will be documented in this file. Dates are d
 
 Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
+#### [1.0.45](https://github.com/eea/volto-clms-theme/compare/1.0.44...1.0.45)
+
+- Geonetwork importer [`#146`](https://github.com/eea/volto-clms-theme/pull/146)
+- @userschema endpoint based dynamic user profile form [`#145`](https://github.com/eea/volto-clms-theme/pull/145)
+- Changes after the release of ftw.tokenauth 2.0+cs5 [`#144`](https://github.com/eea/volto-clms-theme/pull/144)
+- Api token changes [`#142`](https://github.com/eea/volto-clms-theme/pull/142)
+- Bugs n improvements [`#141`](https://github.com/eea/volto-clms-theme/pull/141)
+- Text carousel to develop [`#140`](https://github.com/eea/volto-clms-theme/pull/140)
+- Text carousel corrections and image carousel dots change [`#139`](https://github.com/eea/volto-clms-theme/pull/139)
+- Text carousel [`#138`](https://github.com/eea/volto-clms-theme/pull/138)
+- resolve conflicts [`27ac50c`](https://github.com/eea/volto-clms-theme/commit/27ac50c69e5fe7af3fbad72cf0d273d74cb28d71)
+- add breadcrumb and container class to get more structured profile page [`7787080`](https://github.com/eea/volto-clms-theme/commit/77870805f4c249aaa7552e53d66305b8eb493c85)
+- dataset catalogue view width [`c218194`](https://github.com/eea/volto-clms-theme/commit/c21819442b8af0327fd5ea80769ea479a331ccd4)
+- add a dynamic userschema [`8c38d98`](https://github.com/eea/volto-clms-theme/commit/8c38d983eb92ef216ece00e55a3e18926671970c)
+- show the tokens only when they have a private key [`f6a4fb1`](https://github.com/eea/volto-clms-theme/commit/f6a4fb16baf0e66721af2ce93d5c07220855bbdd)
+- save only tokens when they exist [`a9e8ec1`](https://github.com/eea/volto-clms-theme/commit/a9e8ec17ea88a675fbdb62034a851ccb72270313)
+- show metadata download links pointing to geonetwork [`122442c`](https://github.com/eea/volto-clms-theme/commit/122442cbcd23be54bc6d43e04226d621c635599e)
+- use sdi full link [`6837d90`](https://github.com/eea/volto-clms-theme/commit/6837d9055877d51df7832c1cb15287ac83507e14)
+- add translations [`c8373db`](https://github.com/eea/volto-clms-theme/commit/c8373db635dcd9dda0155b44daca29f8a76bcc53)
+- merge develop into geonetwork [`67c5b39`](https://github.com/eea/volto-clms-theme/commit/67c5b3977bd51c84d24d6bf2389c162a3391cd7d)
+- add vito link [`0c6b4c3`](https://github.com/eea/volto-clms-theme/commit/0c6b4c340b6f26c878924862357c843fc1100c5a)
+- add a segment to import data from geonetwork endpoints [`dc941a3`](https://github.com/eea/volto-clms-theme/commit/dc941a3fedcf29760274d15c0d1c0c2f0a919c75)
+- geonetwork importer endpoint reducer and action [`6bb0939`](https://github.com/eea/volto-clms-theme/commit/6bb0939d8f2efefa8970ecfc23f244e0ed60dbce)
+- test [`daa9d02`](https://github.com/eea/volto-clms-theme/commit/daa9d020eb1a089afc87ad4b5c83a50ab144a54c)
+- use value attribute [`02b57fe`](https://github.com/eea/volto-clms-theme/commit/02b57fe0a1db2c4d1ec6b3786b12e2e782b0b60c)
+- use a textarea [`58d8d17`](https://github.com/eea/volto-clms-theme/commit/58d8d1710be3d7bade93ffc3ecca6f0173878efc)
+-  change some screen messages [`beed740`](https://github.com/eea/volto-clms-theme/commit/beed740d88f93e73cd3f13611c75cf7acab9dcb6)
+- when copying to clipboard copy the full object [`3717f38`](https://github.com/eea/volto-clms-theme/commit/3717f388fb7c828b7c422c058630c115b891810b)
+- hoem carousel [`01eecf8`](https://github.com/eea/volto-clms-theme/commit/01eecf84e23845c79920004ce9990b282445c0d7)
+- prettier fix [`27aa6c2`](https://github.com/eea/volto-clms-theme/commit/27aa6c223279977d9a8228e845a1b50f02c42253)
+- Api tokens changes [`41e75a1`](https://github.com/eea/volto-clms-theme/commit/41e75a1bca8bc93c0cee8fe675098ac32c464d7a)
+- show Download tab only in items explicitely marked to be downloadable [`0f1884b`](https://github.com/eea/volto-clms-theme/commit/0f1884b83c803e1cab89fbd03edbca3dba12dcb4)
+- change mapviewer link for dataset [`2833557`](https://github.com/eea/volto-clms-theme/commit/28335576b8eebfd3f87c37872a846739f2e25edb)
+- prettier:fix [`8643889`](https://github.com/eea/volto-clms-theme/commit/8643889c14ed42ff72d4fa4f9c0d4493eab237f3)
+- li styles [`6f1c3b0`](https://github.com/eea/volto-clms-theme/commit/6f1c3b07d1ac88fa581344824cfac20e0197c4a6)
+- home text carousel desktop [`9b7402f`](https://github.com/eea/volto-clms-theme/commit/9b7402f3aa0c8d9c8bf46656e0f6af1c521759fb)
+- Header cart icon [`ffd90d6`](https://github.com/eea/volto-clms-theme/commit/ffd90d6d3f294a5ac6db4b3abc8fb70cf3538ff1)
+- fix map-viewer link [`aeb571b`](https://github.com/eea/volto-clms-theme/commit/aeb571bad44ab346104993f847e48e1c996023cd)
+- new distribution info widget [`a3c3edd`](https://github.com/eea/volto-clms-theme/commit/a3c3edde299749644596439a31671bd9e44ecb08)
+- add fields to contact widget [`6493c32`](https://github.com/eea/volto-clms-theme/commit/6493c323fe0564c0e36f7face0f37460d5f20d69)
+- code cleaned [`1ee2dfa`](https://github.com/eea/volto-clms-theme/commit/1ee2dfa606c3f927a8f9042836b71683fe7a1fe0)
+- login modal bug fixed [`2cc3b77`](https://github.com/eea/volto-clms-theme/commit/2cc3b77304863be8c8556f9cff287db6d7ce4a03)
+- reverse last change [`71eb265`](https://github.com/eea/volto-clms-theme/commit/71eb265bcf328208bba079f7b92a0ddf5d27dbf6)
+- redirect to home page if carousel url is empty [`27b129d`](https://github.com/eea/volto-clms-theme/commit/27b129d1bf81cc18b25bba9aa8a7ceec4ab04cd2)
+- contact widget [`dcf1ee4`](https://github.com/eea/volto-clms-theme/commit/dcf1ee477344375e8dd944c56490427aab43e5ec)
+- ESLint fix [`f507e3a`](https://github.com/eea/volto-clms-theme/commit/f507e3a643bc6740d5d3aba0da8d92b1ee28fd81)
+- Empty cart text style [`6e16941`](https://github.com/eea/volto-clms-theme/commit/6e1694176e00d5afaf0c5b8335ab24bf67744abe)
+- dataset catalogue size fixed when logged in [`ce66ec1`](https://github.com/eea/volto-clms-theme/commit/ce66ec11713a273d8bea77f104a457649916868a)
+- Card block image fix [`25535bc`](https://github.com/eea/volto-clms-theme/commit/25535bc0dbcce80a60e6a115f1709e5dd1f04b62)
+- image carousel dots change and text carousel style change [`509eb04`](https://github.com/eea/volto-clms-theme/commit/509eb04e0320de8ea6fe9121ca15498274de170e)
+- Basemap gallery bug fix [`00aed49`](https://github.com/eea/volto-clms-theme/commit/00aed490b48c405edf474b20fad98f5653783a82)
+- text carousel [`0becdb2`](https://github.com/eea/volto-clms-theme/commit/0becdb254318fd010b916adefa0ef7e9ec0b5b79)
+- add dataset citation [`895bbc3`](https://github.com/eea/volto-clms-theme/commit/895bbc3ce48badfd3b03afcecccacba0505508d6)
+- Text and link carousel block created [`c4d8bb3`](https://github.com/eea/volto-clms-theme/commit/c4d8bb34b2fbb1a3f3064f073b0441366a5d2839)
+- add a new data-grid widget [`dd64854`](https://github.com/eea/volto-clms-theme/commit/dd648544afa2c8896981fe0feded18b38f236e79)
+
 #### [1.0.44](https://github.com/eea/volto-clms-theme/compare/1.0.43...1.0.44)
 
+> 1 December 2021
+
+- Develop [`#136`](https://github.com/eea/volto-clms-theme/pull/136)
 - CclLoginModal - external link fixed [`736f348`](https://github.com/eea/volto-clms-theme/commit/736f348712c473d323a8bf2b6a1c6a10ab0aa266)
 - change login modal texts [`b0c98af`](https://github.com/eea/volto-clms-theme/commit/b0c98af08501c830bb175b4ec69ad711c2874da1)
 

package/Jenkinsfile

@@ -10,6 +10,23 @@ pipeline {
 
   stages {
 
+    stage('Release') {
+      when {
+        allOf {
+          environment name: 'CHANGE_ID', value: ''
+          branch 'master'
+        }
+      }
+      steps {
+        node(label: 'docker') {
+          withCredentials([string(credentialsId: 'eea-jenkins-token', variable: 'GITHUB_TOKEN'),string(credentialsId: 'eea-jenkins-npm-token', variable: 'NPM_TOKEN')]) {
+            sh '''docker pull eeacms/gitflow'''
+            sh '''docker run -i --rm --name="$BUILD_TAG-gitflow-master" -e GIT_BRANCH="$BRANCH_NAME" -e GIT_NAME="$GIT_NAME" -e GIT_TOKEN="$GITHUB_TOKEN" -e NPM_TOKEN="$NPM_TOKEN" -e LANGUAGE=javascript eeacms/gitflow'''
+          }
+        }
+      }
+    }
+
     stage('Code') {
       when {
         allOf {
@@ -46,7 +63,6 @@ pipeline {
       when {
         allOf {
           environment name: 'CHANGE_ID', value: ''
-          not { branch 'master' }
           not { changelog '.*^Automated release [0-9\\.]+$' }
         }
       }
@@ -92,7 +108,6 @@ pipeline {
       when {
         allOf {
           environment name: 'CHANGE_ID', value: ''
-          not { branch 'master' }
           not { changelog '.*^Automated release [0-9\\.]+$' }
         }
       }
@@ -191,23 +206,6 @@ pipeline {
       }
     }
 
-    stage('Release') {
-      when {
-        allOf {
-          environment name: 'CHANGE_ID', value: ''
-          branch 'master'
-        }
-      }
-      steps {
-        node(label: 'docker') {
-          withCredentials([string(credentialsId: 'eea-jenkins-token', variable: 'GITHUB_TOKEN'),string(credentialsId: 'eea-jenkins-npm-token', variable: 'NPM_TOKEN')]) {
-            sh '''docker pull eeacms/gitflow'''
-            sh '''docker run -i --rm --name="$BUILD_TAG-gitflow-master" -e GIT_BRANCH="$BRANCH_NAME" -e GIT_NAME="$GIT_NAME" -e GIT_TOKEN="$GITHUB_TOKEN" -e NPM_TOKEN="$NPM_TOKEN" -e LANGUAGE=javascript eeacms/gitflow'''
-          }
-        }
-      }
-    }
-
   }
 
   post {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eeacms/volto-clms-theme",
-  "version": "1.0.44",
+  "version": "1.0.45",
   "description": "volto-clms-theme: Volto theme for CLMS site",
   "main": "src/index.js",
   "author": "CodeSyntax for the European Environment Agency",

package/src/actions/geonetwork/import_geonetwork.js

@@ -0,0 +1,21 @@
+/**
+ * Post meeting register actions.
+ * @module actions/postImportGeonetwork
+ */
+export const POST_IMPORT_GEONETWORK = 'POST_IMPORT_GEONETWORK';
+
+/**
+ * Post import geonetwork.
+ * @function postImportGeonetwork
+ * @returns {Object} Get extra items action.
+ */
+export function postImportGeonetwork(url, id, type) {
+  return {
+    type: POST_IMPORT_GEONETWORK,
+    request: {
+      op: 'post',
+      data: { id: id, type: type },
+      path: `${url}/@import-from-geonetwork`,
+    },
+  };
+}

package/src/actions/index.js

@@ -11,33 +11,47 @@
  * };
  */
 export { getTokens, createTokens, deleteTokens } from './tokens/tokens';
+
 export {
   getExtraBreadcrumbItems,
   GET_EXTRA_BREADCRUMB_ITEMS,
 } from './extra_breadcrumbs/extra_breadcrumb';
+
 export {
   POST_MEETING_REGISTER,
   postMeetingRegister,
 } from './meeting/meeting_register';
+
 export {
   MEETING_SUBSCRIBERS_MANIPULATION,
   MeetingSubscribersManipulation,
 } from './meeting/meeting_subscribers_manipulation';
+
 export {
   MEETING_SUBSCRIBERS,
   MeetingSubscribers,
 } from './meeting/meeting_subscribers';
+
 export {
   POST_DOWNLOADTOOL,
   postDownloadtool,
 } from './downloadtool/post_downloadtool';
+
 export {
   GET_DOWNLOADTOOL,
   getDownloadtool,
 } from './downloadtool/get_downloadtool';
+
 export {
   DELETE_DOWNLOADTOOL,
   deleteDownloadtool,
 } from './downloadtool/delete_downloadtool';
 
 export { GET_REGISTRY, getRegistry } from './registry/registry';
+
+export {
+  POST_IMPORT_GEONETWORK,
+  postImportGeonetwork,
+} from './geonetwork/import_geonetwork';
+
+export { getUserSchema } from './userschema/userschema';

package/src/actions/userschema/userschema.js

@@ -0,0 +1,17 @@
+// eslint-disable-next-line import/no-unresolved
+import { GET_USERSCHEMA } from '../../constants/ActionTypes';
+
+/**
+ * Get the user schema.
+ * @function getUserSchema
+ * @returns {Object} Get the user schema action.
+ */
+export function getUserSchema() {
+  return {
+    type: GET_USERSCHEMA,
+    request: {
+      op: 'get',
+      path: `/@userschema`,
+    },
+  };
+}

package/src/components/Blocks/CclTextLinkCarouselBlock/CclTextLinkCarouselEdit.jsx

@@ -0,0 +1,38 @@
+import React /* , { useState } */ from 'react';
+
+// import { TextLinkCarouselView } from './TextLinkCarouselView';
+import { SidebarPortal } from '@plone/volto/components';
+import InlineForm from '@plone/volto/components/manage/Form/InlineForm';
+import { TextLinkCarouselSchema } from './TextLinkCarouselSchema';
+
+// import { compose } from 'redux';
+// import withObjectBrowser from '@plone/volto/components/manage/Sidebar/ObjectBrowser';
+// import { injectIntl } from 'react-intl';
+
+const TextLinkCarouselEdit = (props) => {
+  const { block, data, onChangeBlock, selected } = props;
+
+  return (
+    <>
+      {data?.textLink?.items.map((item, index) => (
+        <div className="text-link-carousel-block" key={index}>
+          {item.text}
+        </div>
+      ))}
+      <SidebarPortal selected={selected}>
+        <InlineForm
+          schema={TextLinkCarouselSchema()}
+          title="Home text link carousel"
+          onChangeField={(id, value) => {
+            onChangeBlock(block, {
+              ...data,
+              [id]: value,
+            });
+          }}
+          formData={data}
+        />
+      </SidebarPortal>
+    </>
+  );
+};
+export default /*  compose(withObjectBrowser, injectIntl) */ TextLinkCarouselEdit;

package/src/components/Blocks/CclTextLinkCarouselBlock/CclTextLinkCarouselView.jsx

@@ -0,0 +1,41 @@
+import React from 'react';
+import loadable from '@loadable/component';
+const Slider = loadable(() => import('react-slick'));
+
+const TextLinkCarouselView = (props) => {
+  const { data } = props;
+  const slider = React.useRef(null);
+
+  const { tabsList = [], setActiveTab = () => {} } = props;
+  const settings = {
+    dots: false,
+    infinite: true,
+    speed: 500,
+    fade: false,
+    cssEase: 'linear',
+    arrows: false,
+    autoplay: true,
+    autoplaySpeed: 2000,
+    beforeChange: (oldIndex, index) => {
+      setActiveTab(tabsList[index]);
+    },
+  };
+
+  return (
+    <>
+      <div class="ccl-container">
+        <Slider {...settings} ref={slider} className="text-carousel">
+          {data?.textLink?.items.map((item, index) => (
+            <div className="text-link-carousel-block" key={index}>
+              <div className="text-link-carousel-block-content">
+                <a href={'' + item?.link?.[0]?.['@id']}>{item.text}</a>
+              </div>
+            </div>
+          ))}
+        </Slider>
+      </div>
+    </>
+  );
+};
+
+export default TextLinkCarouselView;

package/src/components/Blocks/CclTextLinkCarouselBlock/TextLinkCarouselSchema.js

@@ -0,0 +1,18 @@
+export const TextLinkCarouselSchema = () => ({
+  title: 'Home text link carousel',
+  fieldsets: [
+    {
+      id: 'default',
+      title: 'Default',
+      fields: ['textLink'],
+    },
+  ],
+  properties: {
+    textLink: {
+      title: 'Text and Link',
+      widget: 'text_link_widget',
+      type: 'string',
+    },
+  },
+  required: [],
+});

package/src/components/Blocks/CustomTemplates/VoltoTabsBlock/CclCarouselView.jsx

@@ -3,12 +3,10 @@ import { connect } from 'react-redux';
 import { compose } from 'redux';
 import { withRouter } from 'react-router';
 import loadable from '@loadable/component';
-import { Icon, RenderBlocks } from '@plone/volto/components';
+import { RenderBlocks } from '@plone/volto/components';
 import { withScrollToTarget } from '@eeacms/volto-tabs-block/hocs';
 import './custom.less';
-import rightArrowSVG from '@eeacms/volto-tabs-block/icons/right-arrow.svg';
-import leftArrowSVG from '@eeacms/volto-tabs-block/icons/left-arrow.svg';
-// import cx from 'classnames';
+import cx from 'classnames';
 import 'slick-carousel/slick/slick.css';
 import 'slick-carousel/slick/slick-theme.css';
 import '@eeacms/volto-tabs-block/less/carousel.less';
@@ -29,7 +27,7 @@ const View = (props) => {
   const activeTabIndex = tabsList.indexOf(activeTab);
 
   const settings = {
-    dots: true,
+    dots: false,
     infinite: true,
     speed: 2000,
     fade: true,
@@ -40,6 +38,32 @@ const View = (props) => {
       setActiveTab(tabsList[index]);
     },
   };
+
+  const Dots = (props) => {
+    const { activeTab = null, tabsList = [], slider = {} } = props;
+    return tabsList.length > 1 ? (
+      <ul className={cx('slick-dots', props.uiContainer)} role={'tablist'}>
+        {tabsList.map((tab, index) => (
+          <li
+            key={`dot-${tab}`}
+            className={cx({ 'slick-active': activeTab === tab })}
+            role={'presentation'}
+          >
+            <button
+              onClick={() => {
+                if (slider.current) {
+                  slider.current.slickGoTo(index);
+                }
+              }}
+            />
+          </li>
+        ))}
+      </ul>
+    ) : (
+      ''
+    );
+  };
+
   const ArrowsGroup = (props) => {
     // const { activeTab = null, tabsList = [], slider = {} } = props;
     // const currentSlide = tabsList.indexOf(activeTab);
@@ -55,9 +79,7 @@ const View = (props) => {
               slider.current.slickPrev();
             }
           }}
-        >
-          <Icon name={leftArrowSVG} size="50px" />
-        </button>
+        ></button>
 
         <button
           aria-label="Next slide"
@@ -67,9 +89,7 @@ const View = (props) => {
               slider.current.slickNext();
             }
           }}
-        >
-          <Icon name={rightArrowSVG} size="50px" />
-        </button>
+        ></button>
       </div>
     );
   };
@@ -128,6 +148,7 @@ const View = (props) => {
         {panes.length ? panes.map((pane) => pane.renderItem) : ''}
       </Slider>
       <ArrowsGroup activeTab={activeTab} tabsList={tabsList} slider={slider} />
+      <Dots activeTab={activeTab} tabsList={tabsList} slider={slider} />
     </>
   );
 };

package/src/components/Blocks/CustomTemplates/VoltoTabsBlock/CclProductTabsView.jsx

@@ -23,7 +23,7 @@ const CclProductTabsView = (props) => {
       </div>
       <div className="menu-detail-button">
         <a
-          href={'/' + locale + '/mapviewer?product=' + props.metadata['UID']}
+          href={'/' + locale + '/map-viewer?product=' + props.metadata['UID']}
           className="ccl-button ccl-button--default"
         >
           <FormattedMessage

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

@@ -9,12 +9,18 @@ div.tabs-block.CCLCarousel {
     left: 50% !important;
     width: 100vw !important;
     max-width: initial !important;
-    // margin-top: -2rem;
     margin-right: -50vw !important;
     margin-left: -50vw !important;
   }
 }
 
+.slick-slider.text-carousel {
+  div & {
+    z-index: 1;
+    width: 60%;
+  }
+}
+
 .tabs-block .slick-slider {
   z-index: 1;
 }
@@ -22,3 +28,51 @@ div.tabs-block.CCLCarousel {
 .slick-arrows {
   margin-top: -2rem !important;
 }
+
+.text-link-carousel-block {
+  height: 2rem;
+  padding: 0;
+}
+
+.text-link-carousel-block-content {
+  display: flex;
+  height: 2rem;
+  flex-direction: column;
+  justify-content: center;
+}
+
+.text-link-carousel-block .text-link-carousel-block-content > a,
+.text-link-carousel-block .text-link-carousel-block-content > a:hover {
+  color: #fff;
+}
+
+p.styled-slate {
+  margin-bottom: 0;
+}
+
+@media (max-width: 1200px) {
+  .text-link-carousel-block {
+    height: fit-content !important;
+    margin: 0.5rem;
+    margin-top: -2rem;
+  }
+
+  .text-carousel {
+    margin: 0.5rem;
+    margin-top: -2rem;
+  }
+
+  .text-link-carousel-block-content {
+    height: fit-content !important;
+  }
+}
+
+@media (max-width: 420px) {
+  .text-link-carousel-block {
+    margin-top: -4rem;
+  }
+
+  .text-carousel {
+    margin-top: -4rem;
+  }
+}

package/src/components/Blocks/customBlocks.js

@@ -68,6 +68,9 @@ import CclRelatedListingView from '@eeacms/volto-clms-theme/components/Blocks/Cc
 import CclRelatedListingEdit from '@eeacms/volto-clms-theme/components/Blocks/CclRelatedListingBlock/CclRelatedListingEdit';
 import RelatedListingSchema from '@eeacms/volto-clms-theme/components/Blocks/CclRelatedListingBlock/schema';
 
+import TextLinkCarouselView from '@eeacms/volto-clms-theme/components/Blocks/CclTextLinkCarouselBlock/CclTextLinkCarouselView';
+import TextLinkCarouselEdit from '@eeacms/volto-clms-theme/components/Blocks/CclTextLinkCarouselBlock/CclTextLinkCarouselEdit';
+
 import upSVG from '@plone/volto/icons/up-key.svg';
 import downSVG from '@plone/volto/icons/down-key.svg';
 
@@ -436,6 +439,22 @@ const customBlocks = (config) => ({
       },
     ],
   },
+  textLinkCarousel: {
+    id: 'textLinkCarousel', // The name (id) of the block
+    title: 'Text and Link Carousel', // The display name of the block
+    icon: homeBand, // The icon used in the block chooser
+    group: 'ccl_blocks', // The group (blocks can be grouped, displayed in the chooser)
+    view: TextLinkCarouselView, // The view mode component
+    edit: TextLinkCarouselEdit, // The edit mode component
+    restricted: false, // If the block is restricted, it won't show in the chooser
+    mostUsed: false, // A meta group `most used`, appearing at the top of the chooser
+    blockHasOwnFocusManagement: false, // Set this to true if the block manages its own focus
+    sidebarTab: 1, // The sidebar tab you want to be selected when selecting the block
+    security: {
+      addPermission: [], // Future proof (not implemented yet) add user permission role(s)
+      view: [], // Future proof (not implemented yet) view user role(s)
+    },
+  },
 });
 
 export default customBlocks;