@eeacms/volto-embed 10.1.1 → 10.1.3

package/locales/volto.pot

@@ -1,111 +1,257 @@
 msgid ""
 msgstr ""
 "Project-Id-Version: Plone\n"
-"POT-Creation-Date: 2023-12-12T14:17:31.174Z\n"
+"POT-Creation-Date: 2025-01-08T13:34:41.757Z\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"
 "Content-Type: text/plain; charset=utf-8\n"
 "Content-Transfer-Encoding: 8bit\n"
 "Plural-Forms: nplurals=1; plural=0;\n"
+"MIME-Version: 1.0\n"
 "Language-Code: en\n"
 "Language-Name: English\n"
 "Preferred-Encodings: utf-8\n"
 "Domain: volto\n"
 
+#. Default: "Alignment"
 #: Blocks/Maps/schema
-# defaultMessage: Alignment
 msgid "Alignment"
 msgstr ""
 
+#. Default: "Alt text"
 #: Blocks/Maps/schema
-# defaultMessage: Alt text
 msgid "Alt text"
 msgstr ""
 
+#. Default: "CSS height"
 #: Blocks/EmbedMaps/schema
 #: Blocks/Maps/schema
-# defaultMessage: CSS height
 msgid "CSS height"
 msgstr ""
 
+#. Default: "Center"
 #: Blocks/Maps/Edit
-# defaultMessage: Center
 msgid "Center"
 msgstr ""
 
+#. Default: "ESRI Maps Embedded Block"
 #: Blocks/Maps/Edit
-# defaultMessage: ESRI Maps Embedded Block
 msgid "ESRI Maps Embedded Block"
 msgstr ""
 
+#. Default: "Embed code error, please follow the instructions and try again."
 #: Blocks/Maps/Edit
 #: Widgets/MapsWidget
-# defaultMessage: Embed code error, please follow the instructions and try again.
 msgid "Embed code error, please follow the instructions and try again."
 msgstr ""
 
+#. Default: "Embeded ESRI Maps"
 #: Blocks/Maps/View
 #: EmbedMap/EmbedMap
-# defaultMessage: Embeded ESRI Maps
 msgid "Embeded ESRI Maps"
 msgstr ""
 
+#. Default: "Enter map Embed Code"
 #: Blocks/Maps/Edit
 #: Widgets/MapsWidget
-# defaultMessage: Enter map Embed Code
 msgid "Enter map Embed Code"
 msgstr ""
 
+#. Default: "Full"
 #: Blocks/Maps/Edit
-# defaultMessage: Full
 msgid "Full"
 msgstr ""
 
+#. Default: "Left"
 #: Blocks/Maps/Edit
-# defaultMessage: Left
 msgid "Left"
 msgstr ""
 
+#. Default: "Live image generated"
 #: PrivacyProtection/PrivacyProtection
-# defaultMessage: Live image generated
 msgid "Live image generated"
 msgstr ""
 
+#. Default: "Map height"
 #: Blocks/EmbedMaps/schema
 #: Blocks/Maps/schema
-# defaultMessage: Map height
 msgid "Map height"
 msgstr ""
 
+#. Default: "Maps"
 #: Blocks/Maps/MapsSidebar
 #: Blocks/Maps/schema
-# defaultMessage: Maps
 msgid "Maps"
 msgstr ""
 
+#. Default: "Maps URL"
 #: Blocks/Maps/schema
-# defaultMessage: Maps URL
 msgid "Maps URL"
 msgstr ""
 
+#. Default: "No map selected"
 #: Blocks/Maps/MapsSidebar
-# defaultMessage: No map selected
 msgid "No map selected"
 msgstr ""
 
+#. Default: "Please enter the embed code or URL for the ESRI webmap."
 #: Blocks/Maps/Edit
 #: Widgets/MapsWidget
-# defaultMessage: Please enter the embed code or URL for the ESRI webmap.
 msgid "Please enter the embed code or URL for the ESRI webmap."
 msgstr ""
 
+#. Default: "Right"
 #: Blocks/Maps/Edit
-# defaultMessage: Right
 msgid "Right"
 msgstr ""
 
+#. Default: "Success"
 #: PrivacyProtection/PrivacyProtection
-# defaultMessage: Success
 msgid "Success"
 msgstr ""
+
+#. Default: "Use screen height"
+#: Blocks/Maps/schema
+msgid "Use screen height"
+msgstr ""
+
+#. Default: "Background image"
+#: PrivacyProtection/schema
+msgid "backgroundImage"
+msgstr ""
+
+#. Default: "The component will automatically generate a static image as placeholder from the URL of the map defined. This image is refreshed on page edit. To override this, upload an image here"
+#: PrivacyProtection/schema
+msgid "backgroundImageDescription"
+msgstr ""
+
+#. Default: "CSS Height"
+#: Blocks/EmbedMaps/schema
+msgid "cssHeight"
+msgstr ""
+
+#. Default: "Set the height of the map component using CSS height values."
+#: Blocks/EmbedMaps/schema
+msgid "cssMapHeightDescription"
+msgstr ""
+
+#. Default: "Data Protection"
+#: PrivacyProtection/schema
+#: PrivacyProtection/utils
+msgid "dataProtection"
+msgstr ""
+
+#. Default: "Embed interactive Map"
+#: Blocks/EmbedMaps/schema
+msgid "Embed interactive Map"
+msgstr ""
+
+#. Default: "Data protection disclaimer enabled"
+#: PrivacyProtection/schema
+msgid "enabled"
+msgstr ""
+
+#. Default: "Enable/disable the privacy protection"
+#: PrivacyProtection/schema
+msgid "enabledDescription"
+msgstr ""
+
+#. Default: "Default"
+#: Blocks/EmbedMaps/schema
+msgid "mapDefaultLabel"
+msgstr ""
+
+#. Default: "Please select a map from block editor."
+#: Blocks/EmbedMaps/View
+msgid "mapSelection"
+msgstr ""
+
+#. Default: "Map url"
+#: Blocks/EmbedMaps/schema
+msgid "mapUrl"
+msgstr ""
+
+#. Default: "Value"
+#: Blocks/EmbedMaps/schema
+msgid "mapValueLabel"
+msgstr ""
+
+#. Default: "Set a list of parameters."
+#: Blocks/EmbedMaps/schema
+msgid "parametersDescription"
+msgstr ""
+
+#. Default: "Parameters"
+#: Blocks/EmbedMaps/schema
+msgid "parametersTitle"
+msgstr ""
+
+#. Default: "Privacy cookie key"
+#: PrivacyProtection/schema
+msgid "privacyCookieKey"
+msgstr ""
+
+#. Default: "Use default for Esri maps, otherwise change"
+#: PrivacyProtection/schema
+msgid "privacyCookieKeyDescription"
+msgstr ""
+
+#. Default: "Privacy statement"
+#: PrivacyProtection/schema
+msgid "privacyStatement"
+msgstr ""
+
+#. Default: "Defined in template. Change only if necessary"
+#: PrivacyProtection/schema
+msgid "privacyStatementDescription"
+msgstr ""
+
+#. Default: "esri.com"
+#: PrivacyProtection/schema
+msgid "privacyStatementLink"
+msgstr ""
+
+#. Default: "This map is hosted by a third party, Environmental Systems Research Institute. By showing the external content you accept the terms and conditions of"
+#: PrivacyProtection/schema
+msgid "privacyStatementPart1"
+msgstr ""
+
+#. Default: ". This includes their cookie policies, which we have no control over."
+#: PrivacyProtection/schema
+msgid "privacyStatementPart2"
+msgstr ""
+
+#. Default: "Show enlarge button"
+#: Blocks/EmbedMaps/schema
+msgid "showEnlargeButton"
+msgstr ""
+
+#. Default: "Show more info"
+#: Blocks/EmbedMaps/schema
+msgid "showMoreInfo"
+msgstr ""
+
+#. Default: "Show note"
+#: Blocks/EmbedMaps/schema
+msgid "showNote"
+msgstr ""
+
+#. Default: "Show share button"
+#: Blocks/EmbedMaps/schema
+msgid "showShareButton"
+msgstr ""
+
+#. Default: "Show sources"
+#: Blocks/EmbedMaps/schema
+msgid "showSources"
+msgstr ""
+
+#. Default: "Will show sources set in this page Data provenance"
+#: Blocks/EmbedMaps/schema
+msgid "showSourcesDescription"
+msgstr ""
+
+#. Default: "Toolbar"
+#: Blocks/EmbedMaps/schema
+msgid "toolbar"
+msgstr ""

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eeacms/volto-embed",
-  "version": "10.1.1",
+  "version": "10.1.3",
   "description": "Embed external content",
   "main": "src/index.js",
   "author": "European Environment Agency: IDM2 A-Team",

package/src/Blocks/EmbedMaps/View.jsx

@@ -6,6 +6,14 @@ import { getContent } from '@plone/volto/actions';
 import { flattenToAppURL } from '@plone/volto/helpers';
 import EmbedMap from '@eeacms/volto-embed/EmbedMap/EmbedMap';
 import { pickMetadata } from '@eeacms/volto-embed/helpers';
+import { defineMessages, useIntl } from 'react-intl';
+
+const messages = defineMessages({
+  interactiveMapSelection: {
+    id: 'mapSelection',
+    defaultMessage: 'Please select a map from block editor.',
+  },
+});
 
 let timer;
 
@@ -78,6 +86,8 @@ function View(props) {
     getParameters({ parameters, data_query }),
   );
 
+  const intl = useIntl();
+
   useEffect(() => {
     debounce(() => {
       setQueryParams(
@@ -97,7 +107,9 @@ function View(props) {
   }, [id, getContent, mode, url, maps]);
 
   if (mode === 'edit' && !url) {
-    return <Message>Please select a map from block editor.</Message>;
+    return (
+      <Message>{intl.formatMessage(messages.interactiveMapSelection)}</Message>
+    );
   }
 
   if (maps?.error) {

package/src/Blocks/EmbedMaps/schema.js

@@ -9,47 +9,114 @@ const messages = defineMessages({
     id: 'Map height',
     defaultMessage: 'Map height',
   },
+  defaultLabel: {
+    id: 'mapDefaultLabel',
+    defaultMessage: 'Default',
+  },
+  valueLabel: {
+    id: 'mapValueLabel',
+    defaultMessage: 'Value',
+  },
+  embedInteractiveMap: {
+    id: 'embedInteractiveMap',
+    defaultMessage: 'Embed interactive Map',
+  },
+  toolbar: {
+    id: 'toolbar',
+    defaultMessage: 'Toolbar',
+  },
+  mapUrl: {
+    id: 'mapUrl',
+    defaultMessage: 'Map url',
+  },
+  cssHeight: {
+    id: 'cssHeight',
+    defaultMessage: 'CSS Height',
+  },
+  cssMapHeightDescription: {
+    id: 'cssMapHeightDescription',
+    defaultMessage:
+      'Set the height of the map component using CSS height values.',
+  },
+  showNote: {
+    id: 'showNote',
+    defaultMessage: 'Show note',
+  },
+  showSources: {
+    id: 'showSources',
+    defaultMessage: 'Show sources',
+  },
+  showSourcesDescription: {
+    id: 'showSourcesDescription',
+    defaultMessage: 'Will show sources set in this page Data provenance',
+  },
+  showMoreInfo: {
+    id: 'showMoreInfo',
+    defaultMessage: 'Show more info',
+  },
+  showEnlargeButton: {
+    id: 'showEnlargeButton',
+    defaultMessage: 'Show enlarge button',
+  },
+  showShareButton: {
+    id: 'showShareButton',
+    defaultMessage: 'Show share button',
+  },
+  parametersTitle: {
+    id: 'parametersTitle',
+    defaultMessage: 'Parameters',
+  },
+  parametersDescription: {
+    id: 'parametersDescription',
+    defaultMessage: 'Set a list of parameters.',
+  },
 });
 
-const parameters = {
+const parameters = (intl) => ({
   title: 'Parameter',
-  fieldsets: [{ id: 'default', title: 'Default', fields: ['field', 'value'] }],
+  fieldsets: [
+    {
+      id: 'default',
+      title: intl.formatMessage(messages.defaultLabel),
+      fields: ['field', 'value'],
+    },
+  ],
   properties: {
     field: {
       title: 'Name',
       type: 'text',
     },
     value: {
-      title: 'Value',
+      title: intl.formatMessage(messages.valueLabel),
       type: 'text',
     },
   },
   required: [],
-};
+});
 
 const getSchema = (props) => {
   return {
-    title: 'Embed interactive Map',
+    title: props.intl.formatMessage(messages.embedInteractiveMap),
     fieldsets: [
       {
         id: 'default',
-        title: 'Default',
+        title: props.intl.formatMessage(messages.defaultLabel),
         fields: ['url', 'height'],
       },
       {
         id: 'toolbar',
-        title: 'Toolbar',
+        title: props.intl.formatMessage(messages.toolbar),
         fields: ['with_notes', 'with_more_info', 'with_share', 'with_enlarge'],
       },
       {
         id: 'parameters',
-        title: 'Parameters',
+        title: props.intl.formatMessage(messages.parametersTitle),
         fields: ['parameters'],
       },
     ],
     properties: {
       url: {
-        title: 'Map url',
+        title: props.intl.formatMessage(messages.mapUrl),
         widget: 'internal_url',
       },
       height: {
@@ -59,42 +126,42 @@ const getSchema = (props) => {
             target="_blank"
             href="https://developer.mozilla.org/en-US/docs/Web/CSS/height"
           >
-            {props.intl.formatMessage(messages.CSSHeight)}
+            {props.intl.formatMessage(messages.cssHeight)}
           </a>
         ),
-        description: props.intl.formatMessage(messages.CSSMapHeightDescription),
+        description: props.intl.formatMessage(messages.cssMapHeightDescription),
       },
       with_notes: {
-        title: 'Show note',
+        title: props.intl.formatMessage(messages.showNote),
         type: 'boolean',
         defaultValue: true,
       },
       with_sources: {
-        title: 'Show sources',
-        description: 'Will show sources set in this page Data provenance',
+        title: props.intl.formatMessage(messages.showSources),
+        description: props.intl.formatMessage(messages.showSourcesDescription),
         type: 'boolean',
         defaultValue: true,
       },
       with_more_info: {
-        title: 'Show more info',
+        title: props.intl.formatMessage(messages.showMoreInfo),
         type: 'boolean',
         defaultValue: true,
       },
       with_enlarge: {
-        title: 'Show enlarge button',
+        title: props.intl.formatMessage(messages.showEnlargeButton),
         type: 'boolean',
         defaultValue: true,
       },
       with_share: {
-        title: 'Show share button',
+        title: props.intl.formatMessage(messages.showShareButton),
         type: 'boolean',
         defaultValue: true,
       },
       parameters: {
-        title: 'Parameters',
+        title: props.intl.formatMessage(messages.parametersTitle),
         widget: 'object_list',
-        schema: parameters,
-        description: 'Set a list of parameters.',
+        schema: parameters(props.intl),
+        description: props.intl.formatMessage(messages.parametersDescription),
       },
     },
 

package/src/Blocks/Maps/MapsSidebar.jsx

@@ -20,7 +20,10 @@ const messages = defineMessages({
 const MapsSidebar = (props) => {
   const { data, block, onChangeBlock } = props;
   const intl = useIntl();
-  const schema = addPrivacyProtectionToSchema(MapsSchema({ ...props, intl }));
+  const schema = addPrivacyProtectionToSchema(
+    MapsSchema({ ...props, intl }),
+    intl,
+  );
 
   return (
     <>

package/src/Blocks/Maps/schema.js

@@ -25,6 +25,10 @@ const messages = defineMessages({
     id: 'Map height',
     defaultMessage: 'Map height',
   },
+  useScreenHeight: {
+    id: 'Use screen height',
+    defaultMessage: 'Use screen height',
+  },
 });
 
 export const MapsSchema = (props) => {
@@ -64,7 +68,7 @@ export const MapsSchema = (props) => {
         description: props.intl.formatMessage(messages.CSSMapHeightDescription),
       },
       useScreenHeight: {
-        title: 'Use screen height',
+        title: props.intl.formatMessage(messages.useScreenHeight),
         type: 'boolean',
         default: false,
       },

package/src/PrivacyProtection/PrivacyProtection.jsx

@@ -260,7 +260,7 @@ const PrivacyProtection = (props) => {
                 <p className="discreet">
                   {serializeNodes(
                     privacy_statement ||
-                      ProtectionSchema().properties.privacy_statement
+                      ProtectionSchema(intl).properties.privacy_statement
                         .defaultValue,
                   )}
                 </p>

package/src/PrivacyProtection/schema.js

@@ -1,5 +1,61 @@
-export const ProtectionSchema = () => ({
-  title: 'Data Protection',
+import { defineMessages } from 'react-intl';
+
+const messages = defineMessages({
+  dataProtection: {
+    id: 'dataProtection',
+    defaultMessage: 'Data Protection',
+  },
+  privacyStatement: {
+    id: 'privacyStatement',
+    defaultMessage: 'Privacy statement',
+  },
+  privacyStatementDescription: {
+    id: 'privacyStatementDescription',
+    defaultMessage: 'Defined in template. Change only if necessary',
+  },
+  privacyCookieKey: {
+    id: 'privacyCookieKey',
+    defaultMessage: 'Privacy cookie key',
+  },
+  privacyCookieKeyDescription: {
+    id: 'privacyCookieKeyDescription',
+    defaultMessage: 'Use default for Esri maps, otherwise change',
+  },
+  enabled: {
+    id: 'enabled',
+    defaultMessage: 'Data protection disclaimer enabled',
+  },
+  enabledDescription: {
+    id: 'enabledDescription',
+    defaultMessage: 'Enable/disable the privacy protection',
+  },
+  backgroundImage: {
+    id: 'backgroundImage',
+    defaultMessage: 'Background image',
+  },
+  backgroundImageDescription: {
+    id: 'backgroundImageDescription',
+    defaultMessage:
+      'The component will automatically generate a static image as placeholder from the URL of the map defined. This image is refreshed on page edit. To override this, upload an image here',
+  },
+  privacyStatementPart1: {
+    id: 'privacyStatementPart1',
+    defaultMessage:
+      'This map is hosted by a third party, Environmental Systems Research Institute. By showing the external content you accept the terms and conditions of ',
+  },
+  privacyStatementLink: {
+    id: 'privacyStatementLink',
+    defaultMessage: 'esri.com',
+  },
+  privacyStatementPart2: {
+    id: 'privacyStatementPart2',
+    defaultMessage:
+      '. This includes their cookie policies, which we have no control over.',
+  },
+});
+
+export const ProtectionSchema = (intl) => ({
+  title: intl.formatMessage(messages.dataProtection),
 
   fieldsets: [
     {
@@ -16,46 +72,45 @@ export const ProtectionSchema = () => ({
 
   properties: {
     privacy_statement: {
-      title: 'Privacy statement',
-      description: 'Defined in template. Change only if necessary',
+      title: intl.formatMessage(messages.privacyStatement),
+      description: intl.formatMessage(messages.privacyStatementDescription),
       widget: 'slate_richtext',
       className: 'slate-Widget',
       defaultValue: [
         {
           children: [
             {
-              text: 'This map is hosted by a third party, Environmental Systems Research Institute. By showing the external content you accept the terms and conditions of ',
+              text: intl.formatMessage(messages.privacyStatementPart1),
             },
             {
               type: 'a',
               url: 'https://www.esri.com',
               children: [
                 {
-                  text: 'esri.com',
+                  text: intl.formatMessage(messages.privacyStatementLink),
                 },
               ],
             },
             {
-              text: '. This includes their cookie policies, which we have no control over.',
+              text: intl.formatMessage(messages.privacyStatementPart2),
             },
           ],
         },
       ],
     },
     privacy_cookie_key: {
-      title: 'Privacy cookie key',
-      description: 'Use default for Esri maps, otherwise change',
+      title: intl.formatMessage(messages.privacyCookieKey),
+      description: intl.formatMessage(messages.privacyCookieKeyDescription),
       defaultValue: 'esri-maps',
     },
     enabled: {
-      title: 'Data protection disclaimer enabled',
-      description: 'Enable/disable the privacy protection',
+      title: intl.formatMessage(messages.enabled),
+      description: intl.formatMessage(messages.enabledDescription),
       type: 'boolean',
     },
     background_image: {
-      title: 'Background image',
-      description:
-        'The component will automatically generate a static image as placeholder from the URL of the map defined. This image is refreshed on page edit. To override this, upload an image here',
+      title: intl.formatMessage(messages.backgroundImage),
+      description: intl.formatMessage(messages.backgroundImageDescription),
       widget: 'file',
     },
   },

package/src/PrivacyProtection/utils.js

@@ -1,20 +1,28 @@
 import { ProtectionSchema } from './schema';
+import { defineMessages } from 'react-intl';
 
-export const addPrivacyProtectionToSchema = (schema) => {
+const messages = defineMessages({
+  dataProtection: {
+    id: 'dataProtection',
+    defaultMessage: 'Data Protection',
+  },
+});
+
+export const addPrivacyProtectionToSchema = (schema, intl) => {
   return {
     ...schema,
     fieldsets: [
       ...schema.fieldsets,
       {
         fields: ['dataprotection'],
-        title: 'Data Protection',
+        title: intl.formatMessage(messages.dataProtection),
       },
     ],
     properties: {
       ...schema.properties,
       dataprotection: {
         widget: 'object',
-        schema: ProtectionSchema(),
+        schema: ProtectionSchema(intl),
       },
     },
   };